:root{--bg:#fde9d3;--ink:#5a2e1a;--accent:#f28b82;color:var(--ink);font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);overscroll-behavior:none;height:100%;margin:0}.game{height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.hud{flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;font-weight:600;display:flex}.hud h1{flex:1;margin:0;font-size:1.25rem}.stage{flex:1;min-height:0;position:relative;overflow:hidden}.stage canvas{position:absolute;inset:0}button,select{font:inherit;color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:999px;padding:6px 14px}.result{z-index:1;isolation:isolate;text-align:center;background:#fde9d3d9;place-content:center;justify-items:center;gap:12px;display:grid;position:fixed;inset:0}.result h2{margin:0;font-size:2rem}.result button{padding:10px 24px;font-size:1.2rem}.timer{font-variant-numeric:tabular-nums}.sprite{background-repeat:no-repeat;flex:none;display:inline-block}.icon-button{cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.icon-button:active,.big-button:active,.map-node button:active{transform:scale(.94)}.screen{height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex;position:relative}.home{background:url(/assets/bg-home-C5c4vKaz.webp) center bottom / cover no-repeat var(--bg);align-items:center}.home .corner{top:calc(env(safe-area-inset-top) + 8px);right:calc(env(safe-area-inset-right) + 8px);gap:4px;display:flex;position:absolute}.home .logo{margin:12vh 16px 0}.home .logo img{width:min(80vw,420px);height:auto;display:block}.big-button{background:var(--accent);box-shadow:0 4px 0 var(--ink);cursor:pointer;align-items:center;gap:10px;margin-top:3vh;padding:12px 36px;font-size:1.6rem;font-weight:700;display:flex}.top-bar{align-items:center;gap:8px;padding:8px 12px;display:flex}.top-bar h1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:1.4rem;overflow:hidden}.top-bar>:not(h1){flex:none}@media (width<=440px){.map .top-bar{gap:4px;padding-inline:8px}.map .top-bar h1{font-size:0}.map .top-bar>:not(h1){zoom:.85}}.map-scroll{flex:1;min-height:0;position:relative;overflow:hidden auto}.map-world{background-position:top;background-repeat:repeat-y;position:absolute;left:0;right:0}.map-world.fade{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade));mask-image:linear-gradient(to bottom, transparent, #000 var(--fade))}.map-world:after{content:"";background:linear-gradient(90deg, transparent calc(50% - 210px), var(--bg) calc(50% - 130px), var(--bg) calc(50% + 130px), transparent calc(50% + 210px));opacity:var(--veil,0);position:absolute;inset:0}.map-track{margin:0 auto;position:relative}.world-banner.map-banner{z-index:1;pointer-events:none;width:260px;margin:0;position:absolute;left:50%;translate:-50% -50%}.map-path{transform-origin:0;background-repeat:repeat-x;background-size:auto 100%;height:28px;position:absolute}.map-nodes{margin:0;padding:0;list-style:none}.map-node{flex-direction:column;align-items:center;display:flex;position:absolute;translate:-50% -42px}.map-node button{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.map-node button:disabled{cursor:default}.map-node .current{animation:1.2s ease-in-out infinite alternate bob}.map-number{color:#fff;text-shadow:0 2px #00000040;font-size:1.8rem;font-weight:800;position:absolute}.map-stars{gap:2px;margin-top:2px;display:flex}@keyframes bob{to{transform:translateY(-6px)}}.settings-list{width:min(100%,480px);margin:8px auto;padding:0 16px;list-style:none}.settings-list li{border-bottom:2px dashed #5a2e1a33;align-items:center;gap:12px;padding:12px 0;font-size:1.15rem;font-weight:600;display:flex}.settings-list li>:nth-child(2){flex:1}.settings-list li.off .sprite{opacity:.5}.switch{cursor:pointer;background:#e3d3c0;width:56px;height:32px;padding:0;position:relative}.switch:after{content:"";border:2px solid var(--ink);background:#fff;border-radius:50%;width:24px;height:24px;transition:translate .15s;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:#8fd3b0}.switch[aria-checked=true]:after{translate:24px}.hud-stats{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:4px 16px;display:flex}.lives{gap:2px;display:flex}.result.win{gap:8px;overflow:hidden}.win-hero{place-items:center;display:grid;position:relative}.win-hero img{animation:.5s ease-out both pop-in;position:relative}.win-hero .win-sparkle{animation:1.6s ease-in-out infinite twinkle;position:absolute}.star-pop{animation:.4s ease-out both pop-in}.candle-flicker{animation:1.2s ease-in-out infinite wobble}.result-time{margin:0}.coins-won{position:relative}.coin-fly{opacity:0;animation:.6s ease-in both coin-fly;position:absolute;left:0}.confetti-burst{z-index:-1;pointer-events:none;position:absolute;top:35%;left:50%}.burst-bit{opacity:0;animation:burst 1.4s ease-out var(--delay) both;position:absolute}@keyframes pop-in{0%{opacity:0;scale:0}70%{scale:1.15}}@keyframes twinkle{50%{opacity:.3;scale:.4}}@keyframes coin-fly{0%{opacity:1;translate:0 -120px}to{opacity:0;translate:0}}@keyframes burst{20%{opacity:1}to{opacity:0;translate:var(--dx) var(--dy);rotate:var(--turn)}}.result-art{z-index:-1;animation:24s linear infinite spin;position:absolute;top:50%;left:50%;translate:-50% -50%}.result .stars{align-items:end;gap:4px;margin:0;display:flex}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.result-actions button{background:#fff}.result-actions .primary{background:var(--accent)}.toast{z-index:2;top:calc(env(safe-area-inset-top) + 120px);pointer-events:none;background:#fff;border-radius:16px;margin:0;padding:8px 16px;font-weight:600;position:absolute;left:50%;translate:-50%}@keyframes spin{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.map-node .current,.result-art,.win-hero img,.win-sparkle,.star-pop,.candle-flicker,.coin-fly,.burst-bit{animation:none}}.game[hidden]{display:none}.hint-button{position:relative}.hint-button.undo-button .badge{background:var(--ink)}.hint-button:disabled{opacity:.45;cursor:default}.hint-button .badge{background:var(--accent);color:#fff;border-radius:9px;min-width:18px;padding:0 4px;font-size:.75rem;line-height:18px;position:absolute;bottom:-2px;right:-2px}.settings-icon-gap{flex:none;width:40px}.level-making{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-weight:700;display:flex;position:absolute;inset:0}.level-making>:first-child{animation:1.2s ease-in-out infinite alternate level-making}@keyframes level-making{to{transform:scale(1.12)rotate(8deg)}}@media (prefers-reduced-motion:reduce){.level-making>:first-child{animation:none}}.pause-button:disabled{opacity:.45}.pause{z-index:2}.pause-actions,.dialog-actions{gap:12px;min-width:220px;display:grid}.pause-actions button,.dialog-actions button{background:#fff}.pause-actions .primary,.dialog-actions .primary{background:var(--accent)}.pause .settings-list{text-align:start;width:min(100vw - 32px,360px)}.settings-row{min-height:40px;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;text-decoration:none;display:flex}.settings-row>:first-child{flex:1}.settings-row:after{content:"›";opacity:.5;font-size:1.6rem;line-height:1}.settings-detail{opacity:.7;font-size:.9rem;font-weight:500}.settings{overflow-y:auto}.app-version{text-align:center;opacity:.6;margin:8px 0 24px;font-size:.9rem}.dialog-text{max-width:min(100vw - 48px,340px);margin:0 0 8px;font-size:1.05rem}.dialog-actions{grid-auto-flow:column}.credits{background:var(--bg);overflow-y:auto}.credits-body{width:min(100%,480px);margin:0 auto;padding:0 16px 24px;font-size:1.1rem;line-height:1.5}.credits-body h2{margin:24px 0 4px;font-size:1.2rem}.credits-body ul{margin:0;padding-inline-start:20px}.credits-body a{color:inherit;font-weight:600}.credits-thanks{text-align:center;margin-top:24px;font-weight:700}.settings .toast{top:auto;bottom:calc(env(safe-area-inset-bottom) + 64px);text-align:center;width:max-content;max-width:calc(100% - 32px)}.frame-box{isolation:isolate;flex:none;display:inline-block;position:relative}.tutorial-hand{z-index:1;pointer-events:none;width:110px;height:110px;position:fixed;top:0;left:0}.tutorial-hand .frame-box{position:absolute;top:0;left:0}.hand-up{animation:.8s step-end infinite hand-up}.hand-press{animation:.8s step-end infinite hand-press}@keyframes hand-up{50%{opacity:0}}@keyframes hand-press{0%{opacity:0}50%{opacity:1}}.teach{z-index:2}.teach-card{box-sizing:border-box;border:40px solid #0000;border-image:url(/assets/ui-card-DEhb6ltV.webp) 90 fill/40px;justify-items:center;gap:10px;width:min(100vw - 32px,360px);padding:0 6px 4px;display:grid}.teach-card h2{font-size:1.6rem}.teach-card .primary{background:var(--accent)}.teach-card p{margin:0;font-size:1.1rem;line-height:1.35}.teach-art{justify-content:center;align-items:center;gap:12px;min-height:110px;display:flex}.teach-spring{isolation:isolate;width:168px;height:42px;display:block;position:relative;-webkit-mask-size:100% 100%;mask-size:100% 100%}.teach-spring>span{mix-blend-mode:multiply;background-size:100% 100%;position:absolute;inset:0}.home .corner-left{top:calc(env(safe-area-inset-top) + 16px);left:calc(env(safe-area-inset-left) + 12px);position:absolute}.coin-balance,.streak{font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:700;display:inline-flex}.coin-balance{background:#fffc;border-radius:999px;padding:2px 10px 2px 4px}.daily-button{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.daily-button.icon-button{display:inline-flex}.daily-button.wide{box-shadow:0 3px 0 var(--ink);margin-top:2.5vh;padding:4px 20px 4px 8px;font-size:1.2rem;font-weight:700}.daily-button.wide:active{transform:scale(.96)}.daily-done{text-align:center;background:#fffc;border-radius:12px;margin:10px 16px 0;padding:4px 12px;font-weight:600}.result-streak,.coins-won{justify-content:center;align-items:center;gap:6px;margin:0;font-weight:700;display:flex}.coins-won{font-variant-numeric:tabular-nums;min-height:40px;font-size:1.6rem}.celebration{background:#fde9d3f5;padding:16px;overflow:hidden}.world-banner{width:min(100%,384px);position:relative;container-type:inline-size}.world-banner img{width:100%;height:auto;display:block}.world-banner span{color:#fff;text-align:center;text-wrap:balance;text-shadow:0 2px 0 var(--ink), 0 -1px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink);place-items:center;font-size:5.6cqw;font-weight:800;line-height:1.05;display:grid;position:absolute;inset:29.3% 23.4% 33.6%}.gift{cursor:pointer;background:0 0;border:0;padding:0;animation:.9s ease-in-out infinite wobble}.gift.open{cursor:default;animation:.35s ease-out pop}@keyframes wobble{0%,to{rotate:0deg}25%{rotate:-6deg}75%{rotate:6deg}}@keyframes pop{0%{scale:.8}}.confetti{z-index:-1;pointer-events:none;position:absolute;inset:0}.confetti-bit{left:var(--x);animation:confetti-fall var(--dur) linear var(--delay) infinite;position:absolute;top:-40px}@keyframes confetti-fall{to{translate:0 calc(100vh + 80px);rotate:var(--turn)}}@media (prefers-reduced-motion:reduce){.gift,.gift.open,.confetti-bit{animation:none}.confetti-bit{top:var(--y)}}.shop-scroll{flex:1;min-height:0;padding:0 16px 24px;overflow-y:auto}.shop section{width:min(100%,480px);margin:0 auto}.shop h2{margin:16px 0 4px;font-size:1.2rem}.shop-list{margin:0;padding:0;list-style:none}.shop-list li{border-bottom:2px dashed #5a2e1a33;align-items:center;gap:12px;padding:10px 0;display:flex}.shop-text{flex-direction:column;flex:1;min-width:0;display:flex}.shop-list .soon .shop-text{opacity:.7;font-weight:600}.owned{font-weight:700}.buy{cursor:pointer;background:#fff;flex:none;min-width:76px;padding:6px 12px;font-weight:700}.buy.on{background:var(--accent)}.buy:disabled{opacity:.45;cursor:default}.price{font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.hat-stage{align-items:center;gap:12px;display:flex}.hat-stage p{margin:0}.hat-preview{flex:none;display:inline-block;position:relative}.hat-preview>.frame-box{position:absolute;inset:0}.hat-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.hat-grid li{text-align:center;background:#ffffff80;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-weight:600;display:flex}.remove-button[aria-pressed=true]{background:var(--accent);border-radius:50%}