:root{--primary:#f44;--secondary:#4f4;--ui-bg:#0009;--ui-border:#ffffff1a;--health:#4f4;--health-low:#f44}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{color:#fff;background:#0a0a0a;font-family:Inter,system-ui,-apple-system,sans-serif}.game-container{width:100%;height:100%;position:relative}canvas{display:block}.ui-overlay{pointer-events:none;position:absolute;inset:0}.ui-overlay>*{pointer-events:auto}.crosshair{width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#fff;position:absolute}.crosshair:before{width:2px;height:24px;left:50%;transform:translate(-50%)}.crosshair:after{width:24px;height:2px;top:50%;transform:translateY(-50%)}.hud{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.health-bar{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:8px;min-width:200px;padding:12px 16px}.health-bar .bar{background:var(--health);border-radius:4px;height:8px;transition:width .2s,background .2s}.health-bar .bar.low{background:var(--health-low)}.health-bar .label{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:12px}.health-bar .value{margin-bottom:6px;font-size:24px;font-weight:700}.weapon-info{background:var(--ui-bg);border:1px solid var(--ui-border);text-align:right;border-radius:8px;padding:12px 20px}.weapon-info .weapon-name{color:#aaa;margin-bottom:4px;font-size:14px}.weapon-info .ammo{font-size:32px;font-weight:700}.weapon-info .ammo .total{color:#666;font-size:16px}.score-board{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:8px;padding:12px 16px;position:absolute;top:20px;right:20px}.score-board .score{font-size:20px;font-weight:700}.hit-marker{opacity:0;width:20px;height:20px;transition:opacity .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hit-marker.active{opacity:1}.hit-marker:before,.hit-marker:after{content:"";background:#fff;position:absolute}.hit-marker:before{width:2px;height:20px;left:50%;transform:translate(-50%)rotate(45deg)}.hit-marker:after{width:2px;height:20px;left:50%;transform:translate(-50%)rotate(-45deg)}.start-screen{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.start-screen h1{background:linear-gradient(90deg,#f44,#f84);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:64px;font-weight:900}.start-screen .subtitle{color:#666;margin-bottom:40px;font-size:18px}.start-screen button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f44,#f64);border:none;border-radius:8px;padding:16px 48px;font-size:18px;font-weight:700;transition:transform .1s,box-shadow .1s}.start-screen button:hover{transform:scale(1.05);box-shadow:0 0 30px #f446}.start-screen .controls-info{color:#444;text-align:center;margin-top:40px;font-size:14px;line-height:1.8}.weapon-selector{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:8px;gap:8px;padding:8px;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.weapon-slot{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .1s;display:flex}.weapon-slot.active{border-color:var(--primary);background:#f443}.weapon-slot .key{background:#333;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex;position:absolute;top:-8px;left:-8px}.respawn-overlay{background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.respawn-message{text-align:center}.respawn-message h2{color:#f44;margin-bottom:10px;font-size:48px}.respawn-message p{color:#888;font-size:24px}