:root{--ui-page:#06141b;--ui-text:#f4ffff;--ui-muted:#b9d8d4;--ui-accent:#25d6a2;--ui-accent-bright:#67f4c7;--ui-surface:#041218b8;--ui-border:#9ee8dd47;--ui-button-text:#052019;--ui-glow:#25d6a26b;color:var(--ui-text);background:var(--ui-page);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,Avenir,Helvetica,Arial,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app,.game-shell{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;min-width:300px;min-height:480px}button{font:inherit}[hidden]{display:none!important}.game-shell{isolation:isolate;background:radial-gradient(circle at 50% 20%, var(--ui-glow), transparent 35%), var(--ui-page);position:relative}.game-canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.sound-toggle{z-index:7;top:max(72px, calc(env(safe-area-inset-top) + 58px));right:max(14px, env(safe-area-inset-right));border:1px solid var(--ui-border);min-height:30px;color:var(--ui-muted);letter-spacing:.08em;background:var(--ui-surface);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:.58rem;font-weight:800;display:flex;position:absolute;box-shadow:0 6px 20px #0003}.sound-toggle strong{color:var(--ui-accent-bright)}.sound-toggle:focus-visible{outline-offset:2px;outline:2px solid #fff}.game-shell:after{z-index:4;opacity:0;pointer-events:none;content:"";background:radial-gradient(circle at 50% 56%,#fffffff0,#0000 30%),#ff304885;position:absolute;inset:0}.game-shell.is-impacting:after{animation:.42s cubic-bezier(.16,1,.3,1) both impact-flash}@keyframes impact-flash{0%{opacity:.92}20%{opacity:.28}to{opacity:0}}.hud{z-index:3;top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));left:max(14px, env(safe-area-inset-left));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;display:grid;position:absolute}.hud-pill,.score-block{flex-direction:column;gap:1px;display:flex}.hud-pill{border:1px solid var(--ui-border);background:var(--ui-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;width:-moz-fit-content;width:fit-content;min-width:76px;padding:9px 12px;box-shadow:0 8px 30px #0000002e}.hud-pill:last-child{text-align:right;justify-self:end}.score-block{text-align:center;text-shadow:0 2px 8px #0009;align-items:center;padding:5px 10px}.score-block strong{font-size:clamp(1.35rem,5vw,2rem)}.hud-label,.eyebrow{color:var(--ui-accent-bright);letter-spacing:.13em;text-transform:uppercase;font-size:.62rem;font-weight:800}.hud-pill strong{font-size:.96rem}.screen{z-index:5;padding:max(28px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));text-align:center;background:linear-gradient(180deg, transparent, var(--ui-surface)), radial-gradient(circle at 50% 35%, var(--ui-glow), transparent 44%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ready-screen h1{letter-spacing:-.07em;text-transform:uppercase;margin:10px 0 14px;font-size:clamp(3.6rem,17vw,6.4rem);font-weight:800;line-height:.78}.ready-screen h1 em{color:var(--ui-accent);font-style:normal}.brand-mark{border:2px solid var(--ui-accent);width:54px;height:54px;color:var(--ui-accent);border-radius:17px 17px 17px 6px;place-items:center;font-size:1.6rem;font-weight:800;display:grid;transform:rotate(-7deg)}.brand-mark span{transform:rotate(7deg)}.lede{max-width:320px;color:var(--ui-muted);margin:0 0 24px;font-size:.95rem;line-height:1.55}.primary-button{min-width:188px;min-height:56px;color:var(--ui-button-text);letter-spacing:.04em;background:var(--ui-accent-bright);box-shadow:0 10px 34px var(--ui-glow);cursor:pointer;border:0;border-radius:18px;padding:14px 28px;font-weight:800;transition:transform .12s,background .12s}.primary-button:hover{filter:brightness(1.08)}.primary-button:active{transform:translateY(2px)scale(.98)}.primary-button:focus-visible{outline-offset:4px;outline:3px solid #fff}.controls-hint{color:var(--ui-muted);opacity:.68;margin:16px 0 0;font-size:.72rem}.countdown{z-index:4;color:#fff;text-align:center;text-shadow:0 8px 40px var(--ui-glow);pointer-events:none;font-size:clamp(5rem,25vw,10rem);font-weight:800;line-height:1;animation:1s ease-in-out infinite countdown-pulse;position:absolute;inset:42% 0 auto}@keyframes countdown-pulse{0%,to{opacity:.5;transform:scale(.82)}25%{opacity:1;transform:scale(1)}}.compact-screen{background:var(--ui-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.compact-screen h2{letter-spacing:-.06em;margin:8px 0 22px;font-size:clamp(2.4rem,11vw,4.5rem)}.final-score{color:var(--ui-accent-bright);margin:-10px 0 20px;font-size:clamp(3.6rem,18vw,6rem)}.summary-row{gap:46px;margin:0 0 28px;display:flex}.summary-row span{flex-direction:column;gap:3px;display:flex}.summary-row small{color:var(--ui-muted)}.summary-row strong{font-size:1.2rem}.orientation-notice{display:none}.debug-panel{z-index:10;right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));border:1px solid var(--ui-border);min-width:210px;color:var(--ui-accent-bright);white-space:pre;text-align:left;background:var(--ui-surface);pointer-events:none;border-radius:10px;padding:10px 12px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute}.preset-lab{z-index:11;bottom:max(8px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));border:1px solid var(--ui-border);width:min(230px,100% - 16px);color:var(--ui-text);background:var(--ui-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;gap:8px;padding:12px;font-size:.72rem;display:grid;position:absolute;box-shadow:0 10px 30px #0000003d}.preset-lab strong{color:var(--ui-accent-bright);letter-spacing:.08em;text-transform:uppercase}.preset-lab label{grid-template-columns:62px 1fr;align-items:center;gap:8px;display:grid}.preset-lab select{border:1px solid var(--ui-border);min-width:0;color:var(--ui-text);font:inherit;background:var(--ui-page);border-radius:7px;padding:6px 8px}.preset-lab small{color:var(--ui-muted);line-height:1.35}@media (max-width:600px){.debug-panel,.preset-lab{width:calc(50% - 12px);min-width:0}.debug-panel{padding:8px;font-size:9px}.preset-lab{padding:9px;font-size:.65rem}.preset-lab label{grid-template-columns:48px 1fr;gap:5px}}@media (orientation:landscape) and (max-height:520px){body{min-height:0}.debug-panel{padding:8px;font-size:9px}.preset-lab{padding:9px;font-size:.65rem}.orientation-notice{z-index:4;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));color:var(--ui-muted);background:var(--ui-surface);pointer-events:none;border-radius:999px;padding:8px 12px;font-size:.68rem;display:block;position:absolute}.ready-screen h1{font-size:min(16vh,4.6rem)}.brand-mark,.controls-hint{display:none}.lede{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){.countdown{animation:none}.primary-button{transition:none}.game-shell.is-impacting:after{opacity:.18;animation:none}}