@font-face{font-family:"Press Start 2P";src:url(/assets/PressStart2P-Regular-DogiNJoF.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color:#c9d1d9;background:#0d1117;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;--bg: #0d1117;--card: rgba(22, 27, 34, .94);--border: #30363d;--border-strong: #484f58;--muted: #8b949e;--text: #c9d1d9;--orange: #f97316;--orange-bright: #fb923c}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% 0%,#242b35 0,var(--bg) 38rem)}.shell{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:64px 0 32px}.hero{margin-bottom:36px}.eyebrow{color:var(--orange-bright);font-family:"Press Start 2P",monospace;font-size:.68rem;font-weight:700;letter-spacing:.1em;margin:0 0 12px}h1{color:#f0f6fc;font-family:"Press Start 2P",monospace;font-size:clamp(2.5rem,8vw,5.2rem);font-weight:400;letter-spacing:-.08em;line-height:1.05;margin:0}.controls{align-items:end;background:var(--card);border:1px solid var(--border);border-radius:12px;display:flex;flex-wrap:wrap;gap:14px;padding:16px}label{color:var(--muted);display:grid;flex:1 1 150px;font-family:"Press Start 2P",monospace;font-size:.75rem;font-weight:400;gap:8px;min-width:0}label span{color:var(--orange-bright);font-weight:400}small{font-weight:400}select,input,button{border:1px solid var(--border-strong);border-radius:6px;font:inherit;min-height:44px;padding:0 12px}select,input{background:var(--bg);color:#f0f6fc;min-width:0;width:100%}select:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--orange-bright);outline-offset:2px}button{background:#2c211b;border-color:#9a4b20;color:var(--orange-bright);cursor:pointer;font-family:"Press Start 2P",monospace;font-size:.83rem;font-weight:400;padding:0 18px;white-space:nowrap}button:hover{background:#3a281e;border-color:var(--orange)}button:disabled{cursor:wait;opacity:.6}.status{color:var(--muted);font-family:"Press Start 2P",monospace;font-size:.78rem;font-weight:400;min-height:24px;margin:24px 4px 10px}.mobile-sort{display:none}.table-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.table-scroll{overflow-x:auto}table{border-collapse:collapse;min-width:680px;width:100%}th,td{padding:16px 18px;text-align:left}th{color:var(--muted);font-family:"Press Start 2P",monospace;font-size:.71rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase}th[data-sort]{cursor:pointer;-webkit-user-select:none;user-select:none}th[data-sort].sorted{color:var(--orange-bright)}td{border-top:1px solid #21262d;color:var(--text);font-family:"Press Start 2P",monospace;font-size:1.09rem;font-weight:400}td.rank{color:var(--orange-bright);width:80px}td.player{color:#f0f6fc;font-weight:400;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tight-punctuation{display:inline-block;margin-left:-.15em;margin-right:-.3em}.expand-header,td.expander,tr.details-row{display:none}.empty{color:var(--muted);padding:42px 18px;text-align:center}footer{color:#6e7681;font-family:"Press Start 2P",monospace;font-size:.71rem;font-weight:400;padding:24px 4px}@media(max-width:600px){.shell{width:min(100% - 24px,480px);padding:36px 0 24px}.hero{margin-bottom:28px}.eyebrow{font-size:.78rem;letter-spacing:.13em}h1{font-size:clamp(1.2rem,6.7vw,2rem)}.controls{display:grid;gap:12px;padding:14px}label{flex:none}button{width:100%}.status{margin:18px 4px 10px}.mobile-sort{align-items:center;border-bottom:1px solid #21262d;color:#f0f6fc;display:flex;flex-wrap:wrap;font-family:"Press Start 2P",monospace;font-size:.66rem;gap:8px 16px;padding:12px 8px;text-transform:uppercase}.mobile-sort span{color:#f0f6fc}.mobile-sort button{background:transparent;border:0;color:#f0f6fc;font-size:.66rem;min-height:0;padding:0;width:auto}.mobile-sort button.sorted{color:var(--orange-bright)}.table-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.table-scroll{overflow-x:visible}table{border-collapse:collapse;min-width:0;width:100%}thead,tbody,tr{display:block}thead tr{align-items:center;border-bottom:1px solid #21262d;display:grid;gap:6px;grid-template-columns:46px minmax(0,1fr) minmax(74px,auto) 34px;padding:10px 8px}th{display:none;font-size:.7rem;padding:0}th:nth-child(1),th:nth-child(2),th[data-sort].sorted{display:block}th[data-sort].sorted{grid-column:3;text-align:right}th[data-sort]{border:0;border-radius:0;padding:0}th[data-sort].sorted{background:transparent;border-color:transparent}tbody{display:block}tr.score-row{align-items:center;background:transparent;border-top:1px solid #21262d;display:grid;gap:8px;grid-template-columns:46px minmax(0,1fr) minmax(74px,auto) 34px;padding:10px 8px}tbody tr.score-row:first-child{border-top:0}tr.details-row.expanded{background:transparent;border-top:0;display:block;padding:0 12px 12px}th,td{border:0;padding:0}td{display:block;font-size:.84rem}td.rank{width:auto}td.player{max-width:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td.metric,td.version{display:none}td.metric.active-metric{color:#f0f6fc;display:block;text-align:right}td.expander{display:block}.expand-toggle{align-items:center;border-radius:8px;display:flex;font-family:inherit;font-size:1.05rem;height:34px;justify-content:center;min-height:34px;line-height:1;padding:3px 0 0 1.5px;width:34px}tr.details-row td{display:block;width:100%}.details-grid{border-top:1px solid #21262d;display:grid;grid-template-columns:minmax(92px,auto) minmax(0,1fr);padding-top:12px;row-gap:9px}.detail-label{color:var(--muted);font-family:"Press Start 2P",monospace;font-size:.58rem;text-transform:uppercase}.detail-value{color:var(--text);font-family:"Press Start 2P",monospace;font-size:.72rem;min-width:0;overflow-wrap:anywhere;text-align:right}td.empty{padding:30px 14px;text-align:center}footer{padding:18px 4px}}@media(max-width:360px){.shell{width:min(100% - 16px,480px)}thead tr{grid-template-columns:42px minmax(0,1fr) minmax(64px,auto) 32px}th{font-size:.62rem}tr.score-row{grid-template-columns:42px minmax(0,1fr) minmax(64px,auto) 32px;gap:6px;padding:9px 7px}td{font-size:.78rem}.expand-toggle{height:32px;min-height:32px;width:32px}}
