:root{--bg: #0b1020;--panel: #151b2e;--line: #2a3354;--text: #eef2ff;--muted: #94a0c4;--accent: #4da3ff;--danger: #ff5d5d;--ok: #5be37d;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--stick: clamp(110px, 24vmin, 170px);--btn: clamp(58px, 14vmin, 88px);--pad: clamp(6px, 1.6vmin, 14px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;position:fixed;inset:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#game{position:fixed;inset:0}#game canvas{display:block;touch-action:none}[hidden]{display:none!important}#hud{position:fixed;inset:0;pointer-events:none;z-index:10;font-size:clamp(12px,2.4vmin,16px);text-shadow:0 1px 2px #000a}#topLeft{position:absolute;top:calc(var(--sat) + var(--pad));left:calc(var(--sal) + var(--pad));width:clamp(110px,24vmin,200px)}#minimap{width:100%;height:auto;display:block;background:#0b1020aa;border:1px solid var(--line);border-radius:8px}#killfeed{margin-top:6px;display:flex;flex-direction:column;gap:3px}#killfeed div{background:#0009;padding:2px 8px;border-radius:6px;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:fadeOut 5s forwards}#killfeed .me{outline:1px solid var(--accent)}@keyframes fadeOut{0%,75%{opacity:1}to{opacity:0}}#topCenter{position:absolute;top:calc(var(--sat) + var(--pad));left:50%;transform:translate(-50%);text-align:center}#timer{font-size:1.8em;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums}#goal{color:var(--muted);font-size:.85em}#topRight{position:absolute;top:calc(var(--sat) + var(--pad));right:calc(var(--sar) + var(--pad));width:clamp(120px,26vmin,200px)}body.touch #topRight{top:calc(var(--sat) + var(--pad) + var(--btn) * .62)}#score{list-style:none;margin:0;padding:4px 6px;background:#0b1020aa;border:1px solid var(--line);border-radius:8px}#score li{display:flex;justify-content:space-between;gap:8px;padding:1px 0}#score li span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#score li.me{color:var(--accent);font-weight:700}#ping{text-align:right;color:var(--muted);font-size:.8em;margin-top:3px}#stats{position:absolute;bottom:calc(var(--sab) + var(--pad));left:calc(var(--sal) + var(--pad));width:clamp(150px,30vmin,260px)}body.touch #stats{left:50%;transform:translate(-50%);width:clamp(120px,24vmin,200px);bottom:calc(var(--sab) + 4px)}.bar{position:relative;height:1.6em;background:#0009;border:1px solid var(--line);border-radius:8px;overflow:hidden}.bar i{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(90deg,#2fbf5b,#5be37d);transition:width .12s}.bar.low i{background:linear-gradient(90deg,#d33,#ff6b6b)}.bar span{position:relative;display:block;text-align:center;line-height:1.6em;font-weight:700}#ammoRow{margin-top:4px;font-size:1.5em;font-weight:800;font-variant-numeric:tabular-nums}#ammoRow small{font-size:.55em;color:var(--muted);margin-left:8px;font-weight:600}#ammoRow.empty{color:var(--danger)}#dashRow{color:var(--muted);font-size:.85em}#dashRow b{color:var(--ok)}#dashRow.cd b{color:var(--muted)}body.touch #dashRow{display:none}#respawn{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-size:2em;font-weight:800;text-align:center;background:#0008;padding:10px 22px;border-radius:14px}#vignette{position:fixed;inset:0;pointer-events:none;z-index:9;opacity:0;transition:opacity .35s;background:radial-gradient(ellipse at center,#0000 40%,#ff1a1acc)}#vignette.hit{opacity:1;transition:none}#touch{position:fixed;inset:0;z-index:20;pointer-events:none}body:not(.touch) #touch,body:not(.touch) #btnPause{display:none}.zone{position:absolute;top:0;bottom:0;pointer-events:auto;touch-action:none}#zoneL{left:0;width:45%}#zoneR{right:0;width:55%}.stick{position:fixed;width:var(--stick);height:var(--stick);border-radius:50%;border:2px solid #ffffff55;background:#ffffff14;opacity:.55;pointer-events:none}.stick.aim{border-color:#ff9f4388;background:#ff9f4318}.stick:not(.active){bottom:calc(var(--sab) + 6vmin)}#moveBase:not(.active){left:calc(var(--sal) + 6vmin)}#aimBase:not(.active){right:calc(var(--sar) + 6vmin)}.stick.active{left:0;top:0;opacity:.9}.knob{position:absolute;left:29%;top:29%;width:42%;height:42%;border-radius:50%;background:#fffc;box-shadow:0 2px 8px #0008}.aim .knob{background:#ffb060ee}.tbtn{position:fixed;pointer-events:auto;touch-action:none;border:2px solid #ffffff66;color:#fff;font-weight:800;width:var(--btn);height:var(--btn);border-radius:50%;background:#1b2442cc;font-size:clamp(11px,2.6vmin,15px);display:grid;place-items:center;padding:0;overflow:hidden;z-index:21;font-family:inherit}.tbtn.down{background:var(--accent);transform:scale(.94)}.tbtn.small{width:calc(var(--btn) * .8);height:calc(var(--btn) * .8);font-size:clamp(20px,5vmin,30px)}#btnAbility{right:calc(var(--sar) + 6vmin + var(--stick) + 2vmin);bottom:calc(var(--sab) + 7vmin);background:#5b2fa8cc}#btnReload{right:calc(var(--sar) + 6vmin + var(--stick) * .1);bottom:calc(var(--sab) + 6vmin + var(--stick) + 2vmin)}#abilityCd{position:absolute;left:0;right:0;bottom:0;height:0;background:#000a;transition:height .1s}.tbtn.pause{top:calc(var(--sat) + var(--pad));right:calc(var(--sar) + var(--pad));width:calc(var(--btn) * .55);height:calc(var(--btn) * .55);font-size:clamp(16px,4vmin,24px);z-index:30}.screen{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;overflow:auto;padding:calc(var(--sat) + 10px) calc(var(--sar) + 10px) calc(var(--sab) + 10px) calc(var(--sal) + 10px);background:#060a16d9}#menu{background:radial-gradient(circle at 30% 20%,#1d2a5c 0,#0b1020 60%)}.card{width:min(94vw,420px);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px 22px 18px;box-shadow:0 20px 60px #000a;max-height:100%;overflow:auto}h1{margin:0;font-size:2.2rem;letter-spacing:.02em}h1 span{color:var(--accent)}h2{margin:0 0 12px}.sub{color:var(--muted);margin:4px 0 16px;font-size:.92rem}label{display:block;margin:10px 0;color:var(--muted);font-size:.85rem}label em{opacity:.7}input,select{display:block;width:100%;margin-top:5px;padding:12px 14px;font:inherit;font-size:16px;color:var(--text);background:#0d1326;border:1px solid var(--line);border-radius:10px;outline:none;-webkit-user-select:text;user-select:text}input:focus,select:focus{border-color:var(--accent)}.btn{display:block;width:100%;min-height:48px;margin-top:12px;padding:12px;font:inherit;font-weight:800;font-size:1rem;color:#fff;background:var(--accent);border:0;border-radius:12px;cursor:pointer}.btn:disabled{opacity:.6;cursor:wait}.btn.ghost{background:#232c4d}.btn.danger{background:#8e2a2a}.msg{min-height:1.3em;color:var(--danger);margin:8px 0 0;font-size:.9rem}.hint{color:var(--muted);font-size:.85rem}.help{margin-top:8px;color:var(--muted);font-size:.85rem}.help summary{cursor:pointer;padding:6px 0}body.touch .help .pc,body:not(.touch) .help .mobile{display:none}table{width:100%;border-collapse:collapse}td,th{padding:6px 4px;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600;font-size:.8rem}td:nth-child(n+3),th:nth-child(n+3){text-align:right}tr.me td{color:var(--accent);font-weight:700}#banner{position:fixed;z-index:60;top:calc(var(--sat) + 52px);left:50%;transform:translate(-50%);background:#b5651dee;padding:8px 16px;border-radius:999px;font-weight:700;font-size:.9rem;max-width:90vw;text-align:center}#rotate{position:fixed;inset:0;z-index:70;background:#060a16ee;display:flex;align-items:center;justify-content:center;text-align:center}#rotate .phone{font-size:3rem;animation:rot 2s ease-in-out infinite}@keyframes rot{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (max-height: 480px){.card{padding:12px 16px}h1{font-size:1.6rem}.sub{margin:2px 0 6px;font-size:.8rem}label{margin:6px 0}input,select{padding:8px 12px}.btn{min-height:44px;margin-top:8px}#respawn{font-size:1.3em}}.opts{margin:4px 0 8px}label.sw{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:9px 0;color:var(--text);font-size:.95rem;border-bottom:1px solid var(--line)}label.sw input{appearance:none;-webkit-appearance:none;width:46px;height:26px;margin:0;padding:0;flex:none;border-radius:999px;background:#3a4468;border:0;position:relative;cursor:pointer;transition:background .15s}label.sw input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}label.sw input:checked{background:var(--accent)}label.sw input:checked:after{transform:translate(20px)}label.rng{display:flex;align-items:center;gap:12px;margin:0;padding:9px 0;color:var(--text);font-size:.95rem;border-bottom:1px solid var(--line)}label.rng input{margin:0;padding:0;background:none;border:0;flex:1;accent-color:var(--accent)}.tbtn.sound{z-index:30;width:calc(var(--btn) * .55);height:calc(var(--btn) * .55);font-size:clamp(14px,3.4vmin,20px);top:calc(var(--sat) + var(--pad));right:calc(var(--sar) + var(--pad) + var(--btn) * .55 + 8px)}body:not(.touch) .tbtn.sound{top:auto;right:calc(var(--sar) + var(--pad));bottom:calc(var(--sab) + var(--pad));display:grid}#menuSettings{min-height:40px;font-size:.9rem}