: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;background:linear-gradient(180deg,#0b1628,#1a2d50 40%,#2a4a6e,#3d6b8e);overflow:hidden}.helicopter-scene{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.helicopter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:hover 3s ease-in-out infinite}@keyframes hover{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-18px)}}.rotor{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:12px;height:12px;z-index:10}.rotor:before{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;background:#555;border-radius:50%;transform:translate(-50%,-50%);z-index:2}.blade{position:absolute;top:50%;left:50%;width:120px;height:6px;background:linear-gradient(90deg,#888,#aaa,#888);border-radius:3px;transform-origin:0% 50%;animation:spin .12s linear infinite;box-shadow:0 1px 3px #0000004d}.blade-1{transform:rotate(0)}.blade-2{transform:rotate(120deg)}.blade-3{transform:rotate(240deg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.body{position:relative;width:100px;height:50px;margin-top:4px}.cockpit{position:absolute;top:0;left:0;width:60px;height:50px;background:linear-gradient(135deg,#4a6a8a,#3a5a7a,#2a4a6a);border-radius:50px 20px 20px 30px;box-shadow:inset 0 -3px 6px #0000004d,0 2px 8px #0006}.window{position:absolute;top:6px;left:6px;width:30px;height:26px;background:linear-gradient(135deg,#7ec8e3,#4a9ece 40%,#2d7ab8);border-radius:50% 25% 20% 30%;box-shadow:inset 0 2px 4px #ffffff4d,0 0 8px #7ec8e34d}.window:after{content:"";position:absolute;top:4px;left:5px;width:8px;height:6px;background:#ffffff59;border-radius:50%}.tail-boom{position:absolute;top:16px;right:-55px;width:60px;height:16px;background:linear-gradient(180deg,#4a6a8a,#3a5a7a);border-radius:0 4px 4px 0;box-shadow:0 1px 4px #0000004d}.tail-fin{position:absolute;top:-22px;right:-2px;width:10px;height:28px;background:linear-gradient(180deg,#c0392b,#962d22);border-radius:3px 3px 0 0;box-shadow:0 1px 3px #0000004d}.tail-rotor{position:absolute;top:-20px;right:-6px;width:6px;height:6px}.tail-rotor:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:#555;border-radius:50%;transform:translate(-50%,-50%);z-index:2}.tail-blade{position:absolute;top:50%;left:50%;width:22px;height:3px;background:#999;border-radius:2px;transform-origin:0% 50%;animation:tail-spin .08s linear infinite}.tail-blade-1{transform:rotate(0)}.tail-blade-2{transform:rotate(180deg)}@keyframes tail-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skid{position:absolute;bottom:-12px;width:60px;height:4px;background:#555;border-radius:2px;box-shadow:0 1px 3px #0000004d}.skid-left{left:-5px}.skid-right{left:30px}.skid:before,.skid:after{content:"";position:absolute;bottom:0;width:3px;height:12px;background:#666;border-radius:1px}.skid:before{left:8px}.skid:after{right:8px}.ground{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(180deg,#1a3a1a,#0f2a0f);box-shadow:0 -4px 20px #1a3a1a80}.ground:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(34,139,34,.3),transparent)}.helicopter-scene:before{content:"";position:absolute;top:0;left:0;right:0;bottom:80px;background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 25% 8%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 40% 22%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 55% 12%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 70% 5%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 85% 18%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 15% 35%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 30% 28%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 50% 38%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 65% 30%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 80% 40%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 90% 25%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 5% 45%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 45% 50%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 75% 48%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 20% 55%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 60% 58%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 35% 62%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 95% 32%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 48% 20%,rgba(255,255,255,.8),transparent);pointer-events:none}