@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700;800&display=swap";:root{--primary-green: #4CAF50;--secondary-orange: #FF8A65;--accent-yellow: #FFD93D;--dark-charcoal: #2C3E50;--light-cream: #FFF8E7;--wood-brown: #5C3A24;--sky-blue: #B0E0E6;--grass-green: #A3D9A3;--shadow-color: rgba(0, 0, 0, .15);--text-shadow-color: rgba(0, 0, 0, .2);--neon-blue: #00C8FF}body{margin:0;font-family:Quicksand,PingFang SC,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#87ceeb,#7cb342);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;color:var(--dark-charcoal)}.game-container{position:relative;background-color:var(--light-cream);border-radius:24px;box-shadow:0 12px 24px var(--shadow-color),0 4px 12px #0000001a;padding:30px;text-align:center;width:90%;max-width:900px;min-height:600px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.cloud-badge{position:absolute;top:15px;right:20px;display:flex;align-items:center;gap:5px;color:var(--dark-charcoal);font-size:14px;font-weight:700;opacity:.7}.cloud-toast{position:absolute;top:50px;right:20px;background-color:var(--dark-charcoal);color:var(--light-cream);padding:8px 15px;border-radius:12px;font-size:14px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 8px #0003;z-index:1000}.cloud-toast .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#87ceeb,#7cb342);color:var(--dark-charcoal);font-size:24px;font-weight:700}.loading-screen .spinner{animation:spin 1s linear infinite;margin-bottom:20px}.loading-screen .cloud-message{font-size:16px;opacity:.8;margin-top:10px}.start-screen,.game-over-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;width:100%;height:100%;box-sizing:border-box}.game-title{font-size:48px;font-weight:800;color:var(--primary-green);text-shadow:3px 3px 0 var(--dark-charcoal),-3px -3px 0 var(--secondary-orange);margin-bottom:10px;transform:rotate(-2deg)}.game-description{font-size:20px;color:var(--dark-charcoal);max-width:600px;line-height:1.5}.start-button,.retry-button{background-color:var(--secondary-orange);color:#fff;border:none;border-radius:999px;padding:15px 30px;font-size:22px;font-weight:700;cursor:pointer;box-shadow:0 6px 0 var(--wood-brown),0 4px 15px #0003;transition:all .2s ease-out;display:flex;align-items:center;gap:10px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.start-button:hover,.retry-button:hover{background-color:#ff7043;box-shadow:0 3px 0 var(--wood-brown),0 2px 10px #00000026}.start-button:active,.retry-button:active{transform:translateY(2px);box-shadow:0 0 0 var(--wood-brown),0 1px 5px #0000001a}.high-score-display{font-size:24px;font-weight:700;color:var(--dark-charcoal);display:flex;align-items:center;gap:8px;margin-top:15px;padding:8px 15px;background-color:#fff9;border-radius:12px;box-shadow:inset 0 1px 3px #0000001a}.instructions{margin-top:30px;background-color:#ffffffb3;padding:20px 30px;border-radius:16px;box-shadow:0 4px 8px #0000001a;text-align:left;max-width:500px;color:var(--dark-charcoal)}.instructions p{font-weight:700;font-size:18px;margin-bottom:10px}.instructions ul{list-style:none;padding:0;margin:0}.instructions li{margin-bottom:8px;font-size:16px;line-height:1.4}.game-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:15px;box-sizing:border-box}.hud{display:flex;justify-content:space-around;width:100%;max-width:700px;background-color:#ffffffb3;padding:10px 20px;border-radius:16px;box-shadow:0 4px 8px #0000001a;margin-bottom:15px}.hud-item{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--dark-charcoal)}.hud-item .heart-icon{color:#e53935}.wind-indicator{position:relative;min-width:100px;justify-content:center}.wind-vane-img{width:30px;height:30px;object-fit:contain;transition:transform .5s ease-out}.power-angle-controls{display:flex;gap:20px;margin-bottom:15px;align-items:center}.power-bar-container{width:200px;height:30px;background-color:#ffffff80;border-radius:15px;overflow:hidden;box-shadow:inset 0 2px 5px #0000001a;display:flex;align-items:center;position:relative}.power-bar-label{position:absolute;left:50%;transform:translate(-50%);color:var(--dark-charcoal);font-weight:700;font-size:14px;z-index:1;text-shadow:0 0 2px rgba(255,255,255,.8)}.power-bar-bg{width:100%;height:100%;background-color:#e0e0e0;position:absolute}.power-bar-fill{height:100%;border-radius:15px;background:linear-gradient(to right,var(--primary-green),var(--accent-yellow));transition:width .1s linear;box-shadow:0 0 8px var(--neon-blue)}.angle-display{font-size:18px;font-weight:700;color:var(--dark-charcoal);background-color:#fff9;padding:8px 15px;border-radius:12px;box-shadow:inset 0 1px 3px #0000001a}.game-canvas{background:linear-gradient(to bottom,var(--sky-blue) 0%,#87CEEB 50%,var(--grass-green) 100%);border:4px solid var(--wood-brown);border-radius:16px;box-shadow:0 8px 16px var(--shadow-color),0 2px 8px #0000001a;cursor:crosshair;touch-action:none}.game-over-title{font-size:42px;font-weight:800;color:#d32f2f;text-shadow:3px 3px 0 var(--dark-charcoal),-3px -3px 0 var(--accent-yellow);margin-bottom:10px;transform:rotate(2deg)}.final-score{font-size:28px;font-weight:700;color:var(--dark-charcoal);margin-bottom:10px}img{image-rendering:pixelated;max-width:100%;height:auto}