:root{color-scheme:light dark;--ink: #183153;--ink-soft: #39536f;--cream: #fff2ce;--cream-solid: #fff8e6;--coral: #bd3b30;--coral-deep: #86261f;--accent-text: #9f2f26;--sky-top: #7edcff;--sky-mid: #bcecff;--sky-low: #f7d9a3;--panel: rgb(255 248 230 / .86);--panel-border: rgb(255 255 255 / .62);--panel-shadow: rgb(32 92 119 / .24);--focus: #183153;--radius: 20px;font-family:ui-rounded,Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 78% 18%,rgb(255 255 255 / .7) 0 4%,transparent 23%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 58%,var(--sky-low) 100%);color:var(--ink)}button{font:inherit}.game{position:relative;isolation:isolate;width:100%;min-height:100dvh;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.game:focus-visible{box-shadow:inset 0 0 0 4px var(--focus)}#game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.sky-grain,.vignette{position:absolute;inset:0;pointer-events:none}.sky-grain{z-index:1;opacity:.075;background-image:repeating-radial-gradient(circle at 0 0,transparent 0 2px,rgb(24 49 83 / .17) 2.5px 3px);background-size:9px 9px;mix-blend-mode:soft-light}.vignette{z-index:2;background:linear-gradient(90deg,rgb(24 49 83 / .1),transparent 13% 87%,rgb(24 49 83 / .1)),linear-gradient(0deg,rgb(24 49 83 / .12),transparent 18% 90%,rgb(255 255 255 / .08))}.topbar{position:absolute;z-index:4;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));pointer-events:none}.brand,.scoreboard,.top-actions,.utility-button{pointer-events:auto}.brand{display:inline-flex;align-items:center;justify-self:start;gap:9px;min-height:44px;padding:0 15px;border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);box-shadow:inset 0 1px #fffc,0 9px 24px var(--panel-shadow);backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%);color:var(--ink);font-size:12px;font-weight:900;letter-spacing:.12em}.brand-mark{width:17px;height:13px;border-radius:65% 42% 58% 48%;background:var(--coral);box-shadow:inset -3px -2px 0 var(--coral-deep);transform:rotate(-8deg)}.scoreboard{display:grid;min-width:84px;padding:9px 18px 8px;border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);box-shadow:inset 0 1px #fffc,0 10px 30px var(--panel-shadow);backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%);text-align:center;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.scoreboard.score-pop{transform:translateY(3px) scale(1.1)}.score{font-size:clamp(26px,4vw,38px);font-weight:950;font-variant-numeric:tabular-nums;line-height:.9;letter-spacing:-.06em}.best-label{margin-top:5px;color:var(--ink-soft);font-size:9px;font-weight:850;letter-spacing:.13em}.best-label strong{color:var(--ink);font-variant-numeric:tabular-nums}.top-actions{display:flex;justify-self:end;gap:8px}.utility-button{min-width:64px;min-height:44px;padding:0 13px;border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);box-shadow:inset 0 1px #fffc,0 8px 22px var(--panel-shadow);backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%);color:var(--ink);font-size:11px;font-weight:850;cursor:pointer;transition:transform .16s ease,background .16s ease}.utility-button:hover{background:var(--cream-solid)}.utility-button:active{transform:translateY(1px) scale(.98)}.utility-button:focus-visible,.primary-button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.utility-button:disabled{cursor:default;opacity:.52}.screen{position:absolute;z-index:3;inset:0;display:grid;place-items:center;padding:max(92px,calc(env(safe-area-inset-top) + 82px)) max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));visibility:hidden;opacity:0;pointer-events:none;transition:opacity .26s ease,visibility .26s step-end}.screen-visible{visibility:visible;opacity:1;transition:opacity .26s ease,visibility 0ms step-start}.panel{width:min(440px,100%);padding:clamp(24px,4.5vw,42px);border:1px solid var(--panel-border);border-radius:var(--radius);background:linear-gradient(145deg,rgb(255 255 255 / .32),transparent 48%),var(--panel);box-shadow:inset 0 1px #ffffffe0,inset 0 -1px #ffffff3d,0 28px 80px var(--panel-shadow);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);text-align:center;pointer-events:auto;transform:translateY(14px) scale(.97);transition:transform .32s cubic-bezier(.16,1,.3,1)}.screen-visible .panel{transform:translateY(0) scale(1)}.hero-panel{position:relative;overflow:hidden}.hero-panel:before{content:"";position:absolute;width:170px;height:170px;top:-98px;right:-74px;border-radius:50%;background:#e9563f26}.compact-panel{width:min(340px,100%)}.loading-panel{width:min(260px,100%);padding:28px;color:var(--ink-soft);font-size:13px;font-weight:800;letter-spacing:.04em}.loading-wing{display:block;width:38px;height:22px;margin:0 auto 12px;border-radius:75% 30% 70% 38%;background:var(--coral);box-shadow:inset -5px -4px 0 var(--coral-deep);transform-origin:80% 50%;animation:loading-flap .72s cubic-bezier(.4,0,.2,1) infinite alternate}.eyebrow{margin:0 0 13px;color:var(--accent-text);font-size:10px;font-weight:950;letter-spacing:.19em}h1,h2,p{margin-top:0}h1{margin-bottom:13px;color:var(--ink);font-size:clamp(46px,10vw,78px);font-weight:950;line-height:.9;letter-spacing:-.08em;text-shadow:0 3px 0 rgb(255 255 255 / .62)}h2{margin-bottom:22px;font-size:clamp(34px,7vw,52px);font-weight:950;line-height:.94;letter-spacing:-.06em}.lede{margin-bottom:25px;color:var(--ink-soft);font-size:clamp(15px,3vw,18px);font-weight:750}.primary-button{min-width:170px;min-height:54px;padding:0 24px;border:1px solid rgb(93 25 20 / .18);border-radius:var(--radius);background:linear-gradient(180deg,rgb(255 255 255 / .22),transparent 50%),var(--coral);box-shadow:inset 0 1px #ffffff61,inset 0 -3px 0 var(--coral-deep),0 12px 24px #8e302547;color:#fff8ee;font-size:15px;font-weight:900;cursor:pointer;text-shadow:0 1px 0 rgb(72 22 18 / .36);transition:transform .16s ease,filter .16s ease}.primary-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.primary-button:active{transform:translateY(2px) scale(.98)}.controls-copy{margin:15px 0 0;color:var(--ink-soft);font-size:11px;font-weight:750}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}.result-grid>div{padding:16px 12px;border-radius:var(--radius);background:#ffffff61;box-shadow:inset 0 1px #ffffffb3}.result-grid span{display:block;margin-bottom:4px;color:var(--ink-soft);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.result-grid strong{font-size:34px;font-weight:950;font-variant-numeric:tabular-nums;line-height:1}.new-best{margin:-3px 0 17px;color:var(--accent-text);font-size:12px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{position:fixed;inset:20px;z-index:10;display:grid;place-items:center;margin:0;border-radius:var(--radius);background:var(--cream-solid);color:var(--ink);font-weight:800}@keyframes loading-flap{0%{transform:rotate(18deg)}to{transform:rotate(-28deg)}}@media(max-width:700px){.topbar{grid-template-columns:auto 1fr auto;gap:7px;padding:max(12px,env(safe-area-inset-top)) max(11px,env(safe-area-inset-right)) 0 max(11px,env(safe-area-inset-left))}.brand{width:44px;padding:0;justify-content:center}.brand>span:last-child{display:none}.scoreboard{justify-self:center;min-width:76px;padding-inline:13px}.top-actions{gap:6px}.utility-button{min-width:52px;padding-inline:9px;font-size:10px}.panel{width:min(390px,100%);padding:28px 22px}.screen{align-items:center}}@media(max-width:380px){.utility-button{min-width:46px;padding-inline:7px;font-size:9px}.scoreboard{min-width:68px}.score{font-size:26px}}@media(prefers-color-scheme:dark){:root{--ink: #f8eed4;--ink-soft: #c8d1d7;--cream: #243e53;--cream-solid: #233d50;--coral: #bd3b30;--coral-deep: #78231e;--accent-text: #ff9a83;--sky-top: #102a43;--sky-mid: #17445b;--sky-low: #4f5d62;--panel: rgb(18 42 59 / .82);--panel-border: rgb(255 255 255 / .18);--panel-shadow: rgb(3 15 25 / .38);--focus: #fff2ce}body{background:radial-gradient(circle at 78% 18%,rgb(255 230 170 / .15) 0 4%,transparent 23%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 58%,var(--sky-low) 100%)}.brand,.scoreboard,.utility-button{box-shadow:inset 0 1px #ffffff29,0 10px 28px var(--panel-shadow)}.hero-panel:before{background:#f06e5621}.result-grid>div{background:#ffffff12;box-shadow:inset 0 1px #ffffff1f}h1{text-shadow:0 3px 0 rgb(0 0 0 / .18)}}@media(prefers-reduced-transparency:reduce){.brand,.scoreboard,.utility-button,.panel{background:var(--cream-solid);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}