:root{--neon: #46e0ff;--neon-2: #ff44cc;--bg-0: #05070d;--panel: rgba(10, 16, 28, .82);--panel-border: rgba(70, 224, 255, .35)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:var(--bg-0);color:#e8f4ff;font-family:Rajdhani,Segoe UI,sans-serif;cursor:default;user-select:none}#app,#game-canvas{position:fixed;inset:0;width:100vw;height:100vh;display:block}#ui-root{position:fixed;inset:0;pointer-events:none;z-index:10}#ui-root>*{pointer-events:auto}.hud{position:fixed;inset:0;pointer-events:none;font-family:Orbitron,Rajdhani,sans-serif}.crosshair{position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);--ch-color: #46e0ff}.crosshair .ch{position:absolute;background:var(--ch-color);box-shadow:0 0 6px var(--ch-color);opacity:.9}.ch-t,.ch-b{left:50%;width:2px;height:7px;transform:translate(-50%)}.ch-t{top:0}.ch-b{bottom:0}.ch-l,.ch-r{top:50%;height:2px;width:7px;transform:translateY(-50%)}.ch-l{left:0}.ch-r{right:0}.ch-dot{position:absolute;left:50%;top:50%;width:2px;height:2px;background:var(--ch-color);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px var(--ch-color)}.hit-marker{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%) rotate(45deg) scale(.6);opacity:0;transition:opacity .08s,transform .08s}.hit-marker.active{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1)}.hit-marker span{position:absolute;width:3px;height:9px;background:#ff5252;box-shadow:0 0 6px #ff5252}.hit-marker span:nth-child(1){top:0;left:50%;transform:translate(-50%)}.hit-marker span:nth-child(2){bottom:0;left:50%;transform:translate(-50%)}.hit-marker span:nth-child(3){left:0;top:50%;width:9px;height:3px;transform:translateY(-50%)}.hit-marker span:nth-child(4){right:0;top:50%;width:9px;height:3px;transform:translateY(-50%)}.damage-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 160px 40px #ff1414b3;opacity:0}.damage-vignette.flash{animation:dmgflash .4s ease-out}@keyframes dmgflash{0%{opacity:.9}to{opacity:0}}.hud-bottom-left{position:absolute;left:32px;bottom:28px;display:flex;gap:22px;align-items:flex-end}.stat{display:flex;align-items:center;gap:10px;font-size:46px;font-weight:700;text-shadow:0 0 14px rgba(70,224,255,.5)}.stat .stat-icon{font-size:26px;opacity:.85}.stat.health{color:#4dffa0}.stat.health.low{color:#ff4d4d;animation:pulse .6s infinite}.stat.health.over{color:#7df9ff}.stat.armor{color:#5aa0ff}@keyframes pulse{50%{opacity:.45}}.hud-bottom-right{position:absolute;right:32px;bottom:28px;text-align:right}.weapon-name{font-size:20px;letter-spacing:2px;opacity:.9;text-shadow:0 0 12px currentColor}.ammo{font-size:56px;font-weight:900;line-height:1;text-shadow:0 0 16px rgba(70,224,255,.6)}.hud-top-right{position:absolute;right:32px;top:24px;text-align:right;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.hud-fps{position:absolute;left:16px;top:12px;font-family:Rajdhani,monospace;font-size:13px;letter-spacing:1px;opacity:.55;color:#b9d4ff;text-shadow:0 0 6px rgba(0,0,0,.8);pointer-events:none}.hud-fps.warn{color:#ffd479;opacity:.8}.hud-fps.bad{color:#ff7a7a;opacity:.95;font-weight:700}.match-timer{font-size:24px;letter-spacing:2px;opacity:.8}.frag-box{display:flex;align-items:baseline;gap:10px}.frag-label{font-size:14px;letter-spacing:3px;opacity:.6}.frag-box span:last-child{font-size:40px;font-weight:900;color:var(--neon-2);text-shadow:0 0 14px var(--neon-2)}.place{font-size:16px;opacity:.7;letter-spacing:1px}.powerups{position:absolute;left:32px;bottom:96px;display:flex;gap:10px}.powerup-chip{border:1px solid;border-radius:4px;padding:4px 10px;font-size:14px;letter-spacing:2px;display:flex;gap:8px;align-items:center;background:#0006;box-shadow:0 0 14px -2px currentColor}.powerup-chip b{font-size:18px}.weapon-bar{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;gap:8px}.weapon-slot{--accent: #46e0ff;display:flex;flex-direction:column;align-items:center;padding:6px 12px;min-width:66px;background:#080e1899;border:1px solid rgba(120,160,200,.18);border-radius:5px;opacity:.55;transition:all .12s}.weapon-slot .ws-num{font-size:12px;opacity:.6}.weapon-slot .ws-name{font-size:12px;letter-spacing:1px}.weapon-slot.active{opacity:1;border-color:var(--accent);box-shadow:0 0 16px -3px var(--accent);transform:translateY(-4px)}.weapon-slot.empty{opacity:.22}.kill-feed{position:absolute;right:32px;top:120px;display:flex;flex-direction:column;gap:6px;align-items:flex-end;font-family:Rajdhani,sans-serif}.kf-row{background:#050a1299;padding:4px 12px;border-radius:4px;font-size:16px;letter-spacing:1px;opacity:0;transform:translate(24px);transition:all .25s;border-right:2px solid rgba(255,255,255,.15)}.kf-row.show{opacity:1;transform:translate(0)}.kf-killer{color:#7df9ff}.kf-victim{color:#ff9a9a}.kf-weapon{opacity:.6;font-size:13px}.kf-row .me{color:#ffe24d;font-weight:700}.scoreboard{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#02050c8c;backdrop-filter:blur(4px);z-index:20}.scoreboard.hidden{display:none}.sb-panel{width:min(640px,90vw);background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:22px 26px;box-shadow:0 0 60px -10px var(--neon)}.sb-title{font-family:Orbitron,sans-serif;font-size:20px;letter-spacing:3px;margin-bottom:16px;color:var(--neon);text-align:center}.sb-head,.sb-row{display:grid;grid-template-columns:44px 1fr 90px 90px;align-items:center;padding:7px 8px}.sb-head{font-size:12px;letter-spacing:2px;opacity:.55;border-bottom:1px solid rgba(120,160,200,.2)}.sb-frags,.sb-deaths,.sb-rank{text-align:center}.sb-row{font-size:18px;border-bottom:1px solid rgba(120,160,200,.08)}.sb-row .sb-frags{color:var(--neon-2);font-weight:700}.sb-row.me{background:#46e0ff1f;border-radius:4px}.bot-tag{font-style:normal;font-size:10px;letter-spacing:1px;background:#ff5a5a33;color:#ff9a9a;padding:1px 5px;border-radius:3px;margin-left:6px}.menu-layer{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center}.menu-layer.hidden{display:none}.menu-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(70,120,255,.18),transparent 55%),radial-gradient(ellipse at 75% 75%,rgba(255,68,204,.16),transparent 55%),linear-gradient(160deg,#05070f,#0a0a16 60%,#0d0610)}.menu-bg.dim{background:#03060eb8;backdrop-filter:blur(6px)}.menu-content{position:relative;text-align:center;width:min(720px,92vw);max-height:96vh;overflow-y:auto;padding:20px}.game-title{font-family:Orbitron,sans-serif;font-size:clamp(48px,9vw,96px);font-weight:900;letter-spacing:6px;line-height:.9;background:linear-gradient(90deg,#46e0ff,#f4c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px rgba(70,224,255,.45))}.game-title span{display:block;font-size:.42em;letter-spacing:14px;color:#fff;-webkit-text-fill-color:#cfeeff;margin-top:6px}.tagline{letter-spacing:8px;font-size:14px;opacity:.6;margin:8px 0 24px}.menu-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 0 70px -20px var(--neon);text-align:left}.menu-panel.narrow{width:320px;margin:0 auto;gap:12px}.field label{display:block;font-size:13px;letter-spacing:3px;opacity:.7;margin-bottom:8px}.field label b{color:var(--neon);margin-left:6px}.field-row{display:flex;gap:20px}.field-row .field{flex:1}.map-grid{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 560px){.map-grid{grid-template-columns:1fr 1fr 1fr}}.map-card{text-align:left;background:#080e1ab3;border:1px solid rgba(120,160,200,.2);border-radius:8px;padding:12px;cursor:pointer;color:inherit;font-family:inherit;transition:all .15s;display:flex;flex-direction:column;gap:6px}.map-card:hover{border-color:var(--neon)}.map-card.selected{border-color:var(--neon);background:#46e0ff1f;box-shadow:0 0 24px -6px var(--neon)}.map-name{font-family:Orbitron,sans-serif;font-size:15px;letter-spacing:1px}.map-desc{font-size:12px;opacity:.6;line-height:1.3}input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:5px;border-radius:4px;background:#78a0c840;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--neon);box-shadow:0 0 12px var(--neon);cursor:pointer}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:var(--neon);box-shadow:0 0 12px var(--neon);cursor:pointer}.diff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.diff-btn{padding:10px 4px;background:#080e1ab3;border:1px solid rgba(120,160,200,.2);border-radius:6px;color:inherit;font-family:Orbitron,sans-serif;font-size:12px;letter-spacing:1px;cursor:pointer;transition:all .15s}.diff-btn:hover{border-color:var(--neon-2)}.diff-btn.selected{border-color:var(--neon-2);background:#ff44cc26;box-shadow:0 0 20px -6px var(--neon-2)}.btn-primary,.btn-secondary{font-family:Orbitron,sans-serif;letter-spacing:3px;border:none;border-radius:8px;padding:16px;cursor:pointer;font-size:16px;transition:all .15s}.btn-primary{background:linear-gradient(90deg,#46e0ff,#2a8cff);color:#02121e;font-weight:700;box-shadow:0 0 30px -6px var(--neon)}.btn-primary:hover{filter:brightness(1.15);transform:translateY(-2px)}.btn-secondary{background:#141e30cc;color:#cfeeff;border:1px solid rgba(120,160,200,.3)}.btn-secondary:hover{border-color:var(--neon)}.controls-hint{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;font-size:13px;opacity:.55}.controls-hint b{color:var(--neon)}.pause-title,.result-title{font-family:Orbitron,sans-serif;font-size:48px;letter-spacing:8px;margin-bottom:20px}.result-title.win{color:#4dffa0;text-shadow:0 0 30px rgba(77,255,160,.6)}.result-title.lose{color:#ff6a6a;text-shadow:0 0 30px rgba(255,106,106,.5)}.result-sub{opacity:.7;letter-spacing:2px;margin-bottom:20px}.res-head,.res-row{display:grid;grid-template-columns:40px 1fr 80px 80px;padding:6px 8px;align-items:center}.res-head{font-size:12px;letter-spacing:2px;opacity:.55;border-bottom:1px solid rgba(120,160,200,.2)}.res-row{border-bottom:1px solid rgba(120,160,200,.08)}.res-row.me{background:#46e0ff1f;border-radius:4px}.res-row span:nth-child(3){color:var(--neon-2);font-weight:700;text-align:center}.res-row span:nth-child(4){text-align:center}.res-head span:nth-child(3),.res-head span:nth-child(4){text-align:center}.click-prompt{position:fixed;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;background:#03060e66;cursor:pointer}.cp-inner{text-align:center}.cp-ring{width:80px;height:80px;margin:0 auto 18px;border:2px solid var(--neon);border-top-color:transparent;border-radius:50%;animation:spin 1.4s linear infinite;box-shadow:0 0 30px -8px var(--neon)}@keyframes spin{to{transform:rotate(360deg)}}.cp-inner p{font-family:Orbitron,sans-serif;letter-spacing:4px;font-size:18px;text-shadow:0 0 18px var(--neon)}.touch-layer{position:fixed;inset:0;z-index:15;pointer-events:none}#ui-root>.touch-layer{pointer-events:none}.touch-layer.playing .touch-zone,.touch-layer.playing .touch-btn{pointer-events:auto}.touch-layer:not(.playing) .joystick,.touch-layer:not(.playing) .touch-btn{display:none}.touch-zone{position:absolute;top:0;bottom:96px;touch-action:none}.move-zone{left:0;width:45%}.look-zone{right:0;width:55%}.joystick{position:absolute;width:132px;height:132px;margin-left:-66px;margin-top:-66px;border-radius:50%;border:2px solid rgba(70,224,255,.5);background:#0a142247;box-shadow:0 0 24px -6px var(--neon);opacity:0;transition:opacity .12s;pointer-events:none}.joystick.show{opacity:1}.joystick-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 35%,#78f0fff2,#288cc8b3);box-shadow:0 0 18px var(--neon)}.touch-btn{position:absolute;border-radius:50%;border:2px solid rgba(70,224,255,.45);background:#0c162473;color:#cfeeff;font-family:Orbitron,sans-serif;letter-spacing:1px;backdrop-filter:blur(2px);user-select:none;touch-action:none}.touch-btn.active{background:#46e0ff4d;box-shadow:0 0 22px -4px var(--neon);transform:scale(.94)}.fire-btn{right:32px;bottom:96px;width:116px;height:116px;font-size:17px;color:#ffd0d0;border-color:#ff5a5a8c}.fire-btn.active{background:#ff464652;box-shadow:0 0 26px -4px #ff5a5a}.jump-btn{right:168px;bottom:72px;width:92px;height:92px;font-size:15px}.auto-btn{right:44px;bottom:224px;width:72px;height:72px;font-size:12px;line-height:1.1;text-align:center;opacity:.6}.auto-btn.active{opacity:1;background:#46e0ff47;box-shadow:0 0 20px -4px var(--neon)}.pause-btn{right:24px;top:84px;width:56px;height:56px;font-size:18px;font-weight:700}.rotate-prompt{position:fixed;inset:0;z-index:60;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#05070f;text-align:center;pointer-events:auto}.rotate-prompt .rp-icon{font-size:64px;color:var(--neon);animation:rp-spin 2.4s ease-in-out infinite}.rotate-prompt p{font-family:Orbitron,sans-serif;letter-spacing:3px;font-size:16px}@keyframes rp-spin{0%,to{transform:rotate(-15deg)}50%{transform:rotate(90deg)}}@media (pointer: coarse) and (orientation: portrait){.rotate-prompt{display:flex}}@media (pointer: coarse) and (max-height: 520px){.stat{font-size:32px}.ammo{font-size:40px}.weapon-bar{bottom:8px;transform:translate(-50%) scale(.85)}.hud-bottom-left{left:150px;bottom:16px}.hud-bottom-right{right:150px;bottom:16px}}