:root{--hud-text:#e8f1fa;--hud-dim:#8fa3b8;--accent:#5fd0ff;--danger:#ff5a52;--ok:#58e08a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{font-size:clamp(10px,1.25vw,18px)}html,body{width:100%;height:100%;color:var(--hud-text);-webkit-user-select:none;user-select:none;touch-action:none;background:#0b1017;margin:0;font-family:ui-monospace,SF Mono,Cascadia Mono,Roboto Mono,Menlo,Consolas,monospace;overflow:hidden}#game{cursor:pointer;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;text-shadow:0 1px 2px #000c;position:fixed;inset:0}.panel{padding:max(1rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));align-items:center;gap:.9rem;font-size:1.05rem;display:flex;position:absolute}.top-left{gap:1.75rem;top:0;left:0}.top-right{color:var(--hud-dim);font-variant-numeric:tabular-nums;font-size:.9rem;top:0;right:0}.bottom-left{bottom:0;left:0}.bottom-right{bottom:0;right:0}.stat{align-items:baseline;gap:.6rem;display:flex}.label{color:var(--hud-dim);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.bar{background:#ffffff1f;border:1px solid #ffffff40;border-radius:2px;width:11rem;height:.7rem;overflow:hidden}.bar-fill{background:var(--ok);transform-origin:0;width:100%;height:100%;transition:transform .12s ease-out,background-color .12s linear}.bar-fill.low{background:var(--danger)}#ammo.reloading{color:var(--accent);letter-spacing:.1em;font-size:1.1rem}#crosshair,#hitmarker{width:0;height:0;position:absolute;top:50%;left:50%}#hud:not(.playing) #crosshair{display:none}#crosshair:before,#crosshair:after{content:"";filter:drop-shadow(0 0 1px #000000e6);position:absolute}#crosshair:before{background:linear-gradient(90deg,#fff 0 8px,#0000 8px 18px,#fff 18px 26px);width:26px;height:2px;top:-1px;left:-13px}#crosshair:after{background:linear-gradient(#fff 0 8px,#0000 8px 18px,#fff 18px 26px);width:2px;height:26px;top:-13px;left:-1px}#hitmarker{opacity:0;color:#fff}#hitmarker.kill{color:var(--danger)}#hitmarker:before,#hitmarker:after{content:"";filter:drop-shadow(0 0 2px #000000e6);background:linear-gradient(90deg,currentColor 0 10px,#0000 10px 22px,currentColor 22px 32px);width:32px;height:3px;position:absolute;top:-1.5px;left:-16px}#hitmarker:before{transform:rotate(45deg)}#hitmarker:after{transform:rotate(-45deg)}#damage{opacity:0;background:radial-gradient(#0000 45%,#ff1e14a6 100%);position:absolute;inset:0}#banner{letter-spacing:.3em;text-align:center;opacity:0;width:100%;font-size:2.4rem;font-weight:700;position:absolute;top:22%;left:0}#overlay{text-align:center;background:#060a0fb8;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;padding:1.5rem;display:flex;position:absolute;inset:0}#overlay.hidden{display:none}#overlay h1{letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:clamp(2.2rem,7vw,4.5rem)}#overlay-text{color:var(--accent);white-space:pre-line;margin:0;font-size:1.25rem}.controls{color:var(--hud-dim);margin:1.2rem 0 0;font-size:.85rem;line-height:2}kbd{min-width:1.6em;color:var(--hud-text);font:inherit;background:#ffffff1a;border:1px solid #ffffff40;border-radius:3px;margin:0 .1em;padding:0 .4em;line-height:1.5;display:inline-block}