.page-banner{background:linear-gradient(90deg,#b91c1c,#dc2626,#ef4444,#dc2626,#b91c1c);border-radius:4px;height:6px;margin-bottom:1.5rem}.breadcrumb{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem;font-size:.7rem;font-weight:700}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--text-primary)}.bc-sep{margin:0 .4rem}.page-title{letter-spacing:-.02em;margin-bottom:.75rem;font-size:2rem;font-weight:800}.page-desc{color:var(--text-secondary);max-width:700px;margin-bottom:2rem;font-size:.9rem;line-height:1.6}.filters-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-group{flex-direction:column;gap:.25rem;display:flex}.filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:700}.filter-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;appearance:auto;border-radius:6px;padding:.45rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600}.focus-tabs{gap:.25rem;display:flex}.focus-tab{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:.45rem 1rem;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .15s}.focus-tab:hover{border-color:var(--accent)}.focus-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.hero-spotlight{gap:1rem;margin-bottom:1.5rem;display:flex}.spotlight-main{border:1px solid var(--border);background:linear-gradient(135deg,#1a1a2e,#2d1f1f);border-radius:12px;flex:1;padding:2rem}.spotlight-label{color:#ffa94d;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:700}.spotlight-name{margin:.25rem 0 .5rem;font-size:2rem;font-weight:800}.spotlight-desc{color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem}.spotlight-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;font-weight:700}.spotlight-leaders{flex-direction:column;gap:.5rem;width:220px;display:flex}.leader-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.75rem}.leader-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6rem;font-weight:700;display:block}.leader-name{font-size:1rem;font-weight:800;display:block}.leader-val{color:#ffd43b;font-size:.8rem;font-weight:600;display:block}.ranking-header{background:linear-gradient(90deg,#2d1f1f,#1a1a2e);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.75rem 1rem;display:flex}.ranking-title{font-size:1.1rem;font-weight:800}.ranking-sub{color:#ffa94d;font-size:.75rem}.ranking-hint{color:#ef4444;text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:700}.ranking-list{flex-direction:column;gap:.5rem;display:flex}.rank-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:1rem;padding:1rem;transition:border-color .15s;display:flex}.rank-card:hover{border-color:var(--accent)}.rank-left{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;width:50px;display:flex}.rank-num{color:var(--text-muted);font-size:.75rem;font-weight:700}.rank-tier{border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:800;display:flex}.rank-hero-icon{font-size:1.5rem}.rank-info{flex:1;min-width:0}.rank-name-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.rank-hero-name{font-size:1.05rem;font-weight:800}.rank-subtitle{color:var(--text-muted);font-size:.8rem}.rank-tags{gap:.25rem;margin-left:auto;display:flex}.rank-tag{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;border-radius:3px;padding:.15rem .4rem;font-size:.55rem;font-weight:700}.rank-bars{margin-bottom:.35rem}.rank-bar-row{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.bar-label{color:var(--text-muted);width:35px;font-size:.75rem}.bar-track{background:var(--bg-tertiary);border-radius:4px;flex:1;height:8px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .3s}.bar-boss{background:linear-gradient(90deg,#51cf66,#37b24d)}.bar-farm{background:linear-gradient(90deg,#ffa94d,#fd7e14)}.bar-val{color:var(--text-primary);text-align:right;min-width:60px;font-size:.8rem;font-weight:700}.rank-build-name{color:var(--text-muted);font-size:.75rem}.rank-score-block{flex-direction:column;flex-shrink:0;align-items:center;width:100px;display:flex}.score-label{color:var(--text-muted);text-transform:uppercase;font-size:.6rem}.score-val{font-size:1.5rem;font-weight:800}.score-pct{color:var(--text-muted);margin-bottom:.35rem;font-size:.6rem}.open-bis-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:5px;padding:.35rem .75rem;font-family:inherit;font-size:.7rem;font-weight:700}.open-bis-btn:hover{border-color:var(--accent)}@media (width<=900px){.hero-spotlight{flex-direction:column}.spotlight-leaders{flex-direction:row;width:100%}.rank-card{flex-wrap:wrap}.rank-tags{margin-left:0}}