:root{--bg-page: #fff2f8;--surface-card: #ffffff;--surface-sunk: #fce7f1;--action-pink: #d61f69;--action-pink-press: #b01456;--secondary-purple: #6a3cb5;--sunshine: #ffcf33;--star-gold: #f5b301;--success-green: #0b7a45;--ink-primary: #3a2233;--ink-secondary: #70495d;--ink-muted: #805d77;--border-soft: #f3d9e6;--border-strong: #e7b9cf;--focus-ring: #6a3cb5;--galaxy-bg-top: #1a1140;--galaxy-bg-bot: #2d1a5c;--galaxy-star-lit: #ffe38a;--galaxy-star-dim: #5b4a94;--font: "SF Pro Rounded", ui-rounded, "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", "Comic Sans MS", system-ui, sans-serif;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-pop: cubic-bezier(.22, 1.4, .4, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-page);color:var(--ink-primary);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation}.scene{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px;text-align:center;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.title{font-size:44px;color:var(--action-pink)}.subtitle{font-size:22px;color:var(--ink-secondary)}.big-button{min-width:220px;min-height:80px;border:none;border-radius:28px;background:var(--action-pink);color:#fff;font-family:var(--font);font-size:30px;font-weight:700;cursor:pointer;box-shadow:0 6px 0 var(--action-pink-press)}.big-button:active{transform:translateY(4px);box-shadow:0 2px 0 var(--action-pink-press)}.big-button.secondary{background:var(--secondary-purple);box-shadow:0 6px #4c2a85}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;width:100%;max-width:720px}.choice-card{background:var(--surface-card);border:3px solid var(--border-soft);border-radius:24px;padding:18px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-family:var(--font);font-size:22px;color:var(--ink-primary)}.choice-card img{width:128px;height:128px;object-fit:contain;pointer-events:none}.choice-card .emoji{font-size:80px;line-height:1}.choice-card.wrong{animation:wiggle .5s;border-color:var(--border-strong);filter:saturate(.25)}.choice-card.right{border-color:var(--star-gold);background:#fffaf0;animation:rightPulse .6s var(--ease-pop);box-shadow:0 0 0 6px #f5b30166,0 0 34px #f5b301bf}.card-grid>*{animation:bounceIn .45s backwards}.card-grid>*:nth-child(2){animation-delay:.08s}.card-grid>*:nth-child(3){animation-delay:.16s}.card-grid>*:nth-child(4){animation-delay:.24s}@keyframes bounceIn{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@keyframes happyBounce{0%,to{transform:scale(1)}35%{transform:scale(1.12)}65%{transform:scale(.96)}}[data-input-focused=true]{outline:4px solid var(--focus-ring);outline-offset:3px}button[data-pressed]{transform:scale(.92);transition:transform .05s ease-out}.press-release{animation:springBack .3s var(--ease-pop)}@keyframes springBack{0%{transform:scale(.92)}45%{transform:scale(1.06)}75%{transform:scale(.98)}to{transform:scale(1)}}.choice-card,.bubble,.count-option,.sort-bin,.memory-card,.sort-item,.bubble-track{position:relative}.burst{position:absolute;inset:0;pointer-events:none;z-index:5}.burst span{position:absolute;left:50%;top:50%;font-size:24px;animation:burstFly .55s ease-out forwards}@keyframes burstFly{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(calc(-50% + var(--bx)),calc(-50% + var(--by))) scale(1.15);opacity:0}}@keyframes rightPulse{0%{transform:scale(1)}40%{transform:scale(1.16)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.celebrate-overlay{position:fixed;inset:0;background:linear-gradient(var(--galaxy-bg-top),var(--galaxy-bg-bot));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:50}.celebrate-overlay .stars{font-size:84px;letter-spacing:8px}.celebrate-overlay .star-pop{display:inline-block;animation:pop .6s ease-out backwards}.celebrate-overlay .praise{font-size:40px;font-weight:700;color:var(--galaxy-star-lit);animation:fadeIn .6s .8s backwards}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti span{position:absolute;top:-50px;font-size:30px;animation:confettiFall linear infinite backwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(300deg);opacity:.7}}@keyframes pop{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.speak-button{position:fixed;top:18px;right:18px;width:72px;height:72px;border-radius:50%;border:none;background:var(--secondary-purple);color:#fff;font-size:34px;cursor:pointer}.sticker-earned{font-size:96px;animation:pop .8s ease-out}.reroll-button{position:fixed;top:102px;left:18px;width:72px;height:72px;border-radius:50%;border:none;background:var(--surface-sunk);font-size:30px;cursor:pointer}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,160px));gap:16px;justify-content:center}.memory-card{aspect-ratio:1;border:3px solid var(--border-soft);border-radius:20px;background:var(--secondary-purple);display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font);transition:transform .2s}.memory-card .emoji{font-size:56px}.memory-card.up{background:var(--surface-card)}.memory-card.done{background:#f0faf5;border-color:var(--success-green);transform:scale(.96)}.memory-card img{width:80%;height:80%;object-fit:contain;pointer-events:none}.sort-item{display:flex;flex-direction:column;align-items:center;gap:8px}.sort-item img{width:180px;height:180px;object-fit:contain}.sort-item .emoji{font-size:120px}.sort-item.wrong{animation:wiggle .5s}.sort-noun{font-size:32px;font-weight:700;color:var(--ink-primary)}.sort-bins{display:flex;gap:32px}.sort-bin{min-width:160px;min-height:120px;border:none;border-radius:28px;background:var(--action-pink);color:#fff;font-family:var(--font);font-size:52px;font-weight:800;cursor:pointer;box-shadow:0 6px 0 var(--action-pink-press)}.sort-bin.la{background:var(--secondary-purple);box-shadow:0 6px #4c2a85}.bubble-scene{justify-content:flex-start;padding-top:72px}.bubble-sky{position:relative;width:100%;max-width:720px;flex:1}.bubble-track{position:absolute;animation:bubbleBob ease-in-out infinite alternate}@keyframes bubbleBob{0%{transform:translateY(-14px) rotate(-2deg)}to{transform:translateY(14px) rotate(2deg)}}.bubble{width:clamp(140px,24vmin,200px);height:clamp(140px,24vmin,200px);border-radius:50%;border:4px solid rgba(106,60,181,.35);background:radial-gradient(circle at 30% 30%,#ffffff,var(--surface-sunk));display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font)}.bubble img{width:78%;height:78%;object-fit:contain;pointer-events:none;border-radius:50%}.bubble .emoji{font-size:56px}.bubble{animation:bounceIn .45s var(--ease-pop) backwards}.bubble.wrong{animation:wiggle .5s;filter:saturate(.25)}.bubble-track.popped .bubble{animation:bubblePopOut .4s ease-out forwards}@keyframes bubblePopOut{0%{transform:scale(1)}30%{transform:scale(1.3);opacity:1}to{transform:scale(0);opacity:0}}.count-field{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:560px;font-size:72px}.count-object{transition:transform .2s}.count-object.counted{transform:scale(1.25);filter:drop-shadow(0 0 10px var(--sunshine))}.count-options{display:flex;gap:20px}.count-option{min-width:140px;min-height:130px;border:3px solid var(--border-soft);border-radius:24px;background:var(--surface-card);font-family:var(--font);color:var(--ink-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.count-numeral{font-size:56px;font-weight:800;color:var(--action-pink)}.count-word{font-size:22px}.count-option.wrong{animation:wiggle .5s;border-color:var(--border-strong);filter:saturate(.25)}.count-option.right{border-color:var(--star-gold);background:#fffaf0;animation:rightPulse .6s var(--ease-pop);box-shadow:0 0 0 6px #f5b30166,0 0 34px #f5b301bf}.story-shelf{min-height:64px;padding:14px 28px;border:none;border-radius:24px;background:var(--secondary-purple);color:#fff;font-family:var(--font);font-size:24px;font-weight:700;cursor:pointer;box-shadow:0 5px #4c2a85}.story-page{background:var(--surface-card);border:3px solid var(--border-soft);border-radius:28px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;font-family:var(--font);max-width:560px}.story-page img{width:min(60vw,380px);height:auto}.story-page .emoji{font-size:130px}.story-line{font-size:26px;color:var(--ink-primary);line-height:1.4}.runner-field{position:relative;width:100%;max-width:720px;flex:1;overflow:hidden;border-radius:24px;background:linear-gradient(#fff7fb,var(--surface-sunk));touch-action:none}.runner-item{position:absolute;width:110px;height:110px;transform:translate(-50%);pointer-events:none}.runner-item img{width:100%;height:100%;object-fit:contain}.runner-item .emoji{font-size:72px}.runner-basket{position:absolute;top:82%;left:50%;transform:translate(-50%);font-size:84px;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(58,34,51,.25))}.karaoke-stage{display:flex;flex-direction:column;align-items:center;gap:14px}.karaoke-stage img{width:220px;height:220px;object-fit:contain}.karaoke-stage .emoji{font-size:140px}.karaoke-term{font-size:36px;font-weight:800;color:var(--action-pink)}.karaoke-mic{font-size:64px;opacity:.55}.karaoke-mic.live{opacity:1;animation:pulse .9s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.galaxy-scene{justify-content:flex-start;padding-top:84px}.star-chip{position:fixed;top:18px;left:18px;min-height:56px;padding:12px 20px;border-radius:28px;background:var(--surface-sunk);font-size:24px;display:flex;align-items:center;touch-action:none}.galaxy{width:100%;max-width:720px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:24px;border-radius:32px;background:linear-gradient(var(--galaxy-bg-top),var(--galaxy-bg-bot))}.constellation{border:none;border-radius:24px;background:#ffffff0f;color:#fff;padding:14px;min-height:180px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font-family:var(--font)}.constellation svg{width:100%;height:90px}.constellation .star-lit{fill:var(--galaxy-star-lit);animation:twinkle 2.2s ease-in-out infinite alternate}.constellation .star-warm{fill:#cfa3e8;animation:twinkle 3s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:1}to{opacity:.55}}.constellation .star-dim{fill:var(--galaxy-star-dim)}.constellation-label{font-size:22px;font-weight:700;display:flex;gap:8px;align-items:center}.constellation-emoji{font-size:28px}.constellation-count{font-size:16px;color:#cdbff0}.constellation-warm{color:#cfa3e8}.constellation.locked{opacity:.55}.parent-dashboard{max-width:640px;margin:0 auto;padding:32px 24px 48px;display:flex;flex-direction:column;gap:18px;font-size:17px;color:var(--ink-secondary);user-select:text;-webkit-user-select:text}.parent-dashboard h2{color:var(--ink-primary);font-size:28px}.parent-dashboard h3{color:var(--ink-primary);font-size:19px}.parent-dashboard textarea{width:100%;min-height:90px;margin:10px 0;border:2px solid var(--border-strong);border-radius:12px;padding:10px;font-family:var(--font);font-size:14px}.parent-dashboard .big-button{font-size:20px;min-height:56px;min-width:160px}.parent-unit{background:var(--surface-card);border:2px solid var(--border-soft);border-radius:16px;padding:14px}.parent-bar{height:12px;border-radius:6px;background:var(--surface-sunk);margin:10px 0;overflow:hidden}.parent-bar-fill{height:100%;background:var(--action-pink);border-radius:6px}.parent-note{background:var(--surface-sunk);border-radius:10px;padding:10px;word-break:break-all;max-height:140px;overflow-y:auto}.parent-rules p{line-height:1.5}.parent-toggle{display:flex;gap:10px;align-items:flex-start;line-height:1.4;cursor:pointer}.parent-toggle input{width:22px;height:22px;margin-top:2px;accent-color:var(--action-pink)}.slow-button{position:fixed;top:102px;right:18px;width:72px;height:72px;border-radius:50%;border:none;background:var(--surface-sunk);font-size:32px;cursor:pointer}.slow-button.on{background:var(--sunshine);box-shadow:0 0 0 5px #ffcf3373}.home-button{position:fixed;top:18px;left:18px;width:72px;height:72px;border-radius:50%;border:none;background:var(--surface-sunk);font-size:30px;cursor:pointer}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}