.kids-world-shell{color:#fff;background:linear-gradient(#02061714, #02061733), var(--kids-fantasy-sky) center / cover no-repeat fixed, #07133d;min-height:100dvh}.kids-gallery-veil{background:linear-gradient(#0308283d 0%,#050c3461 28%,#050c34a8 56%,#040a2bc7 100%)}.kids-space-dots{background-image:radial-gradient(circle,#ffffffd6 1.5px,#0000 1.7px),radial-gradient(circle,#67e8f9b8 1px,#0000 1.3px);background-position:0 0,19px 23px;background-size:42px 42px,61px 61px}.play-aurora-bg{isolation:isolate;background:linear-gradient(#0206171f, #02061742), var(--kids-fantasy-sky) center / cover no-repeat, #07133d}.play-aurora-bg:before{content:"";z-index:-1;pointer-events:none;background:0 0;position:absolute;inset:0}.play-aurora-bg:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#0000 38%,#04082252 100%);position:absolute;inset:0}.play-screen{z-index:60;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100vw;height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));position:fixed;inset:0;overflow:hidden}.play-stage-frame canvas{display:block}.play-runtime-slot{container-type:size}.play-runtime-frame{aspect-ratio:16/9;flex:none;width:min(100%,177.78dvh - 9rem)}@supports (width:1cqh){.play-runtime-frame{width:min(100cqw,177.78cqh)}}.kids-cloud{animation:11s ease-in-out infinite alternate kids-cloud-drift}.kids-spark{animation:2.2s ease-in-out infinite kids-twinkle;animation-delay:var(--spark-delay,0s)}@keyframes kids-cloud-drift{0%{transform:translate(-10px)}to{transform:translate(18px,-8px)}}@keyframes kids-twinkle{0%,to{opacity:.28;transform:scale(.72)rotate(0)}50%{opacity:1;transform:scale(1.18)rotate(18deg)}}@keyframes play-aurora-drift{0%{transform:translate(-2%,1%)scale(1)}to{transform:translate(3%,-2%)scale(1.08)}}@keyframes play-loading-progress{0%{transform:scaleX(0)}68%{transform:scaleX(.76)}to{transform:scaleX(1)}}.play-loading-progress{transform-origin:0;animation:1.4s cubic-bezier(.22,.8,.36,1) both play-loading-progress}@keyframes play-transit-in{0%{opacity:0}to{opacity:1}}@keyframes play-transit-out{0%{opacity:1}to{opacity:0}}.play-transit{animation:.2s ease-out both play-transit-in}.play-transit-leave{animation:.32s ease-in forwards play-transit-out}@keyframes result-star-pop{0%{opacity:0;transform:translateY(24px)scale(.2)rotate(-20deg)}65%{opacity:1;transform:translateY(-8px)scale(1.18)rotate(8deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}.result-star{animation:.58s cubic-bezier(.2,.9,.24,1.25) both result-star-pop;animation-delay:var(--star-delay,0s)}.ios-bar-spacer{pointer-events:none;height:calc(100lvh + 120vh)}html[data-ios-pan] .play-screen,html[data-ios-web] .play-screen{touch-action:pan-y}.kl-swipe-hand{animation:1.5s ease-in-out infinite kl-swipe-up}@keyframes kl-swipe-up{0%{opacity:.35;transform:translateY(22px)}55%{opacity:1;transform:translateY(-16px)}to{opacity:0;transform:translateY(-16px)}}@keyframes result-next-breathe{0%,to{box-shadow:0 14px 34px #22d3ee66,0 0 #8ef3ff80}50%{box-shadow:0 14px 34px #22d3ee80,0 0 0 12px #8ef3ff00}}.result-next-btn{animation:2.2s ease-in-out infinite result-next-breathe}@keyframes result-retry-breathe{0%,to{box-shadow:0 14px 34px #ffbe1f47,0 0 #ffe97d80}50%{box-shadow:0 14px 34px #ffbe1f61,0 0 0 12px #ffe97d00}}.result-retry-btn{animation:2.2s ease-in-out infinite result-retry-breathe}@media (prefers-reduced-motion:reduce){.result-next-btn,.result-retry-btn{animation:none}}.portrait-turn{display:none}@media (orientation:portrait) and (max-width:900px){.portrait-turn{display:flex}}@media (prefers-reduced-motion:reduce){.kids-cloud,.kids-spark,.play-aurora-bg:before,.play-loading-progress,.play-transit,.play-transit-leave,.result-star{animation-duration:.01ms;animation-iteration-count:1}}.map-screen{--map-inset-top:max(14px, calc(env(safe-area-inset-top,0px) + 4px));--map-inset-right:max(14px, calc(env(safe-area-inset-right,0px) + 4px));--map-inset-bottom:max(16px, calc(env(safe-area-inset-bottom,0px) + 6px));--map-inset-left:max(14px, calc(env(safe-area-inset-left,0px) + 4px))}.map-track{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow:auto hidden;container-type:inline-size}.map-track::-webkit-scrollbar{display:none}.map-world{width:max-content;height:100%;display:flex}.map-stage{scroll-snap-align:start;scroll-snap-stop:always;flex:none;width:100cqw;height:100%;position:relative}.map-node{--node:clamp(58px, 11.5dvh, 92px);width:var(--node);height:var(--node);font-size:calc(var(--node) * .46);background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.map-node-ground{background:radial-gradient(#0804288c 0%,#08042838 45%,#08042800 72%);border-radius:50%;width:170%;height:46%;position:absolute;top:70%;left:50%;transform:translate(-50%)}.map-node-orb{color:#4c1d95;border:calc(var(--node) * .075) solid #8b6be0;width:100%;height:100%;box-shadow:0 calc(var(--node) * .14) calc(var(--node) * .3) #0f083c6b, inset 0 calc(var(--node) * -.1) calc(var(--node) * .16) #6e50c82e;background:radial-gradient(circle at 34% 26%,#fff 0%,#f3fbff 38%,#d3e6f8 78%,#b9d2ee 100%);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.map-node-orb:before{content:"";filter:blur(1px);background:#ffffffd9;border-radius:50%;width:46%;height:24%;position:absolute;top:9%;left:22%}.map-node-cleared .map-node-orb{box-shadow:0 calc(var(--node) * .14) calc(var(--node) * .3) #0f083c66, 0 0 calc(var(--node) * .3) #ffc82859, inset 0 calc(var(--node) * -.1) calc(var(--node) * .16) #ffbe1f33;border-color:#ffc21f}.map-node-current .map-node-orb{border-color:#ffd43b;animation:2.4s ease-in-out infinite map-breathe}.map-node-locked{cursor:default}.map-node-locked .map-node-orb{color:#ece8f8;box-shadow:0 calc(var(--node) * .1) calc(var(--node) * .22) #0f083c66;background:radial-gradient(circle at 34% 26%,#aaa4c4 0%,#7f799b 45%,#55506e 100%);border-color:#6c6688}.map-node-locked .map-node-orb:before{background:#ffffff59}.map-node-open:hover .map-node-orb,.map-node-cleared:hover .map-node-orb,.map-node-current:hover .map-node-orb{transform:translateY(-4px)scale(1.05)}.map-node-open:active .map-node-orb,.map-node-cleared:active .map-node-orb,.map-node-current:active .map-node-orb{transform:translateY(1px)scale(.97)}.map-node:focus-visible .map-node-orb{box-shadow:0 0 0 4px #67e8f9, 0 calc(var(--node) * .14) calc(var(--node) * .3) #0f083c6b}@keyframes map-breathe{0%,to{box-shadow:0 0 0 0 #ffe27a99, 0 0 calc(var(--node) * .3) #ffe27a8c, 0 calc(var(--node) * .14) calc(var(--node) * .3) #0f083c6b}50%{box-shadow:0 0 0 12px #ffe27a00, 0 0 calc(var(--node) * .45) #ffe27ad9, 0 calc(var(--node) * .14) calc(var(--node) * .3) #0f083c6b}}.map-stars{padding:calc(var(--node) * .05) calc(var(--node) * .1);background:#1c0e46cc;border:2px solid #ffffff52;border-radius:999px;align-items:center;gap:1px;display:flex;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);box-shadow:0 6px 14px #08042859}.map-stars svg{width:calc(var(--node) * .3);height:calc(var(--node) * .3);filter:drop-shadow(0 1px 2px #0006)}.map-stars svg:nth-child(2){transform:translateY(-14%)}.map-stars-inline{vertical-align:middle;box-shadow:none;background:0 0;border:0;padding:0;display:inline-flex;position:static;transform:none}.map-stars-inline svg{filter:none;width:1.25em;height:1.25em}.map-stars-inline svg:nth-child(2){transform:none}.map-lumi{left:50%;bottom:calc(100% + var(--node) * .42);width:calc(var(--node) * 1.9);aspect-ratio:2/3;animation:2.6s ease-in-out infinite map-bob;position:absolute;transform:translate(-50%)}@keyframes map-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10%)}}.map-locked-wiggle{animation:.45s map-wiggle}@keyframes map-wiggle{0%,to{transform:translate(-50%,-50%)rotate(0)}25%{transform:translate(-50%,-50%)rotate(-7deg)}75%{transform:translate(-50%,-50%)rotate(7deg)}}@media (prefers-reduced-motion:reduce){.map-node-current .map-node-orb,.map-lumi,.map-locked-wiggle{animation:none}.map-track{scroll-behavior:auto}}.intro-rise{animation:.9s cubic-bezier(.22,.8,.3,1) both intro-rise;animation-delay:var(--rise-delay,0s)}@keyframes intro-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.intro-drift{animation:6s ease-in-out infinite intro-drift}@keyframes intro-drift{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-10px)rotate(-.6deg)}}.intro-glow{animation:6s ease-in-out infinite intro-glow}@keyframes intro-glow{0%,to{opacity:.55;transform:scale(.97)}50%{opacity:.95;transform:scale(1.02)}}.intro-cta{animation:2.2s ease-in-out infinite result-retry-breathe}.intro-isles>li:nth-child(4n+1){--isle:#ffd43b}.intro-isles>li:nth-child(4n+2){--isle:#67e8f9}.intro-isles>li:nth-child(4n+3){--isle:#ff9bb0}.intro-isles>li:nth-child(4n+4){--isle:#ffa94d}.intro-bob{animation:5.2s ease-in-out infinite intro-bob;animation-delay:var(--bob-delay,0s)}@keyframes intro-bob{0%,to{transform:translate(0,0)}50%{transform:translateY(-8px)}}.intro-isle-card{box-shadow:0 0 0 3px color-mix(in srgb, var(--isle) 55%, transparent), 0 16px 36px #04001f6b}.intro-isle-here{box-shadow:0 0 0 5px var(--isle), 0 0 34px color-mix(in srgb, var(--isle) 60%, transparent), 0 16px 36px #04001f6b}.intro-link{opacity:.8;background:radial-gradient(circle,#ffe27a 0 3px,#0000 3.5px) 50%/33.33% 100% repeat-x;height:8px}@media (prefers-reduced-motion:reduce){.intro-rise,.intro-drift,.intro-glow,.intro-cta,.intro-bob{animation:none}}
