:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#02040c;--text:#d7e8ff;--muted:#8aa0c0;--accent:#32f0ff;--accent-2:#ff3fd4}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Segoe UI,Helvetica Neue,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}#game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.brand{text-align:center;pointer-events:none;z-index:2;position:absolute;top:18px;left:50%;transform:translate(-50%)}.brand h1{letter-spacing:.28em;color:var(--accent);text-shadow:0 0 18px #32f0ff59;margin:0;font-size:22px;font-weight:700}.subtitle{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:6px 0 0;font-size:12px}#hud{z-index:2;color:#d7e8ffdb;pointer-events:none;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13px;line-height:1.55;position:absolute;top:18px;left:18px}.hud-daily{letter-spacing:.12em;color:#d7e8ff6b;pointer-events:none;margin-top:2px;font-size:10px}.hud-daily.hidden,.hud-rival.hidden{display:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.score-popup{z-index:2;box-sizing:border-box;aspect-ratio:1;border:2px solid var(--accent);pointer-events:none;letter-spacing:0;width:max-content;min-width:1.8em;min-height:1.8em;color:var(--accent);opacity:0;background:0 0;border-radius:50%;place-items:center;margin:0;padding:.12em .2em;font:700 20px/1 ui-monospace,Cascadia Mono,Consolas,monospace;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.score-popup.pop{animation:.55s ease-out score-pop}@keyframes score-pop{0%{opacity:0;transform:translate(-50%,-30%)scale(.55)}16%{opacity:1;transform:translate(-50%,-62%)scale(1.12)}to{opacity:0;transform:translate(-50%,-108%)scale(.96)}}.final-score{letter-spacing:.18em;color:var(--accent);text-shadow:0 0 18px #32f0ff59;margin:10px 0 8px;font-size:22px}.controls{z-index:2;color:var(--muted);pointer-events:none;font-size:12px;line-height:1.7;position:absolute;bottom:42px;left:18px}kbd{color:var(--accent);border:1px solid #32f0ff59;border-radius:3px;padding:1px 6px;font-family:inherit;font-size:11px;display:inline-block}.tech{z-index:2;letter-spacing:.08em;color:var(--muted);pointer-events:none;font-size:11px;position:absolute;bottom:16px;right:18px}#btn-sound{z-index:4;color:var(--muted);letter-spacing:.08em;cursor:pointer;background:#02061073;border:1px solid #32f0ff59;padding:4px 10px;font:11px ui-monospace,Cascadia Mono,Consolas,monospace;position:absolute;top:18px;right:18px}#btn-sound:hover,#btn-sound:focus-visible{color:var(--accent);outline:none}.overlay{z-index:3;text-align:center;background:#0206109e;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:auto}.overlay.hidden{display:none}.overlay h2{letter-spacing:.22em;color:var(--accent);margin:0 0 8px}.overlay p{color:var(--muted);margin:4px 0}.overlay button{border:1px solid var(--accent);color:var(--text);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;font:inherit;background:0 0;margin-top:22px;padding:10px 28px}.overlay button:hover,.overlay button:focus-visible{background:#32f0ff1f;outline:none}.score-form{flex-direction:column;align-items:center;gap:8px;margin:14px 0 0;display:flex}.score-form.hidden,.score-boards.hidden{display:none}.score-form label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px}.score-form input{width:180px;color:var(--text);text-align:center;letter-spacing:.12em;text-transform:uppercase;font:inherit;background:#020610b3;border:1px solid #32f0ff73;padding:8px 10px}.score-form input:focus{border-color:var(--accent);outline:none}.score-form button,.score-tabs button{margin-top:8px;padding:8px 18px}.score-status{min-height:1.2em;color:var(--accent-2);font-size:12px}.score-boards{width:min(360px,86vw);margin-top:10px}.score-tabs{justify-content:center;gap:8px;display:flex}.score-tabs button[aria-selected=true]{background:#32f0ff1f}.score-list{letter-spacing:.04em;max-height:36vh;margin:10px 0 0;padding:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;list-style:none;overflow:auto}.score-list li{color:var(--text);text-align:left;grid-template-columns:2em 1fr 4em;gap:8px;padding:3px 6px;display:grid}.score-list .who{text-transform:uppercase}.score-list .rank{color:var(--muted)}.score-list .pts{text-align:right;color:var(--accent)}
