:root{color:#f4f7f5;background:#07090c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--cyan: #34e8d1;--coral: #ff5d57;--acid: #d8ff45;--ink: #07090c;--panel: rgba(10, 14, 18, .82);--line: rgba(244, 247, 245, .2)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--ink)}button,input{font:inherit;letter-spacing:0}button{color:inherit}.game-shell,.canvas-mount,.canvas-mount canvas{position:absolute;inset:0;width:100%;height:100%}.canvas-mount canvas{display:block}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 48%,rgba(0,0,0,.58) 100%)}.damage-flash{position:absolute;inset:0;border:0 solid rgba(255,60,65,0);pointer-events:none}.damage-flash.is-active{animation:damage-pulse .32s ease-out}.is-phasing .vignette{animation:phase-warp .24s ease-out}.is-rift-gating .vignette{animation:rift-gate-warp .36s ease-out}@keyframes damage-pulse{0%{border-width:42px;border-color:#ff3c41b8;background:#ff26301a}to{border-width:0;border-color:#ff3c4100;background:transparent}}@keyframes phase-warp{0%{box-shadow:inset 0 0 0 22px #d8ff45bf;filter:brightness(1.8)}to{box-shadow:inset 0 0 #d8ff4500;filter:brightness(1)}}@keyframes rift-gate-warp{0%{box-shadow:inset 0 0 100px 48px #34e8d1e6;filter:contrast(1.8)}to{box-shadow:inset 0 0 #34e8d100;filter:contrast(1)}}.eyebrow{margin:0;color:var(--acid);font-size:.72rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.match-bar{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;display:grid;grid-template-columns:minmax(112px,1fr) 94px minmax(112px,1fr);width:min(460px,calc(100vw - 32px));height:50px;transform:translate(-50%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#06080bad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .18s ease}.team,.match-clock{display:flex;align-items:center;justify-content:center}.team{gap:14px;padding:0 14px}.team span,.match-clock span{font-size:.58rem;font-weight:850;color:#ffffff9e}.team strong{font-size:1.45rem;font-weight:900;font-variant-numeric:tabular-nums}.team--player{justify-content:flex-end;border-left:3px solid var(--cyan)}.team--player strong{color:var(--cyan)}.team--breach{justify-content:flex-start;border-right:3px solid var(--coral)}.team--breach strong{color:var(--coral)}.match-clock{flex-direction:column;border-inline:1px solid var(--line)}.match-clock strong{margin-top:2px;font-size:1rem;font-variant-numeric:tabular-nums}.crosshair{position:absolute;top:50%;left:50%;width:38px;height:38px;transform:translate(-50%,-50%);pointer-events:none}.crosshair i{position:absolute;display:block;background:#ffffffeb;box-shadow:0 0 4px #000}.crosshair i:nth-child(1),.crosshair i:nth-child(2){width:7px;height:2px;top:18px}.crosshair i:nth-child(1){left:2px}.crosshair i:nth-child(2){right:2px}.crosshair i:nth-child(3),.crosshair i:nth-child(4){width:2px;height:7px;left:18px}.crosshair i:nth-child(3){top:2px}.crosshair i:nth-child(4){bottom:2px}.crosshair b:before,.crosshair b:after{--hit-angle: 45deg;content:"";position:absolute;top:18px;left:8px;width:22px;height:2px;background:#fff;opacity:0;transform:rotate(var(--hit-angle))}.crosshair b:after{--hit-angle: -45deg}.crosshair b.is-hit:before,.crosshair b.is-hit:after{animation:hitmarker .18s ease-out}.crosshair b.is-kill:before,.crosshair b.is-kill:after{background:var(--coral);animation:hitmarker .32s ease-out}@keyframes hitmarker{0%{opacity:1;transform:rotate(var(--hit-angle)) scale(1.4)}to{opacity:0;transform:rotate(var(--hit-angle)) scale(.75)}}.kill-feed{position:absolute;top:90px;right:max(22px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.kill-feed>div{padding:7px 10px;background:#06080bb8;border-right:2px solid rgba(255,255,255,.25);font-size:.7rem}.kill-feed span{padding:0 8px;color:#ffffff7a}.kill-feed .friendly{color:var(--cyan)}.kill-feed .hostile{color:var(--coral)}.network-state{position:absolute;top:max(24px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));padding:7px 9px;border-left:2px solid var(--coral);background:#05080bad;color:#ffffff9e;font-size:.58rem;font-weight:850;pointer-events:none}.network-state.is-online{border-color:var(--acid);color:var(--acid)}.combat-hud{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(160px,240px) minmax(200px,1fr) minmax(150px,220px);align-items:end;gap:24px;pointer-events:none}.vital-block,.ammo-block,.ability-block{min-width:0}.hud-label,.ammo-block>div{display:flex;justify-content:space-between;align-items:baseline}.hud-label span,.ammo-block>span,.ability-block span{font-size:.62rem;font-weight:850;color:#ffffff9e}.hud-label strong{color:#fff;font-size:2rem;line-height:1;font-variant-numeric:tabular-nums}.meter{height:6px;margin-top:8px;overflow:hidden;background:#ffffff29}.meter i{display:block;width:100%;height:100%;transform-origin:left;background:var(--cyan);transition:transform .15s ease}.meter i.is-critical{background:var(--coral);animation:critical .65s infinite alternate}@keyframes critical{to{opacity:.45}}.ammo-block{text-align:right}.ammo-block>div{justify-content:flex-end;gap:8px}.ammo-block strong{font-size:3.4rem;line-height:.9;font-weight:900;font-variant-numeric:tabular-nums}.ammo-block i{color:#ffffff7a;font-size:.9rem;font-style:normal}.ability-block{justify-self:center;display:grid;grid-template-columns:38px minmax(110px,160px);align-items:center;gap:8px 12px}.ability-icon{grid-row:1 / 3;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--cyan);color:var(--cyan);font-weight:900;transform:rotate(45deg)}.ability-icon:first-letter{transform:rotate(-45deg)}.ability-block>div:nth-child(2){display:flex;justify-content:space-between;gap:12px}.ability-block strong{font-size:.62rem;color:#ffffff80}.ability-block strong.is-ready{color:var(--acid)}.ability-meter{grid-column:2;height:3px;overflow:hidden;background:#ffffff29}.ability-meter i{display:block;width:100%;height:100%;transform-origin:left;background:var(--acid)}.deploy-screen,.pause-screen,.respawn-screen,.end-screen{position:absolute;inset:0;display:none;z-index:10}.deploy-screen.is-visible{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:60px;padding:8vh 7vw;background:linear-gradient(90deg,#050709eb,#05070980 48%,#05070914)}.brand-lockup h1{margin:10px 0 12px;color:#fff;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:7rem;line-height:.88;letter-spacing:0;font-weight:900}.brand-lockup h1 span{color:var(--cyan);font-size:.3em}.tagline{margin:0;max-width:500px;font-size:1rem;color:#ffffffb3}.deploy-controls{align-self:end;width:100%;border-top:1px solid rgba(255,255,255,.4);padding-top:18px}.deploy-controls label{display:block;margin-bottom:7px;font-size:.62rem;font-weight:850;color:#ffffff8c}.deploy-controls input{width:100%;height:52px;padding:0 15px;color:#fff;background:#040709b3;border:1px solid rgba(255,255,255,.24);border-radius:0;outline:none;font-weight:850}.deploy-controls input:focus{border-color:var(--cyan)}.deploy-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:62px;margin-top:10px;padding:0 18px;cursor:pointer;border:0;border-radius:2px;background:var(--cyan);color:#06100f;font-weight:950}.deploy-button:hover{background:var(--acid)}.deploy-button i{font-style:normal;font-size:.58rem;opacity:.64}.mode-strip{display:flex;justify-content:space-between;padding:12px 2px 0;color:#ffffff8c;font-size:.58rem;font-weight:800}.controls-ribbon{position:absolute;left:7vw;bottom:4vh;display:flex;flex-wrap:wrap;gap:20px;color:#ffffff8c;font-size:.62rem;font-weight:750}kbd{padding:4px 7px;margin-right:5px;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.24);border-radius:2px;font:inherit}.pause-screen.is-visible,.respawn-screen.is-visible,.end-screen.is-visible{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#050709c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pause-screen h2,.respawn-screen h2,.end-screen h2{margin:8px 0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:4rem;letter-spacing:0}.pause-screen p:last-child,.end-screen p{color:#ffffff9e}.respawn-screen strong{font-size:7rem;color:var(--coral);font-variant-numeric:tabular-nums}.end-screen button{margin-top:22px;min-width:180px;height:50px;cursor:pointer;border:0;border-radius:2px;color:#07100f;background:var(--acid);font-weight:900}.end-screen button:disabled{cursor:wait;color:#ffffffb8;background:#394346}.loading-status{position:absolute;left:50%;bottom:24px;z-index:20;transform:translate(-50%);color:var(--cyan);font-size:.65rem;font-weight:850}.loading-status.is-hidden,.touch-controls{display:none}.fatal-error{display:grid;place-content:center;height:100%;padding:24px;text-align:center}.fatal-error h1{margin:8px 0}[data-game-ui]{opacity:0;transition:opacity .18s ease}.is-playing [data-game-ui]{opacity:1}@media(pointer:coarse),(max-width:800px){.deploy-screen.is-visible{grid-template-columns:1fr;align-content:end;gap:32px;padding:max(36px,env(safe-area-inset-top)) 24px max(32px,env(safe-area-inset-bottom))}.brand-lockup h1{font-size:3.2rem}.tagline{font-size:.84rem}.deploy-controls{align-self:auto}.controls-ribbon{display:none}.match-bar{top:max(8px,env(safe-area-inset-top));grid-template-columns:1fr 76px 1fr;height:42px}.network-state{display:none}.team{gap:7px;padding:0 8px}.team strong{font-size:1.1rem}.team span{font-size:.5rem}.combat-hud{right:14px;bottom:max(12px,env(safe-area-inset-bottom));left:14px;grid-template-columns:110px 1fr 110px;gap:10px}.ability-block{transform:scale(.82)}.ammo-block strong{font-size:2.5rem}.hud-label strong{font-size:1.5rem}.touch-controls{position:absolute;inset:0;display:none;pointer-events:none}.is-playing .touch-controls{display:block}.touch-look{position:absolute;inset:54px 0 92px 42%;pointer-events:auto;touch-action:none}.joystick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(92px,calc(env(safe-area-inset-bottom) + 76px));width:112px;height:112px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#0306083d;pointer-events:auto;touch-action:none}.joystick i{position:absolute;top:35px;left:35px;width:40px;height:40px;border:2px solid var(--cyan);border-radius:50%;background:#34e8d124}.touch-button{position:absolute;display:grid;place-items:center;width:54px;height:54px;padding:0;pointer-events:auto;touch-action:none;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:#05080b85;font-size:.72rem;font-weight:900}.touch-button--fire{right:max(24px,env(safe-area-inset-right));bottom:max(104px,calc(env(safe-area-inset-bottom) + 88px));width:76px;height:76px;border-color:var(--coral);color:var(--coral)}.touch-button--phase{right:max(112px,calc(env(safe-area-inset-right) + 88px));bottom:max(156px,calc(env(safe-area-inset-bottom) + 140px));color:var(--acid)}.touch-button--jump{right:max(110px,calc(env(safe-area-inset-right) + 86px));bottom:max(86px,calc(env(safe-area-inset-bottom) + 70px));color:var(--cyan)}.touch-button--reload{right:max(28px,calc(env(safe-area-inset-right) + 4px));bottom:max(192px,calc(env(safe-area-inset-bottom) + 176px));width:42px;height:42px}}@media(pointer:fine)and (max-width:800px){.is-playing .touch-controls{display:none}}@media(max-width:540px){.ability-block{display:none}.combat-hud{grid-template-columns:1fr 1fr}.kill-feed{top:60px;right:10px}.kill-feed>div{font-size:.58rem}}