*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#fff8e1;font-family:Comic Sans MS,Trebuchet MS,system-ui,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer;border:none}.screen{height:100%;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;display:flex}html,body{overscroll-behavior:none}.big-button{border-radius:28px;min-width:96px;min-height:96px;font-size:3rem;box-shadow:0 6px #00000026}.home{background:#fff8e1;justify-content:center}.tile-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;width:min(900px,100%);margin:auto;display:grid}.tile{aspect-ratio:1;border-radius:40px;place-items:center;display:grid;box-shadow:0 8px #0000002e}.tile-emoji{font-size:clamp(5rem,14vw,9rem)}.top-bar{justify-content:space-between;gap:12px;display:flex}.group-bar{gap:12px;display:flex}.card-stage{flex:1;justify-content:space-between;align-items:center;gap:12px;display:flex}.card{background:#fff;border-radius:48px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;max-width:640px;height:min(70vh,560px);margin:0 auto;display:flex;box-shadow:0 10px #0000002e}.card-plain{border-radius:inherit;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.card-label{color:#333;background:0 0;font-size:clamp(5rem,22vh,11rem);font-weight:800;line-height:1}.card>.card-label{padding:0 24px;font-size:clamp(3.5rem,14vh,7rem)}.word-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));align-content:center;gap:6px 8px;width:100%;min-height:0;padding:4px 16px 12px;display:grid;overflow-y:auto}.word{background:#fff8e1;border-radius:20px;flex-direction:column;align-items:center;gap:2px;min-height:64px;padding:6px 2px;display:flex}.word-name{color:#666;font-size:clamp(.7rem,2.2vh,1rem);font-weight:700}.card-pictures{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:flex}.card-word{color:#555;font-size:clamp(2rem,7vh,3.5rem);font-weight:700}.menu-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-content:center;gap:20px;width:min(900px,100%);margin:0 auto;display:grid}.menu-tile{aspect-ratio:1;background:#fff;border-radius:36px;place-items:center;display:grid;box-shadow:0 8px #0000002e}.menu-emoji{font-size:clamp(4rem,11vw,7rem)}.math-card{background:#fff;border-radius:48px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4vh;width:min(900px,100%);max-height:80vh;margin:12px auto 0;padding:16px;display:flex;position:relative;box-shadow:0 10px #0000002e}.stem{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.cell{color:#333;border-radius:20px;place-items:center;min-width:80px;min-height:80px;padding:4px 10px;font-size:clamp(2.8rem,11vh,5rem);font-weight:800;display:grid}.cell-blank{color:#ffb300;background:#fff8e1;border:4px dashed #ffb300}.cell-blank.filled{color:#2e7d32;background:#e8f5e9;border-style:solid;border-color:#66bb6a}.cell-pics{max-width:45vw;font-size:1rem}.pic-group{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.options{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.option{background:#e1f5fe;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:110px;min-height:110px;padding:8px 16px;display:flex;position:relative;box-shadow:0 6px #00000026}.option-label{color:#333;font-size:clamp(2.8rem,11vh,5rem);font-weight:800;line-height:1}.option.circled{outline-offset:4px;border-radius:50%;outline:8px solid #e53935}.option-mark{pointer-events:none;font-size:clamp(3rem,12vh,5rem);position:absolute;top:50%;left:50%;translate:-50% -50%}.cheer{font-size:4rem;position:absolute;top:12px;right:24px}.match-board{justify-content:center;align-items:center;gap:12vw;width:100%;display:flex}.match-col{flex-direction:column;align-items:center;gap:20px;display:flex}.match-slot{background:#e1f5fe;border-radius:28px;place-items:center;min-width:120px;min-height:110px;padding:6px 14px;display:grid;position:relative;box-shadow:0 6px #00000026}.match-slot.picked{outline-offset:3px;outline:6px solid #ffb300}.app-title{text-align:center;color:#5d4037;margin:8px 0 0;font-size:clamp(2rem,7vw,3.5rem)}.section-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-content:center;gap:28px;width:min(900px,100%);margin:0 auto;display:grid}.section-tile{aspect-ratio:1;border-radius:48px;flex-direction:column;justify-content:center;align-items:center;gap:8px;max-height:60vh;display:flex;box-shadow:0 10px #0000002e}.section-emoji{font-size:clamp(6rem,18vw,11rem);line-height:1}.section-name{color:#4e342e;font-size:clamp(1.6rem,5vw,2.6rem);font-weight:800}.section-badge{font-size:4rem}.screen.section .tile-grid{flex:1;align-content:center}.abc{gap:10px;overflow-y:auto}.abc-top{align-items:center;gap:12px;display:flex}.abc-top .big-button{min-width:72px;min-height:72px;font-size:2.2rem}.abc-title{color:#3a2a5c;flex:1;margin:0;font-size:clamp(1.4rem,4.5vw,2.4rem)}.star-count{color:#3a2a5c;background:#fff;border-radius:999px;padding:8px 18px;font-size:1.6rem;font-weight:800}.letter-strip{scrollbar-width:none;flex-shrink:0;gap:10px;padding:8px 4px 6px;display:flex;overflow-x:auto}.letter-strip::-webkit-scrollbar{display:none}.letter-chip{color:#fff;border-radius:50%;flex:0 0 64px;height:64px;font-size:1.8rem;font-weight:800;position:relative;box-shadow:0 4px #00000026}.letter-chip.current{outline-offset:2px;outline:4px solid #3a2a5c}.chip-star{font-size:1.1rem;position:absolute;top:-8px;right:-6px}.abc-body{flex-direction:column;flex:1;gap:14px;display:flex}.abc-hero{border-radius:36px;flex-wrap:wrap;align-items:center;gap:20px;padding:10px 28px;display:flex}.abc-big{background:0 0;font-size:clamp(5rem,20vh,9rem);font-weight:900;line-height:1}.abc-intro{color:#3a2a5c;flex:1;min-width:160px;margin:0;font-size:clamp(1.1rem,3vw,1.6rem);font-weight:700}.abc-actions{flex-direction:column;gap:10px;display:flex}.abc-action{color:#fff;border-radius:22px;min-width:130px;min-height:64px;padding:0 28px;font-size:1.3rem;font-weight:800;box-shadow:0 5px #0003}.abc-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.abc-card{border:4px solid #0000;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:140px;padding:8px;display:flex}.abc-word{color:#3a2a5c;font-size:clamp(1.2rem,3vh,1.7rem);font-weight:800}.abc-word b{font-size:1.15em}.abc-nav{justify-content:space-between;padding-bottom:4px;display:flex}.numbers{gap:10px;overflow-y:auto}.num-card{background:#fff;border:4px solid #2d2a5c;border-radius:36px;flex-direction:column;flex:1;align-items:center;gap:8px;width:min(760px,100%);margin:0 auto;padding:12px 16px;display:flex;box-shadow:6px 8px #2d2a5c}.num-big{background:0 0;font-size:clamp(5rem,20vh,9rem);font-weight:900;line-height:1}.dot-rows{background:0 0;flex-direction:column;align-items:center;gap:4px;min-height:40px;padding:4px 12px;display:flex}.dot-row{gap:4px;display:flex}.dot{aspect-ratio:1;border-radius:50%;width:clamp(12px,2.6vh,24px);display:block}.num-prompt{color:#4b4a7c;text-align:center;margin:0;font-size:clamp(.9rem,2.2vh,1.2rem);font-weight:700}.num-controls{justify-content:center;gap:14px;width:100%;display:flex}.num-controls .big-button{border:3px solid #2d2a5c;flex:1;max-width:200px;min-height:72px}.num-grid{grid-template-columns:repeat(10,1fr);gap:5px;width:100%;display:grid}.num-cell{aspect-ratio:1;color:#2d2a5c;border:2px solid #2d2a5c;border-radius:8px;min-height:34px;font-size:clamp(.8rem,2.4vw,1.2rem);font-weight:800}.num-cell.current{border-width:5px}.tile-labeled{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex}.tile-labeled .tile-emoji{font-size:clamp(3.5rem,10vw,6rem);line-height:1}.tile-title{color:#3a2a5c;text-align:center;font-size:clamp(1rem,2.6vw,1.4rem);font-weight:800;line-height:1.15}.game-title{color:#3a2a5c;text-align:center;flex:1;margin:0;font-size:clamp(1.2rem,4vw,2rem)}.star-count{white-space:nowrap;flex-shrink:0;align-items:center;display:flex}.section{overflow:hidden}.section-bar{align-items:center;gap:12px}.tabs{flex:1;justify-content:center;gap:12px;display:flex}.tab{color:#3a2a5c;background:#ffffff73;border:4px solid #0000;border-radius:26px;flex:1;justify-content:center;align-items:center;gap:10px;max-width:260px;min-height:80px;padding:0 16px;font-weight:800;display:flex}.tab.on{background:#fff;border-color:#3a2a5c;box-shadow:0 6px #0000002e}.tab-emoji{font-size:2.4rem;line-height:1}.tab-title{font-size:clamp(1.1rem,3vw,1.6rem)}.game-grid{flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:14px;min-height:0;margin-top:14px;display:grid}.game-tile{background:#fff;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:0;padding:6px;display:flex;box-shadow:0 7px #0000002e}.game-emoji{font-size:clamp(2.6rem,min(9vh,12vw),6rem);line-height:1}.game-name{color:#3a2a5c;text-align:center;font-size:clamp(.9rem,min(2.4vh,3vw),1.35rem);font-weight:800;line-height:1.1}@media (orientation:landscape) and (width>=700px){.game-grid{grid-template-columns:repeat(5,1fr)}}.tabs,.tab{min-width:0}.game-emoji{font-size:clamp(2.6rem,min(12vh,13vw),7rem)}@media (width<=600px){.section-badge{display:none}.tab{gap:6px;min-height:72px;padding:0 8px}.tab-emoji{font-size:1.8rem}.tab-title{font-size:1.1rem}}@media (orientation:landscape) and (width>=700px){.game-emoji{font-size:clamp(2.6rem,min(16vh,9vw),7rem)}}@media (width<=600px){.tab{flex-direction:column;gap:0;min-height:76px;padding:4px 6px}.tab-emoji{font-size:1.7rem}.tab-title{font-size:.95rem}.section-bar{gap:8px}}.jungle{padding:0;position:relative;overflow:hidden}.jungle>*{position:absolute}.backdrop{width:100%;height:100%;position:absolute;inset:0}.sun-glow{transform-origin:500px 270px;animation:5s ease-in-out infinite pulse}.cloud{animation:38s linear infinite alternate drift}.cloud-b{animation-duration:52s;animation-direction:alternate-reverse}.river-shimmer{animation:3.2s ease-in-out infinite shimmer}@keyframes pulse{50%{opacity:.85;transform:scale(1.08)}}@keyframes drift{to{transform:translate(120px)}}@keyframes shimmer{50%{opacity:.25;transform:translateY(6px)}}.foliage{aspect-ratio:1;pointer-events:none;width:min(50vw,56vh);position:absolute}.foliage .sway{transform-origin:0 0;animation:6s ease-in-out infinite sway}.foliage-tl{top:-2%;left:-2%}.foliage-tr{top:-2%;right:-2%;transform:scaleX(-1)}.foliage-bl{bottom:-2%;left:-2%;transform:scaleY(-1)}.foliage-br{bottom:-2%;right:-2%;transform:scale(-1)}.foliage-tr .sway{animation-delay:-2s}.foliage-bl .sway{animation-delay:-4s}@keyframes sway{50%{transform:rotate(3.5deg)}}.home-top{padding:max(14px, env(safe-area-inset-top)) 16px 0;z-index:4;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;top:0;left:0;right:0}.home-top>*{pointer-events:auto}.home-top-spacer{width:96px}.title-pill{cursor:pointer;color:#2e7d32;white-space:nowrap;letter-spacing:.5px;text-shadow:0 2px #fff;background:linear-gradient(#fffdf2,#f6e9c8);border:4px solid #fff;border-radius:999px;margin:0;padding:10px 30px;font-size:clamp(1.1rem,5.5vw,3rem);font-weight:900;box-shadow:0 7px #c9b27a,0 12px 22px #0000002e}.star-pill{text-align:center;color:#3a2a5c;background:#fff;border-radius:999px;width:96px;padding:8px 0;font-size:1.5rem;font-weight:900;box-shadow:0 5px #00000026}.home-tiles{z-index:4;justify-content:center;gap:clamp(18px,6vw,70px);padding:0 12px;display:flex;top:24%;left:0;right:0}.home-tile{--size:min(36vw, 34vh, 280px);width:var(--size);aspect-ratio:1;background:linear-gradient(160deg, color-mix(in srgb, var(--tile) 55%, #fff), var(--tile));border:6px solid #fff;border-radius:15%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 10px #00461e59,0 16px 26px #00000040}.home-tile-emoji{font-size:calc(var(--size) * .5);filter:drop-shadow(0 6px 4px #0003);line-height:1}.home-tile-mascot{font-size:calc(var(--size) * .26);transform-origin:50% 90%;position:absolute;top:3%;right:4%}.home-tile-name{color:#2e7d32;white-space:nowrap;background:#fff;border-radius:999px;padding:2px 22px;font-size:clamp(1.1rem,3.4vw,1.7rem);font-weight:900;position:absolute;bottom:-34px;left:50%;translate:-50%;box-shadow:0 4px #00000026}.character{z-index:3;line-height:1}.character-body{font-size:inherit;filter:drop-shadow(0 8px 6px #00000040);background:0 0;padding:0;line-height:1}.vine{background:#6d4c41;border-radius:3px;width:6px;height:100vh;position:absolute;bottom:60%;left:50%;translate:-50%}.bubble{color:#2e7d32;white-space:nowrap;background:#fff;border-radius:18px;padding:4px 14px;font-size:clamp(1rem,3vmin,1.5rem);font-weight:900;position:absolute;bottom:100%;left:50%;translate:-50%;box-shadow:0 4px #00000026}@media (prefers-reduced-motion:reduce){.sun-glow,.cloud,.river-shimmer,.foliage .sway{animation:none}}@media (width<=600px){.title-pill{padding:8px 16px}.star-pill{width:66px;font-size:1.1rem}.home-top-spacer{width:66px}}.app-bg{z-index:0;background:#c9f0e4;position:fixed;inset:0;overflow:hidden}.app-content{z-index:1;height:100%;position:relative}.screen{background:0 0}.abc-title,.game-title,.section-pill{color:#2e7d32;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#fffdf2,#f6e9c8);border:3px solid #fff;border-radius:999px;padding:6px 22px;font-weight:900;overflow:hidden;box-shadow:0 5px #c9b27a}.abc-title,.game-title{flex:1;min-width:0;margin:0}.section-pill{flex:1;font-size:clamp(1.3rem,4vw,2rem)}.section-bar .section-badge{display:none}.learn-grid{flex:1;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:14px;min-height:0;margin-top:14px;display:grid}.learn-card{text-align:left;border:4px solid #fff;border-radius:28px;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:0;padding:14px 20px;display:flex;box-shadow:0 7px #00461e40,0 10px 18px #0000001f}.learn-emoji{margin-bottom:4px;font-size:clamp(2.8rem,min(10vh,12vw),5rem);line-height:1}.learn-title{color:#1b1b1b;font-size:clamp(1.2rem,min(3.6vh,4.6vw),2rem);font-weight:900;line-height:1.1}.learn-sub{font-size:clamp(.9rem,min(2.4vh,3.2vw),1.3rem);font-weight:700;line-height:1.2}@media (orientation:landscape) and (width>=700px){.learn-grid{grid-template-columns:repeat(3,1fr)}.num-card{grid-template-columns:1fr 1.25fr;align-content:center;justify-items:center;column-gap:24px;width:min(1180px,100%);display:grid}.num-card>:not(.num-grid){grid-column:1}.num-card>.num-grid{grid-area:1/2/span 4;align-self:center}.num-big{font-size:clamp(5rem,24vh,10rem)}}