:root{--ink:#173a67;--ivory:#fffbed;--sun:#ffcf44;--blue:#33adf5;--green:#35bd86;--shadow:0 8px 0 #153f5226,0 15px 22px #1c58633b;font-family:ui-rounded,'Trebuchet MS','Nunito',system-ui,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{border:0;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:4px solid #ffb72e;outline-offset:3px}button:active{transform:translateY(3px) scale(.97)!important;box-shadow:0 2px 0 #173a6726!important}img{max-width:100%;display:block}#app{position:relative}#toast{position:fixed;left:50%;bottom:7%;transform:translate(-50%,20px);max-width:85vw;pointer-events:none;opacity:0;z-index:90;padding:13px 25px;border-radius:100px;background:#fff9e7;box-shadow:0 9px 28px #123d6a58;font-size:clamp(15px,1.8vw,25px);font-weight:900;text-align:center;transition:opacity .25s,transform .25s}#toast.show{opacity:1;transform:translate(-50%,0)}
.screen{height:100%;width:100%;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(#60c4f5,#bbfaff 62%,#5fe0ad);animation:sceneIn .35s ease both}.screen[data-world=forest]{background:linear-gradient(#6be1eb 0%,#c0f9df 63%,#56c590 100%)}.screen[data-world=garden]{background:linear-gradient(#67d4f6 0%,#fff2b7 58%,#65cd8b 100%)}.screen[data-world=color]{background:linear-gradient(#a29eff 0%,#ffd9e6 58%,#7ddac6 100%)}@keyframes sceneIn{from{opacity:.65;filter:brightness(1.1)}to{opacity:1;filter:brightness(1)}}.sky{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.sky:before,.sky:after{content:'';position:absolute;bottom:-14%;width:95%;height:45%;background:#41c28f;border-radius:50% 50% 0 0;opacity:.8}.sky:before{left:-32%;transform:rotate(-9deg)}.sky:after{right:-28%;background:#34b886;transform:rotate(11deg)}.cloud{position:absolute;height:20%;width:29%;border-radius:50%;background:#ffffffd9;filter:drop-shadow(0 12px 2px #ffffff33);animation:cloudTravel var(--speed,26s) linear infinite alternate;top:var(--top,5%);left:var(--left,5%);opacity:.89}.cloud:before,.cloud:after{content:'';position:absolute;border-radius:50%;background:#fff}.cloud:before{width:52%;height:120%;left:22%;bottom:8%}.cloud:after{width:41%;height:95%;left:59%;bottom:1%}@keyframes cloudTravel{from{transform:translateX(-5%)}to{transform:translateX(38%)}}.mountain{position:absolute;bottom:14%;height:52%;width:35%;background:#88d7ac;clip-path:polygon(50% 1%,100% 100%,0 100%);opacity:.7}.m1{left:-6%}.m2{left:33%;height:67%}.m3{right:-7%}.hill{position:absolute;bottom:-21%;left:-10%;height:52%;width:120%;border-radius:50% 50% 0 0;background:#54cd96}.hill:after{content:'';position:absolute;left:-3%;bottom:5%;height:53%;width:110%;border-radius:50% 50% 0 0;background:#2db985;animation:hillSway 9s ease-in-out infinite alternate}@keyframes hillSway{from{transform:translateX(-1%)}to{transform:translateX(1%)}}.sun-disc{position:absolute;right:8%;top:8%;width:9vw;height:9vw;max-height:130px;border-radius:50%;background:#ffeea9;box-shadow:0 0 65px 30px #ffe5936b;opacity:.5}.particles{position:absolute;inset:0}.particle{position:absolute;left:var(--x);top:var(--y);width:var(--r);height:var(--r);border-radius:50%;background:#fff6af;animation:floatParticle var(--d) ease-in-out infinite alternate;box-shadow:0 0 13px #fff29f}@keyframes floatParticle{to{transform:translate(16px,-35px);opacity:.3}}.birds{position:absolute;inset:0}.bird{position:absolute;left:var(--x);top:var(--y);color:#fff;font-size:clamp(14px,2.3vw,30px);animation:birdFly 14s linear infinite}@keyframes birdFly{50%{transform:translate(60px,-10px) rotate(-8deg)}}.bloom{position:absolute;bottom:3%;left:var(--x);font-size:clamp(16px,3vw,36px);animation:bloom 3s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes bloom{to{transform:rotate(15deg) translateY(-8px)}}.starburst{position:absolute;left:var(--x);top:var(--y);font-size:clamp(16px,2vw,28px);animation:twinkle 2s infinite alternate}@keyframes twinkle{to{opacity:.1;transform:scale(.5)}}.panel{background:linear-gradient(154deg,#fffef8,#fff8df);border:4px solid #fff;box-shadow:var(--shadow);border-radius:clamp(20px,3vw,42px)}.pill,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;font-weight:1000;white-space:nowrap;box-shadow:var(--shadow);border:3px solid #fffbed;border-radius:100px;transition:transform .18s,box-shadow .18s,filter .18s;padding:clamp(10px,1.25vw,18px) clamp(15px,2.2vw,34px);background:#fffae8;font-size:clamp(13px,1.55vw,23px)}.btn-yellow{background:linear-gradient(#ffe577,#ffc42f);color:#1b4272}.btn-blue{background:linear-gradient(#56d3fc,#168eeb);color:#fff}.btn-green{background:linear-gradient(#68dba1,#27b67d);color:white}.btn-cream{background:#fffdf4}.btn:hover,.pill:hover{filter:brightness(1.04);transform:translateY(-3px)}.btn:disabled{opacity:.5;cursor:not-allowed}.round-btn{aspect-ratio:1;min-width:46px;border-radius:50%;background:#fff9e3;box-shadow:var(--shadow);font-size:clamp(21px,2.3vw,36px);border:3px solid white}.hud{position:absolute;top:3%;left:4%;right:4%;display:flex;justify-content:space-between;align-items:flex-start;z-index:7;pointer-events:none}.hud>*{pointer-events:auto}.hud-title{margin:0;font-size:clamp(22px,3.25vw,49px);font-weight:1000;letter-spacing:-.05em;text-shadow:0 2px 1px #fff9}.hud-side{display:flex;gap:1vw;align-items:center}.hud .pill{padding:10px 20px}.counter{font-size:clamp(17px,2vw,28px)}.counter b{color:#f6a400}.brand{width:clamp(260px,45vw,650px);filter:drop-shadow(0 8px 0 #ffffffa0);user-select:none}.mascot{object-fit:contain;filter:drop-shadow(0 13px 6px #16846b55);pointer-events:none;user-select:none}.mascot-wrap{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.mascot-wrap .mascot{height:100%;width:100%;animation:mascotHop 4.1s cubic-bezier(.48,.1,.45,1.0) infinite}.mascot-wrap:after{content:'';position:absolute;bottom:-1%;width:55%;height:6%;border-radius:50%;background:#1d816836;filter:blur(7px);z-index:-1;animation:mascotShadow 4.1s ease-in-out infinite}.mascot-wrap.talking .mascot{animation:mascotTalk .37s ease-in-out infinite alternate}.mascot-wrap.happy .mascot{animation:mascotCelebrate .75s ease-in-out 2}.mascot-wrap.thinking .mascot{animation:mascotThink 1.4s ease-in-out infinite}.mascot-wrap.adventure .mascot{animation:mascotAdventure 5s ease-in-out infinite}.mascot-wrap:before{content:'✦';position:absolute;z-index:2;top:8%;left:0;color:#ffe448;font-size:clamp(24px,4vw,50px);animation:twinkle 1.8s ease infinite alternate}@keyframes mascotHop{0%,100%{transform:translateY(0) rotate(-2deg)}28%{transform:translateY(-15px) rotate(3deg)}40%{transform:translateY(-8px) rotate(1deg)}58%{transform:translateY(0) rotate(-3deg)}80%{transform:translateY(-6px) rotate(1deg)}}@keyframes mascotShadow{50%{transform:scale(.82);opacity:.5}}@keyframes mascotTalk{to{transform:translateY(-6px) rotate(4deg) scale(1.015)}}@keyframes mascotCelebrate{20%{transform:translateY(-24px) rotate(-15deg)}45%{transform:translateY(-10px) rotate(14deg)}70%{transform:translateY(-18px) rotate(-9deg)}100%{transform:none}}@keyframes mascotThink{50%{transform:rotate(-8deg) translateY(-5px)}}@keyframes mascotAdventure{0%,100%{transform:translate(0,0) rotate(-2deg)}20%{transform:translate(14%,-18%) rotate(13deg)}45%{transform:translate(26%,-26%) rotate(9deg)}60%{transform:translate(10%,-9%) rotate(-7deg)}75%{transform:translate(-8%,-24%) rotate(-16deg)}}.glow-ring{position:absolute;inset:20%;z-index:-2;border-radius:50%;background:radial-gradient(#fffbbe9c,transparent 69%);animation:ringPulse 4s ease-in-out infinite alternate}@keyframes ringPulse{to{transform:scale(1.25);opacity:.5}}
.splash-content{position:absolute;inset:4% 4% 8% 5%;display:grid;grid-template-columns:57% 43%;align-items:center}.splash-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(7px,2vh,25px);height:100%}.splash-copy .brand{max-height:41%;object-fit:contain}.splash-copy h2{font-size:clamp(16px,2.15vw,31px);margin:0;text-align:center}.splash-copy .btn{font-size:clamp(16px,2vw,30px);padding:1.35vh 3vw}.credit{font-size:clamp(12px,1vw,18px);opacity:.72;font-weight:800}.hero-mascot{height:100%;max-height:85vh}.intro-bubble{position:absolute;top:9%;right:12%;z-index:4;background:#fffbf1;border:4px solid white;border-radius:24px;padding:14px 21px;font-weight:900;max-width:260px;text-align:center;font-size:clamp(13px,1.5vw,22px);box-shadow:var(--shadow)}.intro-bubble:after{content:'';position:absolute;bottom:-19px;left:30%;border:10px solid transparent;border-top-color:white}.profile-layout{height:100%;display:flex;justify-content:center;gap:clamp(35px,5vw,100px);align-items:center;padding:9% 8% 3%}.profile-layout .mascot-wrap{height:65%;width:27%}.profile-card{width:min(37%,430px);min-height:44%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:26px}.avatar{display:grid;place-items:center;width:clamp(75px,9vw,132px);aspect-ratio:1;border-radius:50%;font-size:clamp(36px,6vw,78px);background:#dcf4ff;border:4px solid white}.profile-card h2{margin:0;font-size:clamp(22px,3vw,44px)}.profile-card input{width:100%;padding:12px;border-radius:19px;border:3px solid #cde7e0;text-align:center;color:#173a67;font-weight:900;font-size:clamp(16px,1.6vw,23px);background:white}.parent-access{position:absolute;right:8%;bottom:15%}.intro-note{font-size:clamp(12px,1.2vw,18px);text-align:center;margin:0}
.hub-head{position:absolute;left:3%;right:3%;top:2%;display:flex;align-items:center;justify-content:space-between;z-index:6}.hub-head .brand{width:clamp(190px,21vw,315px)}.worlds{position:absolute;left:3%;right:3%;top:21%;bottom:16%;display:flex;align-items:center;justify-content:space-around;gap:2%}.world-island{position:relative;width:29%;height:78%;background:none;filter:drop-shadow(0 15px 7px #164f5c38);transition:transform .2s;animation:islandFloat 4s ease-in-out infinite alternate;animation-delay:var(--delay)}.world-island:hover{transform:translateY(-8px)}.world-island .island-land{position:absolute;inset:3% 3% 12%;background:radial-gradient(ellipse at 28% 15%,#a2ffb3,var(--world-color) 57%,#186d6a);border:5px solid #ffedaa;border-radius:47% 53% 46% 48%;box-shadow:0 18px 0 #246665,0 25px 0 #24666554;overflow:hidden}.island-land:before{content:'🌿 🌻 🌼 🦋';position:absolute;top:3%;left:4%;font-size:clamp(20px,3vw,45px);word-spacing:1vw;opacity:.8}.island-art{position:absolute;left:15%;top:2%;width:70%;height:66%;display:grid;place-items:center;font-size:clamp(65px,10vw,155px);filter:drop-shadow(0 8px 5px #17636b40);animation:artFloat 3.8s ease-in-out infinite alternate}.world-label{position:absolute;bottom:5%;left:3%;width:94%;border-radius:100px;background:#1e457e;border:4px solid white;color:white;padding:clamp(10px,1.5vw,22px) 6px;text-align:center;font-weight:1000;font-size:clamp(17px,2.05vw,32px);box-shadow:0 6px 0 #132f6c63}.world-island small{position:absolute;bottom:-11%;left:0;width:100%;text-align:center;font-size:clamp(12px,1vw,18px);font-weight:900}.world-island.locked{filter:grayscale(.6);opacity:.75}.world-island.locked .island-art{filter:grayscale(.8)}@keyframes islandFloat{to{translate:0 -9px}}@keyframes artFloat{to{transform:translateY(-9px) rotate(2deg)}}.bottom-nav{position:absolute;left:3%;right:3%;bottom:3%;display:flex;justify-content:space-between;align-items:center;z-index:8}.nav-right{display:flex;gap:1vw}.guide-chip{border-radius:100px;background:#fffbdf;border:3px solid white;box-shadow:var(--shadow);padding:10px 18px;font-weight:900;font-size:clamp(14px,1.45vw,24px);display:flex;gap:10px;align-items:center}.guide-chip .status-dot{height:10px;width:10px;border-radius:50%;background:#ffb43b}.guide-chip.connected .status-dot{background:#1dba7a}
.path-wrap{position:absolute;inset:21% 3% 6%;display:grid;grid-template-columns:25% 73%;gap:2%;align-items:center}.path-mascot{height:77%;width:100%}.path-main{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between}.path-subtitle{text-align:center;margin:0 0 -1%;font-size:clamp(16px,1.7vw,25px);font-weight:1000}.steps{height:74%;display:flex;align-items:center;justify-content:space-between;gap:1%;position:relative}.steps:before{content:'';position:absolute;left:8%;right:7%;top:53%;border-top:11px dashed #fff9c2;z-index:-1;filter:drop-shadow(0 2px 2px #75b97a)}.step{width:18%;height:69%;flex:none;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:9px;border-radius:42% 42% 36% 36%;border:5px solid #fffff8;background:linear-gradient(145deg,#fff9de,#63d9ad);box-shadow:0 9px 0 #237c6f88;transition:transform .2s;animation:stepFloat 3s ease-in-out infinite alternate;animation-delay:var(--delay)}.step:nth-child(2),.step:nth-child(4){translate:0 -12%}.step:nth-child(3){translate:0 11%}.step .step-icon{font-size:clamp(35px,4vw,68px);filter:drop-shadow(0 4px 1px #4ca17e4d)}.step strong{font-size:clamp(14px,1.8vw,28px)}.step span:last-child{font-weight:900;font-size:clamp(12px,1.25vw,19px);white-space:normal;line-height:1.12;text-align:center}.step.done{background:linear-gradient(135deg,#fff4a6,#ffcc5c)}.step.done:after{content:'⭐';position:absolute;top:-25px;right:-12px;font-size:clamp(25px,2.9vw,42px)}.step:hover{filter:brightness(1.08)}@keyframes stepFloat{to{transform:translateY(-8px)}}.path-progress{text-align:center;font-weight:1000;font-size:clamp(15px,1.5vw,24px)}.progress-track{height:13px;border-radius:100px;background:#ffffffe8;max-width:40%;margin:5px auto}.progress-track i{height:100%;border-radius:100px;display:block;background:linear-gradient(90deg,#ffcd38,#ff9f21)}
.mission-layout{position:absolute;inset:19% 3% 4%;display:grid;grid-template-columns:22% 62% 14%;gap:1%;align-items:center}.mission-mascot{height:77%;width:100%}.mission-card{height:100%;width:100%;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:7px;padding:clamp(11px,1.4vw,22px)}.mission-prompt{background:#fff8c7;border:3px solid #fff;border-radius:100px;padding:clamp(9px,1vw,17px);font-weight:1000;font-size:clamp(15px,1.7vw,26px);text-align:center;box-shadow:0 4px 0 #e5d883}.mission-activity{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.mission-side{display:flex;align-items:center;flex-direction:column;gap:13px}.mission-side p{text-align:center;line-height:1.15;font-size:clamp(12px,1.1vw,18px);font-weight:900}.mission-side .btn{white-space:normal;text-align:center}.activity-note{font-weight:900;font-size:clamp(14px,1.15vw,19px);text-align:center}.mode-canvas{width:100%;height:100%;touch-action:none;border-radius:26px;border:4px solid #bee4f4;background:#fffcf0;cursor:crosshair}.trace-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.18;font-size:clamp(120px,31vw,370px);font-weight:1000;line-height:1}.palette{display:flex;flex-direction:column;gap:10px}.swatch{width:clamp(36px,4vw,65px);aspect-ratio:1;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 0 #225f6b4a}.swatch.selected{outline:4px solid var(--ink);outline-offset:1px}.choice-tile,.object-token{min-width:clamp(66px,8vw,122px);min-height:clamp(66px,8vw,120px);display:grid;place-items:center;border-radius:25px;border:4px solid white;background:linear-gradient(#fffaf0,#ffe7b0);box-shadow:0 6px 0 #ae813c72;font-weight:1000;font-size:clamp(25px,3.2vw,46px);transition:transform .17s,filter .17s;touch-action:none;user-select:none;animation:tileIdle 3s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes tileIdle{to{transform:translateY(-5px)}}.choice-tile.selected{outline:5px solid #43b5f5;background:#fff}.object-token{font-size:clamp(33px,4.5vw,65px);cursor:grab}.object-token.dragging{opacity:.28}.word-row,.choice-row{display:flex;justify-content:center;align-items:center;gap:clamp(7px,1.2vw,20px);flex-wrap:wrap;width:100%}.spell-wrap{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.5vh}.answer-slots{display:flex;gap:1.2vw}.slot{width:clamp(50px,6.2vw,100px);height:clamp(54px,6.2vw,100px);border:4px dashed #66b7e5;border-radius:19px;display:grid;place-items:center;background:#e3f9fd;font-size:clamp(25px,3.7vw,52px);font-weight:1000}.slot.filled{border:4px solid #ffd94f;background:#fff6d0}.drop-target{display:grid;place-items:center;border:5px dashed #fff;border-radius:36px;background:#75cbaa6b;min-height:36%;min-width:30%;font-size:clamp(45px,5.8vw,93px);box-shadow:0 7px 0 #4aa87770;text-align:center}.drop-target.hovered{outline:6px solid #ffe555;background:#fff4ac}.count-wrap,.shape-wrap,.pattern-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:space-evenly;gap:2vw}.apple-grove{display:flex;flex-wrap:wrap;gap:1vw;max-width:52%;justify-content:center}.basket{width:37%;height:67%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background:linear-gradient(#c77a2f,#a7541d);border:6px solid #eeb768;border-radius:20px 20px 50% 50%;color:#fff7bd;font-weight:1000;font-size:clamp(18px,2.4vw,35px);text-shadow:0 2px 2px #7b4519;box-shadow:0 9px 0 #6e3c20a8}.basket .counter-big{font-size:clamp(22px,4vw,58px)}.colored-piece{width:clamp(70px,9vw,130px);height:clamp(70px,9vw,130px);border-radius:22px;display:grid;place-items:center;border:5px solid white;background:#fffad4;box-shadow:var(--shadow);touch-action:none;font-size:clamp(42px,5vw,73px);cursor:grab}.color-buckets{display:flex;gap:1vw;align-items:end}.bucket{width:clamp(62px,7vw,112px);height:clamp(70px,7vw,120px);display:grid;place-items:center;border:5px solid white;border-radius:8px 8px 35px 35px;box-shadow:var(--shadow);font-size:clamp(25px,3vw,50px)}.scene-paint{position:relative;height:100%;width:100%;border-radius:24px;overflow:hidden;background:linear-gradient(#86d1ff 60%,#61c993 60%);cursor:crosshair;touch-action:none}.scene-paint svg{height:100%;width:100%}.paint-part{stroke:#334564;stroke-width:3;cursor:pointer;transition:filter .1s}.paint-part:hover{filter:brightness(1.1)}.story-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:14px;text-align:center}.story-illustration{font-size:clamp(60px,9vw,150px);animation:storyBounce 2s ease-in-out infinite alternate}@keyframes storyBounce{to{transform:translateY(-10px) rotate(-3deg)}}.story-text{font-size:clamp(17px,2.1vw,33px);font-weight:1000;max-width:92%;line-height:1.28}.story-words{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.story-word{padding:9px 13px;background:#e3f5ff;border:3px solid #fff;border-radius:13px;font-weight:1000}.story-word.read{background:#ffe780}.result-wrap{position:absolute;inset:16% 6% 8%;display:grid;grid-template-columns:45% 55%;align-items:center}.result-mascot{height:90%}.result-panel{max-width:570px;min-height:75%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:25px}.result-stars{font-size:clamp(45px,5vw,78px);letter-spacing:1vw;animation:starPop .7s cubic-bezier(.25,1.8,.3,1) both}@keyframes starPop{from{transform:scale(.1);opacity:0}}.result-panel h2{font-size:clamp(30px,4.4vw,68px);margin:0}.result-panel p{font-weight:800;font-size:clamp(15px,1.5vw,24px);margin:0}.result-buttons{display:flex;gap:15px;margin-top:16px}
.collection,.parent-view{position:absolute;inset:18% 5% 5%;overflow:auto;display:grid;grid-template-columns:1fr;gap:12px;padding:18px}.collection .grid-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.sticker{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:85px;padding:9px;font-size:clamp(17px,2vw,28px);font-weight:900;text-align:center}.sticker span{font-size:clamp(28px,3vw,45px)}.sticker.locked{filter:grayscale(1);opacity:.45}.stats-grid{display:flex;gap:12px}.stat{flex:1;text-align:center;padding:10px}.stat strong{display:block;font-size:clamp(25px,4vw,51px)}.parent-gate{position:absolute;inset:22% 19%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.parent-gate h2{margin:0;font-size:clamp(20px,2.4vw,37px)}.digits{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.digit{padding:12px 20px;border:3px solid white;border-radius:14px;background:#fffddf;font-weight:1000;box-shadow:0 4px 0 #97aeac;font-size:clamp(18px,2vw,30px)}.parent-fields{max-width:950px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:8px;font-weight:1000;font-size:clamp(13px,1.25vw,20px)}.field input{width:100%;padding:12px;border-radius:13px;border:3px solid #9bd5e4;background:#fff;font-weight:700;color:var(--ink);font-size:clamp(13px,1.2vw,19px)}.tiny{font-size:clamp(11px,1.04vw,16px);opacity:.78}.actions-row{display:flex;gap:12px;justify-content:center}.guide-caption{position:absolute;left:24%;right:7%;bottom:3%;padding:10px 18px;background:#fff9e6ee;border-radius:22px;border:3px solid white;font-weight:900;font-size:clamp(12px,1.2vw,19px);text-align:center;z-index:15;pointer-events:none}.guide-bubble{position:absolute;bottom:5%;left:18%;right:12%;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;border-radius:22px;background:#fffef2dd;border:3px solid #fff;box-shadow:var(--shadow);font-weight:900;font-size:clamp(13px,1.25vw,20px)}.feedback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;background:#fffbe5;border:5px solid white;border-radius:100px;padding:15px 28px;font-weight:1000;font-size:clamp(17px,2.7vw,39px);box-shadow:var(--shadow);animation:feedbackPulse .8s ease both;pointer-events:none}@keyframes feedbackPulse{0%{opacity:0;transform:translate(-50%,-30%) scale(.65)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}100%{opacity:0;transform:translate(-50%,-60%) scale(1)}}.confetti{position:absolute;inset:0;pointer-events:none;z-index:9}.confetti i{position:absolute;top:-10%;left:var(--x);width:var(--size);height:var(--size);background:var(--c);border-radius:3px;animation:confettiFall var(--dur) linear forwards;animation-delay:var(--delay)}@keyframes confettiFall{to{transform:translate(var(--drift),110vh) rotate(980deg)}}
@media(max-height:480px){.hud .pill{padding:6px 12px}.path-wrap{inset:18% 3% 2%}.mission-layout{inset:17% 3% 2%}.mission-card{padding:7px;gap:4px}.mission-prompt{padding:7px}.step{height:69%}.bottom-nav{bottom:2%}.pill,.btn{padding:7px 13px}.result-wrap{inset:16% 8% 4%}}@media(max-width:650px) and (orientation:portrait){.rotate-hint{position:absolute;inset:0;background:linear-gradient(#61cdf6,#d9ffd8);z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px;font-size:21px;font-weight:1000}.rotate-hint img{width:120px}}@media(orientation:landscape){.rotate-hint{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
/* Different playworld silhouettes and parallax layers, not merely a recolored backdrop. */
.scene-decor{position:absolute;inset:0;pointer-events:none;overflow:hidden}.scene-decor .tree{position:absolute;bottom:14%;font-size:clamp(65px,11vw,170px);filter:drop-shadow(0 13px 8px #174e5950);animation:treeWander 9s ease-in-out infinite alternate;transform-origin:bottom center}.scene-decor .tree-l{left:-1%;bottom:11%}.scene-decor .tree-r{right:-1%;bottom:12%;animation-delay:-4s}.scene-decor .tree-m{left:46%;bottom:20%;font-size:clamp(41px,7vw,107px);opacity:.35;animation-delay:-2s}.scene-decor .dec-float{position:absolute;left:var(--x);top:var(--y);font-size:clamp(18px,3vw,44px);animation:decDrift 8s ease-in-out infinite alternate}.forest-scene{filter:saturate(1.15)}.garden-scene .tree{filter:drop-shadow(0 12px 7px #d69c4850)}.garden-scene:before{content:'🍄 🌽 🌸 🐞';position:absolute;left:9%;right:9%;bottom:16%;font-size:clamp(18px,3vw,47px);letter-spacing:8vw;white-space:nowrap;animation:decDrift 8s ease-in-out infinite alternate}.color-scene:after{content:'✦ ✧ ❖ ✦';position:absolute;left:5%;right:4%;bottom:19%;font-size:clamp(20px,4vw,48px);letter-spacing:10vw;color:#ffd1fe;opacity:.9;animation:twinkle 6s infinite alternate}.rainbow-arc{position:absolute;bottom:14%;left:28%;width:42%;height:44%;border:clamp(11px,3vw,35px) solid transparent;border-bottom:0;border-radius:50% 50% 0 0;border-top-color:#fb657f;border-left-color:#fbe363;border-right-color:#8c74ef;opacity:.32;filter:blur(3px);animation:rainbowPulse 8s ease-in-out infinite alternate}@keyframes treeWander{to{transform:rotate(7deg) translateX(8px)}}@keyframes decDrift{to{transform:translate(20px,-26px) rotate(15deg)}}@keyframes rainbowPulse{to{opacity:.64;transform:scale(1.04)}}

.world-island .island-land{opacity:.25;clip-path:polygon(9% 28%,22% 10%,45% 3%,71% 11%,93% 25%,95% 65%,72% 90%,29% 95%,8% 70%);border-radius:40%}.world-island .island-art{height:112%;width:108%;object-fit:contain;left:-4%;top:-23%;filter:drop-shadow(0 11px 5px #195c5b31);animation:artFloat 4s ease-in-out infinite alternate}.world-island .world-label{bottom:7%;z-index:2}.world-island small{bottom:-8%}