*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#0f1117;color:#e0e0e0;padding:2rem;max-width:1100px;margin:0 auto}header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}h1{font-size:1.5rem;font-weight:700}.site-name{font-size:1.4rem;font-weight:600;color:#fff}button{padding:.5rem 1.2rem;background:#f59e0b;color:#000;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer}button:hover{background:#fbbf24}button:disabled{opacity:.5;cursor:not-allowed}#status{font-size:.8rem;color:#888}.tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:1px solid #2a2a2a}.tab{padding:.6rem 1.2rem;font-size:.85rem;cursor:pointer;color:#888;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:#ccc}.tab.active{color:#f59e0b;border-bottom-color:#f59e0b}.controls{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}#empty{padding:3rem;text-align:center;color:#555}.pane{display:none}.pane.active{display:block}.hero-cell{display:flex;align-items:center;gap:.6rem}.portrait{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#2a2a2a;flex-shrink:0}.role-badge{display:inline-block;padding:.15rem 0;border-radius:4px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;width:62px;text-align:center;flex-shrink:0}.role-TANK{background:#1e3a5f;color:#60a5fa}.role-DAMAGE{background:#3f1515;color:#f87171}.role-SUPPORT{background:#1a3a1a;color:#4ade80}.platform-badge{font-size:.65rem;padding:.15rem .45rem;border-radius:4px;background:#1f2430;color:#9aa4bf;border:1px solid #2e3650;text-transform:uppercase;letter-spacing:.05em}.platform-twin{font-size:.72rem;color:#888}.num{font-variant-numeric:tabular-nums}.filter-btn{padding:.3rem .8rem;background:#1e1e2e;color:#888;border:1px solid #2a2a2a;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer}.filter-btn:hover{color:#ccc;border-color:#444}.filter-btn.active{color:#fff;border-color:#f59e0b;background:#2a2010}.hero-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.hero-chip{display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;padding:.4rem;border-radius:8px;border:2px solid transparent;width:66px;transition:border-color .15s,background .15s}.hero-chip:hover{border-color:#444;background:#181822}.hero-chip.selected{border-color:#f59e0b;background:#1e1a0a}.hero-chip .chip-portrait{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#2a2a2a;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#888;overflow:hidden}.hero-chip img{width:44px;height:44px;border-radius:50%;object-fit:cover}.hero-chip .chip-name{font-size:.65rem;color:#888;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.hero-chip.selected .chip-name{color:#f59e0b}#hero-detail,#map-detail{background:#13151f;border:1px solid #2a2a2a;border-radius:8px;padding:1.5rem}@keyframes detail-flash{0%{box-shadow:0 0 0 2px #f59e0b88}60%{box-shadow:0 0 0 6px #f59e0b22}to{box-shadow:0 0 0 0 transparent}}#hero-detail.detail-flash{animation:detail-flash .6s ease-out forwards}.detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.detail-portrait{width:72px;height:72px;border-radius:50%;object-fit:cover;background:#2a2a2a;flex-shrink:0}.detail-header-info{display:flex;flex-direction:column;gap:.4rem}.detail-name{font-size:1.3rem;font-weight:700;color:#fff;margin:0}.detail-tags{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.comp-tag{padding:.15rem .5rem;border-radius:4px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.detail-playstyle{font-size:.85rem;color:#aaa;line-height:1.6;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #2a2a2a}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #2a2a2a}.detail-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#666;margin-bottom:.75rem}.ability-list{display:flex;flex-direction:column;gap:.55rem}.ability-item{display:flex;gap:.5rem}.ability-name{font-size:.78rem;font-weight:600;color:#c0a070;white-space:nowrap;min-width:100px}.ability-desc{font-size:.78rem;color:#999;line-height:1.4}.meta-text{font-size:.85rem;color:#aaa;line-height:1.7}.meta-no-data{font-size:.8rem;color:#555;font-style:italic}.tier-chart{display:flex;flex-direction:column;gap:.35rem;margin-top:.75rem}.tier-row{display:flex;align-items:center;gap:.5rem}.tier-label{font-size:.72rem;color:#888;width:80px;flex-shrink:0}.tier-bar-bg{flex:1;height:6px;background:#222;border-radius:3px;overflow:hidden}.tier-bar-fill{height:100%;border-radius:3px;background:#4ade80}.tier-bar-fill.ban-bar-fill{background:#fb923c}.tier-val{font-size:.72rem;color:#aaa;font-variant-numeric:tabular-nums;width:40px;text-align:right}.map-perf-list{display:flex;flex-direction:column;gap:.3rem}.map-row,.map-head{display:grid;grid-template-columns:130px 60px minmax(0,1fr) 42px 40px 46px 64px;gap:.6rem;align-items:center}.map-perf-list.no-bans .map-row,.map-perf-list.no-bans .map-head{grid-template-columns:130px 60px minmax(0,1fr) 42px 40px 46px}.map-perf-list.cmp-maps .map-row{grid-template-columns:130px 60px max-content minmax(0,1fr)}.map-head{color:#555;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.1rem}.map-head .h-val,.map-head .h-ban{text-align:right}.map-head .h-fit{text-align:center}.map-name{font-size:.75rem;color:#aaa;cursor:pointer;text-decoration:underline dotted}.map-name:hover{color:#f59e0b}.map-type-badge{font-size:.6rem;color:#666}.map-bar-bg{height:5px;background:#222;border-radius:3px;overflow:hidden}.map-bar-fill{height:100%;border-radius:3px}.map-bar-above{background:#4ade80}.map-bar-below{background:#f87171}.map-val{font-size:.75rem;color:#aaa;font-variant-numeric:tabular-nums;text-align:right}.map-delta-label{font-size:.7rem;font-variant-numeric:tabular-nums}.map-delta-label.pos{color:#4ade80}.map-delta-label.neg{color:#f87171}.map-ban{font-size:.7rem;color:#888;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:.3rem;justify-content:flex-end}.map-ban-arrow{font-size:.8rem;line-height:1;font-weight:700}.map-ban-arrow.pos{color:#fb923c}.map-guide-summary{color:#cbd5e1;font-size:.85rem;margin:.25rem 0}.map-fit-legend{color:#666;font-size:.7rem;margin:0 0 .75rem}.map-fit{font-size:.7rem;text-align:center;letter-spacing:-.08em;cursor:help}.map-fit-great{color:#4ade80}.map-fit-good{color:#4ade80;opacity:.6}.map-fit-none{color:#3a3f4a}.map-fit-poor{color:#f87171;opacity:.6}.map-fit-bad{color:#f87171}.map-reason{color:#8b93a7;font-size:.72rem;margin:-.15rem 0 .4rem .25rem}.map-ban-arrow.neg{color:#6b7280}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;margin-bottom:1.5rem}.map-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;padding:.75rem .5rem;border-radius:8px;border:1px solid #222;background:#161822;transition:border-color .15s,background .15s}.map-chip:hover{border-color:#444;background:#1c1e2e}.map-chip.selected{border-color:#f59e0b;background:#1e1a0a}.map-chip-icon{font-size:1.3rem;line-height:1;color:#666}.map-chip.selected .map-chip-icon{color:#f59e0b}.map-chip-name{font-size:.8rem;color:#ccc;font-weight:500;text-align:center}.map-chip.selected .map-chip-name{color:#f59e0b}.map-chip-type{font-size:.62rem;color:#555;text-transform:uppercase;letter-spacing:.04em}.map-description{font-size:.85rem;color:#aaa;line-height:1.5;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #2a2a2a}.terrain-tag{display:inline-block;padding:.12rem .4rem;border-radius:4px;font-size:.62rem;font-weight:500;background:#1e1e2e;color:#888;border:1px solid #2a2a2a}.map-detail-type{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.outlier-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #2a2a2a}.map-hero-list{display:flex;flex-direction:column;gap:0;width:fit-content;margin:0 auto}.map-hero-row{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem;border-bottom:1px solid #1a1c28;border-radius:4px}.map-hero-row:hover{background:#161822}.hero-cell{min-width:0}.map-hero-name{font-size:.78rem;color:#ccc;width:110px;display:inline-block}.map-hero-ban{font-size:.72rem;color:#888;font-variant-numeric:tabular-nums;width:48px;text-align:right}.map-hero-ban.map-hero-ban-empty{color:#444}.controls-label{font-size:.7rem;color:#555;text-transform:uppercase;letter-spacing:.06em}.chip-meta-tier{font-size:.58rem;font-weight:700;padding:.05rem .28rem;border-radius:3px;border:1px solid;letter-spacing:.06em}.chip-ban-indicator{font-size:.55rem;font-weight:600;padding:.05rem .22rem;border-radius:3px;color:#fb923c;background:#2e1a00;border:1px solid #c2410c;letter-spacing:.04em;white-space:nowrap}.meta-tier-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:4px;font-size:.68rem;font-weight:600;border:1px solid;letter-spacing:.05em;cursor:default}@media(max-width:768px){.detail-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:600px){body{padding:1rem}.hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.4rem}.hero-chip{width:auto;padding:.35rem}.hero-chip .chip-portrait,.hero-chip img{width:42px;height:42px}.map-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.map-chip{padding:.6rem .4rem}.map-chip-name{font-size:.72rem}.outlier-grid{grid-template-columns:1fr;gap:1rem}#hero-detail,#map-detail{padding:1rem}.detail-portrait{width:56px;height:56px}.tab{padding:.7rem 1rem;font-size:.9rem}.controls{gap:.5rem}.filter-btn{padding:.4rem .8rem;font-size:.78rem;min-height:36px}.map-type-badge,.map-head .h-mode{display:none}.map-row,.map-head{grid-template-columns:80px minmax(0,1fr) 36px 34px 38px 44px;gap:.5rem}.map-perf-list.no-bans .map-row,.map-perf-list.no-bans .map-head{grid-template-columns:80px minmax(0,1fr) 36px 34px 38px}.map-perf-list.cmp-maps .map-row{grid-template-columns:80px max-content minmax(0,1fr)}.map-name,.map-val{font-size:.7rem}.map-delta-label{font-size:.65rem}.map-hero-row .role-badge,.map-hero-row .map-hero-ban{display:none}.hero-cell{min-width:0}.map-hero-name{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:390px){.map-hero-name{max-width:62px}.map-delta-label,.map-head .h-delta,.map-ban,.map-head .h-ban{display:none}.map-row,.map-head,.map-perf-list.no-bans .map-row,.map-perf-list.no-bans .map-head{grid-template-columns:62px minmax(0,1fr) 36px 32px}.map-perf-list.cmp-maps .map-row{grid-template-columns:62px minmax(0,1fr)}}header nav{display:flex;gap:1rem;margin-left:auto}header nav a{color:#999;text-decoration:none;font-size:.85rem}header nav a:hover{color:#f59e0b}header a .site-name{margin:0}a.hero-chip,a.map-chip,a.map-name,a.map-hero-name{text-decoration:none;color:inherit}.intro{color:#aaa;max-width:60ch;line-height:1.5}.updated{color:#777;font-size:.8rem}.asof-note{color:#8a6d1f;font-size:.7rem;text-transform:none;letter-spacing:0}.stale-banner{background:#7f1d1d;color:#fecaca;padding:.5rem 1rem;border-radius:6px;margin:.5rem 0;display:none}.tier-group{display:flex;align-items:center;gap:.75rem;margin:.5rem 0}.tier-group+.tier-group{border-top:1px dotted #444;padding-top:.5rem}.tier-group-label{flex:0 0 2.2rem;text-align:center;font-weight:700;font-size:1.1rem;border-radius:6px;border:1px solid;padding:.35rem 0}.tier-group-heroes{display:flex;flex-wrap:wrap;gap:.5rem}.site-footer{margin-top:3rem;padding:1.5rem 0;border-top:1px solid #222;color:#666;font-size:.75rem;line-height:1.6}.site-footer a{color:#888}.ad-slot{display:none}.breadcrumbs{font-size:.75rem;color:#666;margin-bottom:.75rem}.breadcrumbs a{color:#888}.stat-strip{display:flex;gap:1.5rem;flex-wrap:wrap;margin:.75rem 0 1.25rem}.stat-strip .stat{display:flex;flex-direction:column}.stat-strip .stat-label{color:#777;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}.stat-strip .stat-value{font-size:1.3rem;font-weight:700}.cmp-header{display:flex;gap:1rem;margin:1rem 0 1.5rem}.cmp-hero{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem;background:#13151f;border:1px solid #2a2a2a;border-radius:8px;text-decoration:none;color:inherit}.cmp-portrait{width:72px;height:72px;border-radius:50%}.cmp-name{font-weight:700;font-size:1.05rem}.cmp-stats{display:flex;gap:.9rem;font-size:.8rem;color:#999}.cmp-playstyle{font-size:.75rem;color:#888;text-align:center;margin:.2rem 0 0}.cmp-legend{font-size:.75rem;color:#999;margin:.3rem 0 .5rem;display:flex;align-items:center}.cmp-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.35rem}.cmp-a,.cmp-fill-a{background:#60a5fa}.cmp-b,.cmp-fill-b{background:#f59e0b}.cmp-rank-row{display:grid;grid-template-columns:90px 1fr 110px;gap:.6rem;align-items:center;margin-bottom:.45rem}.cmp-bars{display:flex;flex-direction:column;gap:2px}.cmp-vals{font-size:.72rem;color:#999;text-align:right;white-space:nowrap}.cmp-map-vals{font-size:.78rem;color:#999;white-space:nowrap}.cmp-map-vals .cmp-lead{color:#4ade80}@media(max-width:600px){.cmp-header{flex-direction:column}}.cmp-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.4rem;margin-top:.6rem}.cmp-index-link{font-size:.82rem;color:#bbb;text-decoration:none;padding:.45rem .6rem;background:#16161d;border:1px solid #26262f;border-radius:6px}.cmp-index-link:hover{color:#fff;border-color:#444}.trend-strip{display:flex;gap:1.5rem;flex-wrap:wrap;margin:.75rem 0}.trend-item{display:flex;align-items:center;gap:.6rem}.trend-label{font-size:.72rem;color:#888}.spark{display:block}.trend-delta{font-size:.78rem;font-weight:600}.trend-delta.pos{color:#4ade80}.trend-delta.neg{color:#f87171}.report-range{font-size:.78rem;color:#888;margin-bottom:.5rem}.report-list{margin:.6rem 0 1.2rem}.report-row{display:grid;grid-template-columns:minmax(110px,1fr) 80px 140px 60px;gap:.6rem;align-items:center;padding:.35rem 0;border-bottom:1px solid #222;font-size:.85rem}@media(max-width:600px){.report-row{grid-template-columns:1fr;row-gap:.15rem}}.report-name{color:#eee;text-decoration:none}.report-name:hover{color:#fff;text-decoration:underline}.report-role{color:#777;font-size:.72rem}.report-vals{color:#999;white-space:nowrap}.climb-list{margin:.6rem 0 1.4rem}.climb-row{display:flex;gap:.8rem;padding:.6rem 0;border-bottom:1px solid #222}.climb-portrait{width:48px;height:48px;border-radius:50%;flex-shrink:0}.climb-body{min-width:0}.climb-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.climb-name{font-weight:700;color:#eee;text-decoration:none}.climb-name:hover{text-decoration:underline}.climb-stats{font-size:.75rem;color:#888}.climb-line{font-size:.82rem;color:#aaa;margin:.25rem 0 0}.climb-cta{font-size:.85rem;color:#999}.climb-cta a{color:#f59e0b}