:root{--bg: #0a0a12;--panel: #12121e;--panel-2: #1a1a2b;--line: #262640;--ink: #e8e8f5;--muted: #8b8fb0;--magenta: #ff3d77;--cyan: #2ee6ff;--violet: #8a7dff;--green: #5fe3a1;--gold: #f9c74f;--mono: "Press Start 2P", monospace;--sans: "Space Grotesk", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--bg)}body{font-family:var(--sans);color:var(--ink)}canvas{display:block}#ui{position:fixed;inset:0;z-index:10;pointer-events:none}#ui .screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto}#ui .hud{pointer-events:none}.hidden{display:none!important}.veil{position:absolute;inset:0;background:radial-gradient(900px 500px at 50% 30%,rgba(138,125,255,.12),transparent 70%),#080810d1;backdrop-filter:blur(3px)}.brand{font-family:var(--mono);font-size:clamp(2.2rem,8vw,5rem);letter-spacing:2px;color:var(--magenta);text-shadow:0 0 18px rgba(255,61,119,.55),4px 4px 0 #2a0a1a}.brand b{color:var(--cyan);text-shadow:0 0 18px rgba(46,230,255,.5),4px 4px 0 #07232a}.tag{color:var(--muted);margin-top:14px;font-size:.95rem;letter-spacing:1px}.card{position:relative;z-index:1;width:min(560px,92vw);background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:28px;box-shadow:0 20px 60px #0009,inset 0 0 0 1px #ffffff05;text-align:center}.card:before{content:"";position:absolute;top:0;left:16px;right:16px;height:2px;background:linear-gradient(90deg,transparent,var(--magenta),var(--cyan),transparent);opacity:.8}.row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0}.label{font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:18px 0 8px}.chip{font-family:var(--mono);font-size:.62rem;padding:9px 12px;border-radius:8px;cursor:pointer;background:var(--panel-2);color:var(--muted);border:1px solid var(--line);transition:all .15s}.chip:hover{color:var(--ink);border-color:var(--violet)}.chip.on{background:var(--violet);color:#0a0a12;border-color:var(--violet)}input.name{font-family:var(--sans);font-size:1rem;text-align:center;width:min(280px,80vw);padding:12px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink);outline:none}input.name:focus{border-color:var(--cyan)}.btn{font-family:var(--mono);font-size:.72rem;letter-spacing:1px;padding:16px 26px;border-radius:10px;cursor:pointer;border:none;background:var(--magenta);color:#0a0a12;transition:transform .12s,box-shadow .2s;box-shadow:0 0 24px #ff3d7766}.btn:hover{transform:translateY(-2px);box-shadow:0 0 34px #ff3d7799}.btn.ghost{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.ghost:hover{border-color:var(--cyan)}.btn.cyan{background:var(--cyan);box-shadow:0 0 24px #2ee6ff66}.controls-hint{color:var(--muted);font-size:.8rem;margin-top:18px;line-height:1.7}.controls-hint b{color:var(--ink)}.credits{color:#565a78;font-size:.66rem;margin-top:16px;line-height:1.6}.credits a{color:#6a6f95}.hud-top{position:absolute;top:14px;left:0;right:0;display:flex;justify-content:center;gap:10px}.timer{font-family:var(--mono);font-size:1rem;color:var(--ink);background:var(--panel);border:2px solid var(--line);border-radius:10px;padding:10px 18px;min-width:96px;text-align:center}.timer.low{color:var(--magenta);border-color:var(--magenta)}.leaderboard{position:absolute;top:14px;right:14px;background:var(--panel);border:2px solid var(--line);border-radius:10px;width:188px;overflow:hidden;font-size:.72rem}.lb-h{background:var(--panel-2);padding:7px 10px;font-family:var(--mono);font-size:.56rem;letter-spacing:2px;color:var(--violet)}.lb-row{display:flex;justify-content:space-between;padding:6px 10px;color:var(--muted)}.lb-row.me{color:var(--ink);background:#8a7dff1f}.lb-row .sz{color:var(--gold);font-family:var(--mono);font-size:.6rem}.statbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:min(420px,86vw)}.xp-track{height:12px;background:var(--panel);border:2px solid var(--line);border-radius:8px;overflow:hidden}.xp-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:width .12s}.statline{display:flex;justify-content:space-between;margin-top:6px;font-size:.72rem;color:var(--muted);font-family:var(--mono)}.fx-row{position:absolute;bottom:52px;left:50%;transform:translate(-50%);display:flex;gap:8px}.fx{font-family:var(--mono);font-size:.56rem;padding:5px 9px;border-radius:7px;background:var(--panel);border:1px solid var(--line)}.dash{position:absolute;bottom:16px;right:16px;font-family:var(--mono);font-size:.6rem;color:var(--muted);background:var(--panel);border:2px solid var(--line);border-radius:10px;padding:10px 12px}.dash.ready{color:var(--cyan);border-color:var(--cyan)}.iconbtn{position:absolute;top:14px;left:14px;pointer-events:auto;cursor:pointer;font-family:var(--mono);font-size:.6rem;color:var(--muted);background:var(--panel);border:2px solid var(--line);border-radius:10px;padding:10px 12px}.upgrades{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.up{width:170px;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:22px 16px;cursor:pointer;transition:transform .15s,border-color .15s}.up:hover{transform:translateY(-6px);border-color:var(--magenta);box-shadow:0 14px 40px #ff3d7740}.up .ico{font-size:2.4rem}.up .nm{font-family:var(--mono);font-size:.66rem;margin:14px 0 8px;color:var(--ink)}.up .ds{font-size:.82rem;color:var(--muted);line-height:1.4}.result-row{display:flex;justify-content:space-between;padding:8px 4px;border-bottom:1px solid var(--line);font-size:.9rem}.result-row.win{color:var(--gold)}.big-num{font-family:var(--mono);font-size:1.4rem;color:var(--gold)}.muted{color:var(--muted)}.code{font-family:var(--mono);font-size:1.4rem;letter-spacing:4px;color:var(--cyan);background:var(--panel-2);padding:12px 18px;border-radius:10px;display:inline-block}