*{box-sizing:border-box}body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:Comic Sans MS,Chalkboard SE,Segoe UI Rounded,system-ui,sans-serif}#root{min-height:100vh}button{font-family:inherit}.app{background:linear-gradient(#fff3bf 0%,#ffec99 40%,#ffd6e8 100%);flex-direction:column;min-height:100vh;display:flex}.home{flex-direction:column;flex:1;align-items:center;padding:2rem 1rem;display:flex}.app-title{color:#5c3d99;margin:.5rem 0 0;font-size:3rem}.app-subtitle{color:#7a6a53;margin:.25rem 0 1.5rem;font-size:1.5rem}.game-grid{grid-template-columns:1fr 1fr;gap:1.25rem;width:100%;max-width:560px;display:grid}.game-card{cursor:pointer;color:#fff;border:none;border-radius:28px;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;transition:transform .1s;display:flex;box-shadow:0 6px #0000001f}.game-card:active{transform:scale(.95)}.game-emoji{font-size:3.5rem;line-height:1}.game-name{font-size:1.4rem;font-weight:700}.game-screen{flex-direction:column;flex:1;min-height:100vh;display:flex}.game-header{justify-content:space-between;align-items:center;padding:1rem;display:flex}.back-btn{color:#5c3d99;cursor:pointer;background:#fff;border:none;border-radius:999px;padding:.6rem 1.2rem;font-size:1.3rem;font-weight:700;box-shadow:0 3px #0000001a}.score{color:#5c3d99;background:#fff;border-radius:999px;padding:.4rem 1.2rem;font-size:1.8rem;font-weight:800;box-shadow:0 3px #0000001a}.game-hint{text-align:center;color:#7a6a53;margin:0;padding:1rem;font-size:1.4rem}.coming-soon{color:#7a6a53;flex:1;justify-content:center;align-items:center;font-size:2rem;display:flex}.balloon-area{flex:1;position:relative;overflow:hidden}.balloon{cursor:pointer;border:none;border-radius:50%;padding:0;animation-name:float-up;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:-160px}.balloon:after{content:"";border-top:12px solid;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;top:100%;left:50%;transform:translate(-50%)}.balloon:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='55'%3E%3Cpath d='M9 0 Q 2 14, 9 27 T 9 55' stroke='%238a8a8a' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;width:18px;height:55px;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}@keyframes float-up{to{transform:translateY(-120vh)}}.animal-grid{grid-template-columns:1fr 1fr;gap:1.25rem;width:100%;max-width:560px;margin:0 auto;padding:0 1rem 2rem;display:grid}.animal-card{cursor:pointer;color:#fff;border:none;border-radius:28px;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem 1rem;display:flex;box-shadow:0 6px #0000001f}.animal-card:active{transform:scale(.95)}.animal-emoji{font-size:4rem;line-height:1.2;display:block}.animal-name{font-size:1.5rem;font-weight:700}.animal-card.bouncing .animal-emoji{animation:.6s animal-bounce}@keyframes animal-bounce{0%{transform:scale(1)}30%{transform:scale(1.3)rotate(-8deg)}60%{transform:scale(.9)rotate(8deg)}to{transform:scale(1)}}.memory-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%;max-width:560px;margin:0 auto;padding:1rem;display:grid}.memory-card{aspect-ratio:1;perspective:600px;cursor:pointer;background:0 0;border:none;padding:0}.memory-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s;position:relative}.memory-card.flipped .memory-inner{transform:rotateY(180deg)}.memory-face{backface-visibility:hidden;border-radius:20px;justify-content:center;align-items:center;font-size:2.5rem;display:flex;position:absolute;inset:0;box-shadow:0 4px #0000001f}.memory-front{color:#fff;background:linear-gradient(135deg,#b197fc,#9775fa)}.memory-back{background:#fff;transform:rotateY(180deg)}.memory-card.matched .memory-back{background:#d3f9d8;animation:.6s match-glow}@keyframes match-glow{0%{transform:rotateY(180deg)scale(1)}50%{transform:rotateY(180deg)scale(1.15)}to{transform:rotateY(180deg)scale(1)}}.win-overlay{z-index:10;background:#5c3d9973;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.win-card{text-align:center;background:#fff;border-radius:32px;padding:2.5rem 3rem;box-shadow:0 12px #00000026}.win-emoji{font-size:4rem}.win-card h2{color:#5c3d99;margin:.5rem 0;font-size:2rem}.win-card p{color:#7a6a53;margin:0 0 1.5rem;font-size:1.3rem}.play-again-btn{color:#fff;cursor:pointer;background:#51cf66;border:none;border-radius:999px;padding:.8rem 2rem;font-size:1.4rem;font-weight:700;box-shadow:0 4px #00000026}.play-again-btn:active{transform:scale(.95)}.color-prompt{color:#5c3d99;text-align:center;justify-content:center;align-items:center;gap:.5rem;margin:.5rem 0 1rem;padding:0 1rem;font-size:2.2rem;font-weight:800;display:flex}.prompt-color{text-transform:uppercase}.replay-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;width:3.2rem;height:3.2rem;font-size:1.6rem;box-shadow:0 3px #0000001a}.replay-btn:active{transform:scale(.9)}.color-grid{flex:1;grid-template-columns:1fr 1fr;gap:1.25rem;width:100%;max-width:560px;margin:0 auto;padding:0 1.5rem 2rem;display:grid}.color-btn{cursor:pointer;border:none;border-radius:28px;min-height:22vh;box-shadow:0 6px #0000001f}.color-btn.correct{animation:1s color-party}.color-btn.wrong{animation:.5s color-shake}@keyframes color-party{0%{transform:scale(1)}30%{transform:scale(1.08)rotate(-2deg)}60%{transform:scale(1.08)rotate(2deg)}to{transform:scale(1)}}@keyframes color-shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.music-pads{flex:1;justify-content:center;align-items:flex-start;gap:.6rem;width:100%;max-width:560px;margin:0 auto;padding:1.5rem 1rem;display:flex}.music-pad{cursor:pointer;border:none;border-radius:18px;flex:1;justify-content:center;align-items:flex-end;padding-bottom:1rem;transition:transform 80ms,filter 80ms;display:flex;box-shadow:0 6px #00000026}.music-pad.active{filter:brightness(1.25);transform:translateY(6px)}.music-note{color:#ffffffe6;font-size:2rem}.shape-btn{cursor:pointer;background:#fff;border:none;border-radius:28px;justify-content:center;align-items:center;min-height:20vh;display:flex;box-shadow:0 6px #0000001f}.shape-btn.correct{animation:1s color-party}.shape-btn.wrong{animation:.5s color-shake}.shape{width:90px;height:90px}.shape-circle{border-radius:50%}.shape-triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.shape-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.shape-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.count-fruits{flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:6rem;padding:1rem;font-size:3.5rem;display:flex}.count-answers{justify-content:center;gap:1rem;padding:1rem 1rem 2rem;display:flex}.count-btn{color:#5c3d99;cursor:pointer;background:#fff;border:none;border-radius:24px;width:5rem;height:5rem;font-size:2.2rem;font-weight:800;box-shadow:0 4px #0000001f}.count-btn.correct{background:#d3f9d8;animation:1s color-party}.count-btn.wrong{animation:.5s color-shake}.music-toggle{cursor:pointer;z-index:50;background:#ffffffeb;border:none;border-radius:50%;width:3.2rem;height:3.2rem;font-size:1.6rem;position:fixed;bottom:1rem;right:1rem;box-shadow:0 3px #0000001f}.music-toggle:active{transform:scale(.9)}