:root{--abyss: #0e1238;--abyss-deep: #090b26;--twilight: #2b1e5c;--mint: #6ff3c8;--coral: #ff6f91;--amber: #ffc857;--pearl: #f4f1ff;--pearl-dim: rgba(244, 241, 255, .72);--pearl-faint: rgba(244, 241, 255, .14);--panel: rgba(30, 22, 74, .66);--font: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--step-0: 1rem;--step-1: 1.25rem;--step-2: 1.75rem;--step-3: 3rem;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--abyss-deep);color:var(--pearl);font-family:var(--font);font-size:var(--step-0);line-height:1.5;-webkit-tap-highlight-color:transparent}h1,h2,h3{margin:0;font-weight:600;line-height:1.15;text-wrap:balance}h2{font-size:var(--step-2)}p{margin:0}.stage{position:fixed;inset:0;overflow:hidden}.stage canvas{display:block;width:100%;height:100%}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) 16px max(16px,env(safe-area-inset-bottom,0px));pointer-events:none}.overlay>*{pointer-events:auto}.start{display:grid;justify-items:center;gap:1.25rem;max-width:30rem;text-align:center;transform:translateY(-8vh)}.title{display:flex;font-size:clamp(3.6rem,16vw,7.5rem);font-weight:700;letter-spacing:-.01em;line-height:1;filter:drop-shadow(0 0 22px rgba(255,111,145,.45))}.title span{display:inline-block;background:linear-gradient(180deg,var(--pearl) 25%,var(--coral) 70%,var(--amber) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:bob 3.4s ease-in-out infinite;animation-delay:calc(var(--i) * -.42s)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.08em)}}.story{max-width:24rem;color:var(--pearl-dim);font-size:var(--step-1);line-height:1.45}.hint{max-width:22rem;color:var(--pearl-dim);font-size:.95rem}.panel{display:grid;gap:1.25rem;width:min(100%,25rem);padding:2rem 1.75rem 1.75rem;border:1px solid var(--pearl-faint);border-radius:2rem 2rem 2.75rem 2.75rem;background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff14,0 0 80px #6ff3c812;text-align:center}.final-score{color:var(--amber);font-size:var(--step-3);font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stats>div{display:grid;gap:.15rem}.stat-value{font-size:var(--step-1);font-weight:600;font-variant-numeric:tabular-nums}.stat-label{color:var(--pearl-dim);font-size:.9rem}.best{color:var(--mint)}.actions{display:grid;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.7rem 2rem;border:0;border-radius:999px;font:inherit;font-size:var(--step-1);font-weight:600;text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .16s ease,background-color .16s ease}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{min-width:11rem;background:var(--coral);color:var(--abyss-deep);box-shadow:0 0 #ff6f9100}.btn-primary:hover:not(:disabled){box-shadow:0 0 28px #ff6f918c}.btn-quiet{background:transparent;color:var(--pearl);box-shadow:inset 0 0 0 1.5px var(--pearl-faint)}.btn-quiet:hover:not(:disabled){background:#f4f1ff0f}.btn:focus-visible,.icon-button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.controls{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:12px;display:flex;gap:8px}.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--pearl-faint);border-radius:50%;background:#090b268c;color:var(--pearl);cursor:pointer}.icon-button svg{width:22px;height:22px;fill:currentColor}.icon-button svg .stroke{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.page{position:relative;z-index:1;display:grid;gap:1.75rem;width:min(100%,38rem);margin-inline:auto;padding:1.5rem 16px 6rem;padding-top:calc(env(safe-area-inset-top,0px) + 1.5rem)}.page-header{display:grid;justify-items:start;gap:.75rem}.page-header h1{font-size:var(--step-3);font-weight:700}.page-header .back{min-height:2.5rem;padding:.35rem 1.1rem;font-size:.95rem}.lede{max-width:32rem;color:var(--pearl-dim);font-size:var(--step-1)}.status{display:grid;justify-items:start;gap:1rem}.muted{color:var(--pearl-dim)}.page a:not(.btn){color:var(--mint)}.field{display:grid;gap:.35rem;text-align:left}.field label{font-weight:500}.field input{width:100%;min-height:3rem;padding:.6rem 1rem;border:1.5px solid var(--pearl-faint);border-radius:1rem;background:#090b2699;color:var(--pearl);font:inherit}.field input[aria-invalid=true]{border-color:var(--coral)}.field-error,.form-error{color:var(--coral);font-size:.9rem}.field-help{color:var(--pearl-dim);font-size:.9rem}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.title span{animation:none}.btn{transition:none}}