@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-latin-800-normal-BbF3Etk1.woff2)format("woff2"),url(./baloo-2-latin-800-normal-B8BXfZF7.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-vietnamese-800-normal-ConLnEgt.woff2)format("woff2"),url(./baloo-2-vietnamese-800-normal-GQACmpuv.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(./nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-vietnamese-700-normal-Ch8EUCfz.woff2)format("woff2"),url(./nunito-vietnamese-700-normal-C9SQsXvj.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-vietnamese-800-normal-D_CZYdm9.woff2)format("woff2"),url(./nunito-vietnamese-800-normal-Dz0hZPb5.woff)format("woff")}:root{--u:min(calc(100vw / 118), calc(100vh / 82));--c-sky-100:#eef9ff;--c-sky-200:#c9ecff;--c-sky-300:#a5ddfb;--c-sky-500:#4aa8ec;--c-sky-700:#1f74c0;--c-grass-200:#c8efa4;--c-grass-400:#8fd16a;--c-grass-500:#6cbd4c;--c-grass-700:#3c8f35;--c-sand-50:#fffaf0;--c-sand-200:#ffe6b0;--c-sand-400:#f6c675;--c-sand-600:#d99a3e;--c-coral-400:#ff9b5c;--c-coral-500:#ff8240;--c-coral-700:#d65a1e;--c-berry-300:#ffb3cc;--c-berry-500:#f27aa3;--c-berry-700:#c74476;--c-sun-300:#ffe789;--c-sun-500:#ffcb3d;--c-sun-700:#c98f00;--c-lilac-300:#d6c8ff;--c-lilac-500:#a58bff;--c-lilac-700:#6c4fd6;--c-plum-900:#33285a;--c-plum-700:#574a80;--c-plum-400:#9a90bd;--c-white:#fff;--color-ink:var(--c-plum-900);--color-ink-soft:var(--c-plum-700);--color-ink-muted:var(--c-plum-400);--color-shadow:#33285a2e;--color-surface:var(--c-white);--color-surface-warm:var(--c-sand-50);--color-scrim:#33285a8c;--color-sky-top:var(--c-sky-300);--color-sky-bottom:var(--c-sky-100);--color-ground:var(--c-grass-400);--color-ground-deep:var(--c-grass-500);--color-path:var(--c-sand-200);--color-path-edge:var(--c-sand-600);--color-primary:var(--c-coral-500);--color-primary-edge:var(--c-coral-700);--color-on-primary:var(--c-white);--color-success:var(--c-grass-500);--color-success-edge:var(--c-grass-700);--color-hint:var(--c-sun-500);--color-hint-edge:var(--c-sun-700);--color-focus:var(--c-sky-700);--color-answer-1:var(--c-sky-500);--color-answer-1-edge:var(--c-sky-700);--color-answer-2:var(--c-berry-500);--color-answer-2-edge:var(--c-berry-700);--color-answer-3:var(--c-lilac-500);--color-answer-3-edge:var(--c-lilac-700);--font-display:"Baloo 2", "Nunito", ui-rounded, system-ui, sans-serif;--font-body:"Nunito", ui-rounded, system-ui, sans-serif;--fs-digit-xl:calc(var(--u) * 12);--fs-digit-lg:calc(var(--u) * 6.4);--fs-digit-md:calc(var(--u) * 3.6);--fs-title:calc(var(--u) * 7);--fs-button:calc(var(--u) * 4.2);--fs-label:calc(var(--u) * 2.2);--fs-caption:calc(var(--u) * 1.8);--fw-bold:700;--fw-heavy:800;--sp-1:calc(var(--u) * .5);--sp-2:calc(var(--u) * 1);--sp-3:calc(var(--u) * 1.6);--sp-4:calc(var(--u) * 2.4);--sp-5:calc(var(--u) * 3.6);--sp-6:calc(var(--u) * 5);--size-icon-btn:calc(var(--u) * 7);--size-replay-btn:calc(var(--u) * 9.6);--size-answer:calc(var(--u) * 19);--gap-answer:calc(var(--u) * 6);--size-tile:calc(var(--u) * 7);--size-seq-tile:calc(var(--u) * 9.6);--r-sm:calc(var(--u) * 1.2);--r-md:calc(var(--u) * 2);--r-lg:calc(var(--u) * 3.2);--r-pill:999px;--edge-depth:calc(var(--u) * .9);--shadow-soft:0 calc(var(--u) * 1.4) calc(var(--u) * 2.6) var(--color-shadow);--shadow-float:0 calc(var(--u) * 2.2) calc(var(--u) * 4) var(--color-shadow);--dur-fast:.14s;--dur-base:.26s;--dur-slow:.52s;--dur-scene:.9s;--ease-soft:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}@supports (height:100dvh){:root{--u:min(calc(100dvw / 118), calc(100dvh / 82))}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur-base:1ms;--dur-slow:.12s;--dur-scene:.2s}}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;padding:0;overflow:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-sky-bottom);color:var(--color-ink);font-family:var(--font-body);font-weight:var(--fw-bold);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:fixed;top:0;bottom:0;left:0;right:0}img,svg{-webkit-user-drag:none;display:block}button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}button:disabled{cursor:default}:focus{outline:none}:focus-visible{outline:calc(var(--u) * .6) solid var(--color-focus);outline-offset:calc(var(--u) * .5)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.app{background:linear-gradient(180deg, var(--color-sky-top) 0%, var(--color-sky-bottom) 62%);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.app__backdrop{z-index:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.stage{z-index:1;justify-items:center;row-gap:var(--sp-3);height:100%;padding:max(var(--safe-top), var(--sp-3)) max(var(--safe-right), var(--sp-4)) max(var(--safe-bottom), var(--sp-3)) max(var(--safe-left), var(--sp-4));grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:relative}.stage__topbar{grid-template-columns:calc(var(--size-icon-btn) * 2 + var(--sp-2)) 1fr calc(var(--size-icon-btn) * 2 + var(--sp-2));align-items:center;column-gap:var(--sp-4);width:100%;display:grid}.stage__topbar>:nth-child(2){justify-self:center}.stage__controls{justify-content:flex-end;gap:var(--sp-2);display:flex}.icon-btn--music{--size-icon-btn:calc(var(--u) * 5.6);align-self:center}.stage__question{justify-items:center;row-gap:var(--sp-1);display:grid}.stage__path-zone{width:100%;min-height:0;padding-bottom:var(--sp-2);justify-content:center;align-items:flex-end;display:flex;position:relative}.stage__answers{justify-content:center;gap:var(--gap-answer);padding-bottom:var(--edge-depth);display:flex}.stage__question,.stage__answers{transition:opacity var(--dur-slow) var(--ease-soft), transform var(--dur-slow) var(--ease-soft)}.stage--done .stage__question,.stage--done .stage__answers{opacity:0;transform:translateY(calc(var(--u) * 3));pointer-events:none}.icon-btn{width:var(--size-icon-btn);height:var(--size-icon-btn);background:var(--color-surface);color:var(--color-ink);box-shadow:0 calc(var(--edge-depth) * .7) 0 var(--c-sky-300), var(--shadow-soft);transition:transform var(--dur-fast) var(--ease-soft), box-shadow var(--dur-fast) var(--ease-soft);border-radius:50%;place-items:center;display:grid}.icon-btn__icon{width:52%;height:52%}.icon-btn:active{transform:translateY(calc(var(--edge-depth) * .6));box-shadow:0 calc(var(--edge-depth) * .1) 0 var(--c-sky-300), var(--shadow-soft)}.icon-btn--off{background:var(--c-sun-300)}.icon-btn--music.icon-btn--off{background:var(--color-surface);color:var(--color-ink-soft)}.progress{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);box-shadow:var(--shadow-soft);background:#ffffffd1;display:flex}.progress__steps{align-items:center;gap:var(--sp-2);margin:0;padding:0;list-style:none;display:flex}.progress__step{width:calc(var(--u) * 2.6);height:calc(var(--u) * 2.6);background:var(--c-sky-100);box-shadow:inset 0 0 0 calc(var(--u) * .3) var(--c-sky-300);color:#0000;transition:transform var(--dur-base) var(--ease-pop), background var(--dur-base);border-radius:50%;place-items:center;display:grid}.progress__step-icon{width:70%;height:70%}.progress__step--done{background:var(--c-sun-500);box-shadow:inset 0 0 0 calc(var(--u) * .3) var(--c-sun-700);color:var(--color-surface)}.progress__step--current{background:var(--color-surface);box-shadow:inset 0 0 0 calc(var(--u) * .45) var(--color-primary);transform:scale(1.3)}.progress__divider{width:calc(var(--u) * .4);height:calc(var(--u) * 2.6);border-radius:var(--r-pill);background:var(--c-sky-300)}.progress__label{font-size:var(--fs-label);font-weight:var(--fw-heavy);color:var(--color-ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.garden{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.garden-layer{will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0}.garden-layer--clouds{animation:28s ease-in-out infinite alternate garden-drift}@keyframes garden-drift{0%{transform:translate(-2%)}to{transform:translate(2.5%)}}.butterfly{width:calc(var(--u) * 8);height:calc(var(--u) * 8);will-change:transform;animation:18s ease-in-out infinite butterfly-path;position:absolute;top:40%;left:34%}.butterfly__svg{width:100%;height:100%;overflow:visible}@keyframes butterfly-path{0%,to{transform:translate(0,0)rotate(-6deg)}25%{transform:translate3d(calc(var(--u) * 12), calc(var(--u) * -4), 0) rotate(8deg)}50%{transform:translate3d(calc(var(--u) * 24), calc(var(--u) * 1), 0) rotate(-4deg)}75%{transform:translate3d(calc(var(--u) * 10), calc(var(--u) * 3), 0) rotate(6deg)}}.butterfly__wing--l{transform-origin:-2px 0;animation:.36s ease-in-out infinite alternate butterfly-wing}.butterfly__wing--r{transform-origin:2px 0;animation:.36s ease-in-out infinite alternate butterfly-wing}@keyframes butterfly-wing{to{transform:scaleX(.35)}}.is-hidden .garden-layer--clouds,.is-hidden .butterfly,.is-hidden .butterfly__wing--l,.is-hidden .butterfly__wing--r{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.garden-layer--clouds,.butterfly,.butterfly__wing--l,.butterfly__wing--r{animation:none}}.number-path{padding:0 var(--sp-3) calc(var(--edge-depth) + var(--sp-1));position:relative}.number-path__road{border-radius:var(--r-pill);height:70%;box-shadow:inset 0 calc(var(--u) * .4) 0 #ffffff73, 0 calc(var(--u) * .5) 0 #d9a85a, var(--shadow-soft);background:linear-gradient(#f8e1ad 0%,#efcb86 100%);position:absolute;bottom:0;left:0;right:0}.number-path__tiles{align-items:center;gap:calc(var(--u) * .3);margin:0;padding:0;list-style:none;display:flex;position:relative}.number-path__tile{width:var(--size-tile);height:var(--size-tile);background:radial-gradient(120% 100% at 35% 25%, #fff 0%, var(--c-sand-50) 55%, #fbe9c4 100%);box-shadow:0 var(--edge-depth) 0 var(--color-path-edge), 0 calc(var(--edge-depth) + var(--u) * .6) calc(var(--u) * 1.2) #78501440;font-family:var(--font-display);font-size:var(--fs-digit-md);font-weight:var(--fw-heavy);color:var(--color-ink);transition:transform var(--dur-base) var(--ease-pop), background var(--dur-base) var(--ease-soft);border-radius:38% 42% 40% 36%/40% 36% 42% 38%;place-items:center;line-height:1;display:grid;position:relative}.number-path__digit{transform:translateY(6%)}.number-path__tile:nth-child(4n+1){border-radius:42% 36% 38% 42%/36% 42% 38% 40%}.number-path__tile:nth-child(4n+3){border-radius:36% 40% 44% 38%/42% 38% 36% 40%}.number-path__tile--current{background:var(--color-surface);box-shadow:0 0 0 calc(var(--u) * .5) var(--color-primary), 0 var(--edge-depth) 0 var(--color-primary-edge), var(--shadow-soft)}.number-path__paw{right:calc(var(--u) * -.6);top:calc(var(--u) * -.8);width:calc(var(--u) * 2.8);height:calc(var(--u) * 2.8);background:var(--c-berry-300);color:var(--c-berry-700);box-shadow:0 calc(var(--u) * .2) 0 var(--c-berry-500);opacity:0;transition:opacity var(--dur-base) var(--ease-soft), transform var(--dur-base) var(--ease-pop);border-radius:50%;place-items:center;display:grid;position:absolute;transform:scale(.3)}.number-path__paw svg{width:70%;height:70%}.number-path__tile--visited .number-path__paw{opacity:1;transform:scale(1)}.number-path__tile--hint{animation:path-hint .9s var(--ease-soft) 2}@keyframes path-hint{0%,to{transform:translateY(0)}40%{transform:translateY(calc(var(--u) * -1.2))}}.number-path__arrow{width:calc(var(--u) * 1.5);color:#c98a36;transition:transform var(--dur-slow) var(--ease-pop) var(--flip-delay,0s);place-items:center;display:grid}.number-path__arrow svg{width:100%;height:auto}.number-path[data-direction=backward] .number-path__arrow{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){.number-path__tile--hint{box-shadow:0 0 0 calc(var(--u) * .5) var(--color-hint), 0 var(--edge-depth) 0 var(--color-hint-edge);animation:none}}.number-path__tile--hidden{background:var(--color-surface);color:var(--color-primary);box-shadow:inset 0 0 0 calc(var(--u) * .35) var(--color-primary), 0 var(--edge-depth) 0 var(--color-path-edge)}.house{z-index:2;width:calc(var(--u) * 13);height:calc(var(--u) * 12.3);transform-origin:50% 100%;opacity:0;transform:translateY(calc(var(--u) * 2)) scale(.6);transition:opacity var(--dur-slow) var(--ease-soft), transform var(--dur-slow) var(--ease-pop);pointer-events:none;position:absolute;bottom:0}.house--visible{opacity:1;transform:none}.house__svg{width:100%;height:100%;overflow:visible}.house__smoke{animation:3s ease-in-out infinite house-smoke}@keyframes house-smoke{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:.5;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.house__smoke{animation:none}}.path-scene{align-items:flex-end;gap:var(--sp-2);display:flex;position:relative}.path-scene__home{width:calc(var(--u) * 13);height:calc(var(--u) * 12.3);flex:none;position:relative}.path-scene__home .house{left:0}.signpost{left:calc(var(--u) * 2.5);width:calc(var(--u) * 8);height:calc(var(--u) * 10);transform-origin:50% 100%;transition:opacity var(--dur-base) var(--ease-soft), transform var(--dur-base) var(--ease-soft);position:absolute;bottom:0}.signpost svg{width:100%;height:100%}.signpost--hidden{opacity:0;transform:scale(.6)}.rabbit{--rabbit-h:calc(var(--u) * 19);z-index:3;width:calc(var(--rabbit-h) * 200 / 274);height:var(--rabbit-h);margin-left:calc(var(--rabbit-h) * -100 / 274);pointer-events:none;will-change:transform;position:absolute;bottom:0;left:0}.rabbit__jump,.rabbit__flip{transform-origin:50% 100%;width:100%;height:100%}.rabbit--face-left .rabbit__flip{transform:scaleX(-1)}.rabbit__svg{width:100%;height:100%;overflow:visible}.rabbit__shadow{fill:#33285a29;stroke:none;transform-origin:100px 253px}.rabbit--hopping .rabbit__shadow{animation:.56s ease-in-out rabbit-shadow}@keyframes rabbit-shadow{50%{opacity:.5;transform:scale(.6)}}.rabbit__figure{transform-origin:100px 250px;animation:2.6s ease-in-out infinite rabbit-breathe}@keyframes rabbit-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,1.025)}}.rabbit__head,.rabbit__ear,.rabbit__arm,.rabbit__tail{transition:transform var(--dur-base) var(--ease-pop)}.rabbit__head{transform-origin:104px 160px}.rabbit__ear--left{transform-origin:86px 78px}.rabbit__ear--right{transform-origin:132px 76px;animation:5.5s ease-in-out infinite rabbit-ear-twitch;animation-delay:var(--rabbit-phase,0s)}@keyframes rabbit-ear-twitch{0%,86%,to{transform:rotate(0)}90%{transform:rotate(9deg)}94%{transform:rotate(-3deg)}}.rabbit__tail{transform-origin:56px 210px;animation:3.2s ease-in-out infinite rabbit-tail-wag}@keyframes rabbit-tail-wag{0%,80%,to{transform:rotate(0)}86%{transform:rotate(-10deg)}92%{transform:rotate(8deg)}}.rabbit__arm--left{transform-origin:72px 174px}.rabbit__arm--right{transform-origin:132px 172px}.rabbit__eyes-open{transform-origin:108px 110px;animation:4.6s infinite rabbit-blink;animation-delay:var(--rabbit-phase,0s)}@keyframes rabbit-blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.12)}}.rabbit__eyes-happy,.rabbit__brows,.rabbit__mouth--open,.rabbit__mouth--soft{opacity:0}.rabbit__eyes-open,.rabbit__mouth--smile{opacity:1}.rabbit--happy .rabbit__eyes-open,.rabbit--happy .rabbit__mouth--smile,.rabbit--encourage .rabbit__mouth--smile{opacity:0}.rabbit--happy .rabbit__eyes-happy,.rabbit--happy .rabbit__mouth--open,.rabbit--encourage .rabbit__brows,.rabbit--encourage .rabbit__mouth--soft{opacity:1}.rabbit--happy .rabbit__cheek{opacity:.75}.rabbit--encourage .rabbit__head{transform:rotate(-7deg)}.rabbit--encourage .rabbit__ear--left{transform:rotate(-22deg)}.rabbit--cheer .rabbit__arm--left{transform:rotate(118deg)}.rabbit--cheer .rabbit__arm--right{transform:rotate(-118deg)}.rabbit--happy .rabbit__ear--left{transform:rotate(-6deg)}.rabbit--waving .rabbit__arm--right{animation:.8s ease-in-out infinite rabbit-wave}@keyframes rabbit-wave{0%,to{transform:rotate(-120deg)}50%{transform:rotate(-85deg)}}.rabbit--inside{visibility:hidden}@media (prefers-reduced-motion:reduce){.rabbit__figure,.rabbit__ear--right,.rabbit__tail,.rabbit__eyes-open,.rabbit--waving .rabbit__arm--right{animation:none}.rabbit--waving .rabbit__arm--right{transform:rotate(-110deg)}}.rabbit--talking .rabbit__mouth--smile{animation:.32s step-end infinite rabbit-talk-a}.rabbit--talking .rabbit__mouth--open{animation:.32s step-end infinite rabbit-talk-b}@keyframes rabbit-talk-a{0%{opacity:1}50%{opacity:0}}@keyframes rabbit-talk-b{0%{opacity:0}50%{opacity:1}}.confetti-layer{z-index:50;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.confetti{width:calc(var(--u) * 1.4);height:calc(var(--u) * .8);border-radius:calc(var(--u) * .2);opacity:0;will-change:transform, opacity;background:currentColor;display:block;position:absolute}.confetti--dot{width:calc(var(--u) * 1.1);height:calc(var(--u) * 1.1);border-radius:50%}.confetti--star{width:calc(var(--u) * 2);height:calc(var(--u) * 2);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);border-radius:0}.question-card{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5) var(--sp-3) var(--sp-3);border-radius:var(--r-lg);background:var(--color-surface);box-shadow:var(--shadow-float);display:flex}.question-card__sequence{align-items:center;gap:var(--sp-2);margin:0;padding:0;list-style:none;display:flex}.question-card__dash{width:calc(var(--u) * 1.6);height:calc(var(--u) * .6);border-radius:var(--r-pill);background:var(--color-ink-muted)}.seq-tile{width:var(--size-seq-tile);height:var(--size-seq-tile);border-radius:var(--r-md);background:var(--color-surface-warm);box-shadow:inset 0 0 0 calc(var(--u) * .45) var(--c-sand-400);font-family:var(--font-display);font-size:var(--fs-digit-lg);font-weight:var(--fw-heavy);color:var(--color-ink);place-items:center;line-height:1;display:grid}.seq-tile--missing{background:var(--color-surface);box-shadow:none;border:calc(var(--u) * .5) dashed var(--color-primary);color:var(--color-primary);animation:seq-tile-breathe 1.8s var(--ease-soft) infinite}@keyframes seq-tile-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.replay-btn{width:var(--size-replay-btn);height:var(--size-replay-btn);background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 var(--edge-depth) 0 var(--color-primary-edge), var(--shadow-soft);transition:transform var(--dur-fast) var(--ease-soft), box-shadow var(--dur-fast) var(--ease-soft);border-radius:50%;flex:none;place-items:center;display:grid}.replay-btn__icon{width:56%;height:56%}.replay-btn:active{transform:translateY(var(--edge-depth));box-shadow:0 0 0 var(--color-primary-edge), var(--shadow-soft)}.caption{max-width:calc(var(--u) * 80);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-caption);color:var(--color-ink-soft);text-align:center;background:#ffffffb8;margin:0;line-height:1.35}@media (prefers-reduced-motion:reduce){.seq-tile--missing{animation:none}}.question-card--enter{animation:question-enter var(--dur-slow) var(--ease-pop)}@keyframes question-enter{0%{opacity:0;transform:translateY(calc(var(--u) * -2)) scale(.96)}}.seq-tile--gap{width:calc(var(--size-seq-tile) * .7);box-shadow:none;color:var(--color-ink-muted);font-size:calc(var(--fs-digit-lg) * .55);letter-spacing:.1em;background:0 0}.seq-tile--revealed{background:var(--c-grass-200);box-shadow:inset 0 0 0 calc(var(--u) * .45) var(--color-success);animation:seq-reveal var(--dur-slow) var(--ease-pop)}@keyframes seq-reveal{0%{transform:scale(.4)rotate(-12deg)}}@media (prefers-reduced-motion:reduce){.question-card--enter,.seq-tile--revealed{animation:none}}.answer-card{--accent:var(--color-answer-1);--accent-edge:var(--color-answer-1-edge);width:var(--size-answer);height:var(--size-answer);border-radius:var(--r-lg);background:var(--color-surface);box-shadow:inset 0 0 0 calc(var(--u) * .9) var(--accent), 0 var(--edge-depth) 0 var(--accent-edge), var(--shadow-float);font-family:var(--font-display);font-size:var(--fs-digit-xl);font-weight:var(--fw-heavy);color:var(--color-ink);font-variant-numeric:tabular-nums;transition:transform var(--dur-fast) var(--ease-soft), box-shadow var(--dur-fast) var(--ease-soft);place-items:center;line-height:1;display:grid;position:relative}.answer-card--a2{--accent:var(--color-answer-2);--accent-edge:var(--color-answer-2-edge)}.answer-card--a3{--accent:var(--color-answer-3);--accent-edge:var(--color-answer-3-edge)}.answer-card__digit{transform:translateY(6%)}.answer-card:active:not(:disabled){transform:translateY(var(--edge-depth));box-shadow:inset 0 0 0 calc(var(--u) * .9) var(--accent), 0 0 0 var(--accent-edge), var(--shadow-soft)}.answer-card__badge{top:calc(var(--u) * -1.6);right:calc(var(--u) * -1.6);width:calc(var(--u) * 6);height:calc(var(--u) * 6);color:var(--color-surface);box-shadow:var(--shadow-soft);border-radius:50%;place-items:center;display:none;position:absolute}.answer-card__badge-icon{width:60%;height:60%;display:none}.answer-card--correct .answer-card__badge-icon--correct,.answer-card--retry .answer-card__badge-icon--retry{display:block}.answer-card--correct{--accent:var(--color-success);--accent-edge:var(--color-success-edge);transform:scale(1.08)}.answer-card--correct .answer-card__badge{background:var(--color-success);display:grid}.answer-card--retry{--accent:var(--color-hint);--accent-edge:var(--color-hint-edge);animation:answer-wiggle var(--dur-slow) var(--ease-soft)}.answer-card--retry .answer-card__badge{background:var(--color-hint-edge);display:grid}@keyframes answer-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.answer-card--enter{animation:answer-enter var(--dur-slow) var(--ease-pop) backwards}@keyframes answer-enter{0%{opacity:0;transform:translateY(calc(var(--u) * 4)) scale(.8)}}@media (prefers-reduced-motion:reduce){.answer-card--enter,.answer-card--retry{animation:none}}.btn{justify-content:center;align-items:center;gap:var(--sp-3);min-width:calc(var(--u) * 34);min-height:calc(var(--u) * 11);padding:0 var(--sp-6);border-radius:var(--r-pill);font-family:var(--font-display);font-size:var(--fs-button);font-weight:var(--fw-heavy);letter-spacing:.04em;transition:transform var(--dur-fast) var(--ease-soft), box-shadow var(--dur-fast) var(--ease-soft);line-height:1;display:inline-flex}.btn--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 calc(var(--edge-depth) * 1.3) 0 var(--color-primary-edge), var(--shadow-float);text-shadow:0 calc(var(--u) * .3) 0 var(--color-primary-edge)}.btn--primary:active{transform:translateY(calc(var(--edge-depth) * 1.3));box-shadow:0 0 0 var(--color-primary-edge), var(--shadow-soft)}.screen{z-index:20;padding:max(var(--safe-top), var(--sp-4)) max(var(--safe-right), var(--sp-4)) max(var(--safe-bottom), var(--sp-4)) max(var(--safe-left), var(--sp-4));opacity:0;visibility:hidden;transition:opacity var(--dur-slow) var(--ease-soft), visibility 0s linear var(--dur-slow);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.screen--visible{opacity:1;visibility:visible;transition:opacity var(--dur-slow) var(--ease-soft), visibility 0s}.screen--instant,.screen--instant *{transition:none!important}.stage--behind{opacity:0;pointer-events:none}.stage{transition:opacity var(--dur-slow) var(--ease-soft)}.welcome{place-items:center;gap:var(--sp-2);width:100%;height:100%;padding-bottom:var(--sp-3);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.welcome__title{font-family:var(--font-display);font-weight:var(--fw-heavy);justify-items:center;margin:0;line-height:.95;display:grid}.welcome__kicker{padding:var(--sp-1) var(--sp-5);border-radius:var(--r-pill);box-shadow:var(--shadow-soft);font-size:calc(var(--u) * 4);color:var(--color-ink);background:#ffffffe0}.welcome__big{margin-top:calc(var(--u) * 2.2);font-size:calc(var(--u) * 12);letter-spacing:.02em;align-items:flex-end;line-height:1;display:flex}.welcome__space{width:calc(var(--u) * 3.5)}.welcome__letter{--c:var(--color-primary);--edge:var(--color-primary-edge);color:var(--c);-webkit-text-stroke:calc(var(--u) * .5) #fff;paint-order:stroke fill;text-shadow:0 calc(var(--u) * .8) 0 var(--edge), 0 calc(var(--u) * 1.6) calc(var(--u) * 2.4) var(--color-shadow);animation:welcome-letter 2.8s var(--ease-soft) infinite;display:inline-block}.welcome__letter--1{--c:var(--c-sun-500);--edge:var(--c-sun-700);animation-delay:.15s}.welcome__letter--2{--c:var(--c-grass-500);--edge:var(--c-grass-700);animation-delay:.3s}.welcome__letter--4{--c:var(--c-sky-500);--edge:var(--c-sky-700);animation-delay:.45s}.welcome__letter--5{--c:var(--c-berry-500);--edge:var(--c-berry-700);animation-delay:.6s}@keyframes welcome-letter{0%,60%,to{transform:translateY(0)rotate(0)}70%{transform:translateY(calc(var(--u) * -1.6)) rotate(-4deg)}82%{transform:translateY(0)rotate(2deg)}}.welcome__hero{width:calc(var(--u) * 60);place-items:end center;height:100%;min-height:0;display:grid;position:relative}.welcome__mound{width:calc(var(--u) * 34);height:calc(var(--u) * 6);background:linear-gradient(180deg, var(--c-grass-400), var(--c-grass-500));box-shadow:inset 0 calc(var(--u) * .6) 0 #ffffff4d;border-radius:50% 50% 0 0/100% 100% 0 0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.welcome__rabbit.rabbit{--rabbit-h:min(calc(var(--u) * 30), 100%);z-index:1;margin:0 0 calc(var(--u) * 2);position:relative}.welcome__bubble{z-index:2;top:12%;left:calc(50% + var(--u) * 9);align-items:center;gap:var(--sp-2);min-height:calc(var(--u) * 7);padding:var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-3);border-radius:var(--r-lg) var(--r-lg) var(--r-lg) var(--r-sm);background:var(--color-surface);box-shadow:0 calc(var(--edge-depth) * .7) 0 var(--c-sky-300), var(--shadow-float);font-size:var(--fs-label);font-weight:var(--fw-heavy);color:var(--color-ink);white-space:nowrap;animation:bubble-float 3.2s var(--ease-soft) infinite;display:flex;position:absolute}.welcome__bubble-icon{width:calc(var(--u) * 4);height:calc(var(--u) * 4);padding:calc(var(--u) * .6);background:var(--color-primary);color:var(--color-on-primary);border-radius:50%}.welcome__bubble--playing .welcome__bubble-icon{animation:bubble-pulse .6s var(--ease-soft) infinite alternate}@keyframes bubble-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--u) * -.8))}}@keyframes bubble-pulse{to{transform:scale(1.15)}}.welcome__balloons{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.balloon{width:calc(var(--u) * 7);height:calc(var(--u) * 8);font-family:var(--font-display);font-size:calc(var(--u) * 4.4);font-weight:var(--fw-heavy);color:#fff;text-shadow:0 calc(var(--u) * .3) 0 #00000026;box-shadow:inset calc(var(--u) * -.8) calc(var(--u) * -1) 0 #0000001a;animation:balloon-float 4.6s var(--ease-soft) infinite;border-radius:50% 50% 48% 48%/55% 55% 45% 45%;place-items:center;display:grid;position:absolute}.balloon:after{content:"";width:2px;height:calc(var(--u) * 5);background:#33285a4d;position:absolute;top:100%;left:50%}.balloon:before{content:"";background:#ffffff8c;border-radius:50%;width:22%;height:16%;position:absolute;top:18%;left:24%}.balloon--1{background:var(--c-sky-500);top:30%;left:4%}.balloon--2{background:var(--c-berry-500);animation-delay:-1.6s;top:8%;left:14%}.balloon--3{background:var(--c-lilac-500);animation-delay:-3s;top:46%;right:6%}@keyframes balloon-float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(calc(var(--u) * -2)) rotate(4deg)}}.btn--xl{min-width:calc(var(--u) * 40);min-height:calc(var(--u) * 12.5);font-size:calc(var(--u) * 5.2)}.welcome__start{animation:start-glow 2.2s var(--ease-soft) infinite}@keyframes start-glow{0%,to{box-shadow:0 calc(var(--edge-depth) * 1.3) 0 var(--color-primary-edge), var(--shadow-float), 0 0 0 0 #ff824073}50%{box-shadow:0 calc(var(--edge-depth) * 1.3) 0 var(--color-primary-edge), var(--shadow-float), 0 0 0 calc(var(--u) * 2.2) #ff824000}}.welcome__start:active{animation:none}.screen--celebration{padding-top:calc(var(--u) * 10);place-items:start center}.celebration{align-items:center;gap:calc(var(--u) * -2);display:flex}.celebration__rabbit.rabbit{--rabbit-h:calc(var(--u) * 22);z-index:1;margin:0 calc(var(--u) * -2) 0 0;position:relative}.celebration__card{justify-items:center;gap:var(--sp-2);padding:var(--sp-3) calc(var(--u) * 5) var(--sp-4);border-radius:calc(var(--u) * 5);box-shadow:var(--shadow-float);transform:translateY(calc(var(--u) * 3)) scale(.94);transition:transform var(--dur-slow) var(--ease-pop);background:#fffffff5;display:grid}.screen--visible .celebration__card{transform:none}.celebration__headline{font-family:var(--font-display);font-size:calc(var(--u) * 8);font-weight:var(--fw-heavy);color:var(--color-primary);-webkit-text-stroke:calc(var(--u) * .3) #fff;paint-order:stroke fill;text-shadow:0 calc(var(--u) * .6) 0 var(--color-primary-edge);margin:0;line-height:1}.celebration__sub{font-size:var(--fs-label);font-weight:var(--fw-heavy);color:var(--color-ink-soft);margin:0}.celebration__stars{gap:calc(var(--u) * .6);color:var(--c-sun-500);display:flex}.celebration__star{width:calc(var(--u) * 4.4);height:calc(var(--u) * 4.4);filter:drop-shadow(0 calc(var(--u) * .3) 0 var(--c-sun-700));opacity:0;display:grid;transform:scale(.2)rotate(-40deg)}.celebration__star svg{width:100%;height:100%}.screen--visible .celebration__star{animation:star-pop .5s var(--ease-pop) forwards;animation-delay:calc(.4s + var(--i) * .12s)}@keyframes star-pop{to{opacity:1;transform:none}}.stage-banner{top:calc(var(--u) * 12);z-index:10;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-6) var(--sp-2) var(--sp-3);border-radius:var(--r-pill);background:linear-gradient(180deg, #fff, var(--c-sand-50));box-shadow:0 var(--edge-depth) 0 var(--c-sand-400), var(--shadow-float);opacity:0;transform:translate(-50%, calc(var(--u) * -6)) scale(.9);transition:opacity var(--dur-slow) var(--ease-soft), transform var(--dur-slow) var(--ease-pop);pointer-events:none;display:flex;position:absolute;left:50%}.stage-banner--visible{opacity:1;transform:translate(-50%)}.stage-banner__house svg{width:calc(var(--u) * 9);height:calc(var(--u) * 8)}.stage-banner__arrows{font-family:var(--font-display);font-size:calc(var(--u) * 6);font-weight:var(--fw-heavy);color:var(--color-primary);letter-spacing:-.1em;animation:banner-arrows 1s var(--ease-soft) infinite;line-height:1}@keyframes banner-arrows{50%{transform:translateX(calc(var(--u) * -1.2))}}.stage-banner__text{line-height:1.05;display:grid}.stage-banner__kicker{font-size:var(--fs-label);font-weight:var(--fw-heavy);color:var(--color-ink-soft)}.stage-banner__title{font-family:var(--font-display);font-size:calc(var(--u) * 6.2);font-weight:var(--fw-heavy);color:var(--color-ink)}.stage--transition .stage__question,.stage--transition .stage__answers{opacity:0;transform:translateY(calc(var(--u) * 3));pointer-events:none}.icon-btn.is-holding{background:conic-gradient(var(--color-primary) 0 var(--hold-progress,0%), var(--color-surface) 0);animation:hold-fill var(--hold-ms,1s) linear forwards}@property --hold-progress{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes hold-fill{to{--hold-progress:100%}}@media (prefers-reduced-motion:reduce){.welcome__letter,.welcome__bubble,.balloon,.welcome__start,.stage-banner__arrows{animation:none}.screen--visible .celebration__star{opacity:1;animation:none;transform:none}}.celebration__replay.btn--xl{min-height:calc(var(--u) * 11);margin-top:var(--sp-1)}.rotate-hint{z-index:100;background:linear-gradient(180deg, var(--color-sky-top), var(--color-sky-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4vmin;padding:6vmin;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.rotate-hint__icon{width:30vmin;height:30vmin;color:var(--color-ink);animation:rotate-hint-turn 2.4s var(--ease-out) infinite}.rotate-hint__title{font-family:var(--font-display);font-size:6vmin;font-weight:var(--fw-heavy);color:var(--color-ink);margin:0;line-height:1.2}.rotate-hint__text{color:var(--color-ink-soft);margin:0;font-size:3.4vmin}@keyframes rotate-hint-turn{0%,20%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}@media (orientation:portrait){.rotate-hint{display:flex}}@media (prefers-reduced-motion:reduce){.rotate-hint__icon{animation:none;transform:rotate(-90deg)}}