:root{color-scheme:light;font-family:Nunito,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;overflow:hidden}.game-container{position:relative;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(180deg,#87ceeb,#b0e0e6 40%,#e0f7fa 70%,#90ee90,#228b22);user-select:none;-webkit-user-select:none}.sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.sun{position:absolute;top:20px;right:60px;width:80px;height:80px;background:radial-gradient(circle,#FFD700 30%,#FFA500 60%,transparent 70%);border-radius:50%;box-shadow:0 0 40px 15px #ffd7004d;animation:sunPulse 4s ease-in-out infinite}@keyframes sunPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.cloud{position:absolute;background:#fff;border-radius:50px;opacity:.7}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud-1{width:120px;height:40px;top:80px;left:-120px;animation:cloudMove 25s linear infinite}.cloud-1:before{width:50px;height:50px;top:-25px;left:20px}.cloud-1:after{width:40px;height:40px;top:-20px;left:60px}.cloud-2{width:100px;height:35px;top:150px;left:-100px;animation:cloudMove 35s linear infinite;animation-delay:10s}.cloud-2:before{width:45px;height:45px;top:-22px;left:15px}.cloud-2:after{width:35px;height:35px;top:-18px;left:50px}.cloud-3{width:140px;height:45px;top:250px;left:-140px;animation:cloudMove 30s linear infinite;animation-delay:5s}.cloud-3:before{width:55px;height:55px;top:-28px;left:25px}.cloud-3:after{width:45px;height:45px;top:-22px;left:70px}@keyframes cloudMove{0%{transform:translate(0)}to{transform:translate(calc(100vw + 200px))}}.ground{position:absolute;bottom:0;left:0;right:0;height:80px;pointer-events:none}.grass{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(180deg,transparent,#228B22);border-radius:50% 50% 0 0/20px 20px 0 0}.flower{position:absolute;bottom:20px;font-size:1.5rem;animation:flowerSway 3s ease-in-out infinite}.flower-1{left:10%;animation-delay:0s}.flower-2{left:30%;animation-delay:.5s}.flower-3{left:50%;animation-delay:1s}.flower-4{left:70%;animation-delay:1.5s}.flower-5{left:90%;animation-delay:2s}@keyframes flowerSway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:50;border-bottom:1px solid rgba(255,255,255,.2)}.hud-left,.hud-right{display:flex;align-items:center;gap:12px}.hud-score{display:flex;flex-direction:column;align-items:center;background:#fff3;padding:4px 16px;border-radius:12px}.hud-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#00000080;font-weight:700}.hud-value{font-size:1.4rem;font-weight:800;color:#2c3e50;line-height:1}.hud-streak{display:flex;align-items:center;gap:2px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);padding:4px 10px;border-radius:12px;animation:streakPop .3s ease-out,streakGlow 1s ease-in-out infinite alternate;box-shadow:0 2px 10px #ff6b6b66}@keyframes streakGlow{0%{box-shadow:0 2px 10px #ff6b6b66}to{box-shadow:0 2px 20px #ff6b6bb3}}@keyframes streakPop{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1)}}.streak-flame{font-size:1rem}.streak-count{font-size:.85rem;font-weight:800;color:#fff}.hud-center{display:flex;flex-direction:column;align-items:center}.hud-level{font-size:1rem;font-weight:800;color:#2c3e50;background:#ffffff4d;padding:4px 16px;border-radius:12px}.hud-lives{display:flex;gap:2px}.heart{font-size:1.2rem;transition:all .3s}.heart.alive{animation:heartBeat 1s ease-in-out infinite}.heart.dead{opacity:.4}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.balloon-wrapper{position:absolute;z-index:10;cursor:pointer;transition:transform .1s;animation:balloonFloat 3s ease-in-out infinite}@keyframes balloonFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}.balloon{position:absolute;z-index:10;cursor:pointer;transition:transform .1s}.balloon:not(.popped):hover{transform:scale(1.05)!important}.balloon-body{position:relative;width:90px;height:110px;background:var(--balloon-color);border-radius:50%/60% 60% 40% 40%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset -10px -5px 15px #0000001a,inset 10px 10px 15px #ffffff4d,0 4px 15px #0000001a;overflow:hidden}.balloon-shine{position:absolute;top:15px;left:15px;width:20px;height:20px;background:#ffffff80;border-radius:50%;filter:blur(4px)}.balloon-problem{font-size:.7rem;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);text-align:center;z-index:1;line-height:1.2;padding:4px}.balloon-string{width:2px;height:40px;background:#0003;margin:0 auto;position:relative}.balloon-string:after{content:"";position:absolute;bottom:0;left:-2px;width:6px;height:6px;background:#00000026;border-radius:50%}.balloon.popped{animation:pop .3s ease-out forwards;pointer-events:none}@keyframes pop{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}to{transform:scale(0);opacity:0}}.answer-row{display:flex;gap:6px;justify-content:center;margin-top:4px}.answer-btn{width:42px;height:42px;border-radius:50%;border:3px solid white;background:var(--balloon-color);color:#fff;font-size:.85rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:all .15s;font-family:inherit}.answer-btn:hover{transform:scale(1.15);box-shadow:0 4px 15px #0000004d}.answer-btn:active{transform:scale(.95)}.particle{position:absolute;border-radius:50%;pointer-events:none;z-index:30}.floating-text{position:absolute;font-size:1.2rem;font-weight:800;pointer-events:none;z-index:40;animation:floatUp 1.5s ease-out forwards;text-shadow:0 2px 4px rgba(0,0,0,.2);transform:translate(-50%)}@keyframes floatUp{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-80px) scale(1.5)}}.menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;background:#87ceebd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.menu-card{background:#fff;border-radius:24px;padding:40px;text-align:center;box-shadow:0 20px 60px #00000026;max-width:380px;width:90%;animation:menuSlideIn .5s ease-out}@keyframes menuSlideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.menu-balloon-icon{font-size:3rem;margin-bottom:8px;animation:menuBounce 2s ease-in-out infinite}@keyframes menuBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.menu-card h1{font-size:1.8rem;color:#2c3e50;margin-bottom:16px;font-weight:800}.final-score{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:16px;margin-bottom:12px;color:#fff}.final-score-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.final-score-value{font-size:2.5rem;font-weight:800;line-height:1.1}.final-score-level{font-size:.85rem;opacity:.8}.high-score{font-size:.85rem;color:#7f8c8d;margin-bottom:20px;font-weight:600}.start-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;padding:14px 40px;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #ff6b6b66;transition:all .2s;font-family:inherit;display:block;margin:0 auto 20px}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b80}.start-btn:active{transform:translateY(0)}.instructions{color:#7f8c8d;font-size:.8rem;line-height:1.8}.instructions p{margin:0}.level-up-notification{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:60;background:linear-gradient(135deg,gold,orange);color:#fff;font-size:2rem;font-weight:800;padding:16px 32px;border-radius:16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 30px #ffa50080;animation:levelUpPop 1.5s ease-out forwards;pointer-events:none}.level-up-star{font-size:1.5rem;animation:starSpin .5s ease-in-out infinite alternate}@keyframes starSpin{0%{transform:rotate(-15deg) scale(1)}to{transform:rotate(15deg) scale(1.2)}}@keyframes levelUpPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}30%{transform:translate(-50%,-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}@media(max-width:480px){.hud{padding:8px 12px;flex-wrap:wrap;gap:8px}.hud-center{order:-1;width:100%}.balloon-body{width:75px;height:95px}.balloon-problem{font-size:.6rem}.answer-btn{width:36px;height:36px;font-size:.75rem}.menu-card{padding:24px}.menu-card h1{font-size:1.4rem}}