body{margin:0;overflow:hidden;background-color:#1a1a1a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:none;user-select:none}#game-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}#damage-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:red;opacity:0;z-index:2000;transition:opacity .1s ease-out}#warning-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1900;opacity:0;box-shadow:inset 0 0 0 15px #fa0;transition:opacity .3s}.warning-active{animation:pulseWarning 1s infinite}@keyframes pulseWarning{0%,to{opacity:0}50%{opacity:.8}}.damage-flash{animation:flashRed .3s ease-out}@keyframes flashRed{0%{opacity:.4}to{opacity:0}}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;color:#fff;font-weight:700;text-shadow:1px 1px 2px black;width:100%;box-sizing:border-box;position:relative}.health-container{display:flex;flex-direction:column;gap:5px;width:200px;z-index:10}.health-bar-bg{width:100%;height:20px;background:#00000080;border:2px solid #444;border-radius:10px;overflow:hidden}.health-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#f44,red);transition:width .2s}#player-health .health-bar-fill{background:linear-gradient(90deg,#4f4,#0c0)}.score-container{font-size:2rem;color:#fc0;text-shadow:0 0 10px rgba(255,204,0,.5);display:flex;align-items:flex-start;justify-content:center;gap:20px;position:absolute;left:50%;transform:translate(-50%);top:20px;white-space:nowrap}.info-btn{pointer-events:auto;width:40px;height:40px;border-radius:50%;font-size:1.5rem;padding:0;display:flex;align-items:center;justify-content:center;background:#0afc;border:2px solid #fff;box-shadow:0 0 10px #00aaff80;margin-left:10px}.audio-btn{pointer-events:auto;width:40px;height:40px;border-radius:50%;font-size:1.2rem;padding:0;display:flex;align-items:center;justify-content:center;background:#0009;border:2px solid #fff;margin-left:10px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;position:relative;z-index:1000}@media (max-width: 768px){.audio-btn{width:50px;height:50px;font-size:1.5rem;min-width:50px;min-height:50px}.audio-btn:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px}}#game-over-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:none;flex-direction:column;align-items:center;justify-content:center;color:#fff;pointer-events:auto;z-index:3000}h1{font-size:4rem;margin:0 0 20px;text-transform:uppercase;letter-spacing:5px}button{padding:15px 40px;font-size:1.5rem;background:#0af;border:none;color:#fff;cursor:pointer;border-radius:5px;transition:transform .1s,background .2s;font-weight:700;box-shadow:0 4px 15px #0af6;pointer-events:auto}button:hover{background:#08c;transform:scale(1.05)}button:active{transform:scale(.95)}.controls-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:.9rem;text-align:center;background:#00000080;padding:10px 20px;border-radius:20px;width:max-content;max-width:80%}.mission-failed-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red;font-size:3rem;font-family:Segoe UI,sans-serif;font-weight:700;text-shadow:0 0 20px #ff0000;text-align:center;white-space:pre-line;z-index:3000;background:#000c;padding:40px 60px;border-radius:20px;border:4px solid #ff0000;width:max-content;max-width:90%;box-sizing:border-box}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:3000;display:flex;justify-content:center;align-items:center;pointer-events:auto}.modal-content{background:#1a1f24;width:600px;max-width:90%;border-radius:8px;border:1px solid #445566;box-shadow:0 0 30px #000c;color:#e0e0e0;display:flex;flex-direction:column;max-height:90vh}.modal-header{padding:20px;background:#2c3e50;border-bottom:1px solid #445566;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h2{margin:0;font-size:1.8rem;color:#fc0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.close-btn{background:none;border:none;color:#aaa;font-size:2rem;padding:0;box-shadow:none;line-height:1;width:auto;height:auto}.close-btn:hover{color:#fff;transform:scale(1.1);background:none}.modal-body{padding:25px;line-height:1.6;overflow-y:auto;flex-grow:1}.modal-body h3{color:#0af;border-bottom:1px solid #334455;padding-bottom:5px;margin-top:20px}.modal-body h3:first-child{margin-top:0}.score-table{width:100%;border-collapse:collapse;margin:15px 0;background:#0003}.score-table th,.score-table td{padding:10px;text-align:left;border-bottom:1px solid #334455}.score-table th{background:#ffffff0d;color:#aaa}.score-table .positive{color:#4f4;font-weight:700}.score-table .negative{color:#f44;font-weight:700}.score-table .highlight{background:#ffcc001a}.modal-footer{padding:20px;background:#2c3e50;border-top:1px solid #445566;text-align:center;flex-shrink:0}.modal-body::-webkit-scrollbar{width:10px}.modal-body::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#456;border-radius:4px;border:1px solid #1a1f24}.modal-body::-webkit-scrollbar-thumb:hover{background:#0af;box-shadow:0 0 5px #00aaff80}.heli-health-item{display:flex;flex-direction:column;gap:5px;width:200px;align-items:flex-end}.heli-health-label{color:#fa0;font-size:14px;font-weight:700;text-shadow:1px 1px 2px black}.heli-health-bar-bg{width:100%;height:16px;background:#00000080;border:2px solid #ffaa00;border-radius:8px;overflow:hidden}.heli-health-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#fa0,#f60);transition:width .2s}#heli-timer-container{display:none;position:absolute;top:90px;left:20px;color:#f44;font-size:24px;align-items:center;gap:10px;font-family:Segoe UI,sans-serif;z-index:100;pointer-events:none}#heli-timer-display{font-weight:700;text-shadow:0 0 5px #ff0000}.icon-clock{width:28px;height:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff4444'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8zm.5-13H11v6l5.2 3.2.8-1.3-4.5-2.7V7z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;display:inline-block;filter:drop-shadow(0 0 3px rgba(255,0,0,.5))}#mobile-controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2000}.joystick-zone{position:absolute;bottom:30px;width:140px;height:140px;pointer-events:auto}.joystick-zone.left{left:30px}.joystick-zone.right{right:30px;width:110px;height:110px}.joystick-base{width:100%;height:100%;border-radius:50%;background:#ffffff0d;border:2px solid rgba(255,255,255,.15);position:relative;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.joystick-stick{width:50px;height:50px;border-radius:50%;background:#fff9;box-shadow:0 0 10px #00000080;position:absolute}.mobile-actions{position:absolute;bottom:30px;right:30px;width:250px;height:250px;pointer-events:none}.mobile-btn{position:absolute;border-radius:50%;border:3px solid rgba(255,255,255,.6);color:#fff;display:flex;justify-content:center;align-items:center;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto;box-shadow:0 4px 12px #0006,inset 0 0 10px #fff3}.mobile-btn:active{transform:scale(.9);background-color:#fff3}.fire-btn{background:radial-gradient(circle,#ff3232b3,#b40000cc);width:60px;height:60px;bottom:25px;right:130px;border-color:#faa;box-shadow:0 0 15px #f006,inset 0 0 10px #ffffff4d}.icon-bullet{width:32px;height:32px;position:relative;border:2px solid white;border-radius:50%;box-sizing:border-box}.icon-bullet:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:2px;background:#fff}.icon-bullet:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:20px;background:#fff}.icon-bullet .inner-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fcc;border-radius:50%;z-index:2;box-shadow:0 0 5px #fff}.missile-btn{background:radial-gradient(circle,#ffa00099,#b46400cc);width:60px;height:60px;bottom:105px;right:100px;border-color:#fc4}.missile-btn.has-missiles{border-color:#0f8;box-shadow:0 0 20px #0f8c,0 0 40px #00ff8880,inset 0 0 10px #fff3}.icon-missile{width:12px;height:24px;background:#fff;position:relative;border-radius:50% 50% 2px 2px;transform:rotate(45deg);box-shadow:0 0 5px #fffc}.missile-btn.has-missiles .icon-missile{background:#0f8;box-shadow:0 0 8px #00ff88e6}.missile-btn.has-missiles .icon-missile:before{background:#0f8}.icon-missile:before{content:"";position:absolute;bottom:0;left:-6px;width:24px;height:6px;background:#fff;border-radius:2px}.icon-missile:after{content:"";position:absolute;bottom:-8px;left:3px;width:6px;height:10px;background:orange;border-radius:50%;animation:flicker .1s infinite}@keyframes flicker{0%{opacity:.8;height:10px}to{opacity:1;height:14px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.icon-missile.available{background:#0f8;box-shadow:0 0 8px #00ff88e6}.icon-missile.available:before{background:#0f8}.icon-missile.available:after{background:#0f8;box-shadow:0 0 8px #00ff88e6}.pitch-controls{position:absolute;right:15px;bottom:180px;display:flex;flex-direction:column;gap:10px;pointer-events:auto}.pitch-btn{position:relative;width:45px;height:45px;background:#00aaff80;font-size:18px;right:auto;bottom:auto;border-color:#4cf}.pause-btn{position:absolute;top:20px;right:20px;width:45px;height:45px;background:#fff3;z-index:2001;display:none;border-radius:50%}@media (max-width: 900px){.hud-top{padding:5px 10px;height:50px;background:linear-gradient(to bottom,#000000b3,#0000);align-items:center;justify-content:space-between;flex-direction:row}.health-container:first-child{position:relative;width:100px;top:0;left:0}.health-container:first-child span{font-size:.65rem}.health-container:first-child .health-bar-bg{height:12px}.health-container:last-of-type{position:relative;width:100px;top:0;right:0;align-items:flex-end}.health-container:last-of-type span{font-size:.65rem}.health-container:last-of-type .health-bar-bg{height:12px}.score-container{position:relative;flex-direction:row;gap:8px;top:0;left:0;transform:none;font-size:.8rem;background:transparent;padding:0;border:none;align-items:center;white-space:nowrap}#score-value{font-size:1.1rem;font-weight:800}.score-container span{font-size:.7rem}#level-target-indicator{font-size:.65rem!important;margin-left:5px!important;margin-top:0!important;white-space:nowrap}.info-btn{width:28px;height:28px;font-size:1rem;margin-left:5px}.pause-btn{display:flex;position:relative;top:0;right:0;width:28px;height:28px;margin-left:5px;z-index:2500;font-size:1rem;padding:0;justify-content:center;align-items:center;border-radius:50%;background:#ffffff40;border:2px solid rgba(255,255,255,.5)}.pitch-controls{right:15px;bottom:180px;gap:8px}#missile-container{top:55px;left:10px;bottom:auto!important;font-size:.9rem!important}#heli-timer-container{top:85px;left:10px;font-size:20px;bottom:auto!important}.icon-clock{width:22px;height:22px}.controls-hint,.desktop-keyboard-hint{display:none}#game-over-screen h1{font-size:2.5rem;letter-spacing:2px}#game-over-screen button{font-size:1.2rem;padding:12px 30px}.modal-content{width:95%;max-height:85vh}#helicopters-health-container{top:55px!important;right:10px!important}.heli-health-item{width:120px}.heli-health-label{font-size:11px}.heli-health-bar-bg{height:10px}.mission-failed-banner{font-size:1.5rem!important;padding:20px 30px!important;border-width:2px!important;width:80%!important;max-width:400px!important}}@media (max-width: 500px) and (orientation: portrait){#game-ui:after{content:"Please Rotate Device ↻";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.5rem;z-index:9999}}