:root{--bg:#0b0d1a;--panel:#151a3399;--panel-border:#ffffff1f;--text:#e8ecff;--muted:#9aa3c7;--cyan:#4cf2ff;--violet:#b26bff;--pink:#ff5fa2;--focus:#4cf2ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 20% 15%, #b26bff33, transparent 45%), radial-gradient(circle at 80% 85%, #4cf2ff24, transparent 45%), var(--bg);overflow:hidden}#app{height:100dvh;position:relative}.screen{place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow:auto}.screen[hidden],.overlay[hidden]{display:none}.game-screen{padding:0;overflow:hidden}.game-screen canvas{display:block}.panel{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(14px);border-radius:20px;width:100%;box-shadow:0 20px 60px #00000073}.menu-panel{text-align:center;max-width:440px;padding:32px 24px}.logo{letter-spacing:.04em;background:linear-gradient(90deg, var(--cyan), var(--violet), var(--pink));color:#0000;filter:drop-shadow(0 0 18px #4cf2ff59);-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:clamp(2.4rem,9vw,3.4rem)}.tagline{color:var(--muted);margin:0 0 20px}.mode-list{gap:12px;display:grid}.btn{font:inherit;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:12px;padding:12px 18px;transition:background .15s,border-color .15s}.btn:hover{background:#ffffff1f;border-color:#4cf2ff80}.btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.mode-btn{text-align:left;gap:2px;padding:14px 18px;display:grid}.mode-name{font-size:1.15rem;font-weight:700}.mode-desc{color:var(--muted);font-size:.9rem}.controls{text-align:left;color:var(--muted);margin-top:20px}.controls summary{cursor:pointer;text-align:center}.controls dl,.stats{grid-template-columns:1fr auto;gap:6px 16px;margin:12px 0 0;display:grid}.controls dd,.stats dd{color:var(--text);text-align:right;margin:0;font-weight:600}.version{color:var(--muted);margin:20px 0 0;font-size:.8rem}.overlay{-webkit-backdrop-filter:blur(4px);background:#05060f99;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.overlay-panel{text-align:center;max-width:360px;padding:28px 24px}.overlay-panel h2{margin:0 0 8px;font-size:1.8rem}.stats{text-align:left;margin-bottom:8px}.stats dt{color:var(--muted)}.actions{gap:10px;margin-top:20px;display:grid}