html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}#app,#view{position:fixed;inset:0}#view canvas{width:100%;height:100%;display:block}.crosshair{pointer-events:none;background:#fff;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:fixed;top:50%;left:50%;box-shadow:0 0 0 1px #0009}.spread{pointer-events:none;--r:12px;width:0;height:0;position:fixed;top:50%;left:50%}.spread i{background:#fff;position:absolute;box-shadow:0 0 0 1px #00000080}.spread i:first-child{width:2px;height:8px;left:-1px;top:calc(-1 * var(--r) - 8px)}.spread i:nth-child(2){width:2px;height:8px;left:-1px;top:var(--r)}.spread i:nth-child(3){width:8px;height:2px;top:-1px;left:calc(-1 * var(--r) - 8px)}.spread i:nth-child(4){width:8px;height:2px;top:-1px;left:var(--r)}.hitmarker{pointer-events:none;opacity:0;width:0;height:0;position:fixed;top:50%;left:50%}.hitmarker.show{opacity:1}.hitmarker i{background:#fff;width:10px;height:2px;margin:-1px 0 0 -5px;position:absolute;box-shadow:0 0 0 1px #00000080}.hitmarker i:first-child{transform:rotate(45deg)translate(-11px)}.hitmarker i:nth-child(2){transform:rotate(135deg)translate(-11px)}.hitmarker i:nth-child(3){transform:rotate(225deg)translate(-11px)}.hitmarker i:nth-child(4){transform:rotate(315deg)translate(-11px)}.hitmarker.kill i{background:#ff4d4d;width:14px;margin-left:-7px}.hitmarker.friendly i{background:#60a5fa}.hit-text{font:600 12px var(--mono);color:#fff;text-shadow:0 1px 2px #000000e6;pointer-events:none;opacity:0;white-space:nowrap;transition:opacity .2s;position:fixed;top:calc(50% + 26px);left:50%;transform:translate(-50%)}.hit-text.show{opacity:1}.hurt{pointer-events:none;opacity:0;transition:opacity .25s;position:fixed;inset:0;box-shadow:inset 0 0 120px #dc14148c}.hurt.show{opacity:1}.hurt-dir{width:180px;height:180px;transform:rotate(var(--a,0deg));pointer-events:none;opacity:0;border:4px solid #0000;border-top-color:#ff3c3ce6;border-radius:50%;margin:-90px 0 0 -90px;transition:opacity .3s;position:fixed;top:50%;left:50%}.hurt-dir.on.show{opacity:1}.downed #view{filter:grayscale(.7)brightness(.55)blur(1.5px)}.hp.down .hp-fill{background:linear-gradient(90deg,#b91c1c,#ef4444)}.down-ui,.revive-ui{text-align:center;pointer-events:none;background:#0009;border-radius:8px;width:min(420px,100vw - 32px);padding:8px 12px;font:600 13px system-ui,sans-serif;position:fixed;top:58%;left:50%;transform:translate(-50%)}.revive-ui{top:62%}.down-bar,.revive-bar{background:#ffffff26;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.down-bar div{background:#ef4444;height:100%}.revive-bar div{background:#22c55e;height:100%}.killfeed{color:#fff;flex-direction:column;align-items:flex-end;gap:3px;margin-top:8px;font:600 12px system-ui,sans-serif;display:flex}.killfeed div{background:#0000008c;border-radius:4px;padding:3px 8px}.killfeed div.mine{background:#a01e1eb3}.hud{pointer-events:none;text-shadow:0 1px 2px #000c;position:fixed}.hud-tl{width:min(360px,100vw - 32px);top:12px;left:16px}.op-name{margin-bottom:6px;font-weight:600}.hp{background:#00000073;border-radius:4px;height:18px;position:relative;overflow:hidden}.hp-fill{background:linear-gradient(90deg,#d9e2ec,#fff);width:100%;height:100%;transition:width .2s}.hp-text{font:600 12px var(--mono);color:#111;text-shadow:none;place-items:center;display:grid;position:absolute;inset:0}.hud-tr{font:12px var(--mono);color:var(--muted);top:12px;right:16px}.hud-bottom{text-align:center;width:min(520px,100vw - 32px);bottom:24px;left:50%;transform:translate(-50%)}.stances{justify-content:center;gap:6px;display:flex}.stances span{font:600 12px var(--mono);letter-spacing:.05em;color:var(--muted);background:#0006;border-radius:4px;padding:3px 10px}.stances span.on{background:var(--accent);color:#111;text-shadow:none}.stance-bar{background:#0006;border-radius:2px;width:220px;height:3px;margin:6px auto 8px;overflow:hidden}.stance-bar div{background:var(--accent);height:100%}.readout{font:13px var(--mono)}.hud-br{text-align:right;bottom:24px;right:16px}.weapon-name{font-weight:600}.ammo{font:700 28px var(--mono);line-height:1.1}.ammo.low .ammo-loaded{color:var(--bad)}.ammo-reserve{color:var(--muted);font-size:16px}.weapon-state{font:12px var(--mono);color:var(--muted)}.reticle{pointer-events:none;width:0;height:0;position:fixed;top:50%;left:50%}.reticle[data-kind=dot]:before{content:"";background:#ff3030;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;box-shadow:0 0 4px #ff3030}.reticle[data-kind=cross]:before{content:"";background:#111;width:26px;height:1px;margin:0 0 0 -13px;position:absolute}.reticle[data-kind=cross]:after{content:"";background:#111;width:1px;height:26px;margin:-13px 0 0;position:absolute}.scope{pointer-events:none;background:radial-gradient(circle,#0000 0 min(34vh,34vw),#000000eb calc(min(34vh,34vw) + 2px));position:fixed;inset:0}.scope:before{content:"";background:#000c;width:min(68vh,68vw);height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scope:after{content:"";background:#000c;width:1px;height:min(68vh,68vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lean-ind{color:var(--accent);opacity:0;pointer-events:none;text-shadow:0 1px 3px #000;font-size:28px;position:fixed;top:50%;transform:translateY(-50%)}.lean-l{left:calc(50% - 90px)}.lean-r{left:calc(50% + 70px)}.flash{opacity:0;pointer-events:none;background:#0009;border-radius:6px;padding:6px 14px;font-weight:600;transition:opacity .2s;position:fixed;top:30%;left:50%;transform:translate(-50%)}.flash.show{opacity:1}.flash[data-kind=bad]{color:var(--bad)}.center-msg{pointer-events:none;text-align:center;background:#0000009e;border-radius:8px;max-width:calc(100vw - 32px);padding:10px 18px;font-weight:600;position:fixed;top:66%;left:50%;transform:translate(-50%)}.prompt{pointer-events:none;background:#0009;border-radius:6px;padding:5px 12px;font:600 14px system-ui,sans-serif;position:fixed;top:calc(50% + 46px);left:50%;transform:translate(-50%)}.shellcam{pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 0 3px #f2a33ab3,inset 0 0 160px #0000008c}.shellcam-title{font:700 14px var(--mono);letter-spacing:.1em;color:var(--accent);text-shadow:0 1px 3px #000;position:absolute;top:64px;left:50%;transform:translate(-50%)}.swap-bar{background:#00000080;border-radius:2px;width:240px;height:4px;position:absolute;top:88px;left:50%;overflow:hidden;transform:translate(-50%)}.swap-bar div{background:var(--accent);height:100%}.hidden{display:none!important}.gear{z-index:3;border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;width:40px;height:40px;font-size:20px;position:fixed;top:44px;right:12px}.panel{z-index:4;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:text;user-select:text;border-radius:12px;width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);padding:18px 20px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.panel h2{margin:0 0 10px;font-size:18px}.panel h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 6px;font-size:13px}.panel label{align-items:center;gap:10px;margin:6px 0;display:flex}.panel input[type=range]{flex:1}.panel output{min-width:150px;font:12px var(--mono);color:var(--muted)}.panel select{border:1px solid var(--line);background:var(--panel-solid);border-radius:6px;padding:5px 8px}.panel label select{margin-left:auto}.panel .op-select{width:100%}.panel button{border:1px solid var(--line);background:var(--panel-solid);cursor:pointer;border-radius:6px;padding:6px 12px}.panel button:hover{border-color:var(--accent)}.panel button.primary{background:var(--accent);color:#111;border:none;width:100%;padding:10px;font-weight:700}.goto{flex-wrap:wrap;gap:6px;display:flex}.note{color:var(--muted);font-size:12px}.help table{border-collapse:collapse;width:100%}.help td{vertical-align:top;padding:4px 8px 4px 0}.help td:first-child{white-space:nowrap}.help ul{margin:6px 0;padding-left:18px}.touch-layer{z-index:1;pointer-events:none;position:fixed;inset:0}.touch-look{pointer-events:auto;position:absolute;inset:0 0 0 40%}.touch-stick{pointer-events:auto;touch-action:none;background:#ffffff14;border:2px solid #ffffff40;border-radius:50%;width:150px;height:150px;position:absolute;bottom:28px;left:28px}.touch-knob{background:#ffffff59;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute;top:50%;left:50%}.touch-buttons{pointer-events:auto;grid-template-columns:repeat(4,64px);gap:8px;display:grid;position:absolute;bottom:20px;right:20px}.touch-btn{touch-action:none;background:#00000073;border:1px solid #ffffff4d;border-radius:10px;height:52px;font:600 12px system-ui,sans-serif}.touch-btn.down,.touch-btn.on{background:var(--accent);color:#111}.touch .hud-br{top:92px;bottom:auto}.loadout-row{margin:8px 0 12px}.loadout-row>label select{max-width:60%}.atts{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.atts select{flex:140px;min-width:0}.loadout .stats{font:12px var(--mono);margin:6px 0 0}.unv{font:700 10px var(--mono);color:var(--accent);vertical-align:1px;background:#f2a33a40;border-radius:3px;margin-left:2px;padding:0 4px;display:inline-block}@media (max-width:700px){.touch-buttons{grid-template-columns:repeat(4,54px);gap:6px}.touch-stick{width:120px;height:120px}.hud-bottom{bottom:190px}.hud-br{top:92px;bottom:auto}.ammo{font-size:20px}}.hud-tr .net{max-width:min(560px,44vw);font:11px var(--mono);color:var(--muted);text-align:right;margin-top:4px}.lobby input{border:1px solid var(--line);background:var(--panel-solid);color:var(--text);font:inherit;border-radius:6px;flex:1;padding:7px 9px}.lobby .primary{margin-top:6px}.join-row{gap:8px;display:flex}.join-row .code{text-transform:uppercase;letter-spacing:.2em;font:600 16px var(--mono)}.lobby .error{color:#f87171;min-height:1.2em;font-size:13px}.lobby a{color:var(--accent)}.shot-panel{max-width:min(360px,60vw);font:12px/1.45 var(--mono);top:42%;left:12px}.shot-panel b{color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.dmg-numbers{pointer-events:none;position:fixed;inset:0;overflow:hidden}.dmg-numbers div{font:700 16px var(--mono);color:#fff;text-shadow:0 1px 3px #000,0 0 2px #000;white-space:nowrap;position:absolute;top:0;left:0}.dmg-numbers .head{color:#ffd23f}.dmg-numbers .kill{color:#ff4d4d;font-size:18px}.destruction-readout{font:12px var(--mono);color:var(--muted);white-space:nowrap;top:64px;left:50%;transform:translate(-50%)}.hud.stats{font:12px/1.45 var(--mono);white-space:pre;background:#0000008c;border-radius:6px;padding:6px 10px;top:96px;left:16px}.hud.where{font:12px var(--mono);white-space:nowrap;bottom:6px;left:16px}.touch .hud.where{bottom:186px}.plan-view .crosshair,.plan-view .spread,.plan-view .reticle,.plan-view .scope{display:none}.goto-storey h4,.goto-sites h4{font:600 12px var(--mono);color:var(--muted);margin:8px 0 4px}.spectating .crosshair,.spectating .spread,.spectating .reticle,.spectating .scope,.spectating .hitmarker,.spectating .hurt,.spectating .hurt-dir,.spectating .hud-tl,.spectating .hud-br,.spectating .hud-bottom,.spectating .lean-ind,.spectating .prompt,.spectating .down-ui,.spectating .revive-ui,.spectating .shellcam{display:none}#app.spectating #view{filter:none}