.hud{--fg:#dbe6f4;--dim:#8ea0b8;--faint:#5d6b80;--accent:#7fb0e8;--warn:#d9a55a;--bad:#cf5b4c;pointer-events:none;font-variant-numeric:tabular-nums;color:var(--fg);opacity:0;contain:layout paint;font-family:Rajdhani,Segoe UI,system-ui,sans-serif;transition:opacity .4s;position:absolute;inset:0;overflow:hidden}.hud.live{opacity:1}.layer{transition:opacity .3s,filter .3s;position:absolute;inset:0}.hud.paused .layer{opacity:.26;filter:saturate(.4)}.hud.dead .layer{opacity:.16;filter:saturate(.2)}.xh{--sp:7px;--op:1;--col:#e2ecf8eb;will-change:transform;width:0;height:0;position:absolute;top:50%;left:50%;transform:translateZ(0)}.xh.hostile{--col:#d65444f5}.xh-seg{background:var(--col);width:1.5px;height:7px;opacity:var(--op);will-change:transform, opacity;margin:-3.5px 0 0 -.75px;transition:background-color .12s linear,box-shadow .12s linear;position:absolute;top:0;left:0;box-shadow:0 0 2px #000000f2}.xh-seg.t{transform:rotate(0deg) translateY(calc(-1 * var(--sp)))}.xh-seg.r{transform:rotate(90deg) translateY(calc(-1 * var(--sp)))}.xh-seg.b{transform:rotate(180deg) translateY(calc(-1 * var(--sp)))}.xh-seg.l{transform:rotate(270deg) translateY(calc(-1 * var(--sp)))}.xh-dot{background:var(--col);width:2px;height:2px;opacity:calc(var(--op) * .75);will-change:opacity;position:absolute;top:-1px;left:-1px;box-shadow:0 0 2px #000000f2}.hm{opacity:0;will-change:transform, opacity;width:44px;height:44px;position:absolute;top:-22px;left:-22px}.hm line,.hm path,.hm circle{stroke:#eef4fcf2;stroke-width:2px;stroke-linecap:butt;fill:none;filter:drop-shadow(0 0 1.5px #000000e6)}.hm .hm-head,.hm .hm-lethal{display:none}.hm.head .hm-head{display:block}.hm.head line{stroke-width:2.4px;stroke:#fff}.hm.lethal .hm-lethal{display:block}.hm.lethal line,.hm.lethal path,.hm.lethal circle{stroke:#e2604efa}.dmg{width:300px;height:300px;margin:-150px 0 0 -150px;position:absolute;top:50%;left:50%}.dmg-arc{opacity:0;transform-origin:50%;will-change:transform, opacity;position:absolute;inset:0}.dmg-arc svg{width:100%;height:100%;display:block;overflow:visible}.dmg-arc .a-wide{fill:none;stroke:#cf5b4c57;stroke-width:9px;stroke-linecap:round;filter:blur(2px)}.dmg-arc .a-thin{fill:none;stroke:#e97e6ceb;stroke-width:1.6px;stroke-linecap:round}.dmg-arc .a-tip{fill:none;stroke:#f09684cc;stroke-width:1.4px;stroke-linejoin:miter}.vign{opacity:0;will-change:opacity;background:radial-gradient(#0000 42%,#7a18124d 78%,#961c1485 100%);transition:opacity .32s;position:absolute;inset:0}.hud.critical .vign{opacity:1;animation:1.15s ease-in-out infinite vign-pulse}@keyframes vign-pulse{0%,to{opacity:.62}50%{opacity:1}}.vitals{letter-spacing:.42em;text-transform:uppercase;color:#d66052e6;text-shadow:0 0 12px #be322880;opacity:0;font-size:10px;font-weight:700;transition:opacity .25s;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.hud.critical .vitals{opacity:1;animation:1.15s ease-in-out infinite vign-pulse}.cmp{opacity:.92;width:480px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.cmp-win{height:26px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16% 84%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 16% 84%,#0000 100%)}.cmp-track{will-change:transform;height:100%;position:absolute;top:0;left:0}.cmp-t{background:#a0b8d657;width:1px;position:absolute;bottom:0}.cmp-t.s{height:4px}.cmp-t.m{background:#a0b8d680;height:7px}.cmp-l{letter-spacing:.18em;color:var(--dim);white-space:nowrap;font-size:11px;font-weight:600;position:absolute;top:1px;transform:translate(-50%)}.cmp-l.card{color:var(--fg);letter-spacing:.12em;font-size:13px;font-weight:700}.cmp-rule{background:linear-gradient(90deg,#0000,#8cacd261,#0000);height:1px}.cmp-cursor{color:var(--accent);opacity:.9;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.cmp-bearing{text-align:center;letter-spacing:.34em;color:var(--faint);margin-top:4px;font-size:10px;font-weight:600}.ammo{text-align:right;min-width:190px;position:absolute;bottom:40px;right:46px}.ammo-name{letter-spacing:.34em;text-transform:uppercase;color:var(--dim);will-change:transform, opacity;font-size:10px;font-weight:600}.ammo-rule{background:linear-gradient(90deg,#0000,#8cacd257);width:100%;height:1px;margin:6px 0 4px auto}.ammo-nums{justify-content:flex-end;align-items:baseline;gap:7px;line-height:1;display:flex}.ammo-mag{letter-spacing:.02em;color:var(--fg);text-shadow:0 0 18px #141e2ee6;will-change:transform;transform-origin:100% 100%;font-size:46px;font-weight:700;transition:color .16s}.ammo-sep{color:var(--faint);font-size:20px;font-weight:300;transform:translateY(-2px)}.ammo-res{letter-spacing:.06em;color:var(--dim);will-change:transform;font-size:19px;font-weight:600;transition:color .16s}.ammo.low .ammo-mag{color:var(--warn)}.ammo.out .ammo-mag{color:var(--bad);animation:1s steps(2,end) infinite ammo-blink}.ammo.dry .ammo-res{color:var(--bad)}@keyframes ammo-blink{0%,to{opacity:1}50%{opacity:.38}}.ammo-reload{opacity:0;background:#8cacd224;height:1.5px;margin-top:7px;transition:opacity .14s;position:relative}.ammo-reload.on{opacity:1}.ammo-reload i{transform-origin:0;will-change:transform;background:linear-gradient(90deg,#7fb0e880,#bedcfff2);position:absolute;inset:0;transform:scaleX(0)}.ammo-mode{letter-spacing:.3em;text-transform:uppercase;color:var(--faint);opacity:0;margin-top:5px;font-size:9px;font-weight:600;transition:opacity .16s}.ammo-mode.on{opacity:1}.kf{flex-direction:column;align-items:flex-end;gap:3px;width:320px;display:flex;position:absolute;top:74px;right:26px}.kf-row{letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;will-change:transform, opacity;background:linear-gradient(90deg,#0e141e00,#0e141e8c);border-right:1px solid #8cb0e038;align-items:center;gap:8px;padding:3px 8px 3px 10px;font-size:11px;font-weight:600;display:flex}.kf-src{color:#a9c6ec}.kf-tgt{color:var(--dim)}.kf-row.by-player .kf-src{color:#d8e8fb}.kf-row.by-player{border-right-color:#b4d4ff80}.kf-ico{color:#b4ceeecc;display:flex}.kf-row.head .kf-ico{color:var(--warn)}.toasts{flex-direction:column;align-items:center;gap:8px;width:620px;display:flex;position:absolute;top:84px;left:50%;transform:translate(-50%)}.toast{letter-spacing:.28em;text-transform:uppercase;color:#d6e4f6;text-align:center;will-change:transform, opacity;background:linear-gradient(#1016219e,#090c1380);border-top:1px solid #8cb0e042;border-bottom:1px solid #8cb0e029;flex-direction:column;align-items:center;gap:5px;padding:8px 26px 9px;font-size:13px;font-weight:600;display:flex}.toast:after{content:"";background:linear-gradient(90deg,#0000,#96bef599,#0000);width:46px;height:1px}.world{position:absolute;inset:0}.dnum{letter-spacing:.08em;color:#e2ecf8e6;text-shadow:0 1px 3px #000000f2;opacity:0;will-change:transform, opacity;font-size:14px;font-weight:700;position:absolute;top:0;left:0;transform:translate(-999px,-999px)}.dnum.head{color:#f2d79a;font-size:17px}.dnum.kill{color:#e8877a;font-size:17px}.state{opacity:0;pointer-events:none;background:radial-gradient(at 50% 45%,#0e131dd1 0%,#05060aeb 72%);flex-direction:column;justify-content:center;align-items:center;gap:0;transition:opacity .22s,transform .22s;display:flex;position:absolute;inset:0;transform:scale(1.02)}.state.on{opacity:1;transform:scale(1)}.state-title{letter-spacing:.26em;text-transform:uppercase;color:#e8eef7;text-shadow:0 0 28px #78aaff4d;font-size:clamp(26px,4.4vw,46px);font-weight:700}.state.kia .state-title{color:#e6bdb4;text-shadow:0 0 30px #be3c2e57}.state-rule{background:linear-gradient(90deg,#0000,#6f9dd8,#0000);width:180px;height:2px;margin:18px 0}.state.kia .state-rule{background:linear-gradient(90deg,#0000,#b4584c,#0000)}.state-sub{letter-spacing:.32em;text-transform:uppercase;color:#7d8ea6;font-size:12px}@media (prefers-reduced-motion:reduce){.hud.critical .vign,.hud.critical .vitals,.ammo.out .ammo-mag{animation:none}}@media (max-width:900px){.cmp{width:340px}.ammo{bottom:26px;right:24px}.ammo-mag{font-size:36px}.kf{width:250px;right:16px}}