:root{--bg-dark: #0f172a;--primary-green: #4ade80;--alert-red: #ef4444;--hud-bg: rgba(15, 23, 42, .7);--font-military: "Courier New", Courier, monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;font-family:var(--font-military);color:#fff}#root{width:100%;height:100%}.app-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.cloud-indicator{position:absolute;top:10px;right:10px;z-index:100;display:flex;align-items:center;gap:6px;font-size:12px;color:#fff9;background:#00000080;padding:4px 8px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cloud-indicator .icon{width:14px;height:14px}.spin{animation:spin 2s linear infinite}.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.toast-message{position:absolute;top:50px;left:50%;transform:translate(-50%);z-index:100;background:#4ade8033;border:1px solid var(--primary-green);color:var(--primary-green);padding:8px 16px;border-radius:20px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 0 8px var(--primary-green)}.btn-primary{background:transparent;border:2px solid var(--primary-green);color:var(--primary-green);padding:12px 32px;font-size:1.2rem;font-family:inherit;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:all .2s;display:flex;align-items:center;gap:8px;box-shadow:0 0 15px #4ade8033 inset}.btn-primary:hover:not(:disabled){background:var(--primary-green);color:#000;box-shadow:0 0 20px var(--primary-green)}.btn-primary:disabled{border-color:#555;color:#555;cursor:not-allowed;box-shadow:none}.scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;pointer-events:none;z-index:50;opacity:.3}.start-screen,.gameover-screen{background:radial-gradient(circle at center,#1e293b,#020617)}.title-container{text-align:center;margin-bottom:40px}.title-icon{color:var(--primary-green);margin-bottom:10px;filter:drop-shadow(0 0 10px var(--primary-green))}h1{font-size:3rem;margin:0;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 20px rgba(74,222,128,.5)}.subtitle{color:#94a3b8;font-size:1.2rem;margin-top:5px;letter-spacing:2px}.stats-panel{background:#0006;border:1px solid #334155;padding:15px 30px;border-radius:8px;margin-bottom:40px}.stat-item{display:flex;align-items:center;gap:10px;font-size:1.2rem}.text-gold{color:#fbbf24}.text-red{color:var(--alert-red)}.text-green{color:var(--primary-green)}.instructions{margin-top:40px;text-align:center;color:#64748b;font-size:.9rem;line-height:1.6}.gameover-panel{background:#0f172ae6;border:1px solid var(--alert-red);padding:40px;border-radius:16px;text-align:center;box-shadow:0 0 40px #ef444433;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gameover-panel h2{color:var(--alert-red);font-size:2.5rem;margin:0 0 20px;text-shadow:0 0 10px var(--alert-red)}.final-stats{background:#00000080;padding:20px;border-radius:8px;margin-bottom:20px}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;margin-bottom:10px}.new-record-badge{background:#fbbf24;color:#000;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700;animation:pulse 1s infinite}.game-screen{cursor:crosshair;touch-action:none}.scene-bg{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background-size:cover;background-position:center;filter:brightness(.4) sepia(.3) hue-rotate(70deg);transition:background-image 1s ease}.scene-0{background-image:repeating-linear-gradient(45deg,#1a202c 0,#1a202c 10px,#2d3748 10px,#2d3748 20px)}.scene-1{background-image:radial-gradient(circle at 50% 50%,#2f3e46,#1a2421)}.scene-2{background-image:linear-gradient(to bottom,#2c3e50,#000)}.targets-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden}.game-target{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:left .05s linear}.target-svg{width:100%;height:100%;filter:drop-shadow(0 5px 15px rgba(0,0,0,.5))}.target-timer-bar{width:80%;height:4px;background:#ff00004d;margin-top:5px;border-radius:2px;overflow:hidden}.target-timer-fill{height:100%;background:var(--alert-red);width:100%;animation:shrink linear forwards;transform-origin:left}@keyframes shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.effect{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:15}.effect-svg{width:10vmin;height:10vmin;animation:pop .3s ease-out}.effect.blood{font-size:5vmin;animation:fadeUp .5s ease-out forwards}.bullet-hole{width:10px;height:10px;background:#000;border-radius:50%;box-shadow:inset 0 0 5px #ffffff80;border:1px solid #333}@keyframes pop{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes fadeUp{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-100%) scale(1.5);opacity:0}}.scope-overlay{position:absolute;top:0;left:0;width:200vw;height:200vh;pointer-events:none;z-index:20;display:flex;align-items:center;justify-content:center;transition:transform .05s ease-out}.scope-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 15vmin,rgba(0,0,0,.95) 25vmin,#000 100%)}.scope-crosshair{position:relative;width:40vmin;height:40vmin;display:flex;align-items:center;justify-content:center;opacity:.8}.crosshair-svg{width:100%;height:100%;filter:drop-shadow(0 0 5px var(--primary-green))}.hud-top{position:absolute;top:0;left:0;right:0;padding:20px;display:flex;justify-content:space-between;z-index:30;pointer-events:none}.hud-left,.hud-right{display:flex;flex-direction:column;gap:10px}.score-display{background:var(--hud-bg);padding:10px 20px;border-radius:8px;border:1px solid #334155;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column}.score-display .label{font-size:.8rem;color:#94a3b8}.score-display .value{font-size:1.8rem;font-weight:700;font-family:monospace;text-shadow:0 0 10px currentColor}.lives-display{display:flex;gap:5px}.life-icon{color:var(--alert-red);filter:drop-shadow(0 0 5px red);transition:all .3s}.life-icon.lost{color:#334155;filter:none;opacity:.5}.env-info{background:var(--hud-bg);padding:10px;border-radius:8px;border:1px solid #334155;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.9rem;color:#cbd5e1}.info-item{display:flex;align-items:center;gap:8px;margin-bottom:5px}.controls-overlay{position:absolute;bottom:30px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:flex-end;z-index:40}.zoom-control{background:var(--hud-bg);padding:15px;border-radius:12px;border:1px solid #334155;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;gap:10px;width:150px}.zoom-label{font-size:.9rem;color:var(--primary-green);font-weight:700}.zoom-slider{width:100%;accent-color:var(--primary-green);cursor:pointer}.action-controls{display:flex;align-items:center;gap:20px}.ammo-display{background:var(--hud-bg);padding:15px;border-radius:12px;border:1px solid #334155;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;position:relative;min-width:120px;text-align:center}.ammo-count{font-size:1.5rem;font-weight:700;color:#fbbf24;margin-bottom:5px}.ammo-bar{width:100%;height:6px;background:#334155;border-radius:3px;overflow:hidden}.ammo-fill{height:100%;background:#fbbf24;transition:width .2s}.reloading-text{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;color:var(--alert-red);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;border-radius:12px;animation:blink .5s infinite}@keyframes blink{50%{opacity:0}}.btn-fire{width:80px;height:80px;border-radius:50%;background:#ef444433;border:3px solid var(--alert-red);color:var(--alert-red);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 20px #ef444466;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .1s}.btn-fire:active:not(.disabled){transform:scale(.9);background:#ef444480}.btn-fire.disabled{border-color:#555;color:#555;background:#00000080;box-shadow:none;cursor:not-allowed}@media (max-width: 768px){.controls-overlay{bottom:20px;left:10px;right:10px}.zoom-control{width:100px;padding:10px}.btn-fire{width:70px;height:70px}.scope-crosshair{width:60vmin;height:60vmin}}