:root{--bg-sky: #F4F9FF;--bg-cream: #FFF9F0;--surface: #FFFFFF;--numbers: #3BA3F5;--numbers-ink: #1B5FA0;--letters: #FF8A3D;--letters-ink: #B8501A;--success: #4CC38A;--gentle: #FFC93C;--ink: #2E3A46;--ink-soft: #6B7A8B;--n1: #FF6B6B;--n2: #FFA23A;--n3: #FFD23F;--n4: #8FD14F;--n5: #4CC38A;--n6: #3BC9DB;--n7: #3BA3F5;--n8: #7C6BF5;--n9: #C86BF5;--n10: #F56BB0;--font-teach: "Baloo2Fallback", system-ui, sans-serif;--font-ui: "NunitoFallback", system-ui, sans-serif;--touch-min: 88px;--touch-gap: 24px;--radius-lg: 24px;--radius-md: 16px;--stroke-w: 5px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;touch-action:none;background:var(--bg-sky);color:var(--ink);font-family:var(--font-ui)}button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer}img,svg{display:block}.sprite-sheet{position:absolute;width:0;height:0;overflow:hidden}#app{position:fixed;inset:0;padding:max(var(--space-3),var(--safe-t)) max(var(--space-3),var(--safe-r)) max(var(--space-3),var(--safe-b)) max(var(--space-3),var(--safe-l));overflow:hidden}#rotate-hint{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:var(--bg-cream);z-index:9999}@media(orientation:portrait){#app{display:none}#rotate-hint{display:flex}}.rotate-hint__icon{width:140px;height:140px;transform:rotate(0);animation:rotate-nudge 1.8s ease-in-out infinite}@keyframes rotate-nudge{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}@media(prefers-reduced-motion:reduce){.rotate-hint__icon{animation:none}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.btn{min-width:var(--touch-min);min-height:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 4px #00000014;transition:transform .22s cubic-bezier(.34,1.56,.64,1),opacity .22s ease}.btn:active{transform:scale(.94)}.card{border-radius:var(--radius-lg);background:var(--surface);border:var(--stroke-w) solid rgba(0,0,0,.06)}.icon{width:1em;height:1em;fill:currentColor}.is-gentle-shake{animation:gentle-shake .32s ease}@keyframes gentle-shake{0%,to{transform:translate(0) scale(1);opacity:1}30%{transform:translate(-6px) scale(1)}60%{transform:translate(6px) scale(1)}to{transform:translate(0) scale(1);opacity:.6}}.is-hint-glow{animation:hint-glow 1.4s ease-in-out infinite}@keyframes hint-glow{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.is-hint-dim{opacity:.4}.is-hint-hidden{opacity:0;pointer-events:none}.game-root{position:relative;flex:1;display:flex;flex-direction:column}.fx-canvas{position:absolute;inset:0;pointer-events:none}.choice-grid{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4)}.choice-card{min-width:var(--touch-min);min-height:var(--touch-min);width:140px;height:140px;border-radius:var(--radius-lg);background:var(--surface);font-family:var(--font-teach);font-size:64px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #00000014;transition:transform .22s cubic-bezier(.34,1.56,.64,1),opacity .22s ease}.choice-card:active{transform:scale(.94)}.n1{color:var(--n1)}.n2{color:var(--n2)}.n3{color:var(--n3)}.n4{color:var(--n4)}.n5{color:var(--n5)}.n6{color:var(--n6)}.n7{color:var(--n7)}.n8{color:var(--n8)}.n9{color:var(--n9)}.n10{color:var(--n10)}.scatter-slot-0{left:14%;top:22%}.scatter-slot-1{left:34%;top:14%}.scatter-slot-2{left:54%;top:24%}.scatter-slot-3{left:76%;top:16%}.scatter-slot-4{left:88%;top:42%}.scatter-slot-5{left:18%;top:55%}.scatter-slot-6{left:45%;top:48%}.scatter-slot-7{left:66%;top:60%}.scatter-slot-8{left:30%;top:80%}.scatter-slot-9{left:70%;top:84%}.screen{position:absolute;inset:0;display:flex;flex-direction:column}.screen--enter{opacity:0;animation:screen-fade-in .3s ease forwards}@keyframes screen-fade-in{0%{opacity:0}to{opacity:1}}.boot{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.boot__bo{width:140px;height:140px;animation:bo-breathe 2.4s ease-in-out infinite}@keyframes bo-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.03)}}.boot__track{width:200px;height:10px;border-radius:5px;background:#00000014;overflow:hidden}.boot__bar{width:100%;height:100%;background:var(--numbers);transform-origin:left center;animation:boot-progress .7s ease forwards}@keyframes boot-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tap-to-start{flex:1;width:100%;display:flex;align-items:center;justify-content:center}.tap-to-start__hand{width:160px;height:160px;animation:tap-pulse 1.2s ease-in-out infinite}@keyframes tap-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.75}}.home{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-5);position:relative}.home__door{width:200px;height:260px}.home__door .icon{width:100%;height:100%}.home__garden,.home__gate{position:absolute;width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-lg);background:var(--surface);display:flex;align-items:center;justify-content:center}.home__garden .icon,.home__gate .icon{width:40px;height:40px}.home__garden{top:var(--space-3);right:var(--space-3)}.home__gate{top:var(--space-3);left:var(--space-3)}.g1-tally{align-self:center;width:120px;height:120px;border-radius:var(--radius-lg);background:var(--surface);display:flex;align-items:center;justify-content:center;margin-top:var(--space-3)}.g1-tally__num{font-family:var(--font-teach);font-size:56px;font-weight:700;color:var(--numbers-ink)}.g1-field{position:relative;flex:1}.g1-object{position:absolute;width:88px;height:88px;transform:translate(-50%,-50%);transition:transform .32s ease,opacity .32s ease}.g1-object .icon{width:100%;height:100%}.g1-object.is-flying{transform:translate(-50%,-50%) scale(.2) translateY(-140px);opacity:0;pointer-events:none}.g3-board{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4)}.g3-basket{position:relative;width:160px;height:160px;border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 4px #00000014;transition:transform .22s cubic-bezier(.34,1.56,.64,1),opacity .22s ease}.g3-basket:active{transform:scale(.94)}.g3-basket__items{position:absolute;inset:12px}.g3-basket__items.is-rows-layout{position:static;inset:auto;height:100%;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:4px}.g3-basket__icon{position:absolute;width:34px;height:34px;transform:translate(-50%,-50%)}.g3-basket__items.is-rows-layout .g3-basket__icon{position:static;transform:none;width:24px;height:24px;flex:0 0 40%}.g3-basket__icon.slot-c{left:50%;top:50%}.g3-basket__icon.slot-tl{left:30%;top:30%}.g3-basket__icon.slot-tr{left:70%;top:30%}.g3-basket__icon.slot-bl{left:30%;top:70%}.g3-basket__icon.slot-br{left:70%;top:70%}.g4-sky{position:relative;flex:1}.g4-bubble{position:absolute;width:88px;height:88px;border-radius:50%;background:var(--surface);font-family:var(--font-teach);font-size:36px;font-weight:700;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);animation:bubble-drift 4s ease-in-out infinite;transition:transform .26s ease,opacity .26s ease}@keyframes bubble-drift{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-14px)}}.g4-bubble.is-popped{opacity:0;transform:translate(-50%,-50%) scale(1.6);pointer-events:none}.g4-staircase{display:flex;align-items:flex-end;gap:4px;height:60px;padding:0 var(--space-3) var(--space-2)}.g4-step{width:20px;background:var(--numbers);border-radius:4px 4px 0 0;height:100%}.world__home,.activity__home,.garden__home{position:absolute;top:var(--space-3);left:var(--space-3);width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-lg);background:var(--surface);display:flex;align-items:center;justify-content:center;z-index:5}.world__home .icon,.activity__home .icon,.garden__home .icon{width:40px;height:40px}.world__grid{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-6)}.world__game{width:140px;height:140px;border-radius:var(--radius-lg);background:var(--surface);display:flex;align-items:center;justify-content:center;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.world__game:active{transform:scale(.94)}.world__game .icon{width:72px;height:72px}.reward__stage{flex:1;width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.reward__bo{width:160px;height:160px}.reward__animal{width:120px;height:120px;animation:bo-breathe 1.6s ease-in-out infinite}.garden__grid{flex:1;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);overflow-y:auto}.garden__cell{width:88px;height:88px;border-radius:var(--radius-md);background:var(--surface);display:flex;align-items:center;justify-content:center}.garden__cell .icon{width:48px;height:48px}.garden__cell.is-locked{opacity:.4}.g7-row{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-3) var(--space-4)}.g7-house,.g7-bird{min-width:var(--touch-min);min-height:var(--touch-min);width:120px;height:120px;border-radius:var(--radius-lg);background:var(--surface);font-family:var(--font-teach);font-size:48px;font-weight:700;color:var(--letters-ink);display:flex;align-items:center;justify-content:center;transition:transform .22s cubic-bezier(.34,1.56,.64,1),opacity .22s ease}.g7-bird.is-selected{transform:scale(1.1) translateY(-8px)}.g7-house:active,.g7-bird:active{transform:scale(.94)}.g8-word{align-self:center;width:180px;height:180px;margin-top:var(--space-3);display:flex;align-items:center;justify-content:center}.g8-word__icon{width:100%;height:100%}.g10-grid{flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:var(--space-3);padding:var(--space-4);overflow-y:auto}.g10-cell{width:88px;height:88px;border-radius:var(--radius-md);background:var(--surface);font-family:var(--font-teach);font-size:36px;font-weight:700;color:var(--letters-ink);display:flex;align-items:center;justify-content:center;transition:transform .26s cubic-bezier(.34,1.56,.64,1)}.g10-cell.is-mastered{box-shadow:0 0 0 3px var(--success) inset}.g10-cell.is-flipped{transform:scale(1.15) rotateY(180deg)}.trace-stage{position:relative;flex:1;margin:var(--space-3);border-radius:var(--radius-lg);background:var(--surface);touch-action:none}.trace-guide,.trace-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.trace-guide__path{fill:none;stroke:#d8dee6;stroke-width:6;stroke-dasharray:4 6;stroke-linecap:round}.trace-guide__path.is-current{stroke:var(--numbers);opacity:.8}.trace-guide__path.is-done{stroke:var(--success);stroke-dasharray:none;opacity:1}.trace-guide__dot{fill:var(--success);animation:hint-glow 1.2s ease-in-out infinite}.trace-ghost-hand{position:absolute;left:50%;top:50%;width:56px;height:56px;opacity:0;transition:opacity .3s ease;pointer-events:none}.trace-stage.show-ghost-hand .trace-ghost-hand{opacity:1;animation:bubble-drift 1.6s ease-in-out infinite}.gate{flex:1;display:flex;align-items:center;justify-content:center}.gate__quiz{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.gate__sum{font-family:var(--font-teach);font-size:48px;color:var(--ink)}.gate__input{width:140px;height:60px;font-size:28px;text-align:center;border-radius:var(--radius-md);border:2px solid var(--ink-soft)}.parent__home{position:absolute;top:var(--space-3);left:var(--space-3);width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-lg);background:var(--surface);display:flex;align-items:center;justify-content:center;z-index:5}.parent__panel{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-4) var(--space-4);font-family:var(--font-ui);color:var(--ink)}.parent__grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-4)}.parent__cell{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;background:#e5e9ee;color:var(--ink-soft)}.parent__cell.is-learning{background:var(--gentle);color:var(--ink)}.parent__cell.is-mastered{background:var(--success);color:#fff}.parent__chart{display:flex;align-items:flex-end;gap:8px;height:80px;margin-bottom:var(--space-4)}.parent__bar{width:24px;background:var(--numbers);border-radius:4px 4px 0 0}.parent__bar.h-0{height:4%}.parent__bar.h-1{height:14%}.parent__bar.h-2{height:24%}.parent__bar.h-3{height:34%}.parent__bar.h-4{height:44%}.parent__bar.h-5{height:54%}.parent__bar.h-6{height:64%}.parent__bar.h-7{height:74%}.parent__bar.h-8{height:84%}.parent__bar.h-9{height:94%}.parent__bar.h-10{height:100%}.parent__settings{display:flex;flex-wrap:wrap;gap:var(--space-3)}.parent__setting{min-width:var(--touch-min);min-height:var(--touch-min);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--surface);display:flex;align-items:center;gap:var(--space-2);font-size:16px}.goodbye,.stretch{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.goodbye__bo,.stretch__bo{width:200px;height:200px;animation:bo-breathe 2.4s ease-in-out infinite}.privacy__home{position:absolute;top:var(--space-3);left:var(--space-3);width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-lg);background:var(--surface);display:flex;align-items:center;justify-content:center;z-index:5}.privacy__panel{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-4) var(--space-4);font-family:var(--font-ui);color:var(--ink);line-height:1.6;max-width:640px}.privacy__panel h1{font-size:22px;margin-bottom:var(--space-3)}.privacy__panel ul{padding-left:20px;margin:var(--space-3) 0}.privacy__panel li{margin-bottom:8px}.goodbye__gate{position:absolute;bottom:var(--space-4);right:var(--space-4);width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-lg);background:var(--surface);display:flex;align-items:center;justify-content:center}