:root{--bg:#07051a;--panel:#140a28e6;--text:#fff4e6;--muted:#cbb8e8;--accent:#ff8a1f;--accent-2:#b06bff;--good:gold;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;margin:0;overflow:hidden}#app,#game-container{position:fixed;inset:0}#game-container canvas{touch-action:none}#ui-root{pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.screen{pointer-events:auto;border:3px solid var(--accent);background:var(--panel);text-align:center;border-radius:24px;width:min(460px,100vw - 24px);max-height:calc(100dvh - 24px);padding:20px 24px;overflow:auto;box-shadow:0 0 40px #ff8a1f59}.screen h1{color:var(--accent);text-shadow:0 2px #000;margin:0 0 6px;font-size:clamp(1.6rem,6vw,2.4rem)}.screen p{color:var(--muted);margin:0 0 14px;font-size:1.15rem}.row{justify-content:center;align-items:center;gap:10px;margin-bottom:14px;font-size:1.6rem;display:flex}.btn{font:inherit;border:3px solid var(--accent-2);min-height:56px;color:var(--text);cursor:pointer;white-space:nowrap;background:#ffffff0f;border-radius:16px;padding:10px 20px;font-size:1.2rem;font-weight:700}.btn.choice{padding:10px 14px}.btn:hover,.btn:focus-visible{outline:3px solid var(--text);outline-offset:2px}.btn:disabled{opacity:.4;cursor:default}.btn[aria-pressed=true]{background:var(--accent-2);color:#fff}.btn.toggle[aria-pressed=false]{border-color:var(--muted);color:var(--muted)}.btn.start{border-color:var(--accent);background:var(--accent);color:#1a0a00;min-height:72px;margin-bottom:8px;padding:10px 36px;font-size:1.8rem}.best,.new-best{font-weight:700}.screen .new-best{color:var(--good);font-size:1.4rem}.screen .final-score{color:var(--text);font-size:3rem;font-weight:800}.screen .stars{letter-spacing:.1em;margin-bottom:0;font-size:3.2rem}.star{color:#ffffff2e}.star.on{color:var(--good);text-shadow:0 0 16px #ffd700b3}.screen .rotate-hint{font-size:1rem;display:none}@media (orientation:portrait) and (pointer:coarse){.screen .rotate-hint{display:block}}.hud{top:max(10px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));text-shadow:0 2px 3px #000;pointer-events:none;justify-content:space-between;align-items:center;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:800;display:flex;position:fixed}.hud[hidden]{display:none}.hud-time{align-items:center;gap:10px;display:flex}.hud-time-bar{border:2px solid var(--text);background:#0006;border-radius:9px;width:clamp(90px,22vw,220px);height:18px;overflow:hidden}.hud-time-fill{background:linear-gradient(90deg, var(--accent), var(--good));transform-origin:0;height:100%;display:block}.hud-time-value{text-align:right;min-width:2ch}.hud-time[data-low]{color:#ff5a5a;animation:.5s ease-in-out infinite alternate pulse}.hud-time[data-low] .hud-time-fill{background:#ff5a5a}.countdown{color:var(--accent);text-shadow:0 0 30px #ff8a1fcc,0 4px #000;pointer-events:none;place-items:center;font-size:clamp(5rem,22vw,12rem);font-weight:900;display:grid;position:fixed;inset:0}.countdown[hidden]{display:none}.countdown.tick{animation:.6s ease-out zoom}@keyframes zoom{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{to{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.countdown.tick,.hud-time[data-low]{animation:none}}