:root{--pink: #EC4899;--pink-dark: #DB2777;--purple: #8B5CF6;--purple-dark: #7C3AED;--gold: #F59E0B;--green: #22C55E;--sky: #38BDF8;--red: #F43F5E;--bg: #FDF2F8;--ink: #3B2A3E;--muted: #8a6d85;--card: #ffffff;--shadow-clay: 0 6px 0 rgba(0, 0, 0, .08), 0 14px 26px rgba(236, 72, 153, .14);--radius: 26px;--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100dvh}body{font-family:Comic Neue,"Baloo 2",system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 12%,rgba(139,92,246,.16),transparent 34%),radial-gradient(circle at 88% 8%,rgba(236,72,153,.16),transparent 32%),radial-gradient(circle at 50% 100%,rgba(245,158,11,.14),transparent 40%),var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:"Baloo 2",Comic Neue,sans-serif}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.app{max-width:900px;margin:0 auto;padding:1rem 1rem 2rem;min-height:100dvh}.clay{background:var(--card);border-radius:var(--radius);border:3px solid rgba(0,0,0,.06);box-shadow:var(--shadow-clay);transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease}.clay:active{transform:translateY(4px);box-shadow:0 2px #00000014,0 6px 12px #ec48991f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.8rem 1.5rem;border-radius:var(--radius-pill);font-family:"Baloo 2",sans-serif;font-size:1.15rem;font-weight:700;min-height:52px;transition:transform .16s ease,filter .16s ease}.btn:active{transform:translateY(3px)}.btn-primary{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;box-shadow:0 6px #7c3aed59,0 12px 22px #ec489947}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:#fff;color:var(--purple-dark);border:3px solid #ead6f7;box-shadow:0 6px #8b5cf61f}.icon-btn{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;color:var(--purple-dark)}.icon-btn:hover{transform:translateY(-2px)}.screen{min-height:calc(100dvh - 2rem);display:flex;flex-direction:column}.game{gap:0}.home{align-items:center;justify-content:center;text-align:center;gap:2rem}.home-header{display:flex;flex-direction:column;align-items:center;gap:.7rem}.badge-stars{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,var(--gold),#FBBF24);color:#7c2d12;font-family:"Baloo 2";font-weight:800;font-size:1.25rem;padding:.35rem 1.1rem;border-radius:var(--radius-pill);box-shadow:0 5px #b4530959}.spin-star{animation:spin 7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home-title{font-size:clamp(2.4rem,8vw,4rem);line-height:1.1}.home-title .name{display:inline-block;background:linear-gradient(135deg,var(--pink),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.home-sub{font-size:1.3rem;color:var(--muted);font-weight:700}.float-sparkles{color:var(--gold);animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.games-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;width:100%}.game-card{padding:1.6rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.7rem;text-align:center;flex:1 1 250px;max-width:300px}.game-card:hover{transform:translateY(-5px) rotate(-1deg)}.game-card h2{font-size:1.45rem}.game-card p{color:var(--muted);font-weight:700;font-size:1rem}.game-icon{width:92px;height:92px;border-radius:28px;display:grid;place-items:center;color:#fff;margin-bottom:.3rem}.game-card.pink .game-icon{background:linear-gradient(135deg,#ec4899,#f472b6);box-shadow:0 6px #db277766}.game-card.purple .game-icon{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 6px #7c3aed66}.game-card.gold .game-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 6px #d9770666}.game-card.sky .game-icon{background:linear-gradient(135deg,#38bdf8,#7dd3fc);box-shadow:0 6px #0284c766}.game-card.green .game-icon{background:linear-gradient(135deg,#22c55e,#4ade80);box-shadow:0 6px #15803d66}.home-foot{color:var(--muted);font-weight:700;font-size:1.05rem}.game-top{display:flex;align-items:center;gap:.8rem;padding:.5rem 0 1rem}.game-title{flex:1;text-align:center;font-family:"Baloo 2";font-weight:800;font-size:1.5rem}.game-score{display:inline-flex;align-items:center;gap:.35rem;background:#fff;color:#b45309;font-family:"Baloo 2";font-weight:800;font-size:1.05rem;padding:.4rem .95rem;border-radius:var(--radius-pill);border:3px solid rgba(0,0,0,.05);box-shadow:0 4px #f59e0b40}.balloon-stage{position:relative;flex:1;min-height:60vh;border-radius:var(--radius);background:linear-gradient(180deg,#eef7ff,#fbe9f5);border:3px solid #fff;box-shadow:inset 0 2px 10px #8b5cf614;overflow:hidden}.balloon{position:absolute;left:var(--x);bottom:var(--y);display:flex;flex-direction:column;align-items:center;animation:floaty var(--dur) ease-in-out var(--delay) infinite;transition:opacity .25s ease,transform .25s ease}.balloon-body{width:74px;height:88px;border-radius:50%/44% 44% 56% 56%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.75),transparent 34%),var(--c);display:grid;place-items:center;color:#fff;font-family:"Baloo 2";font-weight:800;font-size:2.3rem;box-shadow:inset -6px -10px 18px #00000029,0 10px 20px #00000026;transition:transform .12s ease}.balloon:hover .balloon-body{transform:scale(1.08)}.balloon-string{width:3px;height:52px;background:#00000038;border-radius:3px}.balloon.is-popped{animation:none;opacity:0;transform:scale(.2);pointer-events:none}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}.letter-flash{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:40;text-align:center}.letter-big{font-family:"Baloo 2";font-size:clamp(7rem,28vw,16rem);font-weight:800;color:#fff;text-shadow:0 6px 0 rgba(0,0,0,.12),0 18px 40px rgba(236,72,153,.4);animation:popIn .4s cubic-bezier(.16,1,.3,1)}.letter-word{font-family:"Baloo 2";font-size:2.4rem;font-weight:700;color:var(--pink-dark);animation:popIn .4s .08s both}@keyframes popIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:560px;margin:1rem auto;width:100%}.memory-card{position:relative;aspect-ratio:3 / 3.4;border-radius:20px;perspective:800px;background:transparent}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:20px;backface-visibility:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1)}.card-back{background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;border:3px solid #fff;box-shadow:0 5px #7c3aed59}.card-front{background:#fff;color:var(--c);transform:rotateY(180deg);border:3px solid #fff;box-shadow:0 5px #00000014}.memory-card.open .card-back{transform:rotateY(180deg)}.memory-card.open .card-front{transform:rotateY(0)}.memory-card.matched .card-front{box-shadow:0 0 0 4px var(--c),0 5px #00000014;animation:matchPulse .5s ease}@keyframes matchPulse{0%,to{transform:rotateY(0) scale(1)}50%{transform:rotateY(0) scale(1.1)}}.count-prompt{text-align:center;font-family:"Baloo 2";font-weight:800;font-size:1.9rem;margin:1rem 0 .3rem}.animal-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:1.5rem auto;min-height:96px}.animal-chip{width:92px;height:92px;border-radius:26px;background:#fff;color:var(--c);display:grid;place-items:center;border:3px solid #fff;box-shadow:0 6px #00000014,0 12px 20px #0000000f;animation:popIn .35s ease both}.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.answer-row{display:flex;justify-content:center;gap:1rem;margin:1.5rem auto}.answer-btn{width:88px;height:88px;border-radius:24px;font-family:"Baloo 2";font-weight:800;font-size:2.6rem;color:var(--purple-dark)}.answer-btn:hover{transform:translateY(-3px) scale(1.04)}.round-dots{display:flex;justify-content:center;gap:.4rem;color:#e9d5f0;margin-top:auto;padding:1rem 0}.round-dots .done{color:var(--gold);fill:var(--gold)}.quiz-prompt{text-align:center;font-family:"Baloo 2";font-weight:800;font-size:1.9rem;margin:1rem 0 .3rem}.object-display{display:flex;justify-content:center;margin:1.2rem auto}.object-chip{display:flex;flex-direction:column;align-items:center;gap:.8rem;width:190px;padding:1.6rem 1rem;color:var(--c);background:#fff;border-radius:30px}.object-chip:hover{transform:translateY(-3px)}.listen-hint{display:inline-flex;align-items:center;gap:.4rem;font-family:"Baloo 2";font-weight:700;font-size:1.05rem;color:var(--muted)}.color-btn{display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:.9rem 1.2rem;border-radius:24px;min-width:92px}.color-btn:hover{transform:translateY(-3px) scale(1.04)}.color-swatch{width:52px;height:52px;border-radius:18px;box-shadow:0 5px #0000001f,inset -4px -6px 12px #0000001f}.color-label{font-family:"Baloo 2";font-weight:800;font-size:1.2rem;color:var(--ink)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3b2a3e73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;display:grid;place-items:center;padding:1rem;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.celebrate{position:relative;overflow:hidden;background:#fff;border-radius:32px;padding:2.4rem 1.8rem;text-align:center;max-width:440px;width:100%}.celebrate h2{font-size:2.1rem;margin:.6rem 0 .3rem}.celebrate p{color:var(--muted);font-size:1.15rem;font-weight:700;margin-bottom:1.4rem}.stars-row{display:flex;justify-content:center;gap:.4rem}.win-star{color:var(--gold);fill:var(--gold);animation:starPop .5s cubic-bezier(.16,1,.3,1) both}.stars-row .win-star:nth-child(2){animation-delay:.12s}.stars-row .win-star:nth-child(3){animation-delay:.24s}@keyframes starPop{0%{transform:scale(0) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.celebrate-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti-bit{position:absolute;top:-18px;width:12px;height:18px;border-radius:3px;animation:confettiFall 2.8s linear infinite}@keyframes confettiFall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(108vh) rotate(720deg);opacity:0}}@media (max-width: 640px){.game-card{flex-direction:row;text-align:right;justify-content:flex-start;gap:1rem;padding:1rem 1.2rem;flex:1 1 100%;max-width:100%}.game-icon{width:68px;height:68px;border-radius:20px;flex-shrink:0}.game-card h2{font-size:1.3rem}.memory-grid{gap:.7rem}.balloon-body{width:60px;height:72px;font-size:1.9rem}.answer-btn{width:72px;height:72px;font-size:2.1rem}.animal-chip{width:76px;height:76px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}