html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;position:fixed;inset:0;background:#000;overscroll-behavior:none}#app,#game-canvas,#joystick,#fire-btn{touch-action:none}*{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;width:100%;height:100dvh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}#joystick{position:absolute;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#ffffff12;pointer-events:none;z-index:20}#joystick-knob{position:absolute;width:52px;height:52px;left:50%;top:50%;margin:-26px 0 0 -26px;border-radius:50%;background:#ffffff52}#fire-btn{position:absolute;right:max(5vw,env(safe-area-inset-right));bottom:max(9vh,env(safe-area-inset-bottom));width:96px;height:96px;border-radius:50%;border:2px solid rgba(255,120,60,.55);background:#ff783c29;color:#ffbe96e6;display:flex;align-items:center;justify-content:center;z-index:30}#fire-btn.pressed{background:#ff783c61}#hud{position:absolute;inset:0;pointer-events:none;z-index:40}#hud .ui-interactive{pointer-events:auto}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0}.ch-line{position:absolute;background:#ffffffd9;box-shadow:0 0 2px #000000b3}.ch-t{width:2px;height:7px;left:-1px;top:-12px}.ch-b{width:2px;height:7px;left:-1px;top:5px}.ch-l{width:7px;height:2px;left:-12px;top:-1px}.ch-r{width:7px;height:2px;left:5px;top:-1px}.ch-dot{position:absolute;width:3px;height:3px;left:-1.5px;top:-1.5px;border-radius:50%;background:#ffffffe6}#crosshair.on-target .ch-line,#crosshair.on-target .ch-dot{background:#ff4628f2}.hud-chip{position:absolute;padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#14100a73;color:#ffffffe6;font-size:18px;line-height:1}#kill-counter{top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}#settings-btn{top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));font-size:20px;cursor:pointer}#settings-panel{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) + 48px);left:max(14px,env(safe-area-inset-left));width:240px;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#14100ab8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;font-size:14px}.setting-row input[type=range]{width:110px}.setting-row input[type=checkbox]{width:20px;height:20px}#fullscreen-btn{padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-size:13px;cursor:pointer}#fps-meter{font-size:12px;opacity:.6}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0805c7;z-index:100;text-align:center}.overlay-card h1{margin:0 0 8px;font-size:34px;letter-spacing:2px;color:#e8cf9f}.overlay-card p{margin:6px 0;font-size:18px}.overlay-card .hint{font-size:13px;opacity:.6}.rotate-glyph{font-size:56px;margin-bottom:12px}#lock-overlay{cursor:pointer}#mp-status{top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);font-variant-numeric:tabular-nums}#mp-hp.low{color:#ff5f4d}#killfeed{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;flex-direction:column;gap:5px;align-items:flex-end;pointer-events:none;max-width:44vw}.feed-line{padding:4px 10px;border-radius:8px;background:#0c0a08a6;font-size:13px;color:#e6ddc8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-line.pvp{border-right:3px solid #ff9d45}.feed-line.self{background:#781e14bf}.feed-line.alien{opacity:.75;font-size:12px}#respawn-msg{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}#respawn-title{font-size:42px;font-weight:800;letter-spacing:3px;color:#ff6a4d;text-shadow:0 2px 12px rgba(0,0,0,.7)}#respawn-sub{font-size:17px;opacity:.85;margin-top:6px}#hud.protected #crosshair{filter:drop-shadow(0 0 6px #7fd4ff)}.mode-buttons{display:flex;gap:14px;justify-content:center;margin:14px 0 10px}.big-btn{padding:14px 30px;font-size:18px;font-weight:700;letter-spacing:1px;border-radius:12px;border:2px solid rgba(255,255,255,.5);background:#ff783c40;color:#fff;cursor:pointer;min-height:52px}.big-btn:active{background:#ff783c80}#lobby-code{color:#ffd27a;cursor:pointer;-webkit-user-select:all;user-select:all}#lobby-overlay .overlay-card{min-width:300px}#name-input{width:240px;padding:12px 14px;font-size:18px;text-align:center;border-radius:10px;border:2px solid rgba(255,255,255,.35);background:#00000059;color:#fff;outline:none;margin:8px 0 4px}#name-input:focus{border-color:#ffd27a}#name-error{color:#ff8d7a!important;opacity:1!important}#char-select{display:flex;gap:12px;justify-content:center;margin:14px 0 6px}.char-swatch{width:52px;height:52px;border-radius:12px;border:3px solid transparent;background:var(--tint);cursor:pointer}.char-swatch.selected{border-color:#fff;box-shadow:0 0 12px var(--tint)}#scoreboard{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0a0806e0;border-radius:14px;padding:18px 26px;z-index:90;pointer-events:none;min-width:340px}#scoreboard-title{font-size:15px;letter-spacing:3px;color:#e8cf9f;text-align:center;margin-bottom:10px}#scoreboard-table{width:100%;border-collapse:collapse;font-size:15px}#scoreboard-table th{font-size:11px;opacity:.6;text-align:left;padding:2px 8px}#scoreboard-table td{padding:4px 8px}#scoreboard-table td.num{text-align:right;font-variant-numeric:tabular-nums}#scoreboard-table tr.self td{color:#ffd27a}.sb-dot{display:inline-block;width:10px;height:10px;border-radius:50%}#scoreboard-btn{top:max(12px,env(safe-area-inset-top));right:max(120px,env(safe-area-inset-right))}#end-overlay{background:#140808d9}#end-title{color:#ff6a4d}#restart-btn{margin-top:18px;padding:16px 44px;font-size:22px;font-weight:700;letter-spacing:1px;border-radius:14px;border:2px solid rgba(255,255,255,.5);background:#ff783c40;color:#fff;cursor:pointer;min-height:56px}#restart-btn:active{background:#ff783c80}#toast{position:absolute;left:50%;top:18%;transform:translate(-50%);padding:10px 18px;border-radius:10px;background:#781414cc;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:16px;font-weight:600;z-index:60;pointer-events:none;white-space:nowrap}