:root{--void: #0a0a0a;--shadow: #1a1a1a;--gold: #c9a96e;--crimson: #8b0000;--white: #fff;--grey: #333;--dim: #666;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;width:100%;background:var(--void);color:var(--white);font-family:Inter,system-ui,sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:calc(24px + var(--safe-top)) 24px calc(24px + var(--safe-bottom));text-align:center}.title{font-family:Archivo,sans-serif;font-weight:900;font-size:44px;letter-spacing:2px;margin:0;color:var(--white)}.label{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--dim)}.value{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--gold)}.big-score{font-family:JetBrains Mono,monospace;font-weight:700;font-size:56px;color:var(--gold);margin:0}.btn{font-family:JetBrains Mono,monospace;font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase;color:var(--void);background:var(--gold);border:none;padding:14px 28px;min-width:200px;cursor:pointer;transition:opacity .12s ease}.btn:active{opacity:.7}.btn.secondary{background:transparent;color:var(--gold);border:1px solid var(--grey)}.btn.secondary:active{border-color:var(--gold)}.record-badge{font-family:JetBrains Mono,monospace;font-weight:700;font-size:13px;letter-spacing:2px;color:var(--crimson);text-transform:uppercase}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.board{width:100%;max-width:420px;display:flex;flex-direction:column;gap:2px}.board-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--shadow)}.board-row .rank{font-family:JetBrains Mono,monospace;color:var(--dim);width:28px;text-align:right}.board-row .name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-row .score{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--gold)}.board-row.me{outline:1px solid var(--gold)}.tabs{display:flex;gap:2px}.tab{font-family:JetBrains Mono,monospace;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--dim);background:var(--shadow);border:none;padding:10px 18px;cursor:pointer}.tab.active{color:var(--void);background:var(--gold)}.muted{color:var(--dim);font-size:13px}