:root{--primary-color: #2a9d8f;--secondary-color: #e9c46a;--text-color: #f8f9fa;--bg-color: #212529;--danger-color: #e76f51;font-family:Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}canvas{display:block;width:100%;height:100%}.hud-container{position:absolute;top:0;left:0;width:100%;padding:20px;pointer-events:none;-webkit-user-select:none;user-select:none}.score{font-size:24px;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.wave{font-size:24px;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.health-bar-container{margin-bottom:20px}.health-bar{width:250px;height:20px;border:2px solid #ffffff;border-radius:10px;overflow:hidden;box-shadow:0 0 10px #00000080}.health-bar-fill{height:100%;width:100%;background-color:#4caf50;transition:width .3s ease,background-color .3s ease}.crosshair{position:absolute;top:50%;left:50%;width:20px;height:20px;background:transparent;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;user-select:none;box-shadow:0 0 10px #00000080}.crosshair:before,.crosshair:after{content:"";position:absolute;background-color:#fff}.crosshair:before{top:50%;left:-5px;right:-5px;height:2px;transform:translateY(-50%)}.crosshair:after{left:50%;top:-5px;bottom:-5px;width:2px;transform:translate(-50%)}.menu{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000000b3;z-index:100}.menu-content{background-color:#000c;padding:20px;border-radius:10px;max-width:600px;width:90%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-height:90vh;overflow-y:auto}.menu-content h1{color:#2196f3;margin-bottom:20px;font-size:2.5em;text-shadow:0 0 10px rgba(33,150,243,.5)}.menu-button{background-color:#4caf50;color:#fff;border:none;padding:15px 30px;font-size:18px;cursor:pointer;border-radius:5px;transition:background-color .3s ease;margin-top:20px}.menu-button:hover{background-color:#66bb6a}.menu-button:active{background-color:#388e3c;transform:scale(.98)}.game-over{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000000b3;z-index:100}.game-over-content{background-color:#1e1e1ee6;padding:40px;border-radius:10px;text-align:center;box-shadow:0 0 20px #00000080;max-width:500px;width:90%}.game-over h1{font-size:36px;margin-bottom:30px;color:#f44336;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.final-score{font-size:24px;margin-bottom:30px}.settings-button{position:absolute;top:20px;right:20px;width:40px;height:40px;background-color:#0009;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;cursor:pointer;z-index:101;transition:background-color .3s;box-shadow:0 0 10px #0000004d;pointer-events:auto}.settings-button:hover{background-color:#1e1e1ecc}.settings-menu{position:absolute;top:70px;right:20px;width:300px;background-color:#1e1e1ee6;padding:20px;border-radius:10px;z-index:102;box-shadow:0 0 15px #00000080;pointer-events:auto}.settings-menu h2{color:#4caf50;margin-bottom:20px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.setting-container{margin-bottom:20px;pointer-events:auto}.setting-container label{display:block;margin-bottom:5px;font-size:16px;pointer-events:auto}.sensitivity-value{float:right;font-weight:700;color:#4caf50;pointer-events:auto}.sensitivity-slider{width:100%;height:8px;-webkit-appearance:none;background:#333;outline:none;border-radius:4px;margin-top:10px;pointer-events:auto;cursor:pointer}.sensitivity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#4caf50;cursor:pointer;transition:background .2s}.sensitivity-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4caf50;cursor:pointer;transition:background .2s;border:none}.sensitivity-slider::-webkit-slider-thumb:hover,.sensitivity-slider::-moz-range-thumb:hover{background:#66bb6a}.settings-close-btn{background-color:#333;color:#fff;border:none;padding:8px 15px;font-size:14px;cursor:pointer;border-radius:5px;transition:background-color .3s;display:block;margin:0 auto;pointer-events:auto}.settings-close-btn:hover{background-color:#444}@media (max-width: 768px){.health-bar{width:150px}.score,.wave{font-size:18px}.menu h1,.game-over h1{font-size:28px}.menu-button{padding:12px 24px;font-size:16px}.final-score{font-size:20px}.crosshair{width:16px;height:16px}.settings-button{width:35px;height:35px;font-size:20px}.settings-menu{width:250px;padding:15px}.touch-controls{display:flex;pointer-events:auto}.mobile-fire-button{opacity:.7}.instructions-container{max-height:70vh;overflow-y:auto}}.touch-controls{position:absolute;bottom:0;left:0;right:0;width:100%;height:120px;display:none;pointer-events:none;z-index:50}.mobile-fire-button{width:80px;height:80px;background-color:#ff525266;border:2px solid rgba(255,82,82,.7);border-radius:50%;display:flex;justify-content:center;align-items:center;pointer-events:auto;touch-action:manipulation;position:absolute;bottom:20px}.mobile-fire-button:after{content:"🔥";font-size:30px}.mobile-fire-button.right{right:20px}.mobile-fire-button.left{left:20px}.mobile-fire-button:active{background-color:#ff5252b3;transform:scale(.95)}@media (max-width: 768px){.menu-button{min-height:50px;min-width:140px}.settings-button{padding:8px;width:45px;height:45px}.settings-close-btn{padding:12px 20px;margin-top:10px}}@media (max-width: 768px) and (orientation: landscape){.radar-container{width:90px;height:90px;top:10px;right:10px}.health-bar{width:120px}.mobile-fire-button{width:60px;height:60px;bottom:10px}.mobile-fire-button.right{right:10px}.mobile-fire-button.left{left:10px}.mobile-fire-button:after{font-size:24px}.hud-container{padding:10px}.score,.wave{font-size:16px;margin-bottom:5px}.touch-controls{height:80px}}.radar-container{position:absolute;top:70px;bottom:auto;right:70px;left:auto;width:180px;height:180px;pointer-events:none;z-index:10}.radar-background{width:100%;height:100%;border-radius:50%;background-color:#00000080;border:2px solid rgba(76,175,80,.7);position:relative;box-shadow:0 0 15px #000000b3;overflow:hidden}.radar-base{position:absolute;width:10px;height:10px;background-color:#4caf50;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #4caf50cc;z-index:2}.radar-player-arrow{position:absolute;width:16px;height:16px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);transform-origin:center;z-index:3;filter:drop-shadow(0 0 3px rgba(0,0,0,.7))}.radar-player-arrow svg{width:100%;height:100%;position:absolute;top:0;left:0}.radar-drone{position:absolute;width:6px;height:6px;background-color:#ff5252;border-radius:50%;transform:translate(-50%,-50%);z-index:1;transition:left .3s ease,top .3s ease}.radar-background:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,transparent 30%,rgba(76,175,80,.1) 31%,rgba(76,175,80,.1) 33%,transparent 34%);animation:radarSweep 4s linear infinite;z-index:1}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.radar-container{width:120px;height:120px;top:60px;right:60px;bottom:auto;left:auto}}.instructions-container{background-color:#000000b3;border-radius:8px;padding:15px;margin:15px 0;max-width:90%;width:500px;color:#fff;text-align:left}.instructions-container h2{text-align:center;margin-top:0;margin-bottom:15px;color:#4caf50;font-size:1.5em}.instructions-container h3{color:#2196f3;margin-top:15px;margin-bottom:5px;font-size:1.2em}.instructions-list ul{list-style-type:none;padding-left:10px;margin-top:5px}.instructions-list li{margin-bottom:8px;position:relative;padding-left:20px}.instructions-list li:before{content:"▶";position:absolute;left:0;color:#ffeb3b}.instructions-list p{margin-top:5px;line-height:1.4}.orientation-warning{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:9999;justify-content:center;align-items:center;flex-direction:column;color:#fff;text-align:center;padding:20px}.orientation-warning svg{width:60px;height:60px;margin-bottom:20px;animation:rotate 2s infinite ease}@keyframes rotate{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(90deg)}75%{transform:rotate(0)}to{transform:rotate(0)}}.orientation-warning p{font-size:18px;max-width:80%;margin:10px auto}@media (max-width: 768px) and (orientation: portrait){.orientation-warning{display:flex}}