@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700;800&display=swap";:root{--pink: #ff6b9d;--purple: #c44dff;--blue: #4dc9ff;--green: #51cf66;--yellow: #ffd43b;--orange: #ff922b;--red: #ff6b6b;--teal: #38d9a9;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--card-radius: 1.25rem;--shadow: 0 8px 32px rgba(0,0,0,.18);--font: "Baloo 2", cursive, system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;font-family:var(--font);overflow-x:hidden}body{background:linear-gradient(135deg,#a18cd1,#fbc2eb,#f6d365);background-attachment:fixed}#root{min-height:100vh}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #ffd43b4d}50%{box-shadow:0 0 30px #ffd43bb3}}@keyframes rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes star-burst{0%{transform:scale(0) rotate(0);opacity:1}to{transform:scale(2) rotate(180deg);opacity:0}}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;position:relative}.page-title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:800;text-align:center;margin:1rem 0;background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;animation:bounce 2s ease-in-out infinite}.back-btn{position:fixed;top:1rem;left:1rem;z-index:100;background:#fff;border:3px solid var(--purple);border-radius:50%;width:52px;height:52px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:all .2s}.back-btn:hover{transform:scale(1.1);background:var(--purple);color:#fff}.btn{font-family:var(--font);font-weight:700;font-size:1.1rem;padding:.75rem 2rem;border:none;border-radius:2rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #00000026;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px) scale(1.03)}.btn:active{transform:translateY(0) scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff}.btn-success{background:linear-gradient(135deg,var(--green),var(--teal));color:#fff}.btn-warning{background:linear-gradient(135deg,var(--yellow),var(--orange));color:#333}.btn-info{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff}.stars-display{display:flex;gap:.25rem;font-size:1.5rem;justify-content:center}.score-badge{background:linear-gradient(135deg,var(--yellow),var(--orange));color:#333;font-weight:800;padding:.4rem 1.2rem;border-radius:2rem;font-size:1.1rem;display:inline-flex;align-items:center;gap:.4rem;box-shadow:0 4px 15px #ffd43b66;animation:pulse-glow 2s infinite}.home-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem;position:relative}.home-mascot{font-size:5rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));margin-bottom:.5rem}.home-title{font-size:clamp(2rem,7vw,3.5rem);font-weight:800;text-align:center;background:linear-gradient(135deg,#ff6b9d,#c44dff,#4dc9ff,#51cf66,#ffd43b);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite;line-height:1.2;margin-bottom:.25rem}.home-subtitle{font-size:1.15rem;color:#502864b3;text-align:center;font-weight:600;margin-bottom:2rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:1.1rem;width:100%;max-width:700px;padding:0 .5rem}.game-card{background:#fff;border-radius:var(--card-radius);padding:1.4rem 1rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow);border:3px solid transparent;position:relative;overflow:hidden;animation:slide-up .5s ease-out both}.game-card:nth-child(1){animation-delay:.05s}.game-card:nth-child(2){animation-delay:.1s}.game-card:nth-child(3){animation-delay:.15s}.game-card:nth-child(4){animation-delay:.2s}.game-card:nth-child(5){animation-delay:.25s}.game-card:nth-child(6){animation-delay:.3s}.game-card:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 12px 40px #0003}.game-card-icon{font-size:3rem;display:block;margin-bottom:.5rem;transition:transform .3s}.game-card:hover .game-card-icon{animation:wiggle .5s ease-in-out}.game-card-title{font-size:1rem;font-weight:700;color:#333;margin-bottom:.25rem}.game-card-desc{font-size:.78rem;color:#888;font-weight:500}.game-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;border-radius:0 0 var(--card-radius) var(--card-radius)}.game-card:nth-child(1):after{background:var(--pink)}.game-card:nth-child(2):after{background:var(--purple)}.game-card:nth-child(3):after{background:var(--blue)}.game-card:nth-child(4):after{background:var(--green)}.game-card:nth-child(5):after{background:var(--orange)}.game-card:nth-child(6):after{background:var(--teal)}.floating-stars{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}.floating-stars span{position:absolute;font-size:1.5rem;opacity:.25;animation:float 4s ease-in-out infinite}.memory-game{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding-top:4rem}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;width:100%;max-width:380px}.memory-card{aspect-ratio:1;border-radius:1rem;border:3px solid rgba(255,255,255,.5);background:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #0000001a;position:relative;-webkit-user-select:none;user-select:none}.memory-card:hover:not(.flipped):not(.matched){transform:scale(1.06);border-color:var(--purple)}.memory-card.flipped{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:var(--green);animation:pop .3s ease-out}.memory-card.matched{background:linear-gradient(135deg,#fff9c4,#fff59d);border-color:var(--yellow);cursor:default;animation:bounce .5s ease}.memory-card .card-front{display:none}.memory-card .card-back{font-size:1.6rem}.memory-card.flipped .card-front,.memory-card.matched .card-front{display:block}.memory-card.flipped .card-back,.memory-card.matched .card-back{display:none}.game-info-bar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:center}.color-mixer{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:4rem}.mixer-display{width:180px;height:180px;border-radius:50%;border:6px solid white;box-shadow:0 8px 30px #0003,inset 0 -4px 15px #0000001a;transition:background .5s ease;animation:bounce 3s ease-in-out infinite}.color-palette{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.color-btn{width:56px;height:56px;border-radius:50%;border:4px solid white;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00000026}.color-btn:hover{transform:scale(1.2)}.color-btn.selected{border-color:#333;transform:scale(1.15);box-shadow:0 0 0 3px #0000004d}.mixer-slots{display:flex;gap:1rem;align-items:center}.mixer-slot{width:70px;height:70px;border-radius:50%;border:4px dashed rgba(255,255,255,.6);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:all .3s}.mixer-slot.filled{border-style:solid;border-color:#fff}.mixer-plus{font-size:2rem;color:#fff;font-weight:800}.color-result-label{font-size:1.3rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);background:#fff3;padding:.5rem 1.5rem;border-radius:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pattern-game{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:4rem}.pattern-sequence{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;align-items:center}.pattern-item{width:64px;height:64px;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;border:3px solid white;box-shadow:0 4px 12px #0000001a;animation:pop .3s ease-out both}.pattern-item:nth-child(1){animation-delay:.05s}.pattern-item:nth-child(2){animation-delay:.1s}.pattern-item:nth-child(3){animation-delay:.15s}.pattern-item:nth-child(4){animation-delay:.2s}.pattern-item:nth-child(5){animation-delay:.25s}.pattern-item:nth-child(6){animation-delay:.3s}.pattern-placeholder{width:64px;height:64px;border-radius:1rem;border:4px dashed var(--yellow);background:#ffffff4d;display:flex;align-items:center;justify-content:center;font-size:2rem;animation:pulse-glow 1.5s infinite}.pattern-choices{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.pattern-choice{width:70px;height:70px;border-radius:1rem;background:#fff;border:3px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;font-size:2.2rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00000014}.pattern-choice:hover{transform:scale(1.12);border-color:var(--purple);box-shadow:0 6px 20px #c44dff4d}.counting-game{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:4rem}.counting-display{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;padding:1.5rem;background:#ffffff40;border-radius:var(--card-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:100px;align-items:center;max-width:380px}.counting-item{font-size:2.5rem;animation:pop .3s ease-out both;cursor:pointer;transition:transform .2s;-webkit-user-select:none;user-select:none}.counting-item:hover{transform:scale(1.3)}.counting-choices{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.counting-choice{width:64px;height:64px;border-radius:50%;background:#fff;border:3px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;color:#333;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00000014}.counting-choice:hover{transform:scale(1.15);border-color:var(--green)}.story-builder{width:100%;max-width:550px;display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding-top:4rem}.story-stage{width:100%;background:#fff;border-radius:var(--card-radius);padding:1.5rem;box-shadow:var(--shadow);min-height:180px;display:flex;flex-direction:column;align-items:center;gap:.8rem}.story-scene{font-size:4rem;animation:float 3s ease-in-out infinite}.story-text{font-size:1.1rem;color:#444;text-align:center;line-height:1.6;font-weight:600}.story-step-label{font-size:.85rem;color:#999;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.story-options{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.story-option{padding:.7rem 1.2rem;border-radius:2rem;background:#fff;border:3px solid rgba(0,0,0,.08);font-family:var(--font);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00000014;display:flex;align-items:center;gap:.4rem}.story-option:hover{transform:translateY(-3px) scale(1.05);border-color:var(--pink);box-shadow:0 6px 20px #ff6b9d4d}.word-scramble{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:4rem}.scramble-word{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.scramble-letter{width:52px;height:60px;border-radius:.8rem;background:#fff;border:3px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;color:#333;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00000014;text-transform:uppercase}.scramble-letter:hover{transform:translateY(-4px);border-color:var(--blue)}.scramble-letter.used{opacity:.3;transform:scale(.9);cursor:default}.scramble-answer{display:flex;gap:.4rem;min-height:60px}.scramble-slot{width:52px;height:60px;border-radius:.8rem;border:3px dashed var(--purple);background:#ffffff4d;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;color:#fff;text-transform:uppercase;cursor:pointer;transition:all .2s}.scramble-slot.filled{background:#fff;border-style:solid;color:#333;animation:pop .2s ease-out}.scramble-hint{font-size:1rem;color:#fffc;background:#fff3;padding:.5rem 1.2rem;border-radius:2rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confetti-container{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1000;overflow:hidden}.confetti-piece{position:absolute;top:-10px;width:12px;height:12px;border-radius:2px;animation:confetti-fall linear forwards}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:pop .3s ease-out}.win-card{background:#fff;border-radius:var(--card-radius);padding:2.5rem 2rem;text-align:center;max-width:340px;width:90%;box-shadow:0 20px 60px #0000004d;animation:bounce .5s ease}.win-emoji{font-size:4rem;margin-bottom:.5rem}.win-title{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.3rem}.win-subtitle{font-size:1rem;color:#888;margin-bottom:1.2rem}.win-stars{font-size:2.5rem;margin-bottom:1.2rem}.win-buttons{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}@media(max-width:480px){.games-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.memory-board{gap:.4rem}.memory-card{font-size:1.5rem}.home-mascot{font-size:3.5rem}}