:root{--bg: #0b0e1a;--panel: #161b2e;--ink: #e7ecff;--accent: #5ad1ff;--warn: #ff5a7a;--good: #7dff9b;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink)}#app{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;min-height:100%}h1{margin:4px 0 0;font-size:20px;letter-spacing:.5px}.hud{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;background:var(--panel);padding:10px 16px;border-radius:12px;font-variant-numeric:tabular-nums}.hud b{color:var(--accent)}.hud .timer.low b{color:var(--warn)}canvas{background:#05070f;border-radius:14px;box-shadow:0 12px 40px #00000080;touch-action:none}.hint{max-width:560px;text-align:center;font-size:13px;opacity:.75;line-height:1.5}.overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#05070fd1;text-align:center}.overlay h2{font-size:28px;margin:0}.overlay.win h2{color:var(--good)}.overlay.lose h2{color:var(--warn)}button{font:inherit;font-weight:600;color:#05070f;background:var(--accent);border:0;padding:10px 22px;border-radius:10px;cursor:pointer}button:hover{filter:brightness(1.08)}.hidden{display:none}