:root{--sky-top: #BDEBFF;--sky-bottom: #FFF3DA;--sun: #FFD35C;--grass: #7BC96F;--grass-dark: #5FA654;--ink: #3A3358;--card: #FFFFFF;--primary: #FF6F91;--primary-dark: #E85575;--shadow: rgba(58, 51, 88, .2);--cream: #FFF3DA;--ink-soft: rgba(58, 51, 88, .62);--track-en: #5EC8E0;--track-en-dark: #3AA7C0;--track-es: #B892FF;--track-es-dark: #9670E0;--radius-card: 28px;--radius-tile: 22px;--radius-pill: 100px;--dur-fast: .15s;--dur: .28s;--dur-slow: .45s}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body{height:100%;margin:0;overflow:hidden}body{font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-top) 55%,var(--sky-bottom) 100%);height:100vh;height:100dvh;width:100vw;position:relative}.display{font-family:"Baloo 2",Nunito,cursive}.ground{position:fixed;left:0;right:0;bottom:0;height:9%;background:var(--grass);border-top:6px solid var(--grass-dark);z-index:0}#app{position:relative;z-index:1;height:100%}.screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;padding:2.5vh 4vw;text-align:center}.screen.active{display:flex}.page{position:absolute;inset:0}@media (prefers-reduced-motion: no-preference){.page{animation:pageIn var(--dur) ease both}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}.hide{display:none!important}h1.title{font-size:clamp(26px,5.6vw,46px);margin:0 0 1vh;font-weight:800;line-height:1.1}.subtitle{font-size:clamp(15px,2.6vw,20px);font-weight:700;margin:0 0 .5vh;max-width:540px}.note{font-size:clamp(12px,2vw,15px);opacity:.75;margin:0 0 2.5vh}.big-btn{font-family:"Baloo 2",cursive;font-size:clamp(20px,4vw,28px);font-weight:700;color:#fff;background:var(--primary);border:none;border-radius:var(--radius-pill);padding:1.6vh 6vw;min-height:56px;box-shadow:0 8px 0 var(--primary-dark),0 12px 18px var(--shadow);cursor:pointer}.big-btn:active{transform:translateY(4px);box-shadow:0 4px 0 var(--primary-dark),0 8px 12px var(--shadow)}.ghost-btn{font-family:"Baloo 2",cursive;font-size:clamp(15px,2.4vw,18px);font-weight:700;color:var(--ink);background:#fffc;border:none;border-radius:var(--radius-pill);padding:12px 26px;min-height:48px;box-shadow:0 4px 10px var(--shadow);cursor:pointer}.ghost-btn:active{transform:scale(.95)}.corner-btn{position:absolute;top:2vh;width:52px;height:52px;border-radius:50%;background:var(--card);border:none;box-shadow:0 4px 10px var(--shadow);font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50}.corner-btn.left{left:2vh}.corner-btn.right{right:2vh}.corner-btn:active{transform:scale(.9)}.speak-btn{width:56px;height:56px;border-radius:50%;border:none;background:var(--cream);font-size:26px;box-shadow:0 4px 10px var(--shadow);cursor:pointer}.speak-btn:active{transform:scale(.9)}.sun-wrap{width:min(20vw,130px);height:min(20vw,130px);margin-bottom:1vh;flex:none}.sun-wrap.sm{width:min(13vw,74px);height:min(13vw,74px)}.sun-wrap svg{width:100%;height:100%;display:block}@media (prefers-reduced-motion: no-preference){.sun-rays{animation:spin 22s linear infinite;transform-origin:50px 50px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sun-face.happy .eyes-normal{display:none}.sun-face:not(.happy) .eyes-happy{display:none}.sun-face.happy .mouth-normal{display:none}.sun-face:not(.happy) .mouth-happy{display:none}.adult-note{display:flex;gap:10px;align-items:flex-start;text-align:left;background:#fffc;border-radius:20px;padding:12px 16px;max-width:min(560px,88vw);margin:0 0 2.2vh;box-shadow:0 4px 12px var(--shadow)}.adult-note-icon{font-size:20px;line-height:1.3;flex:none}.adult-note-body{font-size:clamp(12px,2vw,15px);line-height:1.35}.adult-note-label{display:block;font-family:"Baloo 2",cursive;font-weight:700;font-size:clamp(11px,1.8vw,13px);letter-spacing:.5px;text-transform:uppercase;opacity:.55;margin-bottom:2px}.audio-hint{position:absolute;bottom:calc(9% + 14px);left:50%;transform:translate(-50%);background:#fffd;border-radius:var(--radius-pill);padding:8px 18px;font-size:clamp(11px,1.9vw,14px);font-weight:700;color:var(--ink-soft);box-shadow:0 4px 10px var(--shadow);max-width:88vw;z-index:20}.progress{position:absolute;top:2vh;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:40;max-width:60vw;flex-wrap:wrap;justify-content:center}.dot{width:16px;height:16px;border-radius:50%;background:#fffa;border:2px solid #ffffff;transition:var(--dur)}.dot.done{border-color:transparent;background:var(--grass-dark)}.dot.current{box-shadow:0 0 0 4px #fff8;transform:scale(1.15)}.celebration{position:absolute;inset:0;z-index:60;display:none;flex-direction:column;align-items:center;justify-content:center;background:#ffffff8c;backdrop-filter:blur(2px);overflow:hidden}.celebration.active{display:flex}.celeb-text{font-size:clamp(24px,5vw,38px);font-weight:800;margin:1.2vh 0 2vh}.confetti-piece{position:absolute;top:-5%;width:14px;height:14px;border-radius:3px;opacity:.95}@media (prefers-reduced-motion: no-preference){.confetti-piece{animation:fall linear forwards}}@keyframes fall{to{transform:translateY(115vh) rotate(360deg)}}.medals{display:flex;gap:12px;margin:2vh 0 3vh;flex-wrap:wrap;justify-content:center;max-width:min(620px,90vw)}.medal{width:52px;height:52px;border-radius:50%;box-shadow:0 4px 8px var(--shadow);background:var(--card);display:flex;align-items:center;justify-content:center;font-size:26px}.cover-title{font-size:clamp(30px,7vw,56px);font-weight:800;margin:0 0 .6vh;line-height:1.05}.cover-sub{font-size:clamp(14px,2.6vw,20px);font-weight:700;opacity:.8;margin:0 0 3vh}.cover-badges{display:flex;gap:10px;margin-bottom:3vh;flex-wrap:wrap;justify-content:center}.cover-badge{display:flex;align-items:center;gap:7px;background:#fffc;border-radius:var(--radius-pill);padding:8px 16px;font-size:clamp(12px,2.1vw,15px);font-weight:700;box-shadow:0 4px 10px var(--shadow)}.menu-screen{justify-content:flex-start;padding:8vh 3vw 12vh}.menu-title{font-size:clamp(22px,4.4vw,34px);font-weight:800;margin:0 0 1.6vh}.tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2vw;width:min(1000px,94vw);flex:1;min-height:0}@media (max-width: 640px){.tracks{grid-template-columns:1fr}}.track{background:#ffffff9e;border-radius:26px;padding:14px 14px 10px;display:flex;flex-direction:column;min-height:0;box-shadow:0 6px 16px var(--shadow)}.track-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:0 4px}.track-chip{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;flex:none;color:#fff}.track[data-track=en] .track-chip{background:var(--track-en-dark)}.track[data-track=es] .track-chip{background:var(--track-es-dark)}.track-name{font-family:"Baloo 2",cursive;font-size:clamp(15px,2.6vw,20px);font-weight:800;text-align:left;line-height:1.1}.track-kicker{display:block;font-family:Nunito,sans-serif;font-size:clamp(10px,1.7vw,12px);font-weight:700;opacity:.55;text-transform:uppercase;letter-spacing:.5px}.chapters{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:2px 4px 6px;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 22px),transparent 100%)}.chapter{display:flex;align-items:center;gap:12px;width:100%;background:var(--card);border:none;border-radius:18px;padding:10px 12px;min-height:56px;text-align:left;box-shadow:0 4px 10px var(--shadow);cursor:pointer;transition:transform var(--dur-fast)}.chapter:active{transform:scale(.97)}.chapter-icon{width:42px;height:42px;border-radius:14px;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:23px;flex:none}.chapter-body{flex:1;min-width:0}.chapter-name{font-family:"Baloo 2",cursive;font-size:clamp(15px,2.4vw,19px);font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-meta{font-size:clamp(10px,1.7vw,12.5px);font-weight:700;opacity:.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-status{font-size:20px;flex:none;width:30px;text-align:center}.chapter.locked{opacity:.5;box-shadow:none;background:#fff8;cursor:default}.chapter.locked:active{transform:none}.chapter.done .chapter-icon{background:#dff3d8}.stage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex:1;min-height:0}.target-card{background:var(--card);border-radius:26px;padding:1.6vh 5vw;margin-bottom:1.6vh;box-shadow:0 8px 20px var(--shadow);display:flex;flex-direction:column;align-items:center}.target-visual{width:min(17vw,92px);height:min(17vw,92px);border-radius:50%;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:clamp(30px,7vw,52px);margin-bottom:.8vh;padding:14px}.target-visual svg{width:100%;height:100%}.target-visual.swatch{background:currentColor;box-shadow:inset 0 -6px 10px #00000026;padding:0}.target-word{font-size:clamp(28px,5.4vw,48px);font-weight:800;letter-spacing:1px;line-height:1}.target-word-es{font-size:clamp(12px,2.2vw,16px);font-weight:700;opacity:.6;margin-top:2px}.target-card .speak-btn{margin-top:1vh}.tray{display:flex;gap:10px;margin-bottom:1.5vh}.slot{width:22px;height:22px;border-radius:50%;border:3px solid #ffffffcc;background:#fff5;transition:var(--dur)}.grid{display:grid;gap:2.4vh 3vw}.grid.cols-3{grid-template-columns:repeat(3,1fr);width:min(560px,86vw)}.grid.cols-2{grid-template-columns:repeat(2,1fr);width:min(420px,78vw);gap:3vh 5vw}.tile{position:relative;aspect-ratio:1;border-radius:var(--radius-tile);background:var(--card);box-shadow:0 6px 14px var(--shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--dur-fast),opacity .2s}.tile svg{width:62%;height:62%}.tile-emoji{font-size:clamp(30px,8vw,54px)}.tile:active{transform:scale(.9)}.tile.wrong{animation:shake .32s}.tile.collected{animation:pop .35s ease forwards}.tile.found{opacity:.55}.tile.pulse{animation:foundPulse .4s ease}.found-badge{position:absolute;top:6px;right:6px;font-size:clamp(16px,3vw,22px)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes pop{to{transform:scale(0);opacity:0}}@keyframes foundPulse{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.room-banner{display:flex;align-items:center;gap:8px;margin-bottom:1.2vh}.room-banner-icon{font-size:clamp(22px,4vw,30px)}.room-banner-text{font-family:"Baloo 2",cursive;font-size:clamp(16px,3vw,22px);font-weight:700}.room-banner-es{font-size:clamp(12px,2vw,15px);opacity:.6;font-weight:700}.roomSequence .tile{padding:16%}.roomSequence .tile-emoji{font-size:clamp(34px,9vw,60px)}.count-prompt{font-family:"Baloo 2",cursive;font-size:clamp(15px,2.6vw,20px);font-weight:700;opacity:.7;margin-bottom:1vh}.counter{width:min(20vw,96px);height:min(20vw,96px);border-radius:50%;background:var(--card);box-shadow:0 8px 18px var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1.6vh;transition:transform var(--dur-fast)}.counter.bump{animation:foundPulse .35s ease}.counter-num{font-family:"Baloo 2",cursive;font-size:clamp(30px,7vw,52px);font-weight:800;line-height:1}.counter-word{font-size:clamp(11px,1.9vw,14px);font-weight:700;opacity:.6;letter-spacing:.5px;min-height:1em}.count-objects{display:flex;flex-wrap:wrap;gap:1.6vh 2.4vw;justify-content:center;align-items:center;width:min(620px,90vw)}.count-obj{position:relative;width:clamp(56px,13vw,96px);height:clamp(56px,13vw,96px);border-radius:24px;background:var(--card);border:none;box-shadow:0 6px 14px var(--shadow);display:flex;align-items:center;justify-content:center;font-size:clamp(30px,7vw,50px);cursor:pointer;transition:transform var(--dur-fast),background var(--dur)}.count-obj:active{transform:scale(.9)}.count-obj.counted{background:#dff3d8;transform:none}.count-obj.counted .count-badge{transform:scale(1)}.count-badge{position:absolute;top:-8px;right:-8px;width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;font-family:"Baloo 2",cursive;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform var(--dur) cubic-bezier(.3,1.6,.5,1)}.number-reveal{display:flex;flex-direction:column;align-items:center;background:var(--card);border-radius:var(--radius-card);padding:2.4vh 8vw;box-shadow:0 10px 24px var(--shadow)}.number-reveal-num{font-family:"Baloo 2",cursive;font-size:clamp(60px,16vw,130px);font-weight:800;line-height:1;color:var(--primary)}.number-reveal-en{font-family:"Baloo 2",cursive;font-size:clamp(26px,5vw,42px);font-weight:800;letter-spacing:1px}.number-reveal-es{font-size:clamp(12px,2.2vw,16px);font-weight:700;opacity:.6}.phrase-card{background:var(--card);border-radius:var(--radius-card);padding:2vh 6vw;box-shadow:0 10px 24px var(--shadow);display:flex;flex-direction:column;align-items:center;max-width:min(560px,90vw)}.phrase-scene{width:min(26vw,130px);height:min(26vw,130px);border-radius:50%;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:clamp(44px,11vw,74px);border:none;box-shadow:0 6px 14px var(--shadow);cursor:pointer;transition:transform var(--dur-fast)}.phrase-scene:active{transform:scale(.92)}.phrase-scene.bounce{animation:sceneBounce .5s ease}@keyframes sceneBounce{0%{transform:scale(1)}30%{transform:scale(1.12) rotate(-4deg)}60%{transform:scale(.98) rotate(3deg)}to{transform:scale(1)}}.phrase-situation{font-size:clamp(12px,2.2vw,16px);font-weight:700;opacity:.6;margin:1.2vh 0 .4vh}.phrase-en{font-family:"Baloo 2",cursive;font-size:clamp(30px,6.4vw,54px);font-weight:800;line-height:1.05}.phrase-es{font-size:clamp(13px,2.4vw,17px);font-weight:700;opacity:.6}.phrase-hint{font-family:"Baloo 2",cursive;font-size:clamp(13px,2.2vw,16px);font-weight:700;opacity:.65;margin-top:1.4vh}.memory-board{display:grid;gap:1.6vh 2.4vw;width:min(620px,92vw);justify-content:center}.card{aspect-ratio:3 / 4;perspective:800px;border:none;background:none;padding:0;cursor:pointer;max-height:26vh}.card-inner{position:relative;width:100%;height:100%;transition:transform var(--dur-slow) cubic-bezier(.4,.1,.3,1.1);transform-style:preserve-3d}.card.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;border-radius:20px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 6px 14px var(--shadow)}.card-back{background:var(--primary);color:#fff;font-size:clamp(24px,5vw,38px)}.card-front{background:var(--card);transform:rotateY(180deg);font-size:clamp(30px,8vw,54px)}.card.matched .card-front{background:#dff3d8}.card.matched{animation:foundPulse .4s ease}@media (prefers-reduced-motion: reduce){.card-inner{transition:none}}.odd-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4vw;width:min(760px,94vw)}@media (max-width: 560px){.odd-row{grid-template-columns:repeat(2,1fr);gap:2vh 4vw}}.odd-tile{aspect-ratio:1;border-radius:var(--radius-tile);background:var(--card);border:none;box-shadow:0 6px 14px var(--shadow);display:flex;align-items:center;justify-content:center;font-size:clamp(34px,8vw,62px);cursor:pointer;transition:transform var(--dur-fast),opacity var(--dur)}.odd-tile:active{transform:scale(.92)}.odd-tile.wrong{animation:shake .32s}.odd-tile.picked{background:#dff3d8;animation:foundPulse .4s ease}.odd-tile.dim{opacity:.35}.odd-reason{font-family:"Baloo 2",cursive;font-size:clamp(14px,2.6vw,20px);font-weight:700;margin-top:1.8vh;min-height:1.4em;opacity:0;transition:opacity var(--dur)}.odd-reason.show{opacity:.85}.instruction{display:flex;align-items:center;gap:10px;background:#fffc;border-radius:var(--radius-pill);padding:8px 10px 8px 18px;margin-bottom:1.8vh;box-shadow:0 4px 12px var(--shadow);max-width:min(560px,92vw)}.instruction-text{font-family:"Baloo 2",cursive;font-size:clamp(14px,2.6vw,20px);font-weight:700}.instruction .speak-btn{width:46px;height:46px;font-size:21px;flex:none}