:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;overflow:hidden;background:#0a0a0a;color:#fafafa}.game-container{position:relative;width:100vw;height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none}.sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#4a90d9,#87ceeb 40%,#b5e8c3 75%,#5a9e4b 75%,#3d7a33);z-index:0}.sun{position:absolute;top:6%;right:12%;width:70px;height:70px;background:radial-gradient(circle,#fff7a1 30%,#ffd700 70%,transparent 100%);border-radius:50%;box-shadow:0 0 40px 15px #ffd7004d;animation:sunPulse 4s ease-in-out infinite}@keyframes sunPulse{0%,to{box-shadow:0 0 40px 15px #ffd7004d}50%{box-shadow:0 0 60px 25px #ffd70073}}.cloud{position:absolute;background:#ffffffd9;border-radius:50px;filter:blur(1px)}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud-1{width:120px;height:40px;top:10%;left:15%;animation:cloudDrift 25s linear infinite}.cloud-1:before{width:50px;height:50px;top:-25px;left:20px}.cloud-1:after{width:35px;height:35px;top:-15px;left:60px}.cloud-2{width:90px;height:30px;top:18%;left:55%;animation:cloudDrift 35s linear infinite;animation-delay:-10s}.cloud-2:before{width:40px;height:40px;top:-20px;left:15px}.cloud-2:after{width:30px;height:30px;top:-10px;left:45px}.cloud-3{width:100px;height:35px;top:8%;left:80%;animation:cloudDrift 30s linear infinite;animation-delay:-5s}.cloud-3:before{width:45px;height:45px;top:-22px;left:18px}.cloud-3:after{width:32px;height:32px;top:-12px;left:55px}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 200px))}}.grass{position:absolute;bottom:0;left:0;right:0;height:28%;background:linear-gradient(180deg,#5a9e4b,#3d7a33 40%,#2d5a24);z-index:1}.grass:before{content:"";position:absolute;top:-15px;left:0;right:0;height:30px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 8px,#5a9e4b 8px,#5a9e4b 10px);filter:blur(1px)}.flowers{position:absolute;bottom:0;left:0;right:0;height:28%;z-index:2}.flower{position:absolute;bottom:0;transform:translate(-50%);animation:flowerSway 3s ease-in-out infinite}.flower:nth-child(odd){animation-delay:-1.5s}.flower-stem{width:3px;height:40px;background:#2d7a2d;margin:0 auto;border-radius:2px}.flower-head{width:20px;height:20px;border-radius:50%;margin:0 auto;position:relative;box-shadow:inset -3px -3px 6px #0003}@keyframes flowerSway{0%,to{transform:translate(-50%) rotate(-3deg)}50%{transform:translate(-50%) rotate(3deg)}}.butterfly{position:absolute;z-index:10;transition:transform .1s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.butterfly:hover{filter:drop-shadow(0 0 10px rgba(255,255,200,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.3))}.particle{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:15;transform-origin:center}.combo-badge{position:absolute;top:80px;left:50%;transform:translate(-50%);font-size:1.4rem;font-weight:800;color:gold;text-shadow:0 0 10px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.5);animation:comboPop .3s ease-out;z-index:20;pointer-events:none}@keyframes comboPop{0%{transform:translate(-50%) scale(.5);opacity:0}60%{transform:translate(-50%) scale(1.2)}to{transform:translate(-50%) scale(1);opacity:1}}.catch-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(255,215,0,.8),0 4px 8px rgba(0,0,0,.5);animation:catchTextPop .8s ease-out forwards;z-index:25;pointer-events:none}@keyframes catchTextPop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}20%{transform:translate(-50%,-50%) scale(1.3);opacity:1}to{transform:translate(-50%,-80%) scale(1);opacity:0}}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:16px 24px;z-index:20;pointer-events:none}.hud-item{display:flex;flex-direction:column;align-items:center;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);padding:8px 18px;border-radius:12px}.hud-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#fff9}.hud-value{font-size:1.5rem;font-weight:700;color:#fff}.time-warning{color:#f44;animation:timePulse .5s ease-in-out infinite}@keyframes timePulse{0%,to{opacity:1}50%{opacity:.4}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-card{background:#141e14e6;border:1px solid rgba(255,255,255,.12);padding:2.5rem 3rem;border-radius:1.25rem;text-align:center;max-width:340px;box-shadow:0 20px 60px #00000080}.overlay-card h1{margin:0 0 .5rem;font-size:2rem;font-weight:800;background:linear-gradient(135deg,gold,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overlay-card p{margin:0;color:#ffffffb3;font-size:.95rem}.hint{margin-top:.5rem!important;font-size:.8rem!important;color:#ffffff73!important}.final-score{font-size:1.15rem!important;color:#ffffffd9!important;margin:.5rem 0!important}.new-record{font-size:1.1rem!important;font-weight:700;color:gold!important;text-shadow:0 0 10px rgba(255,215,0,.4);margin-top:.5rem!important;animation:comboPop .5s ease-out}.start-btn{margin-top:1.5rem;padding:12px 36px;font-size:1rem;font-weight:700;border:none;border-radius:50px;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 15px #4caf5066}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5080}.start-btn:active{transform:translateY(0)}