*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#e0e0e0;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;background:#1a1a2e;width:100%;height:100%;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}#game-canvas{width:100%;height:100%;display:block}.desktop-only{display:block}.mobile-only{display:none}@media (width<=768px),(pointer:coarse){.desktop-only{display:none}.mobile-only{display:block}}#hud{top:max(8px, env(safe-area-inset-top,8px));left:max(8px, env(safe-area-inset-left,8px));right:max(8px, env(safe-area-inset-right,8px));pointer-events:none;z-index:10;flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex;position:absolute}#hp-bar-container{background:#0000008c;border:2px solid #555;border-radius:4px;flex-shrink:0;width:180px;height:20px;position:relative;overflow:hidden}#hp-bar-fill{background:linear-gradient(90deg,#2ecc71,#27ae60);border-radius:2px;width:100%;height:100%;transition:width .3s,background .3s}#hp-bar-fill.warning{background:linear-gradient(90deg,#e67e22,#d35400)}#hp-bar-fill.danger{background:linear-gradient(90deg,#e74c3c,#c0392b)}#hp-text{color:#fff;text-shadow:0 1px 3px #000000b3;font-size:11px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-right{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.hud-metric{background:#0000008c;border:1px solid #555;border-radius:4px;flex-direction:column;align-items:center;min-width:48px;padding:2px 8px;display:flex}.hud-metric span{text-transform:uppercase;letter-spacing:.5px;color:#aaa;font-size:9px}.hud-metric strong{color:#f5ba49;font-size:15px;font-weight:700}#cooldown-indicator{pointer-events:none;z-index:10;background:#00000080;border-radius:3px;width:80px;height:6px;position:absolute;bottom:40px;left:50%;overflow:hidden;transform:translate(-50%)}#cooldown-fill{background:#f5ba49;border-radius:3px;width:100%;height:100%;transition:width .1s linear}#menu-overlay{z-index:20;background:#0a0a14d9;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}#menu-title{color:#f5ba49;text-shadow:0 4px 12px #f5ba494d;letter-spacing:4px;text-align:center;margin-bottom:20px;font-size:clamp(32px,6vw,48px);font-weight:900}#menu-instructions{text-align:center;background:#00000080;border:1px solid #444;border-radius:8px;margin-bottom:28px;padding:16px 24px;font-size:14px;line-height:1.8}#menu-instructions strong{color:#f5ba49;font-size:16px}#start-button,#restart-button{color:#fff;cursor:pointer;letter-spacing:2px;touch-action:manipulation;background:#4a9e3f;border:none;border-radius:8px;padding:12px 40px;font-size:20px;font-weight:700;transition:background .2s,transform .1s}#start-button:hover,#restart-button:hover{background:#5ab84f}#start-button:active,#restart-button:active{transform:scale(.95)}#gameover-overlay{z-index:20;background:#0a0a14e0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#gameover-overlay h2{color:#e74c3c;text-shadow:0 2px 10px #e74c3c66;margin-bottom:16px;font-size:clamp(28px,5vw,42px)}#gameover-overlay p{margin-bottom:8px;font-size:18px}#final-score,#final-wave{color:#f5ba49;font-size:clamp(22px,4vw,28px)}#wave-overlay{z-index:15;background:#0a0a14b3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#wave-overlay h2{color:#f5ba49;margin-bottom:12px;font-size:clamp(28px,5vw,40px);animation:.6s ease-in-out infinite alternate pulse}#wave-overlay p{color:#ccc;font-size:18px}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}#touch-controls{pointer-events:none;z-index:8;display:none;position:absolute;inset:0}@media (width<=768px),(pointer:coarse){#touch-controls{display:block}}#touch-joystick-area{bottom:max(20px, env(safe-area-inset-bottom,20px));left:max(16px, env(safe-area-inset-left,16px));pointer-events:auto;width:140px;height:140px;position:absolute}#touch-joystick-base{background:#ffffff1a;border:2px solid #ffffff40;border-radius:50%;width:120px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#touch-joystick-thumb{background:#ffffff4d;border:2px solid #ffffff80;border-radius:50%;width:48px;height:48px;transition:background .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#touch-joystick-thumb.active{background:#f5ba4980;border-color:#f5ba49cc}#touch-buttons{bottom:max(20px, env(safe-area-inset-bottom,20px));right:max(16px, env(safe-area-inset-right,16px));pointer-events:auto;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute}#turret-buttons{gap:16px;display:flex}.touch-btn{cursor:pointer;color:#ffffffd9;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.turret-btn{background:#ffffff1a;border:2px solid #fff3;width:52px;height:52px}.turret-btn svg{width:28px;height:28px}.turret-btn:active,.turret-btn.pressed{background:#ffffff40;border-color:#ffffff80}.fire-btn{background:#e74c3c59;border:3px solid #e74c3c99;width:78px;height:78px}.fire-btn svg{width:44px;height:44px}.fire-btn:active,.fire-btn.pressed{background:#e74c3cb3;border-color:#e74c3c;transform:scale(.92)}.hidden{display:none!important}