:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f6f8;font-synthesis:none;background:#07090c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#07090c;min-width:320px}body{background:#07090c;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}.site-header{background:#0a0d11;border-bottom:1px solid #292f36;justify-content:space-between;align-items:center;gap:24px;min-height:86px;padding:14px clamp(18px,3vw,42px);display:flex}.brand-lockup{align-items:center;gap:14px;min-width:0;display:flex}.brand-lockup img{object-fit:cover;border:1px solid #505963;border-radius:6px;flex:none;width:58px;height:58px}.eyebrow{color:#ff66b3;letter-spacing:0;font-size:11px;font-weight:800;line-height:1.2;display:block}h1,h2{letter-spacing:0;margin:0}h1{margin-top:3px;font-size:26px;line-height:1.1}h2{margin-top:4px;font-size:19px;line-height:1.2}.header-actions{align-items:center;gap:16px;display:flex}.sync-status,.run-state{white-space:nowrap;color:#aab2bb;align-items:center;gap:7px;font-size:12px;font-weight:750;display:inline-flex}.sync-status i,.run-state i{background:#68727d;border-radius:50%;flex:none;width:8px;height:8px}.sync-status[data-state=live] i,.run-state[data-state=live] i{background:#28d17c;box-shadow:0 0 10px #28d17cb3}.sync-status[data-state=error] i,.run-state[data-state=failed] i{background:#ff404f}.run-state[data-state=fc] i{background:#ffd23f;box-shadow:0 0 10px #ffd23fb3}.run-state[data-state=replay] i{background:#49b7ff}.game-link{color:#fff;background:#b9277b;border:1px solid #ec4ca4;border-radius:6px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.game-link:hover,.game-link:focus-visible{background:#d63591}.summary-band{background:#0d1116;border-bottom:1px solid #292f36;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 clamp(18px,3vw,42px);display:grid}.summary-band>div{border-right:1px solid #292f36;flex-direction:column;justify-content:center;min-height:76px;padding:14px 20px;display:flex}.summary-band>div:first-child{padding-left:0}.summary-band>div:last-child{border-right:0}.summary-band span,.run-readout span{color:#89939e;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1.2}.summary-band strong{color:#fff;margin-top:3px;font-size:22px;line-height:1.1}.dashboard{grid-template-columns:minmax(390px,.72fr) minmax(520px,1.6fr);min-height:calc(100vh - 163px);display:grid}.leaderboard-panel,.replay-panel{min-width:0;padding:24px clamp(18px,2.5vw,34px) 36px}.leaderboard-panel{background:#090c10;border-right:1px solid #292f36}.replay-panel{background:#07090c}.section-heading{justify-content:space-between;align-items:flex-end;gap:18px;min-height:46px;margin-bottom:18px;display:flex}.section-heading>span{color:#7f8994;text-align:right;font-size:11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;table-layout:auto;width:100%}th{color:#7f8994;text-align:left;text-transform:uppercase;border-bottom:1px solid #303740;padding:9px 8px;font-size:10px;font-weight:800}th:first-child,td:first-child{padding-left:0}th:nth-child(n+3),td:nth-child(n+3){text-align:right}td{color:#dde2e7;border-bottom:1px solid #20262d;height:58px;padding:9px 8px;font-size:12px}td strong,td span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}td strong{color:#fff;max-width:170px;font-size:13px}td span{color:#78828c;max-width:170px;margin-top:3px;font-size:10px}.rank-cell{color:#737d88;width:42px;font-weight:900}tr[data-medal="1"] .rank-cell{color:#ffd23f}tr[data-medal="2"] .rank-cell{color:#d4dbe3}tr[data-medal="3"] .rank-cell{color:#e59b55}.numeric-cell{font-variant-numeric:tabular-nums;white-space:nowrap}.replay-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px;display:grid}.replay-card{background:#0d1116;border:1px solid #303740;border-radius:7px;min-width:0;overflow:hidden}.replay-header{border-bottom:1px solid #282f37;justify-content:space-between;align-items:center;gap:12px;min-height:55px;padding:10px 13px;display:flex}.replay-header>div{min-width:0}.replay-header strong,.replay-header span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.replay-header strong{color:#fff;font-size:14px}.replay-header div span{color:#7f8994;margin-top:2px;font-size:10px}.run-state{color:#b4bdc6;flex:none;font-size:10px}.run-state b{font:inherit}.replay-canvas{aspect-ratio:16/10;background:#020305;width:100%;display:block}.run-readout{border-top:1px solid #282f37;grid-template-columns:minmax(0,1.4fr) minmax(82px,.7fr) minmax(68px,.55fr);gap:10px;min-height:59px;padding:9px 12px;display:grid}.run-readout>div{min-width:0}.run-readout strong{color:#f4f6f8;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;display:block;overflow:hidden}.progress-track{background:#20262d;height:3px;overflow:hidden}.progress-track i{transform-origin:0;background:#43b9ff;width:100%;height:100%;display:block;transform:scaleX(0)}.replay-empty{color:#818b96;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.replay-empty img{object-fit:cover;filter:grayscale(.5);opacity:.72;border:1px solid #3b434d;border-radius:7px;width:72px;height:72px;margin-bottom:14px}.replay-empty strong{color:#d9dee4;font-size:15px}.replay-empty span,.empty-inline{color:#78828c;margin-top:5px;font-size:12px}.hidden{display:none!important}@media (width<=1050px){.dashboard{grid-template-columns:1fr}.leaderboard-panel{border-bottom:1px solid #292f36;border-right:0}}@media (width<=680px){.site-header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:space-between;width:100%}.summary-band{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-band>div:nth-child(2){border-right:0}.summary-band>div:nth-child(-n+2){border-bottom:1px solid #292f36}.summary-band>div:nth-child(3){padding-left:0}.leaderboard-panel,.replay-panel{padding-left:14px;padding-right:14px}.replay-grid{grid-template-columns:1fr}th:nth-child(4),td:nth-child(4){display:none}td strong,td span{max-width:150px}}@media (width<=420px){h1{font-size:22px}.brand-lockup img{width:50px;height:50px}.section-heading{flex-direction:column;align-items:flex-start;gap:5px}.section-heading>span{text-align:left}th:nth-child(5),td:nth-child(5){display:none}}
