:root{--sky-top: #87b8d4;--sky-mid: #c5d9a8;--grass: #6b8f3a;--dirt: #8b6b45;--ink: #2a2418;--cream: #f7f0e0;--yolk: #e8a317;--shell: #f3ead6;--cta: #d97706;--cta-ink: #1f1608;--panel: rgba(247, 240, 224, .94);--shadow: rgba(42, 36, 24, .28);font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:var(--grass)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{position:relative;width:100%;height:100dvh;height:100svh;overflow:hidden;background:radial-gradient(ellipse 120% 60% at 50% -10%,#b8d9ef 0%,transparent 55%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 62%,var(--grass) 88%,var(--dirt) 100%)}#game{display:block;width:100%;height:100%;cursor:pointer}.hud{position:absolute;right:max(1rem,env(safe-area-inset-right));bottom:calc(3.25rem + env(safe-area-inset-bottom));pointer-events:none;z-index:2}.score{font-family:Fraunces,Courier New,monospace;font-weight:700;font-optical-sizing:auto;font-variant-numeric:tabular-nums;font-size:clamp(2.75rem,12vw,4.5rem);line-height:1;color:var(--cream);text-shadow:0 2px 0 rgba(42,36,24,.45),0 6px 18px rgba(42,36,24,.35);letter-spacing:-.02em;transition:transform .12s ease-out}.score.pop{transform:scale(1.12)}.overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));background:#2a241847;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay[hidden]{display:none}.panel{width:min(100%,26rem);padding:1.75rem 1.5rem 1.5rem;border-radius:1.25rem;background:var(--panel);box-shadow:0 18px 40px var(--shadow);text-align:center;animation:rise-in .42s cubic-bezier(.22,1,.36,1) both}.brand{margin:0 0 .35rem;font-family:Fraunces,Georgia,serif;font-size:clamp(2.6rem,11vw,3.6rem);font-weight:700;line-height:.95;letter-spacing:-.03em;color:var(--grass)}.panel h1,.panel h2{margin:0 0 .85rem;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(1.35rem,5vw,1.75rem);color:var(--ink)}.story-text{margin:0 0 1.35rem;font-size:1.05rem;line-height:1.45;color:#3d3426}.story-text strong{color:var(--ink)}.final-score{margin:-.5rem 0 1.25rem;font-family:Fraunces,Georgia,serif;font-size:1.35rem;font-weight:700}.cta{appearance:none;border:none;border-radius:999px;padding:.9rem 1.6rem;min-width:12rem;font-family:inherit;font-size:1.1rem;font-weight:800;color:var(--cta-ink);background:linear-gradient(180deg,#f0b429 0%,var(--cta) 100%);box-shadow:0 2px #9a5b0a,0 10px 24px #d9770659;cursor:pointer;transition:transform .14s ease,filter .14s ease}.cta:active{transform:translateY(2px) scale(.98)}.cta:focus-visible{outline:3px solid #2a2418;outline-offset:3px}@keyframes rise-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.panel,.score,.countdown-text{animation:none;transition:none}}.countdown{position:absolute;inset:0;z-index:4;display:grid;place-items:center;pointer-events:none;background:#2a24181f}.countdown[hidden]{display:none}.countdown-text{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:clamp(5rem,28vw,9rem);line-height:1;color:var(--cream);text-shadow:0 3px 0 rgba(42,36,24,.45),0 10px 28px rgba(42,36,24,.35);opacity:0}.countdown-text.countdown-pop{animation:countdown-fade .85s ease-out forwards}@keyframes countdown-fade{0%{opacity:0;transform:scale(.82)}18%{opacity:1;transform:scale(1.06)}72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}