:root{--bg:#0d0d12;--fg:#e8e8ef;--accent:#f0a030}*,:before,:after{box-sizing:border-box;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--fg);touch-action:none;overscroll-behavior:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.webgl{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.loader{background:var(--bg);z-index:30;place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}.loader--done{opacity:0;pointer-events:none}.loader__bar{background:linear-gradient(90deg, var(--accent), #00cec9);transform-origin:0;border-radius:999px;width:180px;height:3px;animation:1s ease-in-out infinite alternate load}@keyframes load{0%{opacity:.4;transform:scaleX(.1)}to{opacity:1;transform:scaleX(1)}}.blocker{z-index:20;backdrop-filter:blur(2px);cursor:pointer;background:#0d0d128c;place-items:center;display:grid;position:fixed;inset:0}.panel{text-align:center;user-select:none}.panel h1{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);text-shadow:0 2px 24px #f0a03059;margin:0;font-size:clamp(2.5rem,8vw,5rem)}.panel .play{opacity:.85;margin:.25rem 0 1.75rem;font-size:1.1rem;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}.panel .keys{opacity:.8;gap:.5rem;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}kbd{background:#2a2a35;border:1px solid #3c3c4a;border-bottom-width:2px;border-radius:5px;min-width:1.6em;margin:0 .1em;padding:.15em .45em;font-family:inherit;font-size:.85em;display:inline-block}.panel .hint{opacity:.45;margin-top:1.75rem;font-size:.8rem}.panel .hint code{color:var(--fg)}.hud{z-index:8;padding:0 calc(28px + env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) calc(28px + env(safe-area-inset-left));pointer-events:none;user-select:none;font-variant-numeric:tabular-nums;text-shadow:0 2px 6px #000c;justify-content:space-between;align-items:flex-end;display:flex;position:fixed;inset:auto 0 0}.hud__left,.hud__right{flex-direction:column;gap:4px;display:flex}.hud__right{align-items:flex-end}.hud__stat{color:#d7e7c8;align-items:center;gap:10px;display:flex}.hud__icon{opacity:.7;font-size:1.4rem}.hud__num{color:#cfe0b8;font-size:2.4rem;font-weight:700}.hud__armor .hud__num{color:#9fc7e8}.hud__num--big{color:#f3e7c0;font-size:3.4rem}.hud__team{letter-spacing:.18em;color:#f0a030d9;margin-top:4px;font-size:.8rem}.hud__ammo{color:#f3e7c0;align-items:baseline;gap:8px;display:flex}.hud__sep{opacity:.5}.hud__weapon{letter-spacing:.16em;color:#e8e8efa6;font-size:.85rem}.death-countdown{z-index:11;text-align:center;pointer-events:none;user-select:none;text-shadow:0 3px 14px #000000e6;position:fixed;top:12%;left:50%;transform:translate(-50%)}.death-countdown__label{letter-spacing:.28em;color:#f0a030e6;font-size:.85rem}.death-countdown__num{color:#f3e7c0;margin-top:.12em;font-size:5rem;font-weight:800;line-height:.9}.killcam{z-index:11;pointer-events:none;user-select:none;text-align:center;text-shadow:0 3px 16px #000000f2;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:8%;display:flex;position:fixed;inset:0}.killcam:before,.killcam:after{content:"";background:#000000b8;height:9vh;position:fixed;left:0;right:0}.killcam:before{top:0}.killcam:after{bottom:0}.killcam__label{letter-spacing:.42em;color:#e12424f2;font-size:1.05rem;font-weight:800}.killcam__sub{letter-spacing:.3em;text-transform:uppercase;color:#e8e8efb3;margin-top:.35em;font-size:.72rem}.crosshair{z-index:10;pointer-events:none;--gap:5px;width:0;height:0;position:fixed;top:50%;left:50%}.cx{background:#5aff78d9;position:absolute}.cx-t,.cx-b{width:2px;height:7px;left:-1px}.cx-l,.cx-r{width:7px;height:2px;top:-1px}.cx-t{bottom:var(--gap)}.cx-b{top:var(--gap)}.cx-l{right:var(--gap)}.cx-r{left:var(--gap)}.scoreboard{z-index:14;color:#e8e8ef;pointer-events:none;user-select:none;background:#0a0c12db;border:1px solid #ffffff1f;border-radius:10px;width:min(440px,92vw);padding:14px 16px 10px;font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;top:12%;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0009}.scoreboard__title{letter-spacing:.12em;color:#f0a030f2;margin-bottom:8px;font-weight:800}.scoreboard__head,.sb__row{grid-template-columns:1fr auto 64px;align-items:center;gap:10px;display:grid}.scoreboard__head{text-transform:uppercase;letter-spacing:.14em;color:#e8e8ef73;border-bottom:1px solid #ffffff1a;padding-bottom:6px;font-size:11px}.scoreboard__body{flex-direction:column;margin-top:4px;display:flex}.sb__row{padding:4px 0}.sb__row--you .sb__name{color:#ffd86b;font-weight:700}.sb__row--dead{opacity:.5}.sb__state{color:#e8e8ef8c;font-size:11px}.sb__ping{text-align:right;font-weight:700}.sb__ping--good{color:#5fd35f}.sb__ping--mid{color:#e7c14a}.sb__ping--bad{color:#e25656}.scoreboard__hint{color:#e8e8ef59;text-align:center;margin-top:8px;font-size:10px}.mobile{z-index:12;pointer-events:none;user-select:none;touch-action:none;position:fixed;inset:0}.mobile__move,.mobile__look{pointer-events:auto;touch-action:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:50%;position:fixed;top:0;bottom:0}.mobile__move{left:0}.mobile__look{right:0}.mobile__joy{pointer-events:none;background:#ffffff12;border:2px solid #ffffff40;border-radius:50%;width:132px;height:132px;margin:-66px 0 0 -66px;display:none;position:fixed}.mobile__joy--on{display:block}.mobile__joy-thumb{background:#ffffff59;border:2px solid #fff9;border-radius:50%;width:60px;height:60px;margin:-30px 0 0 -30px;position:absolute;top:50%;left:50%}.mobile__btn,.mobile__fire{pointer-events:auto;touch-action:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;color:#fff;letter-spacing:.05em;text-shadow:0 1px 3px #000c;background:#14161e73;border:2px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;font:700 13px/1 ui-monospace,Menlo,monospace;display:flex;position:fixed}.mobile__btn--press,.mobile__btn--on{background:#f0a0308c;border-color:#ffdc96e6}.mobile__btn,.mobile__fire{--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sat:env(safe-area-inset-top,0px)}.mobile__fire{width:104px;height:104px;right:calc(28px + var(--sar));bottom:calc(80px + var(--sab));background:#d23c3c66;border-color:#ff9696bf;font-size:16px}.mobile__jump{width:80px;height:80px;right:calc(150px + var(--sar));bottom:calc(186px + var(--sab))}.mobile__duck{width:76px;height:76px;right:calc(150px + var(--sar));bottom:calc(86px + var(--sab))}.mobile__reload{width:62px;height:62px;right:calc(44px + var(--sar));bottom:calc(200px + var(--sab))}.mobile__swap{width:62px;height:62px;right:calc(236px + var(--sar));bottom:calc(96px + var(--sab))}.mobile__score{width:56px;height:56px;right:calc(20px + var(--sar));top:calc(20px + var(--sat))}.mobile__view{width:56px;height:56px;right:calc(86px + var(--sar));top:calc(20px + var(--sat))}.mobile__fs{width:56px;height:56px;right:calc(152px + var(--sar));top:calc(20px + var(--sat));font-size:22px}