:root{--bg:#0a0b0d;--panel:#111317;--panel-2:#171a1f;--border:#23272e;--border-2:#2e333b;--ink:#e8eaed;--muted:#98a0a8;--faint:#6a7178;--red:#e10600;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.55}.wrap{width:min(100% - 36px,1180px);margin-inline:auto}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.hidden{display:none}:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:4px}.top{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0a0b0dd9;position:sticky;top:0}.top-inner{justify-content:space-between;align-items:center;height:56px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand h1{letter-spacing:.2px;font-size:1.02rem;font-weight:600}.brand em{color:var(--red);font-style:normal}.lights{gap:4px;display:flex}.lights i{background:#e1060038;border-radius:50%;width:9px;height:9px;transition:background .12s,box-shadow .12s}.lights i.on{background:var(--red);box-shadow:0 0 10px #e10600cc}.top-links a{color:var(--muted);font-family:var(--mono);border:1px solid var(--border-2);border-radius:8px;padding:7px 12px;font-size:.78rem;text-decoration:none}.top-links a:hover{color:var(--ink);border-color:var(--muted)}.controls{flex-wrap:wrap;gap:16px;margin:24px 0 12px;display:flex}.controls label{letter-spacing:1.5px;text-transform:uppercase;color:var(--faint);font-size:.7rem;font-family:var(--mono);flex-direction:column;gap:6px;display:flex}.controls select{background:var(--panel);color:var(--ink);border:1px solid var(--border-2);cursor:pointer;border-radius:9px;min-width:150px;padding:9px 12px;font-size:.95rem}.controls select:first-of-type{min-width:300px}.controls select:focus-visible{outline:2px solid var(--red)}.matchup{background:var(--panel);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:14px;margin:14px 0 6px;padding:16px 18px;display:grid}.chip{align-items:center;gap:14px;min-width:0;display:flex}.chip-b{text-align:right;flex-direction:row-reverse}.chip-bar{background:var(--team);border-radius:2px;flex:none;align-self:stretch;width:4px}.chip-txt{flex-direction:column;gap:2px;min-width:0;line-height:1.2;display:flex}.chip .abbr{font-family:var(--mono);letter-spacing:1px;font-size:1.55rem;font-weight:700}.chip .team{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.chip .lap{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9rem}.gap{flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 10px;display:flex}.gap-v{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:2.3rem;font-weight:700;line-height:1}.gap-sub{font-size:.78rem;font-weight:600}.session-sub{color:var(--faint);font-size:.78rem;font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;margin:6px 2px 14px}.tabs{background:var(--panel);border:1px solid var(--border);border-radius:10px;gap:2px;max-width:100%;margin-bottom:18px;padding:3px;display:inline-flex;overflow-x:auto}.tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-family:Inter,system-ui,sans-serif;font-size:.88rem;font-weight:500;position:relative}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);background:var(--panel-2);box-shadow:inset 0 -2px 0 var(--red)}.panel{margin-bottom:40px}.chart{background:var(--panel);border:1px solid var(--border);border-radius:12px;min-height:200px;margin-bottom:14px;padding:6px}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grid-track{grid-template-columns:3fr 2fr;align-items:start;gap:14px;display:grid}.caption{color:var(--faint);margin:4px 0 14px;font-size:.82rem}.demo-note{margin:-6px 0 12px}.demo-note a{color:var(--muted);text-decoration:underline}.subh{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:14px 0 8px;font-size:.78rem;font-weight:600}.stat-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.stat-k{color:var(--faint);letter-spacing:1px;text-transform:uppercase;font-size:.72rem;font-family:var(--mono)}.stat-v{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}.stat-accent .stat-v{color:var(--red)}.timing{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.t-row{border-bottom:1px solid var(--border);grid-template-columns:52px 1fr 1fr 96px;align-items:center;padding:11px 14px;display:grid}.t-row:last-child{border-bottom:none}.t-head{color:var(--faint);letter-spacing:1px;text-transform:uppercase;padding-block:9px;font-size:.72rem}.t-k{color:var(--faint);letter-spacing:1px;font-size:.78rem}.t-v{font-variant-numeric:tabular-nums;padding-left:10px;font-size:.95rem}.t-d{text-align:right}.t-chip{font-variant-numeric:tabular-nums;border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:700;display:inline-block}.stints{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px 26px}.lane{grid-template-columns:56px 1fr;align-items:center;gap:12px;margin-bottom:12px;display:grid}.lane-k{color:var(--muted);font-size:.9rem;font-weight:700}.lane-track{background:var(--bg);border-radius:6px;height:30px;position:relative}.seg{height:100%;box-shadow:0 0 0 2px var(--panel);border-radius:6px;align-items:center;padding:0 8px;display:flex;position:absolute;top:0;overflow:hidden}.seg-label{letter-spacing:.5px;white-space:nowrap;font-size:.7rem;font-weight:700}.lane-axis{height:16px;margin-left:68px;position:relative}.lane-axis .tick{color:var(--faint);font-size:.68rem;position:absolute;transform:translate(-50%)}.notes{color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-top:8px;padding:12px 16px}.notes summary{cursor:pointer;font-family:var(--mono);font-size:.8rem}.notes ul{flex-direction:column;gap:6px;margin:10px 0 0 20px;font-size:.88rem;display:flex}.foot{border-top:1px solid var(--border);color:var(--faint);margin-top:20px;padding:18px 0 26px;font-size:.78rem}main.preload{opacity:0}main.reveal{animation:.3s ease-out reveal}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.panel:not(.hidden){animation:.15s ease-out fadein}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){main.preload{opacity:1}main.reveal,.panel:not(.hidden){animation:none}.lights i{transition:none}}@media (width<=760px){.grid2,.grid-track{grid-template-columns:1fr}.controls select:first-of-type{min-width:100%}.matchup{grid-template-columns:1fr}.chip-b{text-align:left;flex-direction:row}.gap{order:-1}}