:root{--bg:#0e1116;--panel:#10141bdb;--line:#ffffff1f;--text:#e8edf4;--muted:#93a1b3;--accent:#d8a23a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none;margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#scene{width:100%;height:100%;display:block}#labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.nameplate{will-change:transform;border:1px solid var(--line);letter-spacing:.2px;white-space:nowrap;text-shadow:0 1px 2px #000c;background:#0a0d12a8;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:2px 8px 4px;font-size:12px;font-weight:600;display:flex;position:absolute;top:0;left:0}.nameplate.is-self{border-color:#d8a23ab3}.np-hp{background:#0000008c;border-radius:2px;width:100%;min-width:54px;height:3px;display:block;overflow:hidden}.np-hp b{background:#50d025;width:100%;height:100%;transition:width .15s linear;display:block}#hud{padding:16px calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:auto 0 0}.hud-left,.hud-right{flex-direction:column;gap:8px;display:flex}.hud-right{align-items:flex-end}.hud-row{gap:8px;display:flex}.hud-bar{background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;padding:6px 12px;display:flex;position:relative;overflow:hidden}.hud-bar i{opacity:.32;transition:width .15s linear;position:absolute;inset:0 auto 0 0}.hud-bar span{color:var(--muted);letter-spacing:.3px;font-size:12px;position:relative}.hud-bar b{color:var(--text);font-variant-numeric:tabular-nums}.hud-hp{min-width:168px}.hud-reload{justify-content:flex-end;min-width:112px}.hud-reload i{background:#d8a23a}.hud-reload.is-ready i{background:#5fbf6a}.hud-reload.is-ready span{color:#8fd79a}.hud-chip{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:13px}.hud-chip b{color:var(--text);font-variant-numeric:tabular-nums}.hud-speed{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:12px;padding:8px 16px;font-size:13px}.hud-speed b{color:var(--text);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}#crosshair{pointer-events:none;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%}#crosshair:before,#crosshair:after{content:"";background:#ffffffbf;position:absolute;box-shadow:0 0 3px #000000e6}#crosshair:before{width:1px;height:100%;margin-left:-.5px;top:0;left:50%}#crosshair:after{width:100%;height:1px;margin-top:-.5px;top:50%;left:0}#hitmarker{opacity:0;border:2px solid #ffcf6b;border-radius:50%;position:absolute;inset:-6px}#hitmarker.is-on{animation:.28s ease-out hitmark}@keyframes hitmark{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.35)}}#damage-flash{pointer-events:none;opacity:0;background:radial-gradient(120% 90%,#0000 45%,#be1e1ebf 100%);position:absolute;inset:0}#damage-flash.is-on{animation:.45s ease-out hurt}@keyframes hurt{0%{opacity:1}to{opacity:0}}#kill-feed{top:calc(52px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute}.kill-line{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:5px 12px;font-size:12px;animation:.2s ease-out slide-in}@keyframes slide-in{0%{opacity:0;transform:translate(12px)}}#death{pointer-events:none;background:#28060659;place-items:center;display:grid;position:absolute;inset:0}.death-card{background:var(--panel);text-align:center;border:1px solid #ff786459;border-radius:14px;flex-direction:column;gap:6px;padding:20px 34px;display:flex}.death-card>b{color:#ff9c8b;font-size:22px}.death-card span{color:var(--muted);font-size:13px}#hint{top:calc(14px + env(safe-area-inset-top));background:var(--panel);border:1px solid var(--line);color:var(--muted);white-space:nowrap;pointer-events:none;border-radius:999px;padding:8px 14px;font-size:12px;transition:opacity .4s;position:absolute;left:50%;transform:translate(-50%)}#hint.is-faded{opacity:0}kbd{border:1px solid var(--line);min-width:18px;color:var(--text);font:inherit;text-align:center;background:#ffffff0f;border-bottom-width:2px;border-radius:4px;margin:0 1px;padding:1px 5px;font-size:11px;display:inline-block}#overlay{background:radial-gradient(120% 90% at 50% 0,#1a2130 0%,#0b0e13 70%);place-items:center;padding:24px;transition:opacity .35s;display:grid;position:absolute;inset:0}#overlay.is-hidden{opacity:0;pointer-events:none}#join-form{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:18px;flex-direction:column;gap:12px;width:min(360px,100%);padding:28px;display:flex;box-shadow:0 24px 60px #0000008c}#join-form h1{letter-spacing:-.4px;margin:0;font-size:28px}.sub{color:var(--muted);margin:0 0 4px;font-size:13px}#name-input{border:1px solid var(--line);color:var(--text);font:inherit;text-align:center;background:#0000004d;border-radius:10px;padding:12px 14px;font-size:16px}#name-input:focus{outline-offset:1px;outline:2px solid #d8a23a80}#join-button{background:var(--accent);color:#1a1302;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:12px 14px;font-size:15px;font-weight:700}#join-button:disabled{opacity:.55;cursor:default}.status{min-height:18px;color:var(--muted);margin:0;font-size:12px}.status.is-error{color:#ff8f80}#stick{left:calc(26px + env(safe-area-inset-left));bottom:calc(90px + env(safe-area-inset-bottom));border:1px solid var(--line);pointer-events:none;background:#10141b80;border-radius:50%;width:132px;height:132px;position:absolute}#stick-knob{background:#d8a23abf;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}#fire-button{right:calc(28px + env(safe-area-inset-right));bottom:calc(96px + env(safe-area-inset-bottom));color:#ffd9c8;letter-spacing:1px;pointer-events:auto;background:#962d1e80;border:1px solid #ff8c5a80;border-radius:50%;place-items:center;width:92px;height:92px;font-size:13px;font-weight:700;display:grid;position:absolute}#fire-button:active{background:#c84628bf}