:root{--sky-blue: #4fc3f7;--sky-blue-dark: #29b6f6;--lightning-yellow: #ffd600;--lightning-yellow-dark: #f9a825;--grass-green: #66bb6a;--grass-dark: #4caf50;--warm-cream: #fff8e1;--deep-navy: #1a237e;--jax-orange: #ff7043;--jax-purple: #9575cd;--jax-green-dark: #388e3c;--jax-pink: #ec407a;--shadow: rgba(0, 0, 0, .18);--font-family: "Fredoka", system-ui, -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--sky-blue);font-family:var(--font-family);color:var(--deep-navy);overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{font-weight:600}button{font-family:inherit;font-weight:700;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus{outline:none}button:disabled{cursor:default;opacity:.55}.app{position:fixed;inset:0;width:100%;height:100%;overflow:hidden}.scene{position:absolute;inset:0;width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--sky-blue)}.scene.is-active{display:flex;animation:scene-fade-in .28s ease-out}@keyframes scene-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.big-button{background:var(--lightning-yellow);color:var(--deep-navy);border:4px solid var(--deep-navy);border-radius:24px;padding:18px 32px;font-size:clamp(20px,5vw,32px);font-weight:700;box-shadow:0 6px 0 var(--lightning-yellow-dark),0 8px 16px var(--shadow);min-height:72px;min-width:200px;transition:transform 80ms ease,box-shadow 80ms ease}.big-button:active{transform:translateY(4px);box-shadow:0 2px 0 var(--lightning-yellow-dark),0 4px 8px var(--shadow)}.big-button--primary{font-size:clamp(24px,6vw,36px);padding:22px 40px;min-height:88px}.big-button--small{padding:12px 20px;font-size:clamp(16px,3.5vw,22px);min-height:52px;min-width:100px;border-width:3px;box-shadow:0 4px 0 var(--lightning-yellow-dark),0 4px 8px var(--shadow)}.big-button--orange{background:var(--jax-orange);color:#fff;box-shadow:0 4px #d84315,0 4px 8px var(--shadow)}.big-button--orange:active{box-shadow:0 1px #d84315,0 2px 4px var(--shadow)}.back-button{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;background:var(--warm-cream);color:var(--deep-navy);border:3px solid var(--deep-navy);border-radius:16px;padding:10px 18px;font-size:18px;font-weight:700;box-shadow:0 4px #c4b489;z-index:5}.back-button:active{transform:translateY(3px);box-shadow:0 1px #c4b489}.settings-button{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;background:var(--warm-cream);color:var(--deep-navy);border:3px solid var(--deep-navy);border-radius:16px;padding:10px 18px;font-size:18px;font-weight:700;box-shadow:0 4px #c4b489}.ground{position:absolute;bottom:0;left:0;right:0;height:14%;background:var(--grass-green);background-image:linear-gradient(to top,var(--grass-dark) 0%,var(--grass-green) 30%,var(--grass-green) 100%);border-top:4px solid var(--grass-dark);z-index:0}.ground:before{content:"";position:absolute;top:-8px;left:0;right:0;height:16px;background:repeating-linear-gradient(90deg,var(--grass-dark) 0,var(--grass-dark) 6px,transparent 6px,transparent 24px);-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent);mask-image:linear-gradient(to bottom,black 50%,transparent)}.scene--title:before,.scene--hub:before,.scene--intro:before{content:"";position:absolute;top:12%;left:8%;width:90px;height:36px;background:#fff;border-radius:30px;box-shadow:24px -10px 0 -4px #fff,48px 0 0 -8px #fff,72vw -2vh 0 6px #fff,72vw 6vh 0 -2px #fff;opacity:.85;z-index:0;animation:drift 8s ease-in-out infinite}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(20px)}}.scene--title{padding-top:max(40px,env(safe-area-inset-top));padding-bottom:max(40px,env(safe-area-inset-bottom));background:linear-gradient(to bottom,#6ec8f7 0%,var(--sky-blue) 60%,#b3e5fc 100%)}.title__sparkles{position:absolute;inset:0;pointer-events:none;z-index:1}.title__sparkles span{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,var(--lightning-yellow) 0%,rgba(255,214,0,.5) 50%,transparent 70%);filter:drop-shadow(0 0 6px var(--lightning-yellow));animation:sparkle-float 3.5s ease-in-out infinite}.title__sparkles span:nth-child(1){top:18%;left:8%;animation-delay:0s}.title__sparkles span:nth-child(2){top:25%;left:88%;animation-delay:.4s}.title__sparkles span:nth-child(3){top:8%;left:60%;animation-delay:.8s}.title__sparkles span:nth-child(4){top:32%;left:30%;animation-delay:1.2s}.title__sparkles span:nth-child(5){top:50%;left:12%;width:10px;height:10px;animation-delay:1.6s}.title__sparkles span:nth-child(6){top:55%;left:92%;width:10px;height:10px;animation-delay:2s}.title__sparkles span:nth-child(7){top:68%;left:22%;width:8px;height:8px;animation-delay:.2s}.title__sparkles span:nth-child(8){top:70%;left:80%;width:8px;height:8px;animation-delay:1s}@keyframes sparkle-float{0%,to{opacity:0;transform:scale(.5) translateY(0)}20%{opacity:1;transform:scale(1) translateY(-10px)}60%{opacity:1;transform:scale(1) translateY(-20px)}80%{opacity:.6;transform:scale(.9) translateY(-15px)}}.title__top{text-align:center;z-index:2;width:100%}.title__logo{display:flex;justify-content:center;width:100%;z-index:2;padding:0 12px;margin-top:8px;animation:bounce-in .7s cubic-bezier(.34,1.56,.64,1) both}.title__logo img{max-width:min(85vw,540px);max-height:32vh;width:auto;height:auto;border-radius:18px;box-shadow:0 8px 24px #00000040,0 0 0 4px var(--warm-cream);filter:drop-shadow(0 6px 12px rgba(0,0,0,.18))}.title__heading{font-size:clamp(40px,12vw,84px);font-weight:700;color:var(--deep-navy);margin:0;line-height:1;text-shadow:-3px -3px 0 var(--lightning-yellow),3px -3px 0 var(--lightning-yellow),-3px 3px 0 var(--lightning-yellow),3px 3px 0 var(--lightning-yellow),0 6px 0 var(--lightning-yellow-dark);animation:bounce-in .6s cubic-bezier(.34,1.56,.64,1) both}.title__sub{font-size:clamp(14px,3vw,22px);font-weight:500;margin:16px 0 0;opacity:0;animation:fade-in .5s ease-out .4s forwards}.title__hero{flex:1;display:flex;align-items:center;justify-content:center;width:100%;z-index:2;animation:bob 1.5s ease-in-out infinite}.title__hero img{max-width:min(70vw,400px);max-height:50vh;filter:drop-shadow(0 8px 16px var(--shadow))}.title__bottom{width:100%;display:flex;justify-content:center;z-index:2;margin-bottom:16%}.title__bottom .big-button--primary{width:min(80vw,420px);animation:pulse 1.5s ease-in-out infinite}@keyframes bounce-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fade-in{to{opacity:1}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.scene--hub{padding:max(12px,env(safe-area-inset-top)) 10px 12px}.hub__top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;gap:8px;z-index:2;padding-bottom:8px}.hub__top .big-button--small{justify-self:end}.counter{display:inline-flex;align-items:center;gap:6px;background:var(--warm-cream);border:3px solid var(--deep-navy);border-radius:16px;padding:8px 14px;font-size:clamp(14px,4vw,22px);box-shadow:0 4px #c4b489;justify-self:start}.counter__bolt{font-size:1.4em;color:var(--lightning-yellow);filter:drop-shadow(0 0 2px var(--deep-navy))}.counter__count{font-weight:700;font-size:1.2em}.counter__label{font-weight:500;font-size:.7em}.hub__title{background:var(--warm-cream);border:3px solid var(--deep-navy);border-radius:16px;padding:8px 18px;font-size:clamp(16px,4.5vw,26px);font-weight:700;margin:0;box-shadow:0 4px #c4b489;white-space:nowrap}.hub__zones{flex:1;width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:8px;padding:6px 0;align-items:center;justify-items:center;z-index:2;max-width:720px;margin:0 auto}@media (orientation: landscape) and (min-width: 700px){.hub__zones{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr}}.zone{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;position:relative}.zone:active:not(:disabled) .zone__disc{transform:scale(.92)}.zone__halo{position:absolute;width:130%;aspect-ratio:1;top:-5%;left:-15%;border-radius:50%;background:radial-gradient(circle,#ffd60066,#ffd60000 65%);animation:halo-pulse 1.4s ease-in-out infinite;pointer-events:none}@keyframes halo-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:.3}}.zone__disc{width:clamp(95px,26vw,160px);height:clamp(95px,26vw,160px);border-radius:50%;background:var(--warm-cream);border:7px solid var(--sky-blue-dark);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px var(--shadow);transition:transform .1s ease;position:relative}.zone--bathroom .zone__disc{border-color:var(--sky-blue-dark);background:linear-gradient(135deg,#b3e5fc,var(--warm-cream))}.zone--kitchen .zone__disc{border-color:var(--jax-orange);background:linear-gradient(135deg,#ffccbc,var(--warm-cream))}.zone--bedroom .zone__disc{border-color:var(--jax-purple);background:linear-gradient(135deg,#d1c4e9,var(--warm-cream))}.zone--outside .zone__disc{border-color:var(--grass-green);background:linear-gradient(135deg,#c8e6c9,var(--warm-cream))}.zone--art .zone__disc{border-color:var(--jax-pink);background:linear-gradient(135deg,#f8bbd0,var(--warm-cream))}.zone--learn .zone__disc{border-color:#ffa726;background:linear-gradient(135deg,#ffe0b2,var(--warm-cream))}.zone__art{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.zone__disc{overflow:hidden;padding:0}.zone__disc:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 35% 30%,rgba(255,255,255,.4),transparent 35%),radial-gradient(ellipse at 70% 80%,rgba(0,0,0,.18),transparent 40%);pointer-events:none}.zone__glyph{width:60%;height:60%;background-repeat:no-repeat;background-position:center;background-size:contain}.zone__glyph--toilet{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect x='20' y='30' width='60' height='40' rx='6' fill='white' stroke='%231a237e' stroke-width='4'/><rect x='28' y='66' width='44' height='18' rx='4' fill='white' stroke='%231a237e' stroke-width='4'/><ellipse cx='50' cy='42' rx='22' ry='8' fill='%2342a5f5'/></svg>")}.zone__glyph--kitchen{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='52' r='32' fill='%23ff7043' stroke='%231a237e' stroke-width='4'/><path d='M 50 20 Q 56 12 64 16' stroke='%231a237e' stroke-width='4' fill='none' stroke-linecap='round'/><ellipse cx='44' cy='44' rx='4' ry='8' fill='white' opacity='0.6'/></svg>")}.zone__glyph--bedroom{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='28' fill='%23fff59d' stroke='%231a237e' stroke-width='4'/><circle cx='62' cy='42' r='22' fill='%239575cd' stroke='%239575cd' stroke-width='0'/><circle cx='25' cy='30' r='3' fill='%23fff59d'/><circle cx='75' cy='75' r='2' fill='%23fff59d'/><circle cx='20' cy='75' r='2' fill='%23fff59d'/></svg>")}.zone__glyph--outside{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='80' cy='25' r='12' fill='%23ffd600' stroke='%231a237e' stroke-width='3'/><polygon points='30,80 15,40 45,40' fill='%2366bb6a' stroke='%231a237e' stroke-width='3'/><polygon points='65,80 50,25 80,25 95,55' fill='%2366bb6a' stroke='%231a237e' stroke-width='3'/></svg>")}.zone__glyph--art{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><ellipse cx='50' cy='52' rx='38' ry='32' fill='%23fff8e1' stroke='%231a237e' stroke-width='4'/><circle cx='35' cy='42' r='6' fill='%23ec407a'/><circle cx='65' cy='40' r='6' fill='%2342a5f5'/><circle cx='30' cy='62' r='6' fill='%23ffd600'/><circle cx='65' cy='65' r='6' fill='%2366bb6a'/><rect x='75' y='40' width='8' height='30' rx='3' fill='%23ff7043' stroke='%231a237e' stroke-width='2'/></svg>")}.zone__glyph--learn{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text x='50' y='62' text-anchor='middle' font-family='Fredoka,sans-serif' font-weight='700' font-size='44' fill='%23ec407a' stroke='%231a237e' stroke-width='2'>123</text></svg>")}.zone__name{background:var(--warm-cream);border:3px solid var(--deep-navy);border-radius:12px;padding:4px 12px;font-size:clamp(13px,3.2vw,20px);font-weight:700;box-shadow:0 3px #c4b489}.hub__story{background:linear-gradient(135deg,#9c27b0,#ec407a);border:4px solid var(--deep-navy);border-radius:22px;padding:10px 14px;display:flex;align-items:center;gap:14px;width:100%;max-width:720px;margin:4px auto;box-shadow:0 6px #4a148c,0 8px 16px var(--shadow);color:#fff;cursor:pointer;transition:transform .1s ease;position:relative;overflow:hidden}.hub__story:active{transform:translateY(3px);box-shadow:0 3px #4a148c,0 4px 8px var(--shadow)}.hub__story-sparkle{position:absolute;inset:0;pointer-events:none;background:radial-gradient(2px 2px at 12% 35%,white 50%,transparent 51%),radial-gradient(1.5px 1.5px at 28% 70%,white 50%,transparent 51%),radial-gradient(2px 2px at 60% 30%,white 50%,transparent 51%),radial-gradient(2px 2px at 78% 65%,white 50%,transparent 51%),radial-gradient(1.5px 1.5px at 90% 25%,white 50%,transparent 51%);animation:sparkle-twinkle 2.4s ease-in-out infinite}@keyframes sparkle-twinkle{0%,to{opacity:.5}50%{opacity:1}}.hub__story-cover{width:70px;height:70px;border-radius:12px;overflow:hidden;border:3px solid var(--warm-cream);flex-shrink:0}.hub__story-cover img{width:100%;height:100%;object-fit:cover}.hub__story-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;flex:1}.hub__story-title{font-size:clamp(18px,4.6vw,26px);font-weight:700}.hub__story-sub{font-size:clamp(11px,2.6vw,14px);font-weight:500;opacity:.9;margin-top:2px}.hub__butterfly{position:absolute;width:36px;height:28px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'><ellipse cx='28' cy='30' rx='22' ry='25' fill='%239575cd' stroke='%231a237e' stroke-width='3'/><ellipse cx='72' cy='30' rx='22' ry='25' fill='%239575cd' stroke='%231a237e' stroke-width='3'/><ellipse cx='28' cy='55' rx='15' ry='15' fill='%23ec407a' stroke='%231a237e' stroke-width='3'/><ellipse cx='72' cy='55' rx='15' ry='15' fill='%23ec407a' stroke='%231a237e' stroke-width='3'/><line x1='50' y1='10' x2='50' y2='70' stroke='%231a237e' stroke-width='3'/></svg>");background-size:contain;background-repeat:no-repeat;pointer-events:none;top:35%;left:8%;animation:butterfly-fly 14s ease-in-out infinite,butterfly-flap .32s steps(2) infinite;z-index:4}@keyframes butterfly-fly{0%{transform:translate(0) rotate(0)}15%{transform:translate(60vw,-8vh) rotate(15deg)}30%{transform:translate(80vw,6vh) rotate(-10deg)}45%{transform:translate(40vw,18vh) rotate(20deg)}60%{transform:translate(15vw,8vh) rotate(-15deg)}75%{transform:translate(50vw,-4vh) rotate(5deg)}to{transform:translate(0) rotate(0)}}@keyframes butterfly-flap{0%{filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));transform:scaleX(1)}50%{filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));transform:scaleX(.6)}}.hub__hint{background:var(--warm-cream);border:2px solid var(--deep-navy);border-radius:14px;padding:6px 14px;font-size:clamp(13px,3vw,17px);font-weight:500;margin:0 0 6px;z-index:3}.scene--intro{padding:max(16px,env(safe-area-inset-top)) 16px 24px}.intro__title{background:var(--warm-cream);border:3px solid var(--deep-navy);border-radius:16px;padding:10px 20px;font-size:clamp(18px,4.5vw,28px);font-weight:700;margin:0;text-align:center;box-shadow:0 4px #c4b489;z-index:3}.intro__panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;z-index:3}.intro__hero{max-width:min(60vw,280px);max-height:38vh;filter:drop-shadow(0 8px 16px var(--shadow));animation:bob 1.3s ease-in-out infinite}.intro__text{background:var(--warm-cream);border:4px solid var(--deep-navy);border-radius:22px;padding:18px 24px;font-size:clamp(18px,4.5vw,26px);font-weight:700;text-align:center;margin:0;max-width:90%;box-shadow:0 6px #c4b489;line-height:1.4}.scene--intro .big-button--primary{margin-bottom:20px;z-index:3}.scene--round1{padding:max(70px,env(safe-area-inset-top)) 16px 24px}.round__title{background:var(--warm-cream);border:3px solid var(--deep-navy);border-radius:16px;padding:8px 18px;font-size:clamp(16px,4vw,24px);font-weight:700;margin:0;text-align:center;box-shadow:0 4px #c4b489}.round__instruction{background:var(--warm-cream);border:3px solid var(--deep-navy);border-radius:16px;padding:10px 18px;font-size:clamp(14px,4vw,22px);font-weight:700;margin:16px 0 0;text-align:center;box-shadow:0 4px #c4b489;max-width:90%}.round1__layout{flex:1;display:flex;align-items:center;justify-content:center;gap:24px;width:100%;padding:16px 0}.round1__jax img{max-width:40vw;max-height:40vh;filter:drop-shadow(0 6px 12px var(--shadow));animation:bob .8s ease-in-out infinite}.round1__meter{display:flex;flex-direction:column;align-items:center;position:relative}.round1__meter-frame{width:70px;height:clamp(220px,40vh,340px);background:var(--warm-cream);border:4px solid var(--deep-navy);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 4px #c4b489}.round1__meter-zone{position:absolute;left:4px;right:4px;top:35%;height:20%;background:#66bb6a80;border-radius:6px}.round1__meter-fill{position:absolute;bottom:0;left:4px;right:4px;height:0;background:var(--sky-blue-dark);border-radius:8px;transition:background .2s ease}.round1__meter-fill.is-yellow{background:var(--lightning-yellow)}.round1__meter-fill.is-green{background:var(--grass-green)}.round1__meter-fill.is-orange{background:var(--jax-orange)}.round1__go-label{position:absolute;right:-50px;top:35%;transform:translateY(8px);font-size:clamp(16px,4vw,22px);font-weight:700;color:var(--grass-dark)}.round1__bathroom{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;margin-bottom:16px;position:relative}.round1__bathroom:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(255,214,0,.5),transparent 70%);animation:halo-pulse 1s ease-in-out infinite}.round1__bathroom-disc{width:clamp(120px,28vw,180px);height:clamp(120px,28vw,180px);border-radius:50%;background:linear-gradient(135deg,#b3e5fc,var(--warm-cream));border:8px solid var(--sky-blue-dark);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px var(--shadow);transition:transform .1s ease;z-index:1}.round1__bathroom:active .round1__bathroom-disc{transform:scale(.92)}.round1__bathroom-label{background:var(--warm-cream);border:3px solid var(--deep-navy);border-radius:12px;padding:4px 12px;font-size:clamp(14px,3.5vw,20px);font-weight:700;box-shadow:0 3px #c4b489;z-index:1}.scene--round2{padding:max(70px,env(safe-area-inset-top)) 16px 0;background:linear-gradient(to bottom,var(--sky-blue) 0%,#e1f5fe 100%)}.round2__field{flex:1;width:100%;position:relative;background:linear-gradient(to bottom,transparent 60%,#e1f5fe 60%);margin-top:16px}.round2__floor{position:absolute;bottom:0;left:0;right:0;height:30%;background:repeating-linear-gradient(90deg,#b3e5fc 0 60px,#81d4fa 60px 120px);border-top:4px solid var(--deep-navy)}.round2__jax{position:absolute;bottom:25%;left:5%;width:clamp(90px,20vw,160px);height:auto;filter:drop-shadow(0 6px 12px var(--shadow));transition:bottom .38s cubic-bezier(.4,-.5,.6,1.6),left .38s cubic-bezier(.34,1.2,.64,1),transform .2s ease;z-index:5}.round2__jax.is-jumping{bottom:55%}.round2__jax.is-bonked{filter:drop-shadow(0 6px 12px var(--shadow)) hue-rotate(-30deg) saturate(1.5)}.round2__obstacle{position:absolute;bottom:25%;width:clamp(50px,12vw,80px);height:clamp(50px,12vw,80px);border:4px solid var(--deep-navy);border-radius:12px;z-index:3;transition:opacity .3s ease}.round2__obstacle.is-cleared{opacity:.4}.round2__obstacle--block{left:30%;background:var(--jax-orange);background-image:radial-gradient(circle at center,var(--warm-cream) 25%,transparent 26%)}.round2__obstacle--towel{left:55%;background:var(--sky-blue-dark);height:clamp(30px,8vw,50px);border-radius:8px;background-image:linear-gradient(to bottom,transparent 40%,var(--warm-cream) 40%,var(--warm-cream) 60%,transparent 60%)}.round2__obstacle--duck{left:78%;background:var(--lightning-yellow);border-radius:50% 50% 50% 30%;background-image:radial-gradient(circle at 35% 35%,var(--deep-navy) 4%,transparent 5%)}.round2__toilet{position:absolute;bottom:25%;right:4%;width:clamp(70px,16vw,120px);height:clamp(80px,18vw,140px);background:#fff;border:5px solid var(--deep-navy);border-radius:12px 12px 8px 8px;z-index:2}.round2__toilet:before{content:"";position:absolute;bottom:0;left:-8%;right:-8%;height:35%;background:#fff;border:5px solid var(--deep-navy);border-radius:14px}.round2__toilet:after{content:"";position:absolute;top:40%;left:8%;right:8%;height:28%;background:var(--sky-blue-dark);border-radius:50%}.scene--round3{padding:max(70px,env(safe-area-inset-top)) 12px 24px;background:linear-gradient(to bottom,var(--sky-blue) 0%,#e1f5fe 100%)}.round3__layout{flex:1;width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;padding:24px 0;align-items:center;justify-items:center}.round3__layout[data-step="5"]{grid-template-columns:1fr;grid-template-rows:1fr}.round3__target{background:var(--warm-cream);border:5px solid var(--deep-navy);border-radius:24px;padding:16px;width:90%;height:90%;max-width:220px;max-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px #c4b489,0 8px 16px var(--shadow);transition:transform .1s ease}.round3__target:active{transform:translateY(3px) scale(.97);box-shadow:0 2px #c4b489,0 4px 8px var(--shadow)}.round3__target[hidden]{display:none}.round3__icon{width:60px;height:60px;background-repeat:no-repeat;background-position:center;background-size:contain}.round3__icon--soap{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect x='30' y='30' width='40' height='60' rx='8' fill='%23ff9800' stroke='%231a237e' stroke-width='4'/><rect x='42' y='14' width='16' height='22' fill='%23ff9800' stroke='%231a237e' stroke-width='3'/><ellipse cx='66' cy='22' rx='14' ry='6' fill='%23ff9800' stroke='%231a237e' stroke-width='3'/></svg>")}.round3__icon--hands{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='38' cy='50' r='28' fill='%23b3e5fc' fill-opacity='0.7' stroke='%231a237e' stroke-width='3'/><circle cx='62' cy='50' r='28' fill='%23b3e5fc' fill-opacity='0.7' stroke='%231a237e' stroke-width='3'/><circle cx='30' cy='40' r='6' fill='white' fill-opacity='0.8'/></svg>")}.round3__icon--water{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect x='44' y='12' width='12' height='40' fill='%23b0bec5' stroke='%231a237e' stroke-width='3'/><rect x='30' y='8' width='40' height='12' fill='%23b0bec5' stroke='%231a237e' stroke-width='3'/><rect x='20' y='80' width='60' height='12' fill='%23b0bec5' stroke='%231a237e' stroke-width='3'/><path d='M 50 52 L 44 78 L 56 78 Z' fill='%23b3e5fc' stroke='%2342a5f5' stroke-width='2'/></svg>")}.round3__icon--towel{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect x='25' y='15' width='50' height='70' rx='6' fill='%23fff8e1' stroke='%231a237e' stroke-width='3'/><line x1='25' y1='30' x2='75' y2='30' stroke='%23ffd600' stroke-width='3'/><line x1='25' y1='72' x2='75' y2='72' stroke='%23ffd600' stroke-width='3'/></svg>")}.round3__counter{font-size:22px;font-weight:700;color:var(--deep-navy)}.round3__label{font-size:16px;font-weight:700;color:var(--deep-navy)}.round3__roar{background:var(--lightning-yellow);color:var(--deep-navy);border:6px solid var(--deep-navy);border-radius:50%;width:clamp(160px,50vw,280px);height:clamp(160px,50vw,280px);font-size:clamp(36px,10vw,60px);font-weight:700;box-shadow:0 8px 0 var(--lightning-yellow-dark),0 12px 24px var(--shadow);display:flex;align-items:center;justify-content:center;position:relative;animation:pulse 1.2s ease-in-out infinite}.round3__roar:active{transform:scale(1.15)}.round3__roar:before{content:"";position:absolute;inset:-16px;border-radius:50%;background:radial-gradient(circle,rgba(255,214,0,.4),transparent 70%);animation:halo-pulse .7s ease-in-out infinite;z-index:-1}.round3__roar[hidden]{display:none}.bubble{position:absolute;width:30px;height:30px;background:radial-gradient(circle at 30% 30%,#fff,#b3e5fc99);border-radius:50%;pointer-events:none;animation:bubble-rise 1.1s ease-out forwards}@keyframes bubble-rise{0%{transform:translate(0) scale(.6);opacity:1}to{transform:translate(var(--dx, 0),-120px) scale(1.2);opacity:0}}.scene--kitchen{padding:max(70px,env(safe-area-inset-top)) 16px 24px;background:linear-gradient(to bottom,#fff3e0,#ffe0b2)}.kitchen__jax{position:relative;display:flex;justify-content:center;align-items:flex-end;padding:8px 0}.kitchen__jax img{max-height:28vh;max-width:50vw;filter:drop-shadow(0 6px 12px var(--shadow));animation:bob 1.1s ease-in-out infinite}.kitchen__bubble{position:absolute;top:0;left:50%;transform:translate(20%);background:#fff;border:4px solid var(--deep-navy);border-radius:18px;padding:10px 16px;font-size:clamp(18px,4.5vw,26px);font-weight:700;white-space:nowrap;box-shadow:0 4px #c4b489}.kitchen__bubble:after{content:"";position:absolute;bottom:-14px;left:24px;width:0;height:0;border:12px solid transparent;border-top-color:var(--deep-navy);border-bottom:0}.kitchen__bubble[hidden]{display:none}.kitchen__foods{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:16px;width:100%;max-width:520px;margin:0 auto;align-content:center}@media (orientation: landscape) and (min-width: 700px){.kitchen__foods{grid-template-columns:repeat(4,1fr);max-width:800px}}.kitchen__food{background:#fff;border:5px solid var(--deep-navy);border-radius:24px;width:100%;aspect-ratio:1;max-width:180px;display:flex;align-items:center;justify-content:center;font-size:76px;cursor:pointer;box-shadow:0 6px #c4b489;transition:transform .12s ease;margin:0 auto}.kitchen__food:active{transform:translateY(3px) scale(.95)}.kitchen__food.is-correct{animation:pop .4s ease-out}.kitchen__food.is-fading{opacity:.3}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.25) rotate(-8deg)}to{transform:scale(1) rotate(0)}}.kitchen__progress{font-size:16px;font-weight:600;padding:6px 14px;background:var(--warm-cream);border:2px solid var(--deep-navy);border-radius:12px}.scene--bedroom{padding:max(70px,env(safe-area-inset-top)) 16px 24px;background:linear-gradient(to bottom,#283593,#5e35b1 60%,#7e57c2);color:#fff}.scene--bedroom .round__title,.scene--bedroom .round__instruction,.scene--bedroom .back-button{color:var(--deep-navy)}.bedroom__scene{flex:1;width:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:24px 0}.bedroom__moon{position:absolute;top:8%;right:12%;width:80px;height:80px;background:radial-gradient(circle at 30% 30%,#fff59d,#fbc02d);border-radius:50%;box-shadow:0 0 40px #ffd54f99}.bedroom__stars{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 10% 15%,white,transparent),radial-gradient(2px 2px at 30% 25%,white,transparent),radial-gradient(2px 2px at 50% 10%,white,transparent),radial-gradient(2px 2px at 70% 30%,white,transparent),radial-gradient(2px 2px at 85% 8%,white,transparent),radial-gradient(1.5px 1.5px at 20% 60%,white,transparent),radial-gradient(1.5px 1.5px at 60% 50%,white,transparent),radial-gradient(1.5px 1.5px at 90% 55%,white,transparent);animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.6}}.bedroom__jax{position:relative;max-width:50vw;max-height:32vh;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4));z-index:2;transition:filter .6s ease,transform .6s ease}.bedroom__jax.is-pjs{filter:drop-shadow(0 6px 12px rgba(0,0,0,.4)) hue-rotate(60deg) saturate(.7) brightness(.85)}.bedroom__jax.is-clean{filter:drop-shadow(0 6px 12px rgba(0,0,0,.4)) brightness(1.15)}.bedroom__jax.is-sleepy{transform:rotate(-90deg) translateY(-30px);filter:drop-shadow(0 6px 12px rgba(0,0,0,.4)) brightness(.7)}.bedroom__jax--book-page{max-width:70vw!important;max-height:38vh!important;border-radius:16px;border:4px solid var(--warm-cream);box-shadow:0 8px 16px #0006;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))!important}.bedroom__zzz{position:absolute;top:20%;right:15%;font-size:clamp(40px,9vw,64px);font-weight:700;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.6);z-index:3}.bedroom__zzz[hidden]{display:none}.bedroom__zzz span{display:inline-block;animation:zzz 1.5s ease-in-out infinite}.bedroom__zzz span:nth-child(1){animation-delay:.2s}.bedroom__zzz span:nth-child(2){animation-delay:.4s}@keyframes zzz{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-12px);opacity:1}}.bedroom__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:520px;margin:0 auto;padding:16px 0;z-index:4}.bedroom__step{background:var(--warm-cream);border:4px solid var(--deep-navy);border-radius:16px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:clamp(13px,3vw,18px);font-weight:700;color:var(--deep-navy);box-shadow:0 5px #c4b489;transition:transform .12s ease}.bedroom__step:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #c4b489}.bedroom__step.is-done{background:var(--grass-green);color:#fff}.bedroom__step-icon{width:50px;height:50px;background-repeat:no-repeat;background-position:center;background-size:contain}.bedroom__step-icon--pajamas{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M30 25 L70 25 L80 50 L70 90 L30 90 L20 50 Z' fill='%23ec407a' stroke='%231a237e' stroke-width='4'/><circle cx='50' cy='40' r='3' fill='white'/><circle cx='50' cy='55' r='3' fill='white'/><circle cx='50' cy='70' r='3' fill='white'/></svg>")}.bedroom__step-icon--teeth{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect x='15' y='45' width='50' height='14' rx='4' fill='%23ffffff' stroke='%231a237e' stroke-width='3'/><rect x='62' y='40' width='28' height='24' rx='6' fill='%2342a5f5' stroke='%231a237e' stroke-width='3'/><line x1='20' y1='52' x2='62' y2='52' stroke='%2366bb6a' stroke-width='2'/></svg>")}.bedroom__step-icon--book{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect x='15' y='25' width='70' height='50' rx='4' fill='%2366bb6a' stroke='%231a237e' stroke-width='3'/><line x1='50' y1='25' x2='50' y2='75' stroke='%231a237e' stroke-width='3'/><line x1='25' y1='40' x2='42' y2='40' stroke='white' stroke-width='2'/><line x1='25' y1='50' x2='42' y2='50' stroke='white' stroke-width='2'/><line x1='58' y1='40' x2='75' y2='40' stroke='white' stroke-width='2'/><line x1='58' y1='50' x2='75' y2='50' stroke='white' stroke-width='2'/></svg>")}.bedroom__step-icon--sleep{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><ellipse cx='50' cy='75' rx='38' ry='12' fill='%23fff8e1' stroke='%231a237e' stroke-width='3'/><ellipse cx='50' cy='62' rx='40' ry='14' fill='%23fff8e1' stroke='%231a237e' stroke-width='3'/><text x='62' y='40' font-family='Fredoka,sans-serif' font-weight='700' font-size='22' fill='%231a237e'>Z</text></svg>")}.scene--outside{padding:max(70px,env(safe-area-inset-top)) 16px 16px;background:linear-gradient(to bottom,#87ceeb,#b3e5fc,#66bb6a)}.scene--outside .round__instruction span{display:inline-block;padding:4px 14px;border-radius:12px;background:#fff;border:3px solid var(--deep-navy);margin-left:6px;text-transform:uppercase}.outside__field{flex:1;width:100%;position:relative;margin:12px 0;border-radius:16px;overflow:hidden;border:4px solid var(--deep-navy);box-shadow:0 8px 16px var(--shadow)}.outside__sky{position:absolute;inset:0;background:linear-gradient(to bottom,#87ceeb,#b3e5fc)}.outside__grass{position:absolute;bottom:0;left:0;right:0;height:30%;background:var(--grass-green);border-top:4px solid var(--grass-dark)}.outside__sun{position:absolute;top:8%;right:10%;width:80px;height:80px;background:radial-gradient(circle,#ffeb3b,#ffd600);border-radius:50%;border:4px solid #f9a825;cursor:pointer;transition:transform .12s ease}.outside__sun:active{transform:scale(1.15)}.outside__cloud{position:absolute;background:#fff;border-radius:50%;box-shadow:25px -10px 0 -4px #fff,50px 0 0 -8px #fff,-25px -5px 0 -2px #fff;opacity:.95;cursor:pointer;transition:transform .12s ease}.outside__cloud:active{transform:scale(1.15)}.outside__cloud--1{top:10%;left:15%;width:60px;height:30px}.outside__cloud--2{top:18%;left:50%;width:70px;height:35px}.outside__tree{position:absolute;bottom:25%;left:10%;width:90px;height:110px;background:var(--grass-dark);clip-path:polygon(50% 0%,100% 70%,70% 70%,70% 100%,30% 100%,30% 70%,0% 70%);cursor:pointer;transition:transform .12s ease}.outside__tree:active{transform:scale(1.1)}.outside__tree:after{content:"";position:absolute;inset:70% 35% 0;background:#6d4c41}.outside__bush{position:absolute;bottom:18%;right:8%;width:70px;height:50px;background:var(--grass-dark);border-radius:50% 50% 30% 30%;cursor:pointer;transition:transform .12s ease;border:3px solid var(--deep-navy)}.outside__bush:active{transform:scale(1.1)}.outside__flower{position:absolute;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:transform .12s ease;border:3px solid var(--deep-navy);background-size:100% 100%}.outside__flower:active{transform:scale(1.2)}.outside__flower--red{bottom:6%;left:30%;background:radial-gradient(circle,#ffeb3b 30%,#e53935 32%)}.outside__flower--orange{bottom:4%;right:25%;background:radial-gradient(circle,#ffeb3b 30%,#ff7043 32%)}.outside__flower--purple{bottom:8%;left:65%;background:radial-gradient(circle,#ffeb3b 30%,#9575cd 32%)}.outside__ball{position:absolute;bottom:18%;left:45%;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ff8a80,#d32f2f);border:3px solid var(--deep-navy);cursor:pointer;transition:transform .12s ease}.outside__ball:active{transform:scale(1.15)}.outside__balloon{position:absolute;cursor:pointer;transition:transform .12s ease;width:50px;height:64px;border-radius:50%;border:3px solid var(--deep-navy)}.outside__balloon:active{transform:scale(1.15)}.outside__balloon--blue{top:30%;right:25%;background:radial-gradient(circle at 30% 30%,#64b5f6,#1976d2)}.outside__balloon:after{content:"";position:absolute;bottom:-20px;left:48%;width:2px;height:20px;background:var(--deep-navy)}.outside__butterfly{position:absolute;top:40%;left:25%;width:50px;height:40px;cursor:pointer;transition:transform .12s ease;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'><ellipse cx='28' cy='30' rx='22' ry='25' fill='%239575cd' stroke='%231a237e' stroke-width='3'/><ellipse cx='72' cy='30' rx='22' ry='25' fill='%239575cd' stroke='%231a237e' stroke-width='3'/><ellipse cx='28' cy='55' rx='15' ry='15' fill='%23ec407a' stroke='%231a237e' stroke-width='3'/><ellipse cx='72' cy='55' rx='15' ry='15' fill='%23ec407a' stroke='%231a237e' stroke-width='3'/><line x1='50' y1='10' x2='50' y2='70' stroke='%231a237e' stroke-width='3'/></svg>");background-repeat:no-repeat;background-size:contain;animation:flutter 2s ease-in-out infinite}.outside__butterfly:active{transform:scale(1.15)}@keyframes flutter{0%,to{transform:translate(0)}50%{transform:translate(20px,-15px)}}.outside__correct-burst{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--lightning-yellow),transparent 60%);pointer-events:none;animation:burst .6s ease-out forwards}@keyframes burst{0%{transform:scale(.4);opacity:1}to{transform:scale(1.6);opacity:0}}.outside__progress{font-size:16px;font-weight:600;padding:6px 14px;background:var(--warm-cream);border:2px solid var(--deep-navy);border-radius:12px}.scene--art{padding:max(70px,env(safe-area-inset-top)) 12px 16px;background:linear-gradient(to bottom,#fce4ec,#f8bbd0)}.art__canvas{flex:1;width:100%;display:flex;align-items:center;justify-content:center;padding:8px}.art__svg{width:100%;max-width:min(80vw,380px);max-height:50vh;filter:drop-shadow(0 6px 12px var(--shadow))}.art__svg[hidden]{display:none!important}.art__canvas{position:relative}.art__shape{cursor:pointer;transition:filter .1s ease}.art__shape:active{filter:brightness(.9)}.art__pages,.learn__pages{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:6px;width:100%;max-width:540px;margin:6px auto 0}.art__page-pick{background:var(--warm-cream);color:var(--deep-navy);border:3px solid var(--deep-navy);border-radius:14px;padding:8px 14px;font-size:clamp(13px,3.2vw,17px);font-weight:700;box-shadow:0 3px #c4b489;transition:transform 80ms ease,box-shadow 80ms ease}.art__page-pick:active{transform:translateY(2px);box-shadow:0 1px #c4b489}.art__page-pick.is-selected{background:var(--lightning-yellow);box-shadow:0 3px 0 var(--lightning-yellow-dark)}.art__palette{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:6px;width:100%;max-width:520px;margin:0 auto}.art__color{width:48px;height:48px;border-radius:50%;background:var(--c);border:4px solid var(--deep-navy);box-shadow:0 4px #0003;transition:transform .12s ease}.art__color.is-selected{transform:scale(1.2);box-shadow:0 0 0 4px var(--lightning-yellow),0 4px #0003}.art__color:active{transform:scale(1.1)}.art__buttons{display:flex;gap:12px;width:100%;max-width:520px;margin:0 auto;padding-top:6px}.art__buttons .big-button{flex:1}.scene--learn{padding:max(70px,env(safe-area-inset-top)) 16px 24px;background:linear-gradient(to bottom,#fff3e0,#ffcc80)}.learn__bignum{font-size:clamp(120px,30vw,220px);font-weight:700;color:var(--deep-navy);text-shadow:-3px -3px 0 var(--lightning-yellow),3px -3px 0 var(--lightning-yellow),-3px 3px 0 var(--lightning-yellow),3px 3px 0 var(--lightning-yellow),0 8px 0 var(--lightning-yellow-dark);margin:0;line-height:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.learn__bignum.is-pop{transform:scale(1.4)}.learn__field{flex:1;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:16px}.learn__friend{width:clamp(50px,10vw,80px);height:clamp(50px,10vw,80px);border-radius:50% 50% 50% 30%;background:var(--grass-green);border:4px solid var(--deep-navy);position:relative;animation:friend-in .4s cubic-bezier(.34,1.56,.64,1) both}.learn__friend--orange{background:var(--jax-orange)}.learn__friend--yellow{background:var(--lightning-yellow)}.learn__friend--purple{background:var(--jax-purple)}.learn__friend--pink{background:var(--jax-pink)}.learn__friend--blue{background:var(--sky-blue-dark)}.learn__friend:before{content:"";position:absolute;top:25%;left:25%;width:12px;height:12px;background:#fff;border:2px solid var(--deep-navy);border-radius:50%}.learn__friend:after{content:"";position:absolute;top:25%;right:25%;width:12px;height:12px;background:#fff;border:2px solid var(--deep-navy);border-radius:50%}@keyframes friend-in{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.learn__tap{width:min(80vw,380px);animation:pulse 1.5s ease-in-out infinite}.learn__letter-word{display:flex;flex-direction:column;align-items:center;font-size:clamp(60px,16vw,110px);line-height:1;text-align:center;filter:drop-shadow(0 4px 8px var(--shadow))}.learn__letter-word span{font-size:clamp(20px,5vw,32px);font-weight:700;color:var(--deep-navy);background:var(--warm-cream);border:3px solid var(--deep-navy);border-radius:14px;padding:6px 18px;margin-top:12px;box-shadow:0 4px #c4b489}.scene--story{background:linear-gradient(to bottom,#4a148c,#7b1fa2);padding:max(70px,env(safe-area-inset-top)) 16px 16px;justify-content:space-between}.story__page-wrap{flex:1;width:100%;display:flex;align-items:center;justify-content:center;padding:8px;cursor:pointer}.story__page{max-width:100%;max-height:100%;border-radius:14px;border:5px solid var(--warm-cream);box-shadow:0 8px 24px #00000080;background:#fff;object-fit:contain;user-select:none;-webkit-user-drag:none;animation:page-flip .28s ease-out}@keyframes page-flip{0%{transform:translate(40px) rotateY(-15deg);opacity:.4}to{transform:translate(0) rotateY(0);opacity:1}}.story__page.is-flipping-back{animation:page-flip-back .28s ease-out}@keyframes page-flip-back{0%{transform:translate(-40px) rotateY(15deg);opacity:.4}to{transform:translate(0) rotateY(0);opacity:1}}.story__nav{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:480px;margin:0 auto;padding:8px 0}.story__nav-btn{background:var(--lightning-yellow);color:var(--deep-navy);border:4px solid var(--deep-navy);border-radius:50%;width:64px;height:64px;font-size:36px;line-height:1;font-weight:700;box-shadow:0 5px 0 var(--lightning-yellow-dark),0 6px 12px var(--shadow);display:flex;align-items:center;justify-content:center;flex-shrink:0}.story__nav-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--lightning-yellow-dark)}.story__nav-btn:disabled{background:#b0bec5;color:#607d8b;box-shadow:0 5px #78909c,0 6px 12px var(--shadow)}.story__progress{background:var(--warm-cream);border:3px solid var(--deep-navy);border-radius:14px;padding:8px 16px;font-size:clamp(15px,4vw,20px);font-weight:700;color:var(--deep-navy);box-shadow:0 4px #c4b489;text-align:center;flex:1;max-width:220px}.scene--reward{background:var(--lightning-yellow);padding:max(40px,env(safe-area-inset-top)) 16px 32px;justify-content:space-around;position:relative;overflow:hidden}.reward__rays{position:absolute;inset:0;background:conic-gradient(from 0deg,var(--warm-cream) 0deg,transparent 15deg,var(--warm-cream) 30deg,transparent 45deg,var(--warm-cream) 60deg,transparent 75deg,var(--warm-cream) 90deg,transparent 105deg,var(--warm-cream) 120deg,transparent 135deg,var(--warm-cream) 150deg,transparent 165deg,var(--warm-cream) 180deg,transparent 195deg,var(--warm-cream) 210deg,transparent 225deg,var(--warm-cream) 240deg,transparent 255deg,var(--warm-cream) 270deg,transparent 285deg,var(--warm-cream) 300deg,transparent 315deg,var(--warm-cream) 330deg,transparent 345deg);opacity:.5;animation:spin 30s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scene--reward>*{position:relative;z-index:2}.reward__heading{font-size:clamp(40px,12vw,72px);font-weight:700;color:var(--deep-navy);text-shadow:-3px -3px 0 var(--warm-cream),3px -3px 0 var(--warm-cream),-3px 3px 0 var(--warm-cream),3px 3px 0 var(--warm-cream);margin:0;text-align:center}.reward__jax{max-width:min(50vw,240px);max-height:28vh;filter:drop-shadow(0 8px 16px var(--shadow));animation:reward-jax .8s cubic-bezier(.34,1.56,.64,1) both,bob 1.3s ease-in-out infinite .8s}@keyframes reward-jax{0%{transform:scale(0)}to{transform:scale(1)}}.reward__sticker{width:clamp(110px,28vw,160px);height:clamp(110px,28vw,160px);background:var(--warm-cream);border:8px solid var(--lightning-yellow);border-radius:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px var(--shadow);animation:reward-sticker .8s cubic-bezier(.34,1.56,.64,1) .4s both,sticker-wiggle .7s ease-in-out 1.2s infinite alternate}@keyframes reward-sticker{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}@keyframes sticker-wiggle{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.reward__bolt{font-size:clamp(60px,16vw,100px);filter:drop-shadow(0 0 4px var(--deep-navy))}.reward__name{background:var(--warm-cream);border:4px solid var(--deep-navy);border-radius:18px;padding:10px 22px;font-size:clamp(22px,6vw,36px);font-weight:700;box-shadow:0 6px #c4b489}.reward__source{font-size:clamp(13px,3.5vw,18px);font-weight:500;color:var(--deep-navy)}.reward__buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.confetti{position:absolute;width:14px;height:14px;pointer-events:none;animation:confetti-fall 4s linear infinite;border-radius:2px}.confetti--circle{border-radius:50%;width:12px;height:12px}.confetti--star{width:0;height:0;background:transparent;border-radius:0;border-style:solid;border-width:0 8px 12px 8px;border-color:transparent transparent currentColor transparent}@keyframes confetti-fall{0%{transform:translateY(-50px) rotate(0)}to{transform:translateY(110vh) rotate(720deg)}}.scene--stickers{background:var(--warm-cream);padding:max(70px,env(safe-area-inset-top)) 16px 24px;justify-content:flex-start}.stickers__title{font-size:clamp(28px,7vw,44px);font-weight:700;color:var(--deep-navy);margin:0 0 4px}.stickers__earned{font-size:clamp(14px,4vw,22px);font-weight:500;margin:0 0 16px}.stickers__grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:600px;align-content:start;overflow-y:auto}@media (orientation: landscape) and (min-width: 700px){.stickers__grid{grid-template-columns:repeat(3,1fr);max-width:800px}}.sticker{display:flex;flex-direction:column;align-items:center;gap:6px}.sticker__art{width:100%;aspect-ratio:1;max-width:180px;border-radius:24px;border:6px solid var(--c, var(--lightning-yellow));background:var(--warm-cream);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 12px var(--shadow)}.sticker__icon{font-size:clamp(50px,14vw,90px);filter:drop-shadow(0 0 3px var(--deep-navy))}.sticker.sticker--locked .sticker__art{border-color:#b0bec5;background:#cfd8dc}.sticker.sticker--locked .sticker__icon{color:#90a4ae;opacity:.4;filter:grayscale(1)}.sticker__name{font-size:clamp(13px,3.5vw,18px);font-weight:700}.scene--chart{background:linear-gradient(to bottom,#fff8e1,#fffde7 60%,#ffe082);padding:max(70px,env(safe-area-inset-top)) 12px 16px;justify-content:flex-start;overflow-y:auto}.chart__header{width:100%;max-width:540px;position:relative;margin-bottom:8px}.chart__hero{width:100%;border-radius:18px;border:4px solid var(--deep-navy);box-shadow:0 6px 14px #0000002e;display:block;max-height:28vh;object-fit:cover;object-position:center 30%}.chart__title{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:var(--lightning-yellow);border:4px solid var(--deep-navy);border-radius:18px;padding:8px 22px;font-size:clamp(20px,5vw,30px);font-weight:700;color:var(--deep-navy);box-shadow:0 4px 0 var(--lightning-yellow-dark);white-space:nowrap}.chart__date{text-align:center;font-size:clamp(13px,3.4vw,16px);font-weight:600;color:var(--deep-navy);margin:8px 0 4px;opacity:.8}.chart__today{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;width:100%;max-width:600px;margin:8px auto}.chart__cell{background:#fff;border:4px solid var(--deep-navy);border-radius:18px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:inherit;cursor:pointer;box-shadow:0 5px #c4b489;transition:transform 80ms ease,box-shadow 80ms ease}.chart__cell:active{transform:translateY(3px);box-shadow:0 2px #c4b489}.chart__icon{font-size:clamp(36px,8vw,56px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.chart__name{font-size:clamp(13px,3.4vw,16px);font-weight:700;color:var(--deep-navy);text-align:center;line-height:1.1}.chart__stars{display:flex;gap:3px;flex-wrap:wrap;justify-content:center;min-height:28px;align-items:center}.chart__star{display:inline-block;font-size:clamp(20px,5vw,26px);filter:drop-shadow(0 0 3px var(--lightning-yellow));animation:star-pop .38s cubic-bezier(.34,1.56,.64,1)}.chart__star--empty{opacity:.18;filter:none}@keyframes star-pop{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.chart__streak{margin:14px auto 8px;background:var(--lightning-yellow);border:4px solid var(--deep-navy);border-radius:22px;padding:10px 22px;display:inline-flex;align-items:baseline;gap:8px;font-weight:700;color:var(--deep-navy);box-shadow:0 5px 0 var(--lightning-yellow-dark)}.chart__streak-num{font-size:clamp(28px,7vw,42px);line-height:1}.chart__streak-lbl{font-size:clamp(13px,3.4vw,18px)}.chart__history{width:100%;max-width:600px;margin:12px auto 8px;display:grid;grid-template-columns:60px repeat(3,1fr);gap:6px;background:#fff;border:3px solid var(--deep-navy);border-radius:14px;padding:12px;box-shadow:0 4px #c4b489}.chart__history-cell{display:flex;align-items:center;justify-content:center;font-size:clamp(13px,3.2vw,16px);font-weight:600;color:var(--deep-navy);min-height:28px;border-radius:6px}.chart__history-cell--header{font-size:clamp(11px,2.6vw,13px);font-weight:700;background:var(--warm-cream)}.chart__history-cell--day{background:var(--warm-cream);font-weight:700}.chart__history-cell--day.is-today{background:var(--lightning-yellow)}.chart__history-stars{letter-spacing:-2px}.chart__reset{margin:12px auto;background:var(--warm-cream);border-color:var(--deep-navy);box-shadow:0 3px #c4b489}.hub__chart-shortcut{display:inline-flex;align-items:center;gap:8px;background:var(--lightning-yellow);border:4px solid var(--deep-navy);border-radius:18px;padding:8px 18px;margin:6px auto;font-size:clamp(15px,3.6vw,20px);font-weight:700;color:var(--deep-navy);cursor:pointer;box-shadow:0 4px 0 var(--lightning-yellow-dark),0 4px 8px var(--shadow);transition:transform 80ms ease,box-shadow 80ms ease;z-index:3}.hub__chart-shortcut:active{transform:translateY(2px);box-shadow:0 2px 0 var(--lightning-yellow-dark)}.hub__chart-shortcut-icon{font-size:1.4em;animation:star-pop .6s cubic-bezier(.34,1.56,.64,1)}.scene--about{background:linear-gradient(to bottom,#fff8e1,#ffe082);padding:max(70px,env(safe-area-inset-top)) 16px 16px;justify-content:center}.about__panel{background:#fff;border:5px solid var(--deep-navy);border-radius:24px;padding:24px;width:100%;max-width:540px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 8px 32px #0000002e;overflow-y:auto;max-height:calc(100vh - 120px)}.about__title{font-size:clamp(26px,6vw,38px);font-weight:700;color:var(--deep-navy);margin:0}.about__img{width:100%;max-width:360px;border-radius:18px;border:4px solid var(--lightning-yellow);box-shadow:0 6px 16px #0000002e}.about__body{text-align:center;font-size:clamp(15px,3.6vw,18px);font-weight:500;color:var(--deep-navy);line-height:1.5}.about__body p{margin:0 0 10px}.about__inspired{font-style:italic;font-weight:700;color:var(--jax-pink)}.about__buy{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.modal{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal[hidden]{display:none}.modal__panel{background:var(--warm-cream);border:4px solid var(--deep-navy);border-radius:24px;padding:28px;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 8px 32px #0006}.modal__panel h3{margin:0;font-size:clamp(22px,5vw,32px);font-weight:700}.modal__question{font-size:clamp(22px,5vw,32px);font-weight:700;margin:8px 0}.modal__choices{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.modal__choices .big-button{min-width:80px;padding:14px 18px;font-size:24px}.modal__message{margin:0;font-size:16px;font-weight:500;min-height:22px;text-align:center}.bigwin{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#ffd60073,#000000b3 75%);z-index:1000;padding:16px;overflow:hidden;animation:bigwin-fade-in .35s ease-out}.bigwin[hidden]{display:none}.bigwin__panel{position:relative;z-index:2;background:linear-gradient(180deg,#fff8e1,#ffecb3);border:6px solid var(--deep-navy);border-radius:28px;padding:28px 24px;text-align:center;max-width:92vw;box-shadow:0 24px 80px #0000008c,0 0 0 8px var(--lightning-yellow);animation:bigwin-pop .6s cubic-bezier(.34,1.56,.64,1)}.bigwin__icon{font-size:clamp(64px,14vw,96px);line-height:1;display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25));animation:bigwin-bounce 1.3s ease-in-out infinite}.bigwin__title{font-size:clamp(40px,11vw,64px);font-weight:900;color:#d84315;text-shadow:3px 3px 0 var(--lightning-yellow),6px 6px 0 rgba(0,0,0,.18);letter-spacing:2px;line-height:1;margin:8px 0 6px}.bigwin__subtitle{font-size:clamp(16px,4.5vw,22px);font-weight:700;color:var(--deep-navy);margin:6px 0 14px}.bigwin__stars{display:flex;justify-content:center;gap:6px;margin:4px 0 14px;font-size:clamp(28px,7vw,40px)}.bigwin__star{display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:bigwin-spin 1.4s ease-in-out infinite}.bigwin__star:nth-child(1){animation-delay:0s}.bigwin__star:nth-child(2){animation-delay:.1s}.bigwin__star:nth-child(3){animation-delay:.2s}.bigwin__star:nth-child(4){animation-delay:.3s}.bigwin__star:nth-child(5){animation-delay:.4s}.bigwin__hype{font-size:clamp(18px,4.8vw,24px);font-weight:800;color:#2e7d32;margin-bottom:16px;letter-spacing:.5px}@keyframes bigwin-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bigwin-pop{0%{transform:scale(.4) rotate(-8deg);opacity:0}60%{transform:scale(1.08) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes bigwin-bounce{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(4deg)}}@keyframes bigwin-spin{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.25)}}.chart__cell--celebrate{position:relative;z-index:1;animation:chart-cell-pulse .55s ease-out 4}.chart__cell--celebrate:after{content:"";position:absolute;inset:-10px;border-radius:22px;background:conic-gradient(from 0deg,#ffd600,#ff7043,#ec407a,#42a5f5,#66bb6a,#ffd600);z-index:-1;filter:blur(3px);opacity:.85;animation:chart-cell-spin 1.6s linear infinite;pointer-events:none}@keyframes chart-cell-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes chart-cell-spin{to{transform:rotate(360deg)}}@supports (-webkit-touch-callout: none){body{height:100vh;height:-webkit-fill-available}}