:root{--bg:#0e0c0ad1;--fg:#f1e9dc;--muted:#b5a892;--accent:#f2a03a;--accent2:#3fae5a;--line:#ffffff1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--fg);background:#000;margin:0;font:13px/1.35 system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}canvas{display:block}.ui{pointer-events:none;position:fixed;inset:0}.ui>*{pointer-events:auto}.panel{background:var(--bg);border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;width:330px;max-height:calc(100% - 24px);padding:12px 14px;position:absolute;top:12px;left:12px;overflow-y:auto}.panel.small{width:290px}.panel h2{letter-spacing:.5px;color:var(--accent);text-shadow:2px 2px #000;text-transform:uppercase;margin:0;font:900 20px/1.1 Impact,Arial Black,sans-serif}.panel .sub{color:var(--muted);margin-bottom:6px;font-size:11px}.section{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.section h3{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 6px;font-size:11px}.row{align-items:center;gap:8px;margin:4px 0;display:flex}.row .lbl{width:92px;color:var(--muted);flex:none}.row input[type=range]{accent-color:var(--accent);flex:1}.row .val{text-align:right;font-variant-numeric:tabular-nums;width:40px}.row select,.row input.dna{min-width:0;color:var(--fg);border:1px solid var(--line);background:#221d18;border-radius:4px;flex:1;padding:3px 4px}.row input.dna{font:11px ui-monospace,Consolas,monospace}.row input.dna.err{border-color:#d04040}.row.chk .lbl{width:auto;color:var(--fg)}.swrow{align-items:flex-start}.swatches{flex-wrap:wrap;flex:1;gap:3px;display:flex}.sw{cursor:pointer;border:1px solid #00000080;border-radius:3px;width:17px;height:17px;padding:0}.sw.on{outline:2px solid var(--accent);outline-offset:1px}.btnrow{gap:6px;margin:6px 0;display:flex}.btn{color:var(--fg);border:1px solid var(--line);cursor:pointer;background:#2d261f;border-radius:5px;padding:6px 10px;font-weight:600}.btn:hover{background:#3a3128}.btn.primary{background:var(--accent2);color:#08140b;letter-spacing:.5px;text-transform:uppercase;width:100%;margin-top:10px;padding:9px;font:900 15px Impact,Arial Black,sans-serif}.btn.primary:hover{filter:brightness(1.1)}.info{color:var(--muted);margin-top:10px;font-size:11px}.info b{color:var(--fg)}.stats{background:var(--bg);border:1px solid var(--line);pointer-events:none;border-radius:6px;min-width:200px;padding:8px 10px;font:12px/1.45 ui-monospace,Consolas,monospace;position:absolute;top:12px;right:12px}.stats b{width:96px;color:var(--muted);font-weight:400;display:inline-block}.stats.bad{border-color:#d04040}.help{background:var(--bg);border:1px solid var(--line);max-width:min(900px,100% - 24px);color:var(--muted);text-align:center;pointer-events:none;border-radius:6px;padding:6px 12px;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.help b{color:var(--fg)}@media (max-width:700px){.panel{width:calc(100% - 24px);max-height:45%}.stats{top:auto;bottom:12px}}.hint{color:var(--muted);margin-top:4px;font-size:11px}.loading{color:var(--accent);text-shadow:2px 2px #000;background:#000;place-items:center;font:900 28px Impact,Arial Black,sans-serif;display:grid;position:absolute;inset:0}.modal{z-index:10;background:#0009;place-items:center;display:grid;position:absolute;inset:0}.modal-box{background:var(--bg);border:1px solid var(--line);border-radius:8px;width:min(720px,100% - 32px);max-height:calc(100% - 48px);padding:16px 20px;overflow-y:auto}.modal-box h3{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:14px 0 6px;font-size:12px}.credits{columns:2;margin:0;padding-left:18px;font-size:12px}.credits .muted{color:var(--muted)}.weapon-hud{color:#f1e9dc;text-shadow:2px 2px #000;letter-spacing:1px;text-transform:uppercase;pointer-events:none;font:900 20px Impact,Arial Black,sans-serif;position:absolute;top:12px;left:50%;transform:translate(-50%)}.crosshair{pointer-events:none;border:2px solid #ffffffd9;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;display:none;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #0009}.crosshair.on{display:block}.health-bar{pointer-events:none;background:#3a0d0d;border:2px solid #000;width:140px;height:10px;position:absolute;top:42px;left:50%;transform:translate(-50%)}.health-bar .fill{background:#c41e1e;width:100%;height:100%;transition:width .15s}.wasted{color:#c41e1e;text-shadow:4px 4px #000,-2px -2px #000;letter-spacing:4px;pointer-events:none;background:#3c000040;place-items:center;font:900 92px Impact,Arial Black,sans-serif;animation:.6s ease-out wasted-in;display:grid;position:absolute;inset:0}@keyframes wasted-in{0%{opacity:0;transform:scale(1.3)}}.login-screen{z-index:50;pointer-events:auto;background:#07060a;place-items:center;animation:.5s ease-out login-in;display:grid;position:fixed;inset:0;overflow:hidden}.login-screen.leaving{opacity:0;pointer-events:none;transition:opacity .35s}@keyframes login-in{0%{opacity:0}}.login-sky{background:radial-gradient(60% 35% at 70% 78%,#ffaa468c,#0000 70%),linear-gradient(#120d1f 0%,#2a1631 38%,#7a2f2a 66%,#d9732f 82%,#f2a03a 100%);position:absolute;inset:0}.login-sky:after{content:"";mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#00000029 0 1px,#0000 1px 3px);position:absolute;inset:0}.login-skyline{opacity:.92;background:linear-gradient(90deg,#0000 0 4%,#0b0806 4% 9%,#0000 9% 11%,#0b0806 11% 13%,#0000 13% 20%,#0b0806 20% 27%,#0000 27% 31%,#0b0806 31% 33%,#0000 33% 52%,#0b0806 52% 54%,#0000 54% 58%,#0b0806 58% 66%,#0000 66% 72%,#0b0806 72% 75%,#0000 75% 83%,#0b0806 83% 90%,#0000 90%) bottom/100% 70% no-repeat,linear-gradient(90deg,#0000 0 14%,#0b0806 14% 18%,#0000 18% 38%,#0b0806 38% 47%,#0000 47% 77%,#0b0806 77% 80%,#0000 80% 93%,#0b0806 93% 97%,#0000 97%) bottom/100% 100% no-repeat,linear-gradient(0deg,#0b0806 0 22%,#0000 22%);height:32%;position:absolute;bottom:0;left:0;right:0}.login-panel{border:1px solid #ffffff14;border-top:3px solid var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080706cc;width:min(420px,100% - 32px);padding:26px 30px 18px;position:relative;box-shadow:0 20px 60px #0009}.login-panel.shake{animation:.35s login-shake}@keyframes login-shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.login-title{text-align:center;text-transform:uppercase;letter-spacing:1px;color:#fff;-webkit-text-stroke:1.5px #000;text-shadow:3px 3px #000,0 0 18px #f2a03a59;margin:0;font:900 30px/.95 Impact,Arial Black,Haettenschweiler,sans-serif;transform:rotate(-2deg)}.login-title span{display:block}.login-title .big{color:var(--accent);letter-spacing:2px;font-size:52px}.login-sub{text-align:center;color:var(--muted);letter-spacing:4px;text-transform:uppercase;margin:10px 0 18px;font:700 12px/1 system-ui,Segoe UI,sans-serif}.login-tabs{justify-content:center;gap:22px;margin-bottom:14px;display:flex}.login-tabs button{cursor:pointer;text-transform:uppercase;letter-spacing:1px;color:#6f675c;text-shadow:2px 2px #000;background:0 0;border:none;border-bottom:3px solid #0000;padding:2px 0;font:900 20px Impact,Arial Black,sans-serif}.login-tabs button:hover{color:#d8cfc0}.login-tabs button.on{color:#fff;border-bottom-color:var(--accent)}.login-form{flex-direction:column;gap:10px;display:flex}.login-field{flex-direction:column;gap:4px;display:flex}.login-field span{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.login-field input{width:100%;color:var(--fg);background:#0000008c;border:1px solid #ffffff24;border-radius:3px;outline:none;padding:9px 11px;font:600 15px system-ui,Segoe UI,sans-serif}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #f2a03a40}.login-only-create{display:none}.login-remember{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.login-remember input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.login-panel.create .login-only-create{display:block}.login-err{color:#ff6b5a;min-height:16px;font-size:12px;font-weight:600}.login-go{cursor:pointer;background:var(--accent2);color:#08140b;letter-spacing:1px;text-transform:uppercase;border:none;border-radius:3px;padding:11px;font:900 19px Impact,Arial Black,sans-serif;box-shadow:0 3px #1f6b33}.login-go:hover:not(:disabled){filter:brightness(1.1)}.login-go:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #1f6b33}.login-offline{cursor:pointer;color:var(--muted);letter-spacing:1px;text-transform:uppercase;background:0 0;border:none;padding:6px;font:700 12px system-ui,Segoe UI,sans-serif}.login-offline:hover:not(:disabled){color:var(--fg);text-decoration:underline}.login-panel.busy button,.login-panel.busy input{cursor:progress}.login-panel button:disabled{opacity:.7}.login-status{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin-top:12px;padding-top:10px;font-size:11px}.login-status:before{content:"●";color:#777;margin-right:6px}.login-status.up:before{color:var(--accent2)}.login-status.down:before{color:#d04040}.chatbox{pointer-events:none;width:min(560px,100% - 28px);font:700 14px/1.35 system-ui,Segoe UI,sans-serif;position:absolute;top:14px;left:14px}.chat-log{flex-direction:column;display:flex}.chat-line{color:#fff;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;overflow-wrap:anywhere;transition:opacity .8s}.chat-line.faded{opacity:0}.chat-line.hidden{display:none}.chat-line .chat-name{color:#e6e0d4}.chat-line.ch-global .chat-tag{color:#7fc8ff}.chat-line.ch-party .chat-tag,.chat-line.ch-party .chat-name{color:#6fd6ff}.chat-line.ch-me{color:#c2a2da}.chat-line.ch-do{color:#9fd38f}.chat-line.ch-shout{font-weight:900}.chat-line.ch-whisper{color:#c8c8c8;font-style:italic}.chat-line.ch-sys{color:#ffd75a}.chat-input{color:#fff;pointer-events:auto;background:#0009;border:1px solid #ffffff40;border-radius:2px;outline:none;width:100%;margin-top:4px;padding:5px 8px;font:700 14px system-ui,Segoe UI,sans-serif;display:none}.chatbox.open .chat-input{display:block}.chatbox.open .chat-log{background:linear-gradient(90deg,#00000059,#0000)}.voice-hud{pointer-events:none;color:#fff;text-shadow:1px 1px #000;font:700 12px system-ui,Segoe UI,sans-serif;position:absolute;bottom:228px;left:26px}.voice-mic{cursor:pointer;pointer-events:auto;opacity:.75;background:#00000080;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:6px;padding:3px 9px 3px 6px;display:inline-flex}.voice-hud.on .voice-mic{opacity:1;border-color:var(--accent2)}.voice-hud.speaking .voice-mic{box-shadow:0 0 0 2px var(--accent2), 0 0 12px #3fae5ab3}.voice-hud.err .voice-mic{opacity:1;border-color:#d04040}.voice-icon{font-size:14px}.voice-talkers{margin-bottom:4px}.voice-talker{color:#9fe3b0}.voice-info{text-align:center;cursor:pointer;pointer-events:auto;opacity:.6;background:#00000080;border:1px solid #ffffff1f;border-radius:50%;width:18px;height:18px;margin-left:4px;line-height:18px;display:inline-block}.voice-info:hover{opacity:1}.voice-frame{pointer-events:auto;background:#140000cc;border:1px solid #d04040;border-radius:8px;max-width:260px;margin-top:6px;padding:8px 10px;font-weight:600}.voice-frame .btn{margin-top:6px}.voice-diag{z-index:60;color:#fff;pointer-events:auto;background:#08080ceb;border:1px solid #ffffff26;border-radius:10px;width:min(640px,100vw - 32px);max-height:70vh;padding:12px 14px;font:600 12px system-ui,Segoe UI,sans-serif;position:absolute;top:70px;left:50%;overflow:auto;transform:translate(-50%)}.voice-diag h3{margin:0 0 8px;font-size:14px}.voice-diag pre{white-space:pre-wrap;word-break:break-word;color:#cfe;margin:0 0 10px;font:12px ui-monospace,Consolas,monospace}.voice-diag-row{justify-content:flex-end;gap:8px;display:flex}.voice-diag-row .btn{flex:none;width:auto;margin:0}.creator{pointer-events:none;position:absolute;inset:0}.creator>*{pointer-events:auto}.cr-panel{border:1px solid #ffffff14;border-top:3px solid var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080706d6;flex-direction:column;width:372px;max-width:calc(100% - 32px);animation:.3s login-in;display:flex;position:absolute;top:16px;bottom:16px;left:16px;box-shadow:0 20px 60px #0009}.cr-head{padding:14px 18px 8px}.cr-head h1{text-transform:uppercase;letter-spacing:1px;color:var(--accent);-webkit-text-stroke:1px #000;text-shadow:3px 3px #000;margin:0;font:900 30px/1 Impact,Arial Black,Haettenschweiler,sans-serif}.cr-sub{color:var(--muted);letter-spacing:2.5px;text-transform:uppercase;margin-top:4px;font:700 11px/1 system-ui,Segoe UI,sans-serif}.cr-tabs{border-bottom:1px solid var(--line);gap:2px;padding:0 12px;display:flex}.cr-tabs button{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;color:#6f675c;text-shadow:2px 2px #000;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:6px 0 5px;font:900 15px Impact,Arial Black,sans-serif}.cr-tabs button:hover{color:#d8cfc0}.cr-tabs button.on{color:#fff;border-bottom-color:var(--accent)}.cr-body{flex:1;min-height:0;padding:4px 18px 10px;overflow-y:auto}.cr-body .row .lbl{width:104px}.cr-h3{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:14px 0 6px;font-size:11px;font-weight:700}.cr-seg{gap:4px;display:flex}.cr-seg.wrap{flex-wrap:wrap}.cr-seg button,.cr-grid button,.cr-views button,.cr-arrow,.cr-btn{color:var(--fg);cursor:pointer;background:#00000080;border:1px solid #ffffff24;border-radius:3px;font:700 12px system-ui,Segoe UI,sans-serif}.cr-seg button{flex:auto;padding:7px 8px}.cr-seg button:hover,.cr-grid button:hover,.cr-views button:hover,.cr-arrow:hover,.cr-btn:hover{border-color:var(--accent)}.cr-seg button.on,.cr-grid button.on{background:var(--accent);border-color:var(--accent);color:#1a0f04}.cr-skin{gap:5px;display:flex}.cr-skin button{cursor:pointer;border:1px solid #0009;border-radius:3px;flex:1;height:26px}.cr-skin button.on{outline:2px solid var(--accent);outline-offset:2px}.cr-grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.cr-grid button{padding:6px 0;font:900 15px Impact,Arial Black,sans-serif}.cr-pick select{min-width:0;color:var(--fg);border:1px solid var(--line);background:#221d18;border-radius:3px;flex:1;padding:4px}.cr-arrow{width:24px;height:25px;padding:0;font:900 16px/1 system-ui,sans-serif}.cr-note{color:var(--muted);margin:4px 0;font-size:11px}.cr-status{min-height:0;color:var(--accent);padding:0 18px;font-size:11px;font-weight:600}.cr-status:not(:empty){padding-bottom:6px}.cr-foot{border-top:1px solid var(--line);gap:6px;padding:10px 18px 14px;display:flex}.cr-btn{text-transform:uppercase;letter-spacing:.5px;padding:0 12px;font:900 15px Impact,Arial Black,sans-serif}.cr-go{cursor:pointer;background:var(--accent2);color:#08140b;letter-spacing:1px;text-transform:uppercase;border:none;border-radius:3px;flex:1;padding:10px;font:900 19px Impact,Arial Black,sans-serif;box-shadow:0 3px #1f6b33}.cr-go:hover{filter:brightness(1.1)}.cr-go:active{transform:translateY(2px);box-shadow:0 1px #1f6b33}.cr-cam{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:18px;right:18px}.cr-views{gap:4px;display:flex}.cr-views button{text-transform:uppercase;background:#080706bf;padding:6px 14px;font:900 14px Impact,Arial Black,sans-serif}.cr-hint{color:var(--muted);background:#08070699;border-radius:3px;padding:4px 8px;font-size:11px}@media (max-width:700px){.cr-panel{height:58%;top:auto}}.cr-body .row .val{white-space:nowrap;width:58px}