*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;background:#111;height:100%;margin:0;padding:0}html{touch-action:manipulation}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:system-ui,Segoe UI,Roboto,sans-serif}.game-pager{touch-action:none;background:#111;outline:none;position:fixed;inset:0;overflow:hidden}.game-pager-track{will-change:transform;width:100%}.game-pager-page{pointer-events:none;width:100%;height:100dvh;position:relative;overflow:hidden}.game-pager-page.active{pointer-events:auto}.game-pager-dots{z-index:50;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:14px;transform:translateY(-50%)}.dot{background:#ffffff59;border-radius:50%;width:8px;height:8px;transition:all .25s}.dot.active{background:#fffffff2;border-radius:5px;height:22px}.parental-gate-trigger{opacity:.32;z-index:100;touch-action:none;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:opacity .15s,transform .15s;display:flex;position:fixed;top:10px;left:10px}.parental-gate-trigger.holding{opacity:1;transform:scale(1.12)}.progress-ring{width:40px;height:40px;position:absolute;inset:0;transform:rotate(-90deg)}.progress-ring-bg{fill:#0000004d;stroke:#ffffff4d;stroke-width:2px}.progress-ring-fg{fill:none;stroke:#ffd93d;stroke-width:3.5px;stroke-linecap:round;filter:drop-shadow(0 0 3px #00000080);transition:stroke-dashoffset 60ms linear}.gear-icon{color:#fff;font-size:16px;position:relative}.parental-gate-center{z-index:150;pointer-events:none;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.center-progress-ring{width:140px;height:140px;position:absolute;inset:0;transform:rotate(-90deg)}.center-progress-bg{fill:#00000073;stroke:#ffffff4d;stroke-width:6px}.center-progress-fg{fill:none;stroke:#ffd93d;stroke-width:8px;stroke-linecap:round;filter:drop-shadow(0 0 6px #00000080);transition:stroke-dashoffset 60ms linear}.center-gear-icon{color:#fff;filter:drop-shadow(0 2px 4px #0006);font-size:52px;position:relative}.parental-gate-overlay{z-index:200;touch-action:none;background:#0a0a0fb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.parental-gate-panel{text-align:center;background:#fff;border-radius:24px;flex-direction:column;gap:12px;width:min(86vw,340px);padding:28px 24px;display:flex;box-shadow:0 20px 40px #00000059}.parental-gate-panel h2{color:#2a2a2a;margin:0 0 8px;font-size:1.4rem}.parental-gate-btn{color:#222;cursor:pointer;background:#f0f0f5;border:none;border-radius:14px;padding:14px 16px;font-size:1.05rem}.parental-gate-btn.close{color:#fff;background:#6a5acd;font-weight:600}.tap-scene{-webkit-user-select:none;user-select:none;background:linear-gradient(#7ec8f2 0%,#a9e2f7 54%,#8fd694 54%,#5fb85a 100%);width:100%;height:100%;position:relative;overflow:hidden}.tap-item{cursor:pointer;filter:drop-shadow(0 6px 10px #00000026);touch-action:none;background:0 0;border:none;padding:.5rem;line-height:1;position:absolute;transform:translate(-50%,-50%)}.burst-origin{pointer-events:none;width:0;height:0;position:absolute;transform:translate(-50%,-50%)}.burst-particle{font-size:1.3rem;position:absolute;top:0;left:0}.bubble-pop{background:linear-gradient(160deg,#6a5acd 0%,#8e7cf0 45%,#b6a4f7 100%);width:100%;height:100%;transition:transform 40ms ease-out;position:relative;overflow:hidden}@keyframes float-up{0%{transform:translateY(0)}to{transform:translateY(-125vh)}}.bubble{touch-action:none;cursor:pointer;border-radius:50%;animation-name:float-up;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:-15%;box-shadow:inset -6px -6px 14px #ffffff80,inset 6px 6px 14px #00000014}.pop-origin{pointer-events:none;width:0;height:0;position:fixed}.pop-flash{border-radius:50%;position:absolute;top:0;left:0}.pop-ring{box-sizing:border-box;border-style:solid;border-width:4px;border-radius:50%;position:absolute;top:0;left:0}.pop-particle{border-radius:50%;position:absolute;top:0;left:0}.pop-sparkle{margin:-10px 0 0 -10px;font-size:20px;line-height:1;position:absolute;top:0;left:0}.basket-game{-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#ffd97a 0%,#ffb86b 55%,#ff9a6b 100%);width:100%;height:100%;position:relative;overflow:hidden}.basket-item{touch-action:none;cursor:grab;filter:drop-shadow(0 6px 8px #0000002e);font-size:9vmin;line-height:1;position:absolute;transform:translate(-50%,-50%)}.basket-zone{justify-content:center;align-items:center;width:40vmin;height:26vmin;display:flex;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.basket-emoji{filter:drop-shadow(0 10px 12px #0003);font-size:18vmin;line-height:1;display:inline-block}.confetti-particle{pointer-events:none;font-size:1.8rem;position:absolute;top:45%;left:50%}.xylophone{background:linear-gradient(#241b45 0%,#4b3f7a 100%);align-items:flex-end;width:100%;height:100%;display:flex}.xylophone-bars{box-sizing:border-box;align-items:flex-end;gap:2vw;width:100%;height:100%;padding:0 3vw 6vh;display:flex}.xylophone-bar{touch-action:none;cursor:pointer;border:none;border-radius:18px 18px 10px 10px;flex:1;padding:0;position:relative;overflow:hidden;box-shadow:0 8px #0000002e,0 12px 18px #0000004d}.bar-glow{border-radius:inherit;pointer-events:none;background:#ffffffb3;position:absolute;inset:0}.drums{background:linear-gradient(160deg,#2b2440 0%,#3d3260 55%,#4c3d78 100%);width:100%;height:100%;position:relative;overflow:hidden}.drum-pad{cursor:pointer;touch-action:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px #00000040,0 14px 20px #00000059}.drum-ripple{pointer-events:none;border-style:solid;border-width:4px;border-radius:50%;position:absolute;inset:-6px}.animal-sounds{box-sizing:border-box;background:linear-gradient(160deg,#fef6e4 0%,#fbe8d3 100%);justify-content:center;align-items:center;width:100%;height:100%;padding:4vmin;display:flex}.animal-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:3vmin;width:100%;height:100%;display:grid}@media (aspect-ratio<=3/4){.animal-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(2,1fr)}}.animal-card{cursor:pointer;touch-action:none;border:none;border-radius:28px;justify-content:center;align-items:center;display:flex;box-shadow:0 8px #0000001a,0 10px 16px #00000026}.animal-emoji{font-size:11vmin;line-height:1;display:inline-block}.weather-scene{flex-direction:column;width:100%;height:100%;transition:background .6s;display:flex;position:relative;overflow:hidden}.weather-stage{flex:1;position:relative;overflow:hidden}.weather-hero{filter:drop-shadow(0 10px 14px #0003);font-size:22vmin;line-height:1;position:absolute;top:14%;left:50%;transform:translate(-50%)}.weather-hero.small{font-size:16vmin}@keyframes fall-rain{0%{transform:translateY(-10vh)}to{transform:translateY(115vh)}}.raindrop{background:linear-gradient(#ffffffe6,#bedcff99);border-radius:999px;animation-name:fall-rain;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:0}@keyframes fall-snow{0%{transform:translateY(-10vh)translate(0)rotate(0)}50%{transform:translateY(50vh)translate(18px)rotate(180deg)}to{transform:translateY(115vh)translate(-10px)rotate(360deg)}}.snowflake{opacity:.9;animation-name:fall-snow;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:0}.weather-controls{justify-content:center;gap:4vmin;padding:3vh 4vw 5vh;display:flex}.weather-btn{cursor:pointer;touch-action:none;background:#ffffff8c;border:none;border-radius:50%;justify-content:center;align-items:center;width:16vmin;max-width:84px;height:16vmin;max-height:84px;font-size:7vmin;transition:transform .2s,background .2s;display:flex;box-shadow:0 6px #00000014}.weather-btn.selected{background:#fff;transform:scale(1.15)}.peekaboo{box-sizing:border-box;background:linear-gradient(160deg,#fff2d6 0%,#ffe0c2 100%);justify-content:center;align-items:center;width:100%;height:100%;padding:4vmin;display:flex}.peekaboo-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:3vmin;width:100%;height:100%;display:grid}@media (aspect-ratio<=3/4){.peekaboo-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr)}}.peekaboo-spot{cursor:pointer;touch-action:none;border:none;border-radius:26px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 8px #0000001a,0 10px 16px #00000026}.peekaboo-character{z-index:2;font-size:10vmin;line-height:1;position:absolute}.peekaboo-cover{font-size:11vmin;line-height:1;display:inline-block}.shape-sorter{-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#cdeaff 0%,#a7d8ff 100%);width:100%;height:100%;position:relative;overflow:hidden}.sorter-piece{touch-action:none;cursor:grab;width:15vmin;height:15vmin;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 10px #0003}.sorter-board{background:#b8845a;border-radius:24px;justify-content:space-evenly;align-items:center;width:90%;height:24vmin;display:flex;position:absolute;bottom:4%;left:50%;transform:translate(-50%);box-shadow:inset 0 6px 14px #0000004d,0 8px #00000026}.sorter-hole-wrap{justify-content:center;align-items:center;width:15vmin;height:15vmin;display:flex;position:relative}.sorter-hole{box-sizing:border-box;background:#00000059;border:4px dashed;width:100%;height:100%;box-shadow:inset 0 4px 8px #0006}.sorter-burst{pointer-events:none;border-radius:50%;position:absolute;inset:0}.puzzle-game{-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#d7f0ff 0%,#eaf9e8 100%);width:100%;height:100%;position:relative;overflow:hidden}.puzzle-frame{box-sizing:border-box;background:#ffffff8c;border:4px dashed #ffffffe6;border-radius:28px;height:68%;position:absolute;top:4%;left:6%;right:6%}.puzzle-slot{justify-content:center;align-items:center;width:15vmin;height:15vmin;display:flex;position:absolute;transform:translate(-50%,-50%)}.puzzle-ghost{filter:grayscale();font-size:11vmin;line-height:1;transition:opacity .3s;position:absolute}.puzzle-filled{filter:drop-shadow(0 6px 8px #0003);font-size:11vmin;line-height:1;position:absolute}.puzzle-piece{touch-action:none;cursor:grab;filter:drop-shadow(0 6px 8px #0003);font-size:10vmin;line-height:1;position:absolute;transform:translate(-50%,-50%)}.puzzle-celebrate{pointer-events:none;background:#ffffff40;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.puzzle-confetti{font-size:3rem;position:absolute}.finger-paint{background:#fffdf5;width:100%;height:100%;position:relative;overflow:hidden}.paint-canvas{touch-action:none;cursor:crosshair;position:absolute;inset:0}.paint-canvas.pan-mode{cursor:grab}.paint-pan-hint{color:#fff;pointer-events:none;background:#0000008c;border-radius:999px;padding:10px 18px;font-size:1rem;font-weight:600;animation:1.4s ease-in-out infinite pan-hint-pulse;position:absolute;top:4vh;left:50%;transform:translate(-50%)}@keyframes pan-hint-pulse{0%,to{opacity:.75}50%{opacity:1}}.paint-toolbar{padding:2vh 3vw calc(2vh + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;justify-content:center;align-items:center;gap:2.2vmin;display:flex;position:absolute;bottom:0;left:0;right:0}.paint-swatch{touch-action:none;cursor:pointer;border:3px solid #ffffffe6;border-radius:50%;width:9vmin;max-width:52px;height:9vmin;max-height:52px;transition:transform .15s;box-shadow:0 4px 8px #00000026}.paint-swatch.selected{border-color:#333;transform:scale(1.25)}.paint-clear,.paint-tool{touch-action:none;cursor:pointer;background:#eee;border:none;border-radius:16px;justify-content:center;align-items:center;width:9vmin;max-width:52px;height:9vmin;max-height:52px;font-size:4vmin;display:flex;box-shadow:0 4px 8px #00000026}.paint-tool.selected{background:#6a5acd;box-shadow:0 0 0 3px #6a5acd66,0 4px 8px #00000026}
