:root{--bg: #0b1119;--bg-2: #0e1620;--panel: rgba(13, 20, 28, .92);--line: #2a3a4c;--line-soft: rgba(90, 120, 150, .14);--steel: #c8d2dc;--steel-bright: #eef3f8;--steel-dim: #6e8093;--blue: #4f8fca;--blue-light: #8fc3ef;--blue-dark: #12283d;--red: #c94f4f;--red-light: #ef8f8f;--red-dark: #3d1212;--gold: #ecd985;--gold-soft: #f0e6b4;--tier-pro: #ffd700;--tier-semi: #c0c0c0;--tier-comp: #cd7f32;--tier-place: #7d8fa0;--win: #7fbf7f;--loss: #ef8f8f}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg)}body{background:radial-gradient(ellipse at 50% -10%,#1c2c3e 0%,transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 45%,#0a0e14 100%);background-attachment:fixed;color:var(--steel);font-family:Arial Narrow,Segoe UI,Helvetica Neue,Arial,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--blue-light)}button{font-family:inherit}.wrap{max-width:1200px;margin:0 auto;padding:0 20px 60px}header.site{display:flex;justify-content:space-between;align-items:flex-end;padding:26px 4px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px}.brand .kicker{font-size:12px;letter-spacing:5px;color:var(--blue-light);text-transform:uppercase;margin-bottom:3px}.brand h1{font-size:34px;font-weight:700;letter-spacing:3px;color:var(--steel-bright);text-transform:uppercase;text-shadow:0 2px 12px rgba(90,140,190,.3)}.brand .sub{font-size:14px;letter-spacing:2px;color:var(--steel-dim);text-transform:uppercase;margin-top:2px}.head-right{text-align:right;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}.head-right a{text-decoration:none}.format-toggle{display:inline-flex;border:1px solid var(--line)}.fmt-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#141e2a99;color:var(--steel-dim);border:none;border-right:1px solid var(--line);padding:7px 16px;font-size:13px;letter-spacing:2px;font-weight:700;transition:background .15s ease,color .15s ease}.fmt-btn:last-child{border-right:none}.fmt-btn:hover{color:var(--steel)}.fmt-btn:focus-visible{outline:2px solid var(--blue-light);outline-offset:-2px}.fmt-btn.active{background:var(--blue-dark);color:var(--blue-light)}nav.tabs{display:flex;gap:2px;margin-top:18px;flex-wrap:wrap}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-bottom:none;background:#141e2a99;color:var(--steel-dim);font-size:13.5px;letter-spacing:2.5px;text-transform:uppercase;padding:10px 22px;cursor:pointer;transition:background .15s ease,color .15s ease}.tab:hover{color:var(--steel)}.tab:focus-visible{outline:2px solid var(--blue-light);outline-offset:-2px}.tab[aria-selected=true]{background:var(--panel);color:var(--blue-light);border-top:2px solid var(--blue);padding-top:9px}.view{border:1px solid var(--line);background:var(--panel);padding:22px}.secbar{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;margin-bottom:14px;background:linear-gradient(90deg,var(--blue-dark) 0%,rgba(10,15,20,.35) 85%);border-left:5px solid var(--blue)}.secbar h2{font-size:17px;font-weight:700;letter-spacing:4px;color:var(--blue-light);text-transform:uppercase}.secbar .note{font-size:12px;letter-spacing:1px;color:var(--steel-dim)}.secbar.gold{background:linear-gradient(90deg,#2e2a14,#0a0f1459 85%);border-left-color:var(--gold)}.secbar.gold h2{color:var(--gold)}.main-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:22px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{font-size:11px;letter-spacing:2px;color:var(--steel-dim);text-transform:uppercase;text-align:left;font-weight:700;padding:7px 10px 6px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:9px 10px;font-size:15.5px;border-bottom:1px solid var(--line-soft);font-variant-numeric:tabular-nums;white-space:nowrap}tbody tr:nth-child(odd){background:#46648712}tbody tr.clickable{cursor:pointer;transition:background .15s ease}tbody tr.clickable:hover{background:#5a8cbe24}tbody tr.clickable:focus-visible{outline:2px solid var(--blue-light);outline-offset:-2px}.c{text-align:center}.rank-col{color:var(--steel-dim);font-weight:700;width:40px}.player-name{font-weight:700;color:var(--steel-bright);letter-spacing:.5px}.games-sub{font-size:12px;color:var(--steel-dim);letter-spacing:1px}.kd-pos{color:var(--blue-light);font-weight:700}.kd-neg{color:var(--red-light);font-weight:700}.res-w{color:var(--win);font-weight:700}.res-l{color:var(--loss);font-weight:700}.res-d{color:var(--gold);font-weight:700}.tier{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;border:1px solid var(--tier-place);color:var(--tier-place);background:#7d8fa014}.tier.pro{color:var(--tier-pro);border-color:var(--tier-pro);background:#ffd70014}.tier.semi{color:var(--tier-semi);border-color:var(--tier-semi);background:#c0c0c014}.tier.comp{color:var(--tier-comp);border-color:var(--tier-comp);background:#cd7f3214}.formula-hint{position:relative;display:inline-block}.formula-hint button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid var(--line);color:var(--steel-dim);width:20px;height:20px;border-radius:50%;font-size:12px;cursor:pointer;line-height:1}.formula-hint button:focus-visible{outline:2px solid var(--blue-light)}.formula-hint .tip{display:none;position:absolute;right:0;top:26px;z-index:5;width:250px;padding:10px 12px;font-size:12.5px;letter-spacing:.5px;background:#101a26;border:1px solid var(--line);color:var(--steel);text-transform:none;white-space:normal}.formula-hint:hover .tip,.formula-hint button:focus+.tip{display:block}.match-hero{border:1px solid var(--line)}.match-hero .mh-head{display:flex;justify-content:space-between;align-items:flex-end;padding:12px 14px 10px;background:linear-gradient(180deg,#2e425873,#121a2426);border-bottom:1px solid var(--line)}.mh-head .map{font-size:22px;font-weight:700;letter-spacing:2px;color:var(--steel-bright);text-transform:uppercase}.mh-head .gt{font-size:12px;letter-spacing:2px;color:var(--steel-dim);text-transform:uppercase}.mh-head .meta{text-align:right;font-size:12.5px;color:var(--steel-dim);letter-spacing:1px;line-height:1.5}.mh-head .meta b{color:var(--steel)}.winner-band{text-align:center;padding:8px 6px;border-bottom:1px solid rgba(140,180,220,.25);background:linear-gradient(90deg,transparent 0%,rgba(90,130,175,.15) 50%,transparent 100%);font-size:16px;font-weight:700;letter-spacing:5px;text-transform:uppercase}.winner-band.blue{color:var(--blue-light)}.winner-band.red{color:var(--red-light)}.winner-band.draw{color:var(--steel)}.team-block{padding:8px 14px 6px}.team-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--line);font-size:14.5px;margin-top:4px}.team-row .tt{font-weight:700;letter-spacing:2px;font-size:12.5px;text-transform:uppercase}.team-row .pts{font-variant-numeric:tabular-nums;font-weight:700;font-size:17px}.t-blue .tt,.t-blue .pts{color:var(--blue-light)}.t-red .tt,.t-red .pts{color:var(--red-light)}.player-line{display:flex;justify-content:space-between;align-items:baseline;padding:5px 0 5px 12px;border-bottom:1px solid var(--line-soft);font-size:14px;gap:10px;flex-wrap:wrap}.player-line .pl-name{font-weight:700;color:var(--steel-bright)}.player-line .pl-name.dim{color:var(--steel);font-weight:400}.player-line .pl-stats{color:var(--steel-dim);font-variant-numeric:tabular-nums;font-size:13px}.player-line .pl-stats b{color:var(--steel)}.mvp-star{color:var(--gold)}.mvp-tag{font-size:9.5px;letter-spacing:1.5px;color:var(--gold);border:1px solid var(--gold);padding:1px 5px;margin-left:6px;vertical-align:2px}.match-list{display:flex;flex-direction:column;gap:12px}.mcard{border:1px solid var(--line);background:#101821b3}.mcard .mc-top{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-bottom:1px solid var(--line-soft);gap:8px;flex-wrap:wrap}.mc-top .mc-map{font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--steel-bright);font-size:15px}.mc-top .mc-date{font-size:12.5px;color:var(--steel-dim);letter-spacing:1px;font-variant-numeric:tabular-nums}.mc-body{display:flex;align-items:center;gap:12px;padding:9px 14px;flex-wrap:wrap}.mc-side{flex:1 1 180px;font-size:14px}.mc-side .names{color:var(--steel-dim)}.mc-side.winner .names{color:var(--steel-bright);font-weight:700}.mc-side.right{text-align:right}.mc-pill{flex:0 0 auto;padding:4px 12px;border:1px solid var(--line);font-variant-numeric:tabular-nums;font-weight:700;font-size:15px;background:#0a1017cc;letter-spacing:1px}.mc-pill .b{color:var(--blue-light)}.mc-pill .r{color:var(--red-light)}.mc-pill .sep{color:var(--steel-dim);margin:0 5px}.mc-tag{font-size:10.5px;letter-spacing:2px;color:var(--gold);text-transform:uppercase}.mc-foot{padding:0 14px 9px;font-size:12px;letter-spacing:1px;color:var(--gold);display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}.mc-foot b{color:var(--gold-soft);letter-spacing:.5px}.mc-foot .dim{color:var(--steel-dim)}.h2h-pickers{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.h2h-pickers .vs{font-size:18px;font-weight:700;letter-spacing:3px;color:var(--steel-dim)}.select-steel,.input-steel{padding:9px 14px;min-width:210px;background:#0a1017cc;border:1px solid var(--line);color:var(--steel-bright);font-family:inherit;font-size:15px;letter-spacing:1px}.select-steel:focus-visible,.input-steel:focus-visible{outline:2px solid var(--blue-light);outline-offset:-1px}.input-steel::-moz-placeholder{color:var(--steel-dim);text-transform:uppercase;letter-spacing:2px;font-size:12.5px}.input-steel::placeholder{color:var(--steel-dim);text-transform:uppercase;letter-spacing:2px;font-size:12.5px}.btn-steel{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:9px 22px;border:1px solid var(--blue);background:var(--blue-dark);color:var(--blue-light);font-size:13px;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;transition:background .15s ease}.btn-steel:hover{background:#4f8fca40}.btn-steel:focus-visible{outline:2px solid var(--blue-light)}.btn-steel:disabled{opacity:.45;cursor:not-allowed}.h2h-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.h2h-card{border:1px solid var(--line);padding:16px;text-align:center}.h2h-card .hc-title{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--steel-dim);margin-bottom:10px}.h2h-card .hc-big{font-size:34px;font-weight:700;color:var(--steel-bright);font-variant-numeric:tabular-nums;letter-spacing:2px}.h2h-card .hc-sub{font-size:12.5px;color:var(--steel-dim);letter-spacing:1px;margin-top:6px}.h2h-card .hc-sub b{color:var(--steel)}.player-picker{margin-bottom:20px}.player-picker input{width:100%;max-width:380px}.player-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.pchip{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#141e2ab3;border:1px solid var(--line);color:var(--steel);font-size:13px;letter-spacing:1px;padding:5px 12px}.pchip:hover{border-color:var(--blue);color:var(--blue-light)}.pchip:focus-visible{outline:2px solid var(--blue-light)}.pchip.active{border-color:var(--blue);color:var(--blue-light);background:var(--blue-dark)}.profile-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px;flex-wrap:wrap;gap:10px}.profile-head .pname{font-size:30px;font-weight:700;letter-spacing:2px;color:var(--steel-bright);text-transform:uppercase}.pstats{display:flex;flex-wrap:wrap;border:1px solid var(--line);margin-bottom:18px}.pstat{flex:1 1 100px;text-align:center;padding:12px 8px;border-right:1px solid var(--line-soft)}.pstat:last-child{border-right:none}.pstat b{display:block;font-size:22px;color:var(--steel-bright);font-variant-numeric:tabular-nums}.pstat span{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--steel-dim)}.empty-state{text-align:center;padding:40px 16px;color:var(--steel-dim);font-size:15px;letter-spacing:1px}.empty-state .big{font-size:26px;margin-bottom:8px}.loading{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--steel-dim);font-size:14px;letter-spacing:3px;text-transform:uppercase}.error-note{color:var(--red-light);font-size:13px;letter-spacing:1px;padding:8px 0}footer.site{margin-top:30px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--steel-dim)}footer.site a,footer.site button{color:var(--steel-dim);background:none;border:none;cursor:pointer;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;padding:0;text-decoration:underline}footer.site a:hover,footer.site button:hover{color:var(--blue-light)}@media(max-width:900px){.main-grid,.h2h-grid{grid-template-columns:1fr}.brand h1{font-size:26px}.tab{padding:9px 14px;font-size:12px}.view{padding:14px}}