@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&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:Silkscreen,monospace;font-size:.68rem;font-weight:700;letter-spacing:.1em;margin:0 0 12px}h1{color:#f0f6fc;font-family:Silkscreen,monospace;font-size:clamp(2.5rem,8vw,5.2rem);font-weight:400;letter-spacing:-.08em;line-height:1.05;margin:0}.lede{color:var(--text);font-size:1.265rem;margin:18px 0 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:Silkscreen,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:Silkscreen,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:Silkscreen,monospace;font-size:.78rem;font-weight:400;min-height:24px;margin:24px 4px 10px}.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:Silkscreen,monospace;font-size:.71rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase}td{border-top:1px solid #21262d;color:var(--text);font-family:Silkscreen,monospace;font-size:1.09rem;font-weight:400}td.rank{color:var(--orange-bright);font-size:.86rem;width:80px}td.player{color:#f0f6fc;font-weight:400;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{color:var(--muted);padding:42px 18px;text-align:center}footer{color:#6e7681;font-family:Silkscreen,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.8rem,10vw,3rem)}.lede{font-size:1.15rem}.controls{display:grid;gap:12px;padding:14px}label{flex:none}button{width:100%}.status{margin:18px 4px 10px}.table-card{background:transparent;border:0;border-radius:0;overflow:visible}.table-scroll{overflow:visible}table,tbody{display:block;min-width:0;width:100%}thead{display:none}tr{background:var(--card);border:1px solid var(--border);border-radius:10px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:10px;overflow:hidden}td{align-items:baseline;border-top:1px solid #21262d;display:flex;font-size:1rem;gap:6px;justify-content:flex-start;min-width:0;padding:11px 12px;text-align:left}td:before{color:var(--muted);content:attr(data-label);flex:0 0 auto;font-family:Silkscreen,monospace;font-size:.77rem;font-weight:400;letter-spacing:.04em;text-align:left;text-transform:uppercase}td.rank,td.player{border-top:0}td.rank{grid-column:1;width:auto}td.player{grid-column:2;min-width:0}td.player,td.player:before{color:#fff}td.player{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td:nth-child(n+3){grid-column:span 1}td.empty{display:block;grid-column:1 / -1;padding:30px 14px;text-align:center}td.empty:before{content:none}footer{padding:18px 4px}}@media(max-width:360px){.shell{width:min(100% - 16px,480px)}td{font-size:.92rem;padding-left:9px;padding-right:9px}td:before{font-size:.67rem}}
