:root{--ink: #2b2230;--cream: #fff8ea;--sand: #f3cc93;--sun: #ffc94f;--leaf: #62c24a;--leaf-dark: #3f8f32;--coral: #ff7b62;--sky: #a9dcf5;--app-height: 100dvh;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--round: "Nunito", "Baloo 2", "Avenir Next Rounded", ui-rounded, system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--sky);color:var(--ink);font-family:var(--round);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;height:var(--app-height);overflow:hidden}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#loading{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;font-size:22px;background:radial-gradient(circle at 50% 40%,#fff1d2,var(--sand))}input,button{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}#stick-zone{position:absolute;left:0;bottom:0;width:62%;height:52%;touch-action:none;z-index:2}body:not([data-screen=play]) #stick-zone{pointer-events:none}.pad-stick{position:absolute;left:calc(var(--safe-left) + 92px);top:calc(100% - var(--safe-bottom) - 118px);width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;background:#fff8ea38;border:3px solid rgba(255,248,234,.55);box-shadow:0 4px #2b22301f;pointer-events:none;transition:opacity .2s;opacity:.7}.pad-stick.held{opacity:1;background:#fff8ea4d}.pad-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--cream);box-shadow:0 4px #2b223040,inset 0 -4px #2b223014}#controls{position:absolute;inset:0;pointer-events:none;z-index:3}.pad-controls{position:absolute;inset:0;pointer-events:none}.pad-button{pointer-events:auto;position:absolute;right:calc(var(--safe-right) + 22px);bottom:calc(var(--safe-bottom) + 34px);width:128px;height:128px;border-radius:50%;border:4px solid var(--ink);background:radial-gradient(circle at 50% 35%,#fff3cf,var(--sun));box-shadow:0 7px 0 var(--ink),0 10px 24px #2b223040;display:grid;place-items:center;align-content:center;gap:0;font-weight:900;font-size:19px;letter-spacing:.06em;touch-action:none;transition:transform .06s,box-shadow .06s,background .2s}.pad-button svg{width:44px;height:44px;fill:none;stroke:var(--ink);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.pad-button.down{transform:translateY(5px);box-shadow:0 2px 0 var(--ink),0 6px 14px #2b223040}.pad-button.near{animation:near .8s ease-in-out infinite;background:radial-gradient(circle at 50% 35%,#fff,#ffd970)}.pad-button.holding{background:radial-gradient(circle at 50% 35%,#d7f7b8,var(--leaf))}.pad-button.lifted{background:radial-gradient(circle at 50% 35%,#e9ffd3,#4cc13b)}@keyframes near{50%{box-shadow:0 7px 0 var(--ink),0 0 0 10px #ffe99699}}.pad-button-hold .label{display:block;line-height:1}.pad-button-hold[data-tone=warn] .label{color:#b2371f;animation:shiver .18s linear infinite}@keyframes shiver{50%{transform:translate(2px)}}.pad-button-jump{right:calc(var(--safe-right) + 44px);bottom:calc(var(--safe-bottom) + 176px);width:84px;height:84px;border-width:3px;font-size:13px;background:radial-gradient(circle at 50% 35%,#e9f6ff,#8fd0f2);box-shadow:0 5px 0 var(--ink),0 8px 18px #2b223038}.pad-button-jump svg{width:30px;height:30px}.pad-button-jump.down,.pad-button-jump.flash{background:radial-gradient(circle at 50% 35%,#fff,#5cc0f0)}.pad-button-jump.flash{animation:jumpflash .25s ease-out}@keyframes jumpflash{0%{transform:translateY(4px) scale(.94)}60%{transform:translateY(-3px) scale(1.06)}}.slide-hint{position:absolute;left:50%;top:-22px;width:0;height:0;margin-left:-9px;border:9px solid transparent;border-bottom:12px solid var(--cream);filter:drop-shadow(0 2px 0 var(--ink));opacity:0;transition:opacity .2s;pointer-events:none}.pad-button-hold.holding .slide-hint{opacity:.9;animation:nudge 1.2s ease-in-out infinite}@keyframes nudge{50%{transform:translateY(-5px)}}@media (max-height: 600px){.pad-button-jump{bottom:calc(var(--safe-bottom) + 166px);width:76px;height:76px;right:calc(var(--safe-right) + 48px)}}#hud{position:absolute;inset:0;pointer-events:none;z-index:4}.hud,.play{position:absolute;inset:0}.top{position:absolute;top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 8px);right:calc(var(--safe-right) + 8px);display:flex;align-items:flex-start;gap:8px}.menu,.chip{pointer-events:auto;flex:none;height:42px;border-radius:21px;border:3px solid var(--ink);background:var(--cream);box-shadow:0 3px 0 var(--ink);font-weight:900}.menu{width:46px;display:grid;place-content:center;gap:4px;padding:0}.menu span{display:block;width:18px;height:3px;border-radius:2px;background:var(--ink)}.chip{padding:0 12px;font-size:15px;letter-spacing:.04em}.chip.pulse{animation:chip 1.4s ease-in-out infinite}@keyframes chip{50%{background:#fff0b3}}.progress{flex:1;min-width:0;padding-top:4px}.track{position:relative;height:14px;border-radius:7px;border:3px solid var(--ink);background:#fff8ead9;margin:0 14px 0 6px}.track .fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#ffd56b,#ff9e57)}.track .tick{position:absolute;top:-6px;width:4px;height:20px;margin-left:-2px;border-radius:2px;background:var(--ink);opacity:.45}.track .tick.done{background:var(--leaf-dark);opacity:1}.track .tick:after{content:"";position:absolute;top:-5px;left:2px;border:5px solid transparent;border-left:8px solid #f4efe4}.track .tick.done:after{border-left-color:#7ccf4f}.track .nest-mark{position:absolute;right:-14px;top:-7px;width:22px;height:16px;border-radius:0 0 11px 11px;background:#b6824b;border:3px solid var(--ink)}.track .egg-mark{position:absolute;top:-9px;width:18px;height:23px;margin-left:-9px;border-radius:50%/58% 58% 42% 42%;background:radial-gradient(circle at 35% 35%,#e8a467 0 3px,transparent 4px),radial-gradient(circle at 65% 70%,#e8a467 0 3px,transparent 4px),#f7ecd6;border:3px solid var(--ink);transition:left .3s}.meta{display:flex;justify-content:space-between;margin:7px 14px 0 6px;font-weight:900;font-size:15px;color:var(--cream);text-shadow:0 2px 0 var(--ink)}.cracks{display:flex;gap:3px}.cracks i{width:13px;height:16px;border-radius:50%/58% 58% 42% 42%;border:2px solid var(--ink);background:#f7ecd6}.cracks i.broken{background:repeating-linear-gradient(60deg,#5b3a22 0 2px,#c7b59a 2px 5px);opacity:.8}.toast{position:absolute;top:calc(var(--safe-top) + 92px);left:50%;transform:translate(-50%,-10px) scale(.9);opacity:0;padding:8px 18px;border-radius:999px;border:3px solid var(--ink);background:var(--cream);font-weight:900;font-size:22px;white-space:nowrap;box-shadow:0 4px 0 var(--ink);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%) scale(1);animation:pop .3s}.toast[data-tone=good]{background:#d9f6b8}.toast[data-tone=warn]{background:#fff0b3}.toast[data-tone=bad]{background:#ffd2c7}@keyframes pop{0%{transform:translate(-50%) scale(.7)}70%{transform:translate(-50%) scale(1.08)}}.hint{position:absolute;left:50%;top:calc(var(--safe-top) + 156px);width:min(86vw,360px);transform:translate(-50%,-8px);opacity:0;padding:10px 14px;border-radius:16px;background:#2b2230d1;color:var(--cream);font-weight:800;font-size:16px;line-height:1.3;text-align:center;transition:opacity .25s,transform .25s}.hint.show{opacity:1;transform:translate(-50%)}.banner{position:absolute;top:calc(var(--safe-top) + 140px);left:50%;transform:translate(-50%);padding:6px 14px;border-radius:12px;background:var(--ink);color:var(--cream);font-weight:800}.egg-arrow{position:absolute;left:0;top:0;width:0;height:0}.egg-arrow:before{content:"";position:absolute;left:14px;top:-12px;border:12px solid transparent;border-left:16px solid var(--ink)}.mate-arrow{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}.mate-arrow:before{content:"";position:absolute;left:-6px;top:-9px;border:9px solid transparent;border-left:13px solid var(--c, #fff);filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.egg-arrow .egg-icon{position:absolute;left:-20px;top:-24px;width:38px;height:46px;border-radius:50%/58% 58% 42% 42%;border:3px solid var(--ink);background:radial-gradient(circle at 35% 35%,#e8a467 0 6px,transparent 7px),radial-gradient(circle at 65% 70%,#e8a467 0 5px,transparent 6px),#f7ecd6;box-shadow:0 3px 0 var(--ink);animation:bob .9s ease-in-out infinite}@keyframes bob{50%{margin-top:-4px}}.fade{position:absolute;inset:0;display:grid;place-items:center;background:#fff4dc;opacity:0}.fade p{font-weight:900;font-size:24px;text-align:center;padding:0 24px}.title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-top) + 6vh) 18px calc(var(--safe-bottom) + 18px);pointer-events:auto;background:linear-gradient(180deg,#a9dcf58c,#a9dcf500 30%,#f3cc9300 55%,#f3cc9366)}.logo{margin:0;font-size:clamp(48px,15vw,76px);font-weight:1000;letter-spacing:-.02em;color:var(--sun);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);white-space:nowrap}.logo .bounce{display:inline-block;animation:hop 2.4s ease-in-out infinite}@keyframes hop{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-10px) rotate(-4deg)}}.tagline{margin:6px 0 0;font-weight:900;font-size:18px;color:var(--cream);text-shadow:0 2px 0 var(--ink)}.title .card{margin-top:auto}.card{width:min(92vw,380px);padding:16px;border-radius:24px;border:4px solid var(--ink);background:var(--cream);box-shadow:0 6px 0 var(--ink);display:flex;flex-direction:column;gap:10px;pointer-events:auto;position:relative}.card h2{margin:0;font-size:28px;font-weight:1000;text-align:center}.card .sub{margin:-4px 0 4px;text-align:center;font-weight:700;opacity:.8}.field{display:flex;align-items:center;gap:10px;font-weight:800}.field span{flex:none;font-size:15px}.field input,.code{flex:1;min-width:0;height:46px;border-radius:14px;border:3px solid var(--ink);background:#fff;padding:0 12px;font-size:18px;font-weight:800;user-select:text;-webkit-user-select:text;touch-action:manipulation}.code{text-transform:uppercase;letter-spacing:.2em;text-align:center;font-size:20px}.join-row{display:flex;gap:8px}.btn{min-height:48px;border-radius:16px;border:3px solid var(--ink);background:#fff;box-shadow:0 4px 0 var(--ink);font-weight:900;font-size:18px;padding:0 16px;touch-action:manipulation}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.btn.primary{background:var(--sun)}.btn.big{min-height:58px;font-size:21px}.btn.secondary{background:#d9f6b8}.btn.go{background:#bfe8ff}.btn.link{border:none;box-shadow:none;background:none;text-decoration:underline;min-height:36px;font-size:16px}.btn.close{position:absolute;top:6px;right:8px;width:40px;min-height:40px;padding:0;border:none;box-shadow:none;background:none;font-size:30px}.title.busy .btn{opacity:.6;pointer-events:none}.status{margin:0;min-height:1.2em;text-align:center;font-weight:800;color:#b5402e;font-size:15px}.small{margin:10px 0 0;font-weight:800;font-size:13px;color:var(--ink);opacity:.75}.sheet,.results{position:absolute;inset:0;display:grid;place-items:center;padding:calc(var(--safe-top) + 12px) 12px calc(var(--safe-bottom) + 12px);background:#2b22306b;pointer-events:auto;overflow-y:auto;touch-action:pan-y}.results{background:linear-gradient(180deg,transparent 40%,rgba(43,34,48,.25));place-items:end center;padding-bottom:calc(var(--safe-bottom) + 20px)}.results .card{animation:rise .45s cubic-bezier(.2,1.4,.4,1)}@keyframes rise{0%{transform:translateY(40px) scale(.9);opacity:0}}.code{display:inline-block}h2 .code{border:none;height:auto;background:var(--sun);border-radius:10px;padding:0 8px;letter-spacing:.15em}.qr{width:190px;height:190px;align-self:center;border:3px solid var(--ink);border-radius:14px;overflow:hidden;background:#fffaf0}.qr svg{width:100%;height:100%;display:block}.crew{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.crew li{padding:4px 12px;border-radius:999px;border:3px solid var(--ink);background:var(--c);color:#fff;font-weight:900;text-shadow:0 1px 0 rgba(43,34,48,.6)}.crew li.away{opacity:.45}.keys{margin:0;text-align:center;font-size:13px;font-weight:700;opacity:.7}.stats{display:flex;justify-content:space-around;margin:4px 0}.stats div{text-align:center}.stats dt{font-weight:800;font-size:13px;opacity:.7}.stats dd{margin:0;font-weight:1000;font-size:26px}.debug{position:fixed;left:calc(var(--safe-left) + 6px);top:calc(var(--safe-top) + 64px);margin:0;padding:4px 6px;border-radius:6px;background:#0000008c;color:#fff;font:11px/1.3 ui-monospace,monospace;pointer-events:none;z-index:9}@media (min-aspect-ratio: 1/1){.pad-button{width:116px;height:116px}.hold-caption{bottom:calc(var(--safe-bottom) + 164px);width:116px}}@media (prefers-reduced-motion: reduce){.logo .bounce,.egg-arrow .egg-icon,.pad-button.near,.chip.pulse{animation:none}}.pad-button-hold .twist{position:absolute;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:var(--cream);border:3px solid var(--ink);opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s;pointer-events:none}.pad-button-hold .twist:before{content:"";position:absolute;top:50%;left:50%;margin:-6px 0 0 -4px;border:6px solid transparent}.pad-button-hold .twist.left{left:-20px}.pad-button-hold .twist.left:before{border-right:8px solid var(--ink);margin-left:-9px}.pad-button-hold .twist.right{right:-20px}.pad-button-hold .twist.right:before{border-left:8px solid var(--ink);margin-left:-3px}.pad-button-hold.carrying .twist{opacity:1;transform:scale(1)}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 4px;font-weight:900;font-size:18px}.switch{position:relative;flex:none;width:60px;height:34px;border-radius:17px;border:3px solid var(--ink);background:#e9dfcc;box-shadow:0 3px 0 var(--ink);padding:0;cursor:pointer}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--cream);border:2px solid var(--ink);transition:transform .15s}.switch[aria-checked=true]{background:var(--leaf)}.switch[aria-checked=true]:after{transform:translate(26px)}.switch:focus-visible{outline:3px solid #5cc0f0;outline-offset:2px}.fps{position:fixed;right:calc(var(--safe-right) + 10px);top:calc(var(--safe-top) + 60px);z-index:8;display:flex;align-items:baseline;gap:4px;padding:3px 9px 3px 8px;border-radius:999px;background:#2b2230c7;color:var(--cream);font:800 15px/1.1 ui-rounded,system-ui,sans-serif;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none}.fps[hidden]{display:none}.fps-value{min-width:2.2ch;text-align:right}.fps-unit{font-size:10px;letter-spacing:.08em;opacity:.8}.fps:before{content:"";align-self:center;width:7px;height:7px;border-radius:50%;background:#bdb5a6}.fps[data-tone=good]:before{background:#7ee35d}.fps[data-tone=fair]:before{background:#ffcf4f}.fps[data-tone=poor]:before{background:#ff7a5c}