.bakery-stage{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:100%;width:100%;padding-top:70px}.bakery-top{display:flex;align-items:center;justify-content:center;gap:40px}.bakery-cake-wrap{position:relative;width:340px;height:300px;flex-shrink:0}.bakery-deco{position:absolute;pointer-events:none;animation:bakery-land .28s ease}@keyframes bakery-land{0%{transform:scale(1.5)}}.bakery-tray{display:flex;align-items:flex-end;justify-content:center;gap:30px;background:#fff8ea;border-radius:30px;padding:14px 26px 18px;box-shadow:0 6px #00000014}.bakery-tray-group{display:flex;gap:4px}.bakery-tray-item{touch-action:none;cursor:grab;position:relative;transition:transform .35s cubic-bezier(.2,1.5,.4,1)}.bakery-tray-item.dragging{transition:none;z-index:30;cursor:grabbing}.bakery-tray-item.bakery-wiggle{animation:bakery-wiggle .65s ease}@keyframes bakery-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-10deg)}45%{transform:rotate(9deg)}70%{transform:rotate(-6deg)}}.bakery-answers{display:flex;gap:34px}.bakery-num{font-size:66px;color:#7c5cff;line-height:1}.bakery-num-wobble{animation:bakery-wobble .55s ease}@keyframes bakery-wobble{0%,to{transform:translate(0)}20%{transform:translate(-12px) rotate(-3deg)}45%{transform:translate(12px) rotate(3deg)}70%{transform:translate(-7px) rotate(-2deg)}}.numjump-stage{position:relative;width:min(1040px,92vw);height:min(540px,72vh);background:#8edcf5;border-radius:48px;overflow:hidden;box-shadow:0 10px #00000014}.numjump-ripple{position:absolute;border-radius:50%;border:4px solid rgba(255,255,255,.35);pointer-events:none}.numjump-bank{position:absolute;left:-70px;bottom:-90px;width:300px;height:210px;background:#5cb85c;border-radius:50%;pointer-events:none}.numjump-reeds{position:absolute;left:10px;bottom:96px;pointer-events:none}.numjump-pad{position:absolute;width:170px;height:136px;transform:translate(-50%,-50%);border:none;background:none;padding:0;cursor:pointer;touch-action:none;transition:filter .25s}.numjump-pad-art{position:absolute;top:0;right:0;bottom:0;left:0}.numjump-pad-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:54px;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.22);pointer-events:none;padding-bottom:6px}.numjump-pad.numjump-glow{filter:drop-shadow(0 0 24px #ffe066) drop-shadow(0 0 10px #ffd166)}.numjump-pad.numjump-dip{animation:numjump-dip .85s ease}.numjump-pad.hint-pulse{animation:numjump-pulse .7s ease-in-out 3}@keyframes numjump-pulse{0%,to{transform:translate(-50%,-50%) scale(1);filter:none}50%{transform:translate(-50%,-50%) scale(1.12);filter:drop-shadow(0 0 18px #ffb703)}}@keyframes numjump-dip{0%,to{transform:translate(-50%,-50%)}30%{transform:translate(-50%,calc(-50% + 18px)) scale(.94);filter:brightness(.85)}60%{transform:translate(-50%,calc(-50% + 10px)) scale(.97)}}.numjump-frog{position:absolute;width:116px;height:116px;transform:translate(-50%,-74%);transition:left .65s cubic-bezier(.45,.05,.55,.95),top .65s cubic-bezier(.45,.05,.55,.95);pointer-events:none;z-index:20}.numjump-frog-air{animation:numjump-air .65s ease-in-out}@keyframes numjump-air{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-130px) scale(1.08)}80%{transform:translateY(4px) scale(.96)}to{transform:translateY(0) scale(1)}}.numjump-frog-bounce{animation:numjump-frog-bounce .45s ease}@keyframes numjump-frog-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-24px) scale(1.06)}}.numjump-frog-idle{animation:numjump-bob 2.2s ease-in-out infinite}@keyframes numjump-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.soundhunt-stage{display:flex;flex-direction:column;align-items:center;gap:26px}.soundhunt-letter{min-width:132px;min-height:132px;border:none;border-radius:34px;background:#7c5cff;color:#fff;font-family:inherit;font-size:86px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 7px #00000029;cursor:pointer;touch-action:none;animation:soundhunt-popin .45s cubic-bezier(.2,1.5,.4,1);transition:transform .08s ease}.soundhunt-letter:active{transform:scale(.93)}.soundhunt-letter:focus{outline:none}@keyframes soundhunt-popin{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.soundhunt-row{display:flex;gap:clamp(10px,2vw,26px)}.soundhunt-tile{width:clamp(118px,24vw,212px);height:clamp(118px,24vw,212px);border:none;border-radius:30px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 7px #0000001f;cursor:pointer;touch-action:none;transition:transform .08s ease,opacity .3s ease;animation:soundhunt-popin .45s cubic-bezier(.2,1.5,.4,1) backwards}.soundhunt-tile:active{transform:scale(.93)}.soundhunt-tile:focus{outline:none}.soundhunt-tile svg{width:74%;height:74%}.soundhunt-tile.soundhunt-wrong{animation:soundhunt-wiggle .6s ease-in-out!important;animation-delay:0s!important}@keyframes soundhunt-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-7deg)}40%{transform:rotate(7deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}}.soundhunt-tile.soundhunt-found{background:#d8f7f0;box-shadow:0 7px #2ec4b680;animation:soundhunt-bounce .8s cubic-bezier(.3,1.6,.4,1)!important;animation-delay:0s!important}@keyframes soundhunt-bounce{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-34px) scale(1.12)}55%{transform:translateY(0) scale(.96)}75%{transform:translateY(-12px) scale(1.05)}to{transform:translateY(0) scale(1)}}.soundhunt-tile.soundhunt-faded{opacity:.35}.soundhunt-tile.hint-pulse{animation:pulse .7s ease-in-out 3!important;animation-delay:0s!important}.soundhunt-stars{display:flex;gap:14px}.soundhunt-star{transition:transform .3s ease,opacity .3s ease;opacity:.25;transform:scale(.85)}.soundhunt-star.soundhunt-star-lit{opacity:1;transform:scale(1)}.soundhunt-mascot{position:absolute;left:22px;bottom:14px}.bub-screen{justify-content:flex-start;background:linear-gradient(#e8f6ff,#fdf6e3 78%)}.bub-target{margin-top:14px;background:#fff;border-radius:30px;padding:4px 38px 8px;box-shadow:0 6px #0000001a;font-size:84px;line-height:1.15;color:#7c5cff;z-index:5;animation:bub-card-in .35s ease}@keyframes bub-card-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.bub-stage{position:relative;flex:1;width:100%;max-width:1200px}.bub-wrap{position:absolute;width:150px;height:150px;margin:-75px 0 0 -75px;animation:bub-enter .4s cubic-bezier(.2,1.5,.4,1) backwards}@keyframes bub-enter{0%{transform:scale(0)}to{transform:scale(1)}}.bub-bob{width:100%;height:100%;animation:bub-bob var(--dur, 4s) ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes bub-bob{0%,to{transform:translate(0) rotate(-1.5deg)}50%{transform:translate(6px,-16px) rotate(1.5deg)}}.bub-away{width:100%;height:100%;animation:bub-away .8s ease forwards;pointer-events:none}@keyframes bub-away{to{transform:translateY(-130px) scale(.8);opacity:0}}.bub-bubble{position:relative;width:150px;height:150px;border:none;background:none;padding:0;cursor:pointer;touch-action:none}.bub-letter{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:60px;font-family:inherit;color:#1d6fa5;pointer-events:none}.bub-wobble{animation:bub-wobble .6s ease}@keyframes bub-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-9deg) translate(-6px)}45%{transform:rotate(9deg) translate(6px)}70%{transform:rotate(-5deg) translate(-3px)}}.bub-burst{animation:bub-burst .45s ease-out forwards}@keyframes bub-burst{30%{transform:scale(1.25);opacity:.9}to{transform:scale(1.6);opacity:0}}.bub-drop{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#8ed3f6;pointer-events:none;animation:bub-drop .6s ease-out forwards}@keyframes bub-drop{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx, 60px),var(--dy, -60px)) scale(.25);opacity:0}}.bub-dance{animation:bub-dance 1.7s ease forwards}@keyframes bub-dance{0%{transform:translateY(0) rotate(0) scale(1.1);opacity:1}15%{transform:translateY(-18px) rotate(-10deg) scale(1.2)}35%{transform:translateY(0) rotate(10deg) scale(1.2)}55%{transform:translateY(-16px) rotate(-8deg) scale(1.2)}78%{transform:translateY(0) rotate(0) scale(1.15);opacity:1}to{transform:translateY(-14px) rotate(0) scale(.5);opacity:0}}.bub-rescued-row{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:5}.bub-chip{width:58px;height:58px;border-radius:18px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-family:inherit;box-shadow:0 4px #00000026;animation:bub-chip-in .45s cubic-bezier(.2,1.6,.4,1)}@keyframes bub-chip-in{0%{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.bub-mascot{position:absolute;left:22px;bottom:12px;z-index:5}.shapetrain-stage{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%;padding-top:30px;overflow:hidden}.shapetrain-train{animation:shapetrain-arrive 1.1s ease-out}.shapetrain-train.shapetrain-departing{animation:shapetrain-depart 2s ease-in forwards}@keyframes shapetrain-arrive{0%{transform:translate(120vw)}to{transform:translate(0)}}@keyframes shapetrain-depart{to{transform:translate(-140vw)}}.shapetrain-row{--st-car-w: clamp(110px, 13vw, 174px);--st-car-h: clamp(71px, 8.4vw, 112px);--st-engine: clamp(104px, 12.3vw, 165px);--st-slot: clamp(40px, 4.8vw, 64px);--st-wheel: clamp(27px, 3.1vw, 42px);display:flex;align-items:flex-end}.shapetrain-departing .shapetrain-row{animation:shapetrain-chug .32s ease-in-out infinite}@keyframes shapetrain-chug{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.shapetrain-enginewrap{position:relative;width:var(--st-engine);height:var(--st-engine);margin-bottom:-10px;touch-action:none;cursor:pointer;flex-shrink:0}.shapetrain-smoke{position:absolute;top:6px;left:26px;width:20px;height:20px;border-radius:50%;background:#eee7d8;opacity:0;pointer-events:none}.shapetrain-departing .shapetrain-smoke{animation:shapetrain-puff 1s ease-out infinite}@keyframes shapetrain-puff{0%{transform:translate(0) scale(.5);opacity:.9}to{transform:translate(30px,-46px) scale(1.7);opacity:0}}.shapetrain-coupler{width:clamp(8px,1vw,14px);height:9px;border-radius:4px;background:#4a4458;align-self:flex-end;margin-bottom:clamp(26px,3vw,40px);flex-shrink:0}.shapetrain-car{position:relative;width:var(--st-car-w);height:var(--st-car-h);margin-bottom:clamp(17px,1.95vw,26px);border-radius:20px;box-shadow:0 5px #00000024;display:flex;align-items:center;justify-content:center;gap:clamp(7px,.9vw,12px);touch-action:none;cursor:pointer;flex-shrink:0}.shapetrain-wheels{position:absolute;bottom:calc(var(--st-wheel) * -.57);left:0;right:0;display:flex;justify-content:space-between;padding:0 clamp(16px,1.95vw,26px);pointer-events:none}.shapetrain-wheel{width:var(--st-wheel);height:var(--st-wheel);display:block;transform-box:fill-box;transform-origin:center}.shapetrain-departing .shapetrain-wheel{animation:shapetrain-spin .5s linear infinite}@keyframes shapetrain-spin{to{transform:rotate(360deg)}}.shapetrain-slot{width:var(--st-slot);height:var(--st-slot);display:flex;align-items:center;justify-content:center}.shapetrain-slot-filled{animation:shapetrain-popin .35s cubic-bezier(.2,1.4,.4,1)}@keyframes shapetrain-popin{0%{transform:scale(.2)}to{transform:scale(1)}}.shapetrain-shake{animation:shapetrain-shake .5s ease-in-out}@keyframes shapetrain-shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-6px)}}.shapetrain-hop{animation:shapetrain-hop .45s ease}@keyframes shapetrain-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.shapetrain-pile{position:relative;width:min(1080px,94vw);height:200px}.shapetrain-piece{position:absolute;width:96px;height:96px;touch-action:none;cursor:grab;transition:transform .4s cubic-bezier(.2,1.3,.4,1)}.shapetrain-dragging{cursor:grabbing;z-index:30}.pp-stage{display:flex;flex-direction:column;align-items:center;gap:44px;width:100%}.pp-parade{display:flex;align-items:flex-end;justify-content:center;gap:10px}.pp-slot{display:flex;align-items:center;justify-content:center}.pp-bob{animation:pp-bob 1.6s ease-in-out infinite}@keyframes pp-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.pp-cheer{animation:pp-cheer .5s ease-in-out 3}@keyframes pp-cheer{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}.pp-empty{border:5px dashed #7c5cff;border-radius:24px;background:#7c5cff14}.pp-q{font-size:52px;color:#7c5cff;animation:pp-qpulse 1.4s ease-in-out infinite}@keyframes pp-qpulse{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.18);opacity:1}}.pp-march-in{animation:pp-march .65s ease-out}@keyframes pp-march{0%{transform:translate(150px);opacity:0}30%{transform:translate(95px,-18px);opacity:1}55%{transform:translate(50px)}80%{transform:translate(18px,-12px)}to{transform:translate(0)}}.pp-choices{display:flex;gap:34px}.pp-wiggle{animation:pp-wiggle .45s ease-in-out 2}@keyframes pp-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.shadow-stage{display:flex;align-items:center;justify-content:center;gap:150px}.shadow-col{display:flex;flex-direction:column;gap:26px}.shadow-item{width:150px;height:150px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;transition:transform .35s cubic-bezier(.2,1.4,.4,1),opacity .3s ease;will-change:transform}.shadow-item.shadow-dragging{transition:none;cursor:grabbing;z-index:60;position:relative}.shadow-item.shadow-gone{transform:scale(0);opacity:0;pointer-events:none}.shadow-slot{width:150px;height:150px;display:flex;align-items:center;justify-content:center;border-radius:30px;background:#0000000a}.shadow-sil{display:inline-flex;filter:brightness(0) opacity(.8)}.shadow-slot.shadow-wrong{animation:shadow-nope .55s ease}@keyframes shadow-nope{0%,to{transform:rotate(0)}20%{transform:rotate(-7deg)}45%{transform:rotate(7deg)}70%{transform:rotate(-4deg)}}.shadow-filled{display:inline-flex;animation:shadow-pop-in .5s cubic-bezier(.2,1.6,.4,1)}@keyframes shadow-pop-in{0%{transform:scale(.4)}to{transform:scale(1)}}.shadow-mascot{position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.memory-grid{display:grid;gap:20px;justify-content:center;align-content:center}.memory-card{border:none;background:transparent;padding:0;cursor:pointer;font-family:inherit;perspective:800px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.memory-card:focus{outline:none}.memory-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.34,1.3,.5,1)}.memory-card.memory-flipped .memory-card-inner{transform:rotateY(180deg)}.memory-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px #0000001f}.memory-back{background:#7c5cff;border:5px solid #9b82ff}.memory-back-mini{position:absolute;opacity:.85}.memory-back-mini-a{top:10px;left:12px}.memory-back-mini-b{bottom:10px;right:12px}.memory-front{background:#fff;border:5px solid #ffe08a;transform:rotateY(180deg)}.memory-card.memory-matched .memory-front{border-color:#ffb703;box-shadow:0 6px #0000001f,0 0 22px #ffb703a6}.memory-card.memory-matched .memory-card-inner{animation:memory-happy .6s ease}@keyframes memory-happy{0%,to{transform:rotateY(180deg) scale(1)}45%{transform:rotateY(180deg) scale(1.14)}}.memory-card.memory-wiggle{animation:memory-wiggle .4s ease}@keyframes memory-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.garden-screen{background:linear-gradient(#b9e6ff,#d9f1ff 45%,#eef9ff)}.garden-stage{position:relative;width:100%;height:100%;overflow:hidden}.garden-sun{position:absolute;top:10px;left:138px;width:88px;height:88px;pointer-events:none;z-index:1}.garden-sun-rays{position:absolute;top:0;right:0;bottom:0;left:0;animation:garden-spin 40s linear infinite}.garden-sun-face{position:absolute;top:0;right:0;bottom:0;left:0}@keyframes garden-spin{to{transform:rotate(360deg)}}.garden-cloud{position:absolute;pointer-events:none;z-index:1;opacity:.95;animation:garden-drift linear infinite}.garden-cloud-a{top:54px;width:170px;height:90px;animation-duration:75s;animation-delay:-30s}.garden-cloud-b{top:150px;width:120px;height:64px;opacity:.8;animation-duration:95s;animation-delay:-70s}@keyframes garden-drift{0%{transform:translate(-220px)}to{transform:translate(calc(100vw + 40px))}}.garden-hill{position:absolute;left:-10%;bottom:34%;width:70%;height:26%;background:#9ad98a;border-radius:50% 50% 0 0/100% 100% 0 0;pointer-events:none}.garden-hill-b{left:45%;width:75%;height:20%;background:#a8e096}.garden-ground{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(#7ed07a,#5cb85c 70%);border-radius:45% 45% 0 0/60px 60px 0 0;pointer-events:none}.garden-tuft{position:absolute;width:46px;height:46px;pointer-events:none;z-index:2}.garden-bee-lane{position:absolute;top:112px;left:0;width:84px;height:84px;pointer-events:none;z-index:4;animation:garden-bee-fly 8s linear infinite}@keyframes garden-bee-fly{0%{transform:translate(-140px)}42%{transform:translate(46vw)}56%{transform:translate(50vw)}to{transform:translate(calc(100vw + 80px))}}.garden-bee-bob{width:100%;height:100%;animation:garden-bee-bob 1.3s ease-in-out infinite alternate}@keyframes garden-bee-bob{0%{transform:translateY(-9px) rotate(-6deg)}to{transform:translateY(9px) rotate(6deg)}}.garden-bee{width:84px;height:84px;border:none;background:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;touch-action:none;outline:none;font:inherit}.garden-bee.garden-bee-buzz{animation:garden-buzz .5s ease}@keyframes garden-buzz{0%,to{transform:scale(1) rotate(0)}20%{transform:scale(1.3) rotate(-12deg)}45%{transform:scale(1.25) rotate(12deg)}70%{transform:scale(1.2) rotate(-8deg)}}.garden-target{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:14px;height:86px;padding:0 26px;background:#fff;border-radius:43px;box-shadow:0 6px #0000001a;pointer-events:none;animation:garden-target-in .4s cubic-bezier(.2,1.5,.4,1)}@keyframes garden-target-in{0%{transform:translate(-50%) scale(.5);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.garden-target-num{font-size:58px;line-height:1;color:#ff5d8f}.garden-target-slots{display:flex;gap:6px;margin-left:6px;padding-left:14px;border-left:3px solid #f1e9d8}.garden-slot{display:block;filter:grayscale(1) opacity(.3);transition:filter .25s,transform .25s}.garden-slot.filled{filter:none;transform:scale(1.12)}.garden-bed{--spot: clamp(82px, 10vw, 106px);position:absolute;left:50%;bottom:176px;transform:translate(-50%);width:min(860px,88vw);height:150px;background:#8a5a2b;border-radius:36px;box-shadow:0 10px #0000001f,inset 0 8px #ffffff1f;z-index:3}.garden-bed-rim{position:absolute;left:14px;right:14px;top:12px;height:22px;border-radius:12px;background:#a86f3a;opacity:.7;pointer-events:none}.garden-spots{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-evenly;padding:0 18px}.garden-spot{position:relative;width:var(--spot);height:var(--spot);border:none;background:none;padding:0;cursor:pointer;touch-action:none;outline:none;font:inherit;flex-shrink:0}.garden-spot.garden-squish{animation:garden-squish .26s ease}@keyframes garden-squish{0%,to{transform:scale(1)}40%{transform:scale(.9,.86)}}.garden-mound{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.garden-seed{position:absolute;left:50%;bottom:calc(var(--spot) * .17);width:calc(var(--spot) * .56);height:calc(var(--spot) * .56);margin-left:calc(var(--spot) * -.28);pointer-events:none;animation:garden-seed-pop .4s cubic-bezier(.2,1.6,.4,1)}.garden-seed svg{width:100%;height:100%}@keyframes garden-seed-pop{0%{transform:translateY(-40px) scale(.2);opacity:0}60%{transform:translateY(0) scale(1.25);opacity:1}to{transform:translateY(0) scale(1)}}.garden-seed.garden-seed-sink{animation:garden-seed-sink .5s ease forwards;animation-delay:calc(var(--d) + .15s)}@keyframes garden-seed-sink{to{transform:translateY(10px) scale(.6);opacity:0}}.garden-flower{position:absolute;left:50%;bottom:calc(var(--spot) * .3);width:calc(var(--spot) * .9);height:calc(var(--spot) * .9);margin-left:calc(var(--spot) * -.45);pointer-events:auto}.garden-flower.garden-fly{animation:garden-fly .7s ease-in forwards;z-index:5}@keyframes garden-fly{0%{transform:translate(0) scale(1) rotate(0)}45%{transform:translate(calc(var(--dx) * .45),calc(var(--dy) * .45 - 110px)) scale(1.06) rotate(-12deg)}to{transform:translate(var(--dx),var(--dy)) scale(.5) rotate(14deg)}}.garden-flower.garden-wiggle{animation:garden-wiggle .6s ease;transform-origin:50% 100%}@keyframes garden-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)}45%{transform:rotate(12deg)}70%{transform:rotate(-7deg)}}.garden-sway{width:100%;height:100%;transform-origin:50% 100%;animation:garden-sway 3.4s ease-in-out infinite;animation-delay:calc(var(--d) + 1.4s)}@keyframes garden-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.garden-stem-grow{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 100%;animation:garden-stem .75s cubic-bezier(.2,1.4,.4,1) both;animation-delay:var(--d)}.garden-stem-grow svg{width:100%;height:100%}@keyframes garden-stem{0%{transform:scale(.5,0)}to{transform:scale(1)}}.garden-head-pop{position:absolute;left:50%;top:calc(var(--spot) * -.46);width:calc(var(--spot) * .92);height:calc(var(--spot) * .92);margin-left:calc(var(--spot) * -.46);animation:garden-head .6s cubic-bezier(.2,1.6,.4,1) both;animation-delay:calc(var(--d) + .5s)}.garden-head-pop svg{width:100%;height:100%}@keyframes garden-head{0%{transform:scale(0) rotate(-60deg)}to{transform:scale(1) rotate(0)}}.garden-can{position:absolute;left:14px;bottom:22px;width:130px;height:130px;touch-action:none;cursor:grab;z-index:6;transition:transform .45s cubic-bezier(.2,1.5,.4,1)}.garden-can.dragging{transition:none;cursor:grabbing}.garden-can-hint{width:100%;height:100%}.garden-can-rock{width:100%;height:100%;transform-origin:50% 90%}.garden-can-rock.inviting{animation:garden-rock 1.6s ease-in-out infinite}@keyframes garden-rock{0%,to{transform:rotate(-5deg)}50%{transform:rotate(6deg) translateY(-4px)}}.garden-can-rock.garden-can-wobble{animation:garden-wiggle .5s ease}.garden-can-rock svg{width:100%;height:100%}.garden-drops{position:absolute;left:86%;top:30%;width:0;height:0;transform:rotate(-34deg);pointer-events:none}.garden-drop{position:absolute;width:13px;height:18px;background:#4cc9f0;border-radius:50%/40% 40% 60% 60%;opacity:0;animation:garden-drip .55s linear infinite}@keyframes garden-drip{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:1;transform:translateY(14px) scale(1)}to{transform:translateY(96px) scale(1);opacity:0}}.garden-basket{position:absolute;right:14px;bottom:22px;width:150px;height:140px;border:none;background:none;padding:0;cursor:pointer;touch-action:none;outline:none;font:inherit;z-index:5}.garden-basket.garden-bump{animation:garden-bump .4s cubic-bezier(.2,1.5,.4,1)}@keyframes garden-bump{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-12px) scale(1.06,.94)}}.garden-basket-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.garden-basket-flowers{position:absolute;left:0;right:0;top:0;height:100%;pointer-events:none}.garden-in-basket{position:absolute;top:34%;width:46px;height:46px;animation:garden-basket-in .4s cubic-bezier(.2,1.6,.4,1)}@keyframes garden-basket-in{0%{transform:translateY(-30px) scale(.4);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(max-width:900px){.garden-sun{left:112px;width:72px;height:72px}.garden-bed{height:136px}}.bug-screen{--bug: clamp(180px, 40vh, 260px)}.bug-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(#c9ecff,#e9f8ff 48%,#cfeab4)}.bug-sun{position:absolute;top:18px;right:240px;width:74px;height:74px;border-radius:50%;background:#ffb703;box-shadow:0 0 0 14px #ffb70338,0 0 0 28px #ffb7031a;animation:bug-sun-spin 14s linear infinite}@keyframes bug-sun-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.04)}to{transform:rotate(360deg) scale(1)}}.bug-cloud{position:absolute;height:34px;width:96px;border-radius:40px;background:#fff;opacity:.92}.bug-cloud:before,.bug-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.bug-cloud:before{width:44px;height:44px;left:16px;top:-22px}.bug-cloud:after{width:32px;height:32px;left:50px;top:-14px}.bug-cloud-a{left:16%;top:44px;animation:bug-drift 26s ease-in-out infinite alternate}.bug-cloud-b{left:40%;top:30px;transform:scale(.8);animation:bug-drift 34s ease-in-out infinite alternate-reverse}@keyframes bug-drift{0%{margin-left:0}to{margin-left:60px}}.bug-middle{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,36px);padding-top:92px;position:relative}.bug-bubble{flex:none;transition:opacity .3s,transform .3s}.bug-bubble-hidden{opacity:0;transform:scale(.8)}.bug-bubble-row{display:flex;align-items:center;gap:10px}.bug-stage{position:relative;flex:0 1 auto;width:clamp(360px,52vw,560px);height:calc(var(--bug) * 1.42);display:flex;align-items:center;justify-content:center}.bug-leaf{position:absolute;left:0;right:0;top:4%;bottom:-2%;pointer-events:none;animation:bug-leaf-sway 6s ease-in-out infinite;transform-origin:10% 50%}@keyframes bug-leaf-sway{0%,to{transform:rotate(0)}50%{transform:rotate(-1.4deg)}}.bug-walker{position:relative;z-index:2;animation:bug-arrive .55s cubic-bezier(.2,1.4,.4,1)}@keyframes bug-arrive{0%{transform:scale(0)}60%{transform:scale(1.1)}80%{transform:scale(.96)}to{transform:scale(1)}}.bug-walker.bug-walk{animation:bug-walk-off 2.5s ease-in forwards}@keyframes bug-walk-off{0%{transform:translate(0) rotate(0)}14%{transform:translate(0) rotate(-6deg)}24%{transform:translate(0) rotate(6deg)}34%{transform:translate(0) rotate(-4deg)}42%{transform:translate(0) rotate(0)}to{transform:translate(95vw) rotate(0)}}.bug-box{position:relative;width:var(--bug);height:var(--bug);cursor:pointer;animation:bug-idle-bob 2.6s ease-in-out infinite}@keyframes bug-idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.bug-walker.bug-walk .bug-box{animation:bug-walk-bob .2s ease-in-out infinite alternate}@keyframes bug-walk-bob{0%{transform:translateY(0)}to{transform:translateY(-7px)}}.bug-box.bug-happy-a,.bug-box.bug-happy-b{animation:bug-idle-bob 2.6s ease-in-out infinite,bug-happy .45s ease}.bug-box.bug-shake-a,.bug-box.bug-shake-b{animation:bug-idle-bob 2.6s ease-in-out infinite,bug-shake .6s ease}@keyframes bug-happy{0%{transform:scale(1)}30%{transform:scale(1.1,.88)}60%{transform:scale(.95,1.06)}to{transform:scale(1)}}@keyframes bug-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-7deg)}45%{transform:rotate(6deg)}70%{transform:rotate(-4deg)}}.bug-body{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.bug-body svg{width:100%;height:100%}.bug-placed{position:absolute;pointer-events:none;animation:bug-snap .35s cubic-bezier(.2,1.4,.4,1)}.bug-placed svg{width:100%;height:100%}@keyframes bug-snap{0%{transform:scale(1.7);opacity:.5}to{transform:scale(1);opacity:1}}.bug-placed-legs,.bug-placed-antennae{z-index:1}.bug-placed-spots{z-index:3}.bug-placed-eyes{z-index:4;animation:bug-snap .35s cubic-bezier(.2,1.4,.4,1),bug-idle-blink 4.2s ease-in-out 1.6s infinite}.bug-placed-hat{z-index:5}@keyframes bug-idle-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}.bug-walk .bug-placed-eyes{animation:bug-blink-twice .9s ease,bug-idle-blink 4.2s ease-in-out 1.2s infinite}@keyframes bug-blink-twice{0%,to{transform:scaleY(1)}15%{transform:scaleY(.08)}30%{transform:scaleY(1)}55%{transform:scaleY(.08)}70%{transform:scaleY(1)}}.bug-walk .bug-placed-legs{animation:bug-leg-step .22s ease-in-out infinite alternate;animation-delay:var(--step-delay, 0s)}@keyframes bug-leg-step{0%{transform:rotate(-18deg)}to{transform:rotate(18deg)}}.bug-walk .bug-placed-antennae{animation:bug-antenna-sway .3s ease-in-out infinite alternate;animation-delay:var(--step-delay, 0s)}@keyframes bug-antenna-sway{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.bug-flowers{flex:none;display:flex;align-items:flex-end;gap:2px;align-self:flex-end;padding-bottom:6px;pointer-events:auto;cursor:pointer;touch-action:none}.bug-tray{flex:none;position:relative;z-index:5;height:clamp(118px,24vh,150px);display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.4vw,18px);padding:0 12px;background:#f7e3c4;border-top:8px solid #d9a066}.bug-pile{position:relative;width:clamp(116px,14vw,156px);height:calc(100% - 18px);background:#fff;border-radius:22px;box-shadow:0 5px #00000014;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}.bug-pile.dragging{cursor:grabbing}.bug-ghost{position:absolute;left:50%;top:50%;opacity:.35;pointer-events:none}.bug-ghost-l{transform:translate(-50%,-50%) translate(-20px,8px) scale(.85) rotate(-10deg)}.bug-ghost-r{transform:translate(-50%,-50%) translate(20px,8px) scale(.85) rotate(10deg)}.bug-part{position:relative;z-index:30;transition:transform .35s cubic-bezier(.2,1.5,.4,1);will-change:transform}.bug-part.dragging{transition:none;z-index:60}.bug-part.bug-refill{transition:none;animation:bug-refill .45s cubic-bezier(.2,1.5,.4,1)}@keyframes bug-refill{0%{transform:scale(0)}to{transform:scale(1)}}.bug-part-art{transition:transform .15s ease;filter:drop-shadow(0 3px 0 rgba(0,0,0,.08))}.bug-part.dragging .bug-part-art{transform:scale(1.18) rotate(-6deg);filter:drop-shadow(0 12px 10px rgba(0,0,0,.22))}.bug-part-art.bug-wiggle{animation:bug-wiggle .65s ease}@keyframes bug-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}70%{transform:rotate(-6deg)}}@media(max-width:900px){.bug-flowers{display:none}}.bug-pile.bug-pile-squish{animation:bug-pile-squish .3s ease}@keyframes bug-pile-squish{0%,to{transform:scale(1)}40%{transform:scale(.88,.9)}}.bug-flowers.bug-flowers-boop{animation:bug-pile-squish .4s ease}.colorlab-screen{--pot: clamp(200px, min(50vh, 30vw), 300px);--blob: clamp(86px, 17vh, 104px);--thing: clamp(170px, 42vh, 250px);background:linear-gradient(#e6f7ff,#f3fbff 52%,#fdf6e3)}.colorlab-stage{position:relative;width:100%;height:100%;overflow:hidden}.colorlab-shelf{position:absolute;top:30px;left:50%;width:260px;height:72px;margin-left:-130px;display:flex;align-items:flex-end;justify-content:space-evenly;pointer-events:none}.colorlab-shelf:after{content:"";position:absolute;left:-12px;right:-12px;bottom:-10px;height:12px;border-radius:8px;background:#d7ccff;box-shadow:0 4px #00000014}.colorlab-table{position:absolute;left:-4%;right:-4%;top:60%;bottom:0;background:#bba8ff;border-radius:44px 44px 0 0;pointer-events:none}.colorlab-table:before{content:"";position:absolute;left:0;right:0;top:0;height:34%;background:#d7ccff;border-radius:44px 44px 0 0}.colorlab-blobs{position:absolute;left:4%;top:max(17%,104px);display:flex;flex-direction:column;gap:12px;z-index:8;transition:transform .55s cubic-bezier(.5,0,.75,.35),opacity .45s ease}.colorlab-blobs.colorlab-out{transform:translate(-190%);opacity:0;pointer-events:none}.colorlab-slot{position:relative;width:calc(var(--blob) + 12px);height:calc(var(--blob) + 12px)}.colorlab-slot:after{content:"";position:absolute;left:-6%;right:-6%;bottom:-4px;height:10px;border-radius:6px;background:#d7ccff;box-shadow:0 3px #00000014}.colorlab-blob{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab;z-index:1;transition:transform .38s cubic-bezier(.2,1.5,.4,1)}.colorlab-blob svg{width:var(--blob);height:var(--blob)}.colorlab-blob.dragging{transition:none;z-index:40;cursor:grabbing}.colorlab-ghost{opacity:.35;pointer-events:none;z-index:0}.colorlab-blob-art{display:flex;animation:colorlab-breathe 2.8s ease-in-out infinite}.colorlab-blob.dragging .colorlab-blob-art{animation:none;transform:scale(1.12) rotate(-8deg)}@keyframes colorlab-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05,.95)}}.colorlab-blob.colorlab-wiggle{animation:colorlab-wiggle .65s ease}@keyframes colorlab-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}70%{transform:rotate(-6deg)}}.colorlab-blob.colorlab-respawn{transition:none;animation:colorlab-respawn .5s cubic-bezier(.2,1.6,.4,1)}@keyframes colorlab-respawn{0%{transform:scale(0)}to{transform:scale(1)}}.colorlab-pot{position:absolute;left:50%;top:24%;width:var(--pot);height:var(--pot);margin-left:calc(var(--pot) / -2);z-index:5}.colorlab-pot:before{content:"";position:absolute;left:10%;right:10%;bottom:-1%;height:9%;border-radius:50%;background:#2b2d4224}.colorlab-pot>svg{position:absolute;top:0;right:0;bottom:0;left:0}.colorlab-pot.colorlab-boop{animation:colorlab-boop .32s ease}@keyframes colorlab-boop{0%,to{transform:scale(1)}40%{transform:scale(1.04,.94)}}.colorlab-pot.colorlab-shake{animation:colorlab-shake .65s ease}@keyframes colorlab-shake{0%,to{transform:rotate(0) translate(0)}20%{transform:rotate(-6deg) translate(-8px)}40%{transform:rotate(5deg) translate(8px)}60%{transform:rotate(-4deg) translate(-5px)}80%{transform:rotate(3deg) translate(3px)}}.colorlab-pot.colorlab-swirling{animation:colorlab-wobble .3s ease-in-out infinite alternate}@keyframes colorlab-wobble{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}.colorlab-liquid{position:absolute;left:19%;top:21.5%;width:62%;height:17%;border-radius:50%;overflow:hidden;opacity:0;transform:scale(.2);z-index:2}.colorlab-liquid.filled{opacity:1;transform:scale(1);animation:colorlab-fill .45s cubic-bezier(.2,1.4,.4,1)}.colorlab-liquid.colorlab-drain{animation:colorlab-drain .5s ease-in forwards}@keyframes colorlab-fill{0%{transform:scale(.2);opacity:.6}to{transform:scale(1);opacity:1}}@keyframes colorlab-drain{to{transform:scale(0);opacity:0}}.colorlab-halves{position:absolute;left:-6%;top:-155%;width:112%;height:410%;display:flex;animation:colorlab-spin 1.2s ease-in-out forwards}.colorlab-halves>div{flex:1}.colorlab-spiral{position:absolute;left:-6%;top:-155%;width:112%;height:410%;opacity:.6;animation:colorlab-spin-back 1.2s ease-in-out forwards}@keyframes colorlab-spin{to{transform:rotate(900deg)}}@keyframes colorlab-spin-back{0%{transform:rotate(0) scale(.3);opacity:.2}30%{opacity:.7}to{transform:rotate(-720deg) scale(1);opacity:0}}.colorlab-bubble-dot{position:absolute;bottom:10%;width:11%;padding-top:11%;border-radius:50%;background:#ffffff8c;animation:colorlab-rise 2s ease-in infinite;opacity:0}@keyframes colorlab-rise{0%{transform:translateY(0) scale(.6);opacity:0}30%{opacity:.9}to{transform:translateY(-190%) scale(1);opacity:0}}.colorlab-shine{position:absolute;left:14%;top:16%;width:30%;height:30%;border-radius:50%;background:#ffffff61}.colorlab-splash{position:absolute;left:50%;top:30%;width:0;height:0;z-index:4;pointer-events:none}.colorlab-drop{position:absolute;width:18px;height:18px;margin:-9px;border-radius:50%;animation:colorlab-drop .75s ease-out forwards}@keyframes colorlab-drop{0%{transform:translate(0) scale(1);opacity:1}55%{transform:translate(calc(var(--dx) * .75),var(--dy)) scale(.9);opacity:1}to{transform:translate(var(--dx),calc(var(--dy) * .1)) scale(.3);opacity:0}}.colorlab-flash{position:absolute;left:50%;top:30%;width:24px;height:24px;margin:-12px;border-radius:50%;border:10px solid #fff;z-index:4;pointer-events:none;animation:colorlab-flash .75s ease-out forwards}@keyframes colorlab-flash{to{transform:scale(14);opacity:0;border-width:2px}}.colorlab-sparkle{position:absolute;z-index:6;pointer-events:none;animation:colorlab-twinkle 1.3s ease-in-out both}@keyframes colorlab-twinkle{0%{transform:scale(0) rotate(0);opacity:0}40%{transform:scale(1.25) rotate(20deg);opacity:1}to{transform:scale(.5) rotate(45deg) translateY(-34px);opacity:0}}.colorlab-brush{position:absolute;left:50%;top:-8%;width:46%;height:46%;min-width:96px;min-height:96px;touch-action:none;cursor:grab;z-index:6;transition:transform .38s cubic-bezier(.2,1.5,.4,1),opacity .4s ease;animation:colorlab-popin .45s cubic-bezier(.2,1.5,.4,1) backwards}.colorlab-brush.dragging{transition:none;z-index:60;cursor:grabbing}.colorlab-brush.colorlab-done{opacity:0;pointer-events:none}.colorlab-brush-art{width:100%;height:100%;transform-origin:50% 70%;animation:colorlab-rock 2.4s ease-in-out infinite}.colorlab-brush.dragging .colorlab-brush-art{animation:none;transform:rotate(10deg) scale(1.1)}@keyframes colorlab-rock{0%,to{transform:rotate(23deg)}50%{transform:rotate(30deg)}}.colorlab-thing{position:absolute;left:5%;top:30%;width:var(--thing);height:var(--thing);z-index:4;transition:transform .25s ease;animation:colorlab-popin .5s cubic-bezier(.2,1.5,.4,1) .25s backwards}.colorlab-thing.over{transform:scale(1.06) rotate(-2deg)}.colorlab-thing-inner{position:absolute;top:0;right:0;bottom:0;left:0}.colorlab-thing-grey,.colorlab-thing-color{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.colorlab-thing-grey,.colorlab-thing-color{--size: min(var(--thing), 230px)}.colorlab-thing svg{width:var(--size);height:var(--size)}.colorlab-thing-grey{filter:grayscale(1) brightness(1.1);transition:filter .9s ease}.colorlab-thing.painted .colorlab-thing-grey{filter:none}.colorlab-thing-color{transition:clip-path .85s ease-out}.colorlab-paint-drop{left:50%;top:55%;z-index:6}@keyframes colorlab-popin{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.colorlab-bubble{position:absolute;right:13%;top:29%;width:150px;height:130px;background:#fff;border-radius:30px;box-shadow:0 6px #0000001a;display:flex;align-items:center;justify-content:center;z-index:7;pointer-events:none;animation:colorlab-popin .35s ease backwards}.colorlab-bubble:after{content:"";position:absolute;right:24px;bottom:-16px;border:12px solid transparent;border-top:18px solid #fff;border-bottom:0}.colorlab-bubble-splat{display:flex;animation:colorlab-float 2.2s ease-in-out infinite}@keyframes colorlab-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}.colorlab-mascot{position:absolute;right:4%;top:52%;z-index:7}.story-stage{position:relative;width:min(1000px,96vw);height:min(560px,calc(100vh - 28px));border-radius:40px;overflow:hidden;overflow:clip;background:#bfefff;box-shadow:0 10px #00000014}.story-stage.story-tappable{cursor:pointer}.story-bunny svg,.story-frog svg,.story-bed svg,.story-title-bunny svg{width:100%;height:100%}.story-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.story-sky{position:absolute;top:0;right:0;bottom:0;left:0;transition:background 1.2s ease}.story-sky-day{background:#bfefff}.story-sky-rain{background:#c7d3e0}.story-rain-stopped .story-sky-rain{background:#bfefff}.story-sky-morning{background:#fff1c9}.story-sky-dusk{background:#d9c8ff}.story-floor{position:absolute;left:0;right:0;bottom:0;height:42%}.story-floor-morning{background:#ffd9a3}.story-floor-dusk{background:#b39ddb}.story-hill{position:absolute;border-radius:50%}.story-hill-back{left:-20%;width:90%;bottom:-34%;height:66%;background:#7ccf7c}.story-hill-front{left:20%;width:110%;bottom:-40%;height:70%;background:#5cb85c}.story-hill-bank{left:-30%;width:100%;bottom:-36%;height:70%;background:#5cb85c}.story-water{position:absolute;right:-18%;width:78%;bottom:-30%;height:62%;border-radius:50%;background:#8edcf5}.story-ripple{position:absolute;border-radius:50%;border:4px solid rgba(255,255,255,.5);animation:story-ripple 3s ease-in-out infinite}@keyframes story-ripple{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.14);opacity:.3}}.story-puddle{position:absolute;border-radius:50%;background:#8edcf5;opacity:.85}.story-prop{position:absolute;display:flex}.story-sun-corner{left:62%;top:24px}.story-sun-peek{left:36%;top:30px;transform:scale(0);transition:transform .8s cubic-bezier(.2,1.4,.4,1) .35s}.story-rain-stopped .story-sun-peek{transform:scale(1)}.story-cloud-main{left:30%;top:12px;margin-left:-85px;animation:story-drift 4s ease-in-out infinite}.story-cloud-far{left:12%;top:26px;animation:story-drift 6s ease-in-out infinite}@keyframes story-drift{0%,to{transform:translate(0)}50%{transform:translate(16px)}}.story-meadow-flower{position:absolute;display:flex;transform-origin:50% 100%;animation:story-sway-soft 3s ease-in-out infinite}@keyframes story-sway-soft{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.story-rain{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .9s ease}.story-rain-stopped .story-rain{opacity:0}.story-drop{position:absolute;top:-30px;width:10px;height:20px;border-radius:50%/40% 40% 60% 60%;background:#4cc9f0;animation:story-fall linear infinite}@keyframes story-fall{0%{transform:translateY(0)}to{transform:translateY(620px)}}.story-window{position:absolute;left:12%;top:40px;width:190px;height:190px}.story-window-orb{position:absolute;left:44px;top:34px;display:flex}.story-frame{position:absolute;left:50%;top:64px;width:84px;height:84px;margin-left:-42px;background:#fff;border-radius:18px;box-shadow:0 4px #00000014;display:flex;align-items:center;justify-content:center}.story-rug{position:absolute;left:38%;bottom:128px;width:320px;height:76px;margin-left:-160px;border-radius:50%;background:#ff8fa3}.story-rug:after{content:"";position:absolute;left:40px;right:40px;top:14px;bottom:14px;border-radius:50%;background:#ffb3c1}.story-bed{position:absolute;bottom:150px;--w: 200px;width:var(--w);height:var(--w);margin-left:calc(var(--w) / -2);z-index:4;pointer-events:auto;display:flex;align-items:flex-end;justify-content:center}.story-night{position:absolute;top:0;right:0;bottom:0;left:0;background:#2b2d42;opacity:0;transition:opacity 1.3s ease .5s;z-index:6;pointer-events:none}.story-asleep .story-night{opacity:.5}.story-night-sky{z-index:7}.story-moon{position:absolute;left:calc(12% + 44px);top:74px;display:flex}.story-asleep .story-moon{animation:story-glow 1.6s ease-in-out infinite alternate}@keyframes story-glow{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,183,3,0))}to{transform:scale(1.08);filter:drop-shadow(0 0 22px rgba(255,183,3,.9))}}.story-star{position:absolute;display:flex;opacity:.55;transition:opacity .8s}.story-asleep .story-star{opacity:1;animation:story-twinkle 1.1s ease-in-out infinite alternate}@keyframes story-twinkle{0%{transform:scale(.75);opacity:.45}to{transform:scale(1.15);opacity:1}}.story-actor{position:absolute;bottom:160px;z-index:2;display:flex;touch-action:none;cursor:pointer}.story-bunny{--w: clamp(150px, 20vw, 200px);width:var(--w);height:var(--w);margin-left:calc(var(--w) / -2);transition:left 1.2s cubic-bezier(.45,.05,.55,.95),transform 1.2s ease}.story-frog{--w: clamp(120px, 16vw, 160px);width:var(--w);height:var(--w);margin-left:calc(var(--w) / -2);transition:left 1.2s cubic-bezier(.45,.05,.55,.95)}.story-bunny-idle,.story-frog-idle{animation:story-breathe 2.6s ease-in-out infinite}.story-frog-idle{animation-duration:3.1s}@keyframes story-breathe{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-6px) scaleY(1.02)}}.story-bunny-talk{animation:story-wiggle .55s ease-in-out 2}@keyframes story-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}.story-bunny-chomp{animation:story-chomp .4s ease-in-out 3}@keyframes story-chomp{0%,to{transform:scale(1)}50%{transform:scale(1.06,.92) translateY(6px)}}.story-bunny-hop{animation:story-hop .45s ease}@keyframes story-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-30px) scale(1.04)}}.story-bunny-tobed{animation:none;transform:rotate(-16deg) scale(.9) translateY(16px)}.story-title-bunny{position:absolute;left:50%;bottom:128px;width:240px;height:240px;margin-left:-120px;z-index:2;animation:story-bounce .8s cubic-bezier(.4,0,.6,1) infinite}@keyframes story-bounce{0%,to{transform:translateY(0) scale(1.06,.94)}40%{transform:translateY(-52px) scale(.98,1.04)}70%{transform:translateY(-20px) scale(1)}}.story-title-shadow{position:absolute;left:50%;bottom:122px;width:170px;height:30px;margin-left:-85px;border-radius:50%;background:#2b2d4224;animation:story-shadow .8s cubic-bezier(.4,0,.6,1) infinite}@keyframes story-shadow{0%,to{transform:scale(1);opacity:1}40%{transform:scale(.7);opacity:.6}}.story-title-frog{position:absolute;left:76%;bottom:140px;width:130px;height:130px;margin-left:-65px;display:flex;animation:story-breathe 2.4s ease-in-out infinite}.story-title-frog svg{width:100%;height:100%}.story-title-star{position:absolute;display:flex;animation:story-twinkle .9s ease-in-out infinite alternate}.story-choices{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:28px;z-index:8}.story-slot{animation:story-card-in .45s cubic-bezier(.2,1.4,.4,1) backwards}.story-slot:nth-child(2){animation-delay:.08s}.story-slot:nth-child(3){animation-delay:.16s}@keyframes story-card-in{0%{transform:translateY(90px) scale(.6);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.story-card{--c: clamp(110px, 13vw, 132px);width:var(--c);height:var(--c);border:none;padding:0;border-radius:28px;background:#fff;box-shadow:0 6px #0000001f;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;font-family:inherit}.story-card:focus{outline:none}.story-card-art{display:flex;transition:opacity .2s}.story-card-used .story-card-art{opacity:0}.story-card-squish{animation:story-squish .3s ease}@keyframes story-squish{0%,to{transform:scale(1)}40%{transform:scale(.88,.9)}}.story-card-wrong{animation:story-card-wiggle .65s ease}@keyframes story-card-wiggle{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-10px) rotate(-5deg)}45%{transform:translate(10px) rotate(5deg)}70%{transform:translate(-6px) rotate(-3deg)}}.story-fly{position:absolute;width:100px;height:100px;z-index:9;pointer-events:none;display:flex;transform:translate(-50%,-50%) scale(var(--s));animation:story-fly-in .7s cubic-bezier(.3,.6,.3,1) both}@keyframes story-fly-in{0%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.95)}to{transform:translate(-50%,-50%) scale(var(--s))}}.story-fly.story-landed{animation:none}.story-fly.story-land-1{transition:transform .18s ease}.story-fly.story-land-2{animation:story-sway 1.6s ease-in-out infinite}@keyframes story-sway{0%,to{transform:translate(-50%,-50%) scale(var(--s)) rotate(-6deg)}50%{transform:translate(-50%,-50%) scale(var(--s)) rotate(6deg)}}.story-fly.story-land-3{animation:story-flower-wave .5s ease-in-out 4}@keyframes story-flower-wave{0%,to{transform:translate(-50%,-50%) scale(var(--s)) rotate(0)}50%{transform:translate(-50%,-50%) scale(var(--s)) rotate(14deg)}}.story-ball-x{display:flex;animation:story-ball-x 2s linear .7s both}@keyframes story-ball-x{0%{transform:translate(0)}25%{transform:translate(var(--gap))}50%{transform:translate(0)}75%{transform:translate(var(--gap))}to{transform:translate(0)}}.story-ball-y{display:flex;animation:story-ball-y .5s cubic-bezier(.35,0,.65,1) .7s 4}@keyframes story-ball-y{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-130px) rotate(180deg)}to{transform:translateY(0) rotate(360deg)}}.story-burst{position:absolute;z-index:9;pointer-events:none;display:flex;animation:story-burst .6s ease-out forwards}@keyframes story-burst{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(calc(-50% + var(--bx)),calc(-50% + var(--by))) scale(1.1);opacity:0}}.story-heart{position:absolute;z-index:9;pointer-events:none;display:flex;animation:story-float 1.3s ease-out both}@keyframes story-float{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}30%{opacity:1}to{transform:translate(calc(-50% + var(--bx)),calc(-50% - 130px)) scale(1);opacity:0}}.story-bed{cursor:pointer;touch-action:none}.rocket-screen{--rocket-card: clamp(112px, 14.5vw, 160px);--rocket-target: clamp(150px, 20vw, 210px);--rocket-ship: clamp(220px, 50vh, 320px);--rocket-ground: 64px;background:#101540}.rocket-sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:linear-gradient(180deg,#090d2c,#151b52 55%,#262a6a)}.rocket-star{position:absolute;border-radius:50%;background:#fff;animation:rocket-twinkle 2.6s ease-in-out infinite}@keyframes rocket-twinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.rocket-planet{position:absolute;top:108px;right:24px;width:78px;height:78px;animation:rocket-drift 6s ease-in-out infinite}@keyframes rocket-drift{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(4deg)}}.rocket-hill{position:absolute;border-radius:50%;background:#1b1f4a}.rocket-hill-a{left:-140px;bottom:-130px;width:640px;height:250px}.rocket-hill-b{right:-200px;bottom:-160px;width:760px;height:300px;background:#171b45}.rocket-ground{position:absolute;left:0;right:0;bottom:0;height:var(--rocket-ground);background:#12153a}.rocket-layout{position:relative;z-index:2;width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,37vw,420px);padding:100px 20px 0 28px}.rocket-left{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding-bottom:calc(var(--rocket-ground) + 16px)}.rocket-target{position:relative;width:var(--rocket-target);height:var(--rocket-target);margin-left:10px;border:7px solid #ff5d8f;border-radius:36px;background:#fff;box-shadow:0 8px #0000004d,0 0 0 6px #ff5d8f2e;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;transition:transform .08s ease;animation:rocket-popin .5s cubic-bezier(.2,1.5,.4,1) backwards}.rocket-target:focus{outline:none}.rocket-target:active,.rocket-target.rocket-pressed{transform:scale(.94)}.rocket-target-art{width:72%;height:72%;display:flex;align-items:center;justify-content:center}.rocket-target-art svg{width:100%;height:100%}.rocket-target-badge{position:absolute;right:-16px;bottom:-16px;width:54px;height:54px;border-radius:50%;background:#ffb703;box-shadow:0 4px #00000040;display:flex;align-items:center;justify-content:center;animation:rocket-badge-bob 1.8s ease-in-out infinite}@keyframes rocket-badge-bob{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.rocket-options{display:flex;justify-content:center;gap:clamp(14px,2.2vw,26px)}.rocket-card{width:var(--rocket-card);height:var(--rocket-card);border:none;border-radius:30px;background:#fff;box-shadow:0 8px #0000004d,0 0 0 5px #ffffff1a;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;transition:transform .08s ease,opacity .3s ease,box-shadow .2s ease;animation:rocket-popin .45s cubic-bezier(.2,1.5,.4,1) backwards}.rocket-card:focus{outline:none}.rocket-card:active{transform:scale(.93)}.rocket-card svg{width:72%;height:72%}.rocket-card.rocket-card-faded{opacity:.35}.rocket-card.rocket-card-wrong{animation:rocket-wiggle .6s ease-in-out}.rocket-card.rocket-card-found{box-shadow:0 0 0 7px #ffb703,0 8px #0000004d;animation:rocket-found .7s cubic-bezier(.2,1.4,.4,1)}.rocket-card.hint-pulse{animation:pulse .7s ease-in-out 3}@keyframes rocket-popin{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rocket-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-9deg)}45%{transform:rotate(8deg)}70%{transform:rotate(-5deg)}}@keyframes rocket-found{0%{transform:scale(1)}40%{transform:scale(1.18) rotate(-4deg)}70%{transform:scale(1.06) rotate(3deg)}to{transform:scale(1.08)}}.rocket-flyer{position:fixed;z-index:40;pointer-events:none;animation:rocket-fly .65s cubic-bezier(.4,0,.6,1) forwards}@keyframes rocket-fly{0%{transform:translate(0) scale(1);opacity:1}80%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.15);opacity:0}}.rocket-scene{position:relative;height:100%}.rocket-tower{position:absolute;left:calc(50% - var(--rocket-ship) * .5 - 4px);bottom:calc(var(--rocket-ground) - 8px);width:24px;height:calc(var(--rocket-ship) * .72);border-radius:6px 6px 0 0;background:repeating-linear-gradient(180deg,#4a4f8a 0,#4a4f8a 4px,#33375f 4px,#33375f 26px)}.rocket-tower:before{content:"";position:absolute;top:16%;left:100%;width:calc(var(--rocket-ship) * .22);height:8px;border-radius:4px;background:#4a4f8a}.rocket-tower:after{content:"";position:absolute;top:-10px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#ff5d5d;animation:rocket-blink 1.2s steps(1) infinite}@keyframes rocket-blink{0%,to{opacity:1}50%{opacity:.25}}.rocket-pad{position:absolute;left:50%;bottom:calc(var(--rocket-ground) - 8px);transform:translate(-50%);width:calc(var(--rocket-ship) * .82);height:24px;border-radius:12px;background:#3b3f6b;box-shadow:0 6px #262a52}.rocket-pad:before{content:"";position:absolute;left:14px;right:14px;top:8px;height:8px;border-radius:4px;background:repeating-linear-gradient(135deg,#ffb703 0,#ffb703 10px,#2b2d42 10px,#2b2d42 20px)}.rocket-ship{position:absolute;left:50%;bottom:calc(var(--rocket-ground) + 18px - var(--rocket-ship) * .1);width:var(--rocket-ship);height:var(--rocket-ship);margin-left:calc(var(--rocket-ship) * -.5);will-change:transform;animation:rocket-land 1.1s cubic-bezier(.2,.9,.3,1.08) backwards}.rocket-ship-body{width:100%;height:100%}.rocket-ship-body.rocket-happy{animation:rocket-hop .55s cubic-bezier(.2,1.4,.4,1)}.rocket-ship.rocket-countdown{animation:rocket-shake .32s linear infinite}.rocket-ship.rocket-launching{animation:rocket-liftoff 1.7s cubic-bezier(.55,0,.9,.45) forwards}.rocket-svg{display:block;overflow:visible}@keyframes rocket-land{0%{transform:translateY(-130vh)}to{transform:translateY(0)}}@keyframes rocket-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}}@keyframes rocket-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px,1px) rotate(-.6deg)}50%{transform:translate(2px,-1px)}75%{transform:translate(3px,1px) rotate(.6deg)}}@keyframes rocket-liftoff{0%{transform:translateY(0)}to{transform:translateY(-130vh)}}.rocket-glow{animation:rocket-glow 1.4s ease-in-out infinite}@keyframes rocket-glow{0%,to{opacity:.25}50%{opacity:.6}}.rocket-light-on{transform-box:fill-box;transform-origin:center;animation:rocket-ignite .55s cubic-bezier(.2,1.6,.4,1)}@keyframes rocket-ignite{0%{transform:scale(.3)}to{transform:scale(1)}}.rocket-flame{transform-box:fill-box;transform-origin:50% 0%;animation:rocket-flicker .14s ease-in-out infinite alternate}.rocket-launching .rocket-flame{animation:rocket-flicker-big .12s ease-in-out infinite alternate}@keyframes rocket-flicker{0%{transform:scaleY(.55) scaleX(.9)}to{transform:scaleY(.8) scaleX(1.05)}}@keyframes rocket-flicker-big{0%{transform:scaleY(1.3) scaleX(1)}to{transform:scaleY(1.7) scaleX(1.15)}}.rocket-puff{position:absolute;left:50%;bottom:calc(var(--rocket-ground) + 6px);width:var(--s);height:var(--s);margin-left:calc(var(--s) / -2);border-radius:50%;background:#e8e6f8;opacity:0;animation:rocket-puff 1.5s ease-out forwards}@keyframes rocket-puff{0%{transform:translate(0) scale(.2);opacity:.95}to{transform:translate(var(--dx),var(--dy)) scale(1.4);opacity:0}}.rocket-ship,.rocket-planet{pointer-events:auto;cursor:pointer;touch-action:none}.rocket-planet.rocket-planet-boop{animation:rocket-hop .55s cubic-bezier(.2,1.4,.4,1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body,#root{height:100%;overflow:hidden}body{font-family:Comic Sans MS,Chalkboard SE,Marker Felt,Segoe UI,system-ui,sans-serif;background:#fdf6e3;touch-action:manipulation}.screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.big-button{border:none;border-radius:28px;background:#fff;box-shadow:0 6px #0000001f;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:transform .08s ease;touch-action:none}.big-button.pressed{transform:scale(.92);box-shadow:0 2px #0000001f}.big-button:focus{outline:none}.home-button{position:absolute;top:16px;left:16px;width:84px;height:84px;border:none;border-radius:50%;background:#ffd166;box-shadow:0 5px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:50;touch-action:none}.home-button:active{transform:scale(.92)}.mascot{touch-action:none}.mascot-idle{animation:bob 2.4s ease-in-out infinite}.mascot-talk{animation:wiggle .5s ease-in-out infinite}.mascot-celebrate{animation:jump .6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes jump{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-16px) scale(1.06)}}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;overflow:hidden}.confetti{position:absolute;top:-24px;border-radius:4px;animation:fall 3.2s ease-in forwards,twirl .7s linear infinite}@keyframes fall{to{transform:translateY(110vh)}}@keyframes twirl{0%{rotate:0deg}to{rotate:360deg}}.parent-gate{position:absolute;bottom:12px;right:12px;opacity:.55;z-index:40;touch-action:none}.rotate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fdf6e3;z-index:200;display:flex;align-items:center;justify-content:center}.rotate-phone{animation:rotatehint 1.6s ease-in-out infinite}@keyframes rotatehint{0%,20%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}.hint-pulse{animation:pulse .7s ease-in-out 3}@keyframes pulse{0%,to{transform:scale(1);filter:none}50%{transform:scale(1.12);filter:drop-shadow(0 0 18px #ffb703)}}.mute-button{position:fixed;top:16px;right:116px;width:84px;height:84px;border:none;border-radius:50%;background:#ece5d3;box-shadow:0 5px #0000001a;font-size:34px;cursor:pointer;z-index:60;touch-action:none}.mute-button:active{transform:scale(.92)}.mute-button-draw{top:auto;right:auto;bottom:16px;left:17px}.earned-sticker{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.earned-sticker-chip{position:relative;width:180px;height:180px;border-radius:40px;background:linear-gradient(135deg,#ffb703,#ff5d8f);color:#fff;font-size:90px;font-family:inherit;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px #0000004d;animation:sticker-pop .6s cubic-bezier(.2,1.6,.4,1),sticker-wiggle 1.4s ease-in-out .6s infinite}.earned-sticker-chip .sticker-chip-star{top:8px;right:12px;font-size:32px}@keyframes sticker-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes sticker-wiggle{0%,to{transform:rotate(-4deg) scale(1)}50%{transform:rotate(4deg) scale(1.05)}}.sticker-button{position:absolute;top:16px;right:16px;width:84px;height:84px;border:none;border-radius:50%;background:#fff;box-shadow:0 5px #0000001f;font-size:40px;cursor:pointer;z-index:50;touch-action:none}.sticker-button:active{transform:scale(.92)}.sticker-count{position:absolute;bottom:-4px;right:-4px;min-width:34px;height:34px;border-radius:17px;background:#ff5d8f;color:#fff;font-size:19px;font-family:inherit;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px #00000026}.sticker-board{position:fixed;top:0;right:0;bottom:0;left:0;background:#3c2d1459;display:flex;align-items:center;justify-content:center;z-index:90}.sticker-panel{position:relative;background:#fffdf5;border-radius:36px;padding:48px;max-width:78vw;max-height:78vh;overflow-y:auto;box-shadow:0 16px 48px #00000040}.sticker-close{position:absolute;top:14px;right:14px;width:64px;height:64px;border:none;border-radius:50%;background:#ffd166;font-size:28px;color:#7a5c00;cursor:pointer;touch-action:none}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:16px;min-width:min(56vw,640px);padding-top:20px}.sticker-chip{position:relative;aspect-ratio:1;border:none;border-radius:24px;font-family:inherit;font-size:44px;color:#fff;cursor:pointer;box-shadow:0 4px #00000026;touch-action:none}.sticker-chip:active{transform:scale(.92)}.sticker-chip-star{position:absolute;top:4px;right:6px;font-size:18px}.setup-card{background:#fff;border-radius:32px;padding:40px 48px;box-shadow:0 10px 30px #0000001f;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:480px}.setup-card h1{color:#7c5cff;font-size:30px}.setup-card p{color:#6b6456;font-size:17px;text-align:center}.setup-card input{font-family:inherit;font-size:28px;text-align:center;padding:12px 18px;border:3px solid #ffd166;border-radius:18px;width:100%;outline:none}.setup-card input:focus{border-color:#7c5cff}.voice-note{font-size:14px;color:#8d8468;text-align:center}.voice-note code{background:#f2ede0;padding:2px 6px;border-radius:6px;font-size:12px}.voice-note-ok{color:#2e9e4f}.home-name{font-size:clamp(34px,6vw,58px);color:#e07a2f;letter-spacing:2px;margin-bottom:8px;display:flex;align-items:center;gap:12px}.home-tiles{display:flex;gap:clamp(20px,4vw,48px);margin-top:20px}.home-tile{width:clamp(120px,16vw,190px);height:clamp(120px,16vw,190px);border-radius:34px}.home-mascot{position:absolute;bottom:18px;left:24px}.picker-grid{display:grid;grid-template-columns:repeat(7,minmax(84px,1fr));gap:14px;padding:100px 28px 28px;width:100%;max-width:1000px;overflow-y:auto;height:100%;align-content:start}.picker-tile{font-size:44px;color:#4a4458;border-radius:22px;position:relative;aspect-ratio:1}.picker-tile .star{position:absolute;top:4px;right:8px;font-size:20px}.picker-tile.name-tile{grid-column:span 3;aspect-ratio:auto;background:linear-gradient(135deg,#ffd166,#ff9f1c);color:#fff;font-size:30px}.picker-tile.case-tile{background:linear-gradient(135deg,#7c5cff,#4cc9f0);color:#fff;font-size:32px}.trace-wrap{display:flex;align-items:center;justify-content:center;gap:30px;height:100%;width:100%}.trace-canvas{touch-action:none;border-radius:32px;background:#fff;box-shadow:0 8px 24px #00000014}.trace-glyph-label{font-size:60px;color:#7c5cff}.next-arrow{position:absolute;right:22px;top:50%;transform:translateY(-50%);background:#2ec4b6;border-radius:50%}.count-stage{display:flex;flex-wrap:wrap;gap:26px;align-items:center;justify-content:center;max-width:760px}.count-duck{border:none;background:none;cursor:pointer;transition:transform .15s;touch-action:none;position:relative}.count-art{display:block;transition:filter .3s,opacity .3s}.count-duck.counted .count-art{filter:grayscale(.7);opacity:.45}.count-badge{position:absolute;top:-8px;right:-2px;width:46px;height:46px;border-radius:50%;background:#ff5d8f;color:#fff;font-size:26px;font-family:inherit;display:flex;align-items:center;justify-content:center;box-shadow:0 3px #00000026;animation:popin .3s ease}.hop{animation:hop .4s ease}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-26px)}}.big-numeral{font-size:clamp(90px,18vw,180px);color:#ff5d8f;animation:popin .4s ease}@keyframes popin{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.target-bubble{background:#fff;border-radius:28px;padding:18px 24px;box-shadow:0 6px #0000001a;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:300px}.target-numeral{font-size:72px;color:#ff5d8f;line-height:1}.target-slots{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:240px}.target-slot{font-size:26px;filter:grayscale(1) opacity(.35);transition:filter .25s}.target-slot.filled{filter:none;transform:scale(1.05)}.monster-stage{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;justify-content:space-evenly;padding-top:70px}.apple-tray{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.apple{touch-action:none;cursor:grab;position:relative}.apple.dragging{z-index:30;cursor:grabbing}.apple.apple-leave{pointer-events:none;animation:apple-leave .7s ease forwards}@keyframes apple-leave{30%{transform:translateY(-26px) scale(1.05);opacity:1}to{transform:translateY(30px) scale(0);opacity:0}}.monster-full-happy{animation:jump .6s ease-in-out 3}.monster-refuse{animation:refuse-shake .5s ease-in-out}@keyframes refuse-shake{0%,to{transform:translate(0)}25%{transform:translate(-12px)}50%{transform:translate(12px)}75%{transform:translate(-8px)}}.draw-screen{flex-direction:row;align-items:stretch;justify-content:flex-start;background:#f2ede0}.draw-toolbar{width:118px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:104px 8px 116px;overflow-y:auto;background:#fff8ea;box-shadow:2px 0 10px #0000000f;z-index:10}.draw-tool{width:84px;height:84px;border-radius:20px;border:4px solid transparent;background:#fff;box-shadow:0 3px #0000001a;cursor:pointer;font-size:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:none}.draw-tool.active{border-color:#7c5cff;transform:scale(1.05)}.draw-canvas-wrap{flex:1;position:relative}.draw-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.gallery-strip{position:absolute;bottom:0;left:118px;right:0;background:#fff8eaf7;display:flex;gap:12px;padding:12px;overflow-x:auto;z-index:20;box-shadow:0 -4px 12px #00000014}.gallery-thumb{width:120px;height:90px;border-radius:14px;border:3px solid #ffd166;object-fit:cover;cursor:pointer;flex-shrink:0;background:#fff}.home-screen{padding-top:112px}@media(max-width:1100px){.home-mascot .mascot{width:88px!important;height:88px!important}}@media(max-height:560px),(max-width:860px){.home-screen{padding-top:98px}.home-name{font-size:28px;margin-bottom:2px}.surprise-banner{height:74px;width:min(430px,66vw);border-radius:22px;padding:6px 16px}.home-tiles{gap:14px;margin-top:10px}.home-tile{width:clamp(84px,15vw,140px);height:clamp(84px,15vw,140px);border-radius:24px}.home-mascot{bottom:8px;left:8px}.home-mascot .mascot{width:62px!important;height:62px!important}}.surprise-banner{width:min(560px,76vw);height:104px;border-radius:30px;background:linear-gradient(135deg,#fff,#fff6e0);padding:10px 22px;margin-bottom:6px}.surprise-handoff{display:flex;flex-direction:column;align-items:center;gap:18px}.surprise-stars{display:flex;gap:10px}.surprise-star-off{opacity:.85;filter:grayscale(1) brightness(.72)}.surprise-star-on{animation:popin .4s ease}.surprise-next-card{width:clamp(150px,24vw,220px);height:clamp(150px,24vw,220px);background:#fff;border-radius:36px;box-shadow:0 8px #0000001f;display:flex;align-items:center;justify-content:center;animation:surprise-in .5s cubic-bezier(.2,1.6,.4,1)}@keyframes surprise-in{0%{transform:scale(.3) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.surprise-party-stars{animation:jump .6s ease-in-out 3}
