:root{--bg: #050507;--panel: rgba(10, 10, 16, .9);--line: #5a1418;--text: #ececec;--muted: #8a7a7a;--accent: #e11d2e;--red: #c42828}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;color-scheme:dark;scrollbar-width:thin;scrollbar-color:#8a1518 #0a080a}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#0a080a;border-left:1px solid #2a0c10}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5a1014,#c42828);border:1px solid #3a0c10}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8a1518,#e11d2e)}*::-webkit-scrollbar-corner{background:#0a080a}.site{max-width:1080px;margin:0 auto;padding:22px 20px 48px}.top{display:flex;justify-content:space-between;gap:16px;font-family:Consolas,Courier New,monospace;font-size:11px;letter-spacing:.12em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:14px}.meta-col{display:flex;flex-direction:column;gap:3px}.meta-col.right{text-align:right}.hero{padding:36px 0 28px}.logo{display:block;width:min(750px,100%);height:auto;margin:0 auto}.tagline{text-align:center;margin:0 0 16px;font-size:18px;letter-spacing:.08em}.tagline span,.highlight{color:var(--accent)}.lore{max-width:640px;margin:0 auto 8px;text-align:center;color:var(--muted);line-height:1.6;font-size:14px;font-family:Consolas,Courier New,monospace}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.cols article{border:1px solid var(--line);padding:16px 18px}.cols h3{margin:0 0 8px;color:var(--accent);font-size:12px;letter-spacing:.14em}.cols p{margin:0;color:#b8b0b0;font-size:14px;line-height:1.5}.cta{display:inline-block;margin:8px 0 0;padding:12px 18px;border:1px solid var(--red);color:#fff;letter-spacing:.12em;font-size:12px;background:#4a0c10}.deploy{margin-top:12px}.frame-label{display:flex;justify-content:space-between;font-family:Consolas,Courier New,monospace;font-size:11px;letter-spacing:.14em;color:var(--accent);margin-bottom:8px}.stage{position:relative;width:100%;aspect-ratio:16 / 9;min-height:420px;background:#07070b;border:1px solid var(--line);overflow:hidden;-webkit-user-select:none;user-select:none}.stage:fullscreen,.stage:-webkit-full-screen{width:100%;height:100%;aspect-ratio:auto;min-height:100%;border:none}#view{display:block;width:100%;height:100%;cursor:crosshair}.fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.fx-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 42%,transparent 38%,rgba(4,0,2,.55) 100%),radial-gradient(ellipse at 50% 115%,rgba(70,8,12,.22),transparent 52%)}.fx-vignette:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 3px);opacity:.4}.fx-grain{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;opacity:.1;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");animation:grain-shift .28s steps(3) infinite}.fx-hurt{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(ellipse at center,transparent 28%,rgba(110,4,10,.62) 100%)}@keyframes grain-shift{0%{transform:translate(0)}33%{transform:translate(-1.4%,1.1%)}66%{transform:translate(1.2%,-.8%)}to{transform:translate(-.6%,-1.2%)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#140c0eb8,#07070bd1 70%);z-index:5}.overlay.hidden,.hud.hidden,.banner.hidden,.players.hidden,.hidden{display:none}.card{width:min(400px,calc(100% - 28px));padding:22px 22px 18px;background:var(--panel);border:1px solid var(--line)}.card h2{margin:0 0 8px;letter-spacing:.18em}.card .sub{margin:0 0 16px;color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase}label{display:block;font-size:11px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}input{width:100%;margin-bottom:12px;padding:10px 12px;border:1px solid #3a2024;background:#0c0c12;color:var(--text);font:inherit;outline:none}input:focus{border-color:var(--red)}.row{display:flex;gap:8px}button{flex:1;padding:10px 12px;border:1px solid #3a2024;background:#16161f;color:var(--text);font:inherit;cursor:pointer;letter-spacing:.06em}button:hover{border-color:#8a3030;background:#1c1418}button.primary{background:#8a1518;border-color:#c42828}button.primary:hover{background:#a51c20}.hint{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.err{margin:0;color:var(--accent);font-size:13px}.connect-form{margin-top:20px}.boxcheck{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--text);font-size:13px;letter-spacing:.08em;text-transform:none;cursor:pointer;-webkit-user-select:none;user-select:none}.boxcheck input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.boxcheck i{flex:none;width:16px;height:16px;border:1px solid #8a2028;background:#0e0508;box-shadow:inset 0 0 0 1px #2a0c10,0 0 8px #c428282e}.boxcheck input:checked+i{background:linear-gradient(180deg,#c42828,#6a1014);border-color:#e23b3b;box-shadow:0 0 10px #e23b3b80}.boxcheck input:checked+i:after{content:"";display:block;width:8px;height:8px;margin:3px;background:#ffd4d4;box-shadow:0 0 6px #e23b3b}.boxcheck input:focus-visible+i{border-color:#e23b3b}.vol-label{margin-top:6px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;padding:0;margin-bottom:16px;background:#1a1a22;border:1px solid #3a2024}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--red);border:0;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--red);border:0;cursor:pointer}#btn-settings-back{width:100%}.hud{position:absolute;left:14px;right:14px;top:14px;z-index:3;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-start}.hp-wrap{width:200px}.hp-wrap .label{font-size:11px;letter-spacing:.14em;color:var(--muted);margin-bottom:6px}.hud-stat{display:flex;align-items:center;gap:7px}.hp-ico{width:12px;height:12px;flex:none;fill:#c42828;opacity:.9}.hp-ico path{fill:#f0c8c8}.ammo-ico{width:16px;height:9px;flex:none;fill:#c4a060;opacity:.85}.hp-bar{height:10px;background:#1a1a22;border:1px solid #333}.hp-bar>i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#8a1518,#e23b3b)}.hp-wrap .label+.hp-bar+.label{margin-top:10px}.ammo-bar>i{background:linear-gradient(90deg,#6a4a10,#d4a23a)}.meta{text-align:right;font-size:12px;color:var(--muted);line-height:1.6}.meta b{color:var(--text);font-weight:600}.players{position:absolute;left:14px;bottom:14px;z-index:3;pointer-events:none;font-size:13px;line-height:1.7;color:var(--muted)}.players .me{color:var(--text)}.banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:6;background:#0000008c}.banner .over-actions{display:flex;flex-direction:column;gap:8px}.score-banner{background:#000}.score-banner.is-out{animation:score-fade-out .7s ease forwards;pointer-events:none}@keyframes score-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes score-fade-out{0%{opacity:1}to{opacity:0}}.score-card{width:min(440px,calc(100% - 28px));animation:score-card-in .45s ease}.scoreboard{margin:0 0 18px;display:flex;flex-direction:column;gap:8px}.score-row{display:flex;justify-content:space-between;gap:16px;font-size:13px;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid #2a1418;padding-bottom:6px}.score-row.me{color:var(--text)}#status{position:absolute;left:14px;bottom:44px;z-index:4;color:var(--accent);font-size:12px;pointer-events:none}#btn-settings,#btn-fs{position:absolute;right:10px;z-index:7;flex:none;width:auto;padding:7px 10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:#14080ad9;border-color:var(--red)}#btn-fs{bottom:10px}#btn-settings{bottom:44px}.foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:18px;font-family:Consolas,Courier New,monospace;font-size:11px;letter-spacing:.1em;color:var(--accent)}.mark{text-align:right;color:#ddd;letter-spacing:.2em}.mark small{color:var(--muted);letter-spacing:.12em}@media(max-width:720px){.cols{grid-template-columns:1fr}.hero h1{letter-spacing:.08em}}