*{box-sizing:border-box;margin:0;padding:0}body{background:#000;color:#fff;cursor:none;font-family:Orbitron,monospace;overflow:hidden}.fps-container{background:#000;height:100vh;position:relative;width:100vw}#gameCanvas{background:#222;cursor:none}#gameCanvas,.game-hud{height:100%;left:0;position:absolute;top:0;width:100%}.game-hud{display:block;pointer-events:none;z-index:10}.hud-top{align-items:flex-start;display:flex;justify-content:space-between;left:20px;position:absolute;right:20px;top:20px}.info-panel,.time-display,.weather-display{background:rgba(0,0,0,.7);border:2px solid #0af;border-radius:5px;box-shadow:0 0 10px rgba(0,170,255,.3);padding:10px 15px}.label{color:#0af;font-size:12px;margin-bottom:5px;text-transform:uppercase}.bar-container{background:rgba(255,0,0,.3);border:1px solid red;border-radius:10px;height:20px;overflow:hidden;position:relative;width:150px}.bar.health{background:linear-gradient(90deg,red,#ff0,#0f0);height:100%;transition:width .3s ease;width:100%}.bar-text{font-size:12px;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px rgba(0,0,0,.8);top:50%;transform:translate(-50%,-50%)}.info-text,.time,.weather{color:#0af;font-size:18px;font-weight:700;text-shadow:0 0 5px rgba(0,170,255,.5)}.hud-bottom{align-items:flex-end;bottom:20px;display:flex;justify-content:space-between;left:20px;position:absolute;right:20px}.location-display{align-items:baseline;background:rgba(0,0,0,.7);border:2px solid #0af;border-radius:5px;box-shadow:0 0 10px rgba(0,170,255,.3);display:flex;gap:5px;padding:15px 20px}.location-text{color:#0af;font-size:20px;font-weight:700;text-shadow:0 0 5px rgba(0,170,255,.5)}.crosshair{pointer-events:none;z-index:20}.crosshair,.crosshair-dot{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.crosshair-dot{background:#fff;border-radius:50%;box-shadow:0 0 5px hsla(0,0%,100%,.8);height:4px;width:4px}.crosshair-line{background:#fff;box-shadow:0 0 3px hsla(0,0%,100%,.6);position:absolute}.crosshair-line.horizontal{height:2px;left:50%;top:50%;transform:translate(-50%,-50%);width:20px}.crosshair-line.vertical{height:20px;left:50%;top:50%;transform:translate(-50%,-50%);width:2px}.minimap{background:rgba(0,0,0,.8);border:2px solid #0af;border-radius:5px;box-shadow:0 0 10px rgba(0,170,255,.3);padding:5px}#minimapCanvas{border-radius:3px}.damage-indicator{background:radial-gradient(circle,transparent 60%,rgba(255,0,0,.3) 100%);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.damage-indicator.active{opacity:1}.pause-screen,.settings-screen,.start-screen{align-items:center;background:rgba(0,0,0,.9);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:100}#gui-container{pointer-events:auto!important;z-index:200!important}.pause-screen{align-items:center!important;display:flex!important;justify-content:center!important;pointer-events:auto}.pause-content{left:auto!important;margin:0;pointer-events:auto;position:relative;right:auto!important;top:auto!important;transform:none!important}.pause-content,.settings-content,.start-content{background:linear-gradient(145deg,hsla(0,0%,8%,.95),rgba(40,40,40,.95));border:2px solid #0af;border-radius:20px;box-shadow:0 0 30px rgba(0,170,255,.3);margin:0;max-width:600px;padding:40px;position:relative;text-align:center}.game-title{background:linear-gradient(45deg,#0af,#08c,#6cf,#0ff);background-clip:text;-webkit-background-clip:text;background-size:400% 400%;font-size:3rem;font-weight:900;margin-bottom:10px;-webkit-text-fill-color:transparent;animation:titleGradient 3s ease-in-out infinite}@keyframes titleGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.game-subtitle{color:#0af;font-size:1.5rem;margin-bottom:30px;text-shadow:0 0 10px rgba(0,170,255,.5)}.game-description{color:#ccc;line-height:1.6;margin-bottom:40px}.pause-button,.scene-info-button,.settings-button,.start-button{background:linear-gradient(45deg,#08c,#0af);border:none;border-radius:10px;box-shadow:0 5px 15px rgba(0,170,255,.3);color:#fff;cursor:pointer;font-family:Orbitron,monospace;font-size:16px;font-weight:700;margin:10px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.pause-button:hover,.scene-info-button:hover,.settings-button:hover,.start-button:hover{background:linear-gradient(45deg,#0af,#6cf);box-shadow:0 8px 25px rgba(0,170,255,.4);transform:translateY(-2px)}.controls-info{margin-top:40px;text-align:left}.controls-info h3{color:#0af;margin-bottom:20px;text-align:center}.control-item{align-items:center;background:rgba(0,170,255,.1);border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:8px 15px}.key{background:rgba(0,0,0,.5);border:1px solid #0af;border-radius:5px;color:#0af;font-weight:700;padding:5px 10px}.desc{color:#ccc}.pause-content h2{color:#0af;font-size:2.5rem;margin-bottom:30px;text-shadow:0 0 10px rgba(0,170,255,.5)}.pause-buttons{display:flex;flex-direction:column;gap:15px}.scene-info-content h2{color:#0af;font-size:2.5rem;margin-bottom:30px;text-shadow:0 0 10px rgba(0,170,255,.5)}.scene-details{margin-bottom:30px}.stat{align-items:center;background:rgba(0,0,0,.3);border:1px solid #444;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px 20px}.stat-label{color:#ccc}.stat-value{color:#0af;font-size:1.2rem;font-weight:700}.scene-info-buttons{display:flex;gap:20px;justify-content:center}.settings-content h2{color:#0af;font-size:2rem;margin-bottom:30px;text-shadow:0 0 10px rgba(0,170,255,.5)}.setting-group{align-items:center;background:rgba(0,0,0,.3);border:1px solid #444;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.setting-group label{align-items:center;color:#ccc;display:flex;font-weight:700;gap:10px}input[type=range]{margin:0 15px;width:200px}input[type=checkbox]{accent-color:#0af;height:20px;width:20px}.fps-counter{background:rgba(0,0,0,.7);border:1px solid #0af;border-radius:3px;color:#0af;font-size:12px;padding:5px 10px;position:absolute;right:10px;top:10px;z-index:50}.hidden{display:none!important}.pause-screen.hidden,.settings-screen.hidden,.start-screen.hidden{display:none!important;opacity:0!important;visibility:hidden!important}.game-hud:not(.hidden){display:block!important}@media (max-width:768px){.game-title{font-size:2.5rem}.game-over-content,.pause-content,.settings-content,.start-content{margin:20px;padding:20px}.hud-bottom,.hud-top{flex-direction:column;gap:10px}.hud-top{align-items:flex-start}.hud-bottom{align-items:flex-end}.controls-info{margin-top:20px}.control-item{gap:5px;text-align:center}.control-item,.game-over-buttons,.setting-group{flex-direction:column}.setting-group{gap:10px;text-align:center}}@media (max-width:480px){.game-title{font-size:2rem}.game-over-content,.pause-content,.settings-content,.start-content{margin:10px;padding:15px}.crosshair-line.horizontal{width:15px}.crosshair-line.vertical{height:15px}.minimap{transform:scale(.8)}}@keyframes muzzleFlash{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}.muzzle-flash{animation:muzzleFlash .1s ease-out;background:radial-gradient(circle,#ff0 0,#f80 50%,transparent 70%);border-radius:50%;height:50px;pointer-events:none;position:absolute;width:50px}@keyframes hitMarker{0%{opacity:1;transform:scale(.5) rotate(45deg)}50%{opacity:1;transform:scale(1) rotate(45deg)}to{opacity:0;transform:scale(1.2) rotate(45deg)}}.hit-marker{height:20px;pointer-events:none;position:absolute;width:20px;z-index:20}.hit-marker:after,.hit-marker:before{background:red;box-shadow:0 0 5px rgba(255,0,0,.8);content:"";position:absolute}.hit-marker:before{height:2px;left:0;top:50%;transform:translateY(-50%);width:20px}.hit-marker:after{height:20px;left:50%;top:0;transform:translateX(-50%);width:2px}.hit-marker{animation:hitMarker .5s ease-out forwards}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading{animation:spin 1s linear infinite;border:4px solid rgba(0,255,0,.3);border-radius:50%;border-top-color:#0f0;height:40px;margin:20px auto;width:40px}