:root{--panel:#121016d1;--panel-2:#201c26eb;--line:#ffffff1f;--text:#f1ece6;--muted:#b3aab9;--accent:#ffcf6e;--danger:#ff6b5b;--ok:#7fdc8a;--blue:#6cc4ff}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}html{background:linear-gradient(#7fa6c9 0%,#a9c3d8 45%,#c9d4dc 60%,#8a9a86 61%,#6d7f62 100%)}body{background:0 0}#game{touch-action:none;z-index:1;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#hud{pointer-events:none;z-index:5;position:absolute;inset:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px}#crosshair{width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#ffffffd9;position:absolute;box-shadow:0 0 2px #000}#crosshair:before{width:2px;height:14px;top:4px;left:10px}#crosshair:after{width:14px;height:2px;top:10px;left:4px}#crosshair.safe:before,#crosshair.safe:after{background:#7fdc8acc}#hitmarker{opacity:0;width:30px;height:30px;transition:opacity .18s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}#hitmarker:before,#hitmarker:after{content:"";background:#fff;position:absolute;box-shadow:0 0 3px #000}#hitmarker:before{clip-path:polygon(0 0,100% 0,100% 35%,0 35%,0 65%,100% 65%,100% 100%,0 100%);width:2px;height:30px;top:0;left:14px}#hitmarker:after{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%);width:30px;height:2px;top:14px;left:0}#hitmarker.on{opacity:1;transition:none}#hp{letter-spacing:.02em;align-items:baseline;gap:10px;padding:8px 14px;font-size:30px;font-weight:700;display:flex;position:absolute;bottom:22px;left:24px}#hp small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:600}#hp.low{color:var(--danger)}#weapon{text-align:right;padding:8px 14px;position:absolute;bottom:22px;right:24px}#weapon .name{font-size:20px;font-weight:700}#weapon .hint{color:var(--muted);margin-top:2px;font-size:12px}#safe{color:var(--ok);padding:6px 12px;font-size:13px;display:none;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}#safe.on{display:block}#killfeed{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:16px;right:18px}#killfeed div{background:var(--panel);border-radius:6px;padding:5px 10px;font-size:14px;animation:6s forwards fadeout}#killfeed b{color:var(--accent)}@keyframes fadeout{0%,80%{opacity:1}to{opacity:0}}#notice{text-align:center;opacity:0;max-width:70%;padding:10px 16px;font-size:16px;transition:opacity .4s;position:absolute;top:18%;left:50%;transform:translate(-50%)}#notice.on{opacity:1;transition:none}#theaterbar{text-align:center;max-width:70%;padding:8px 14px;font-size:14px;display:none;position:absolute;top:14px;left:50%;transform:translate(-50%)}#theaterbar.on{display:block}#theaterbar .title{color:var(--accent);font-weight:700}#theaterbar .meta{color:var(--muted);margin-top:2px;font-size:12px}#chat{flex-direction:column;gap:6px;width:min(520px,46vw);display:flex;position:absolute;bottom:90px;left:20px}#chatlog{flex-direction:column;justify-content:flex-end;gap:2px;max-height:36vh;display:flex;overflow:hidden}#chatlog .line{text-shadow:0 1px 2px #000,0 0 4px #000;word-wrap:break-word;padding:1px 2px;font-size:15px;transition:opacity 1s}#chatlog .line.old{opacity:0}#chat.open #chatlog .line.old{opacity:1}#chat.open #chatlog{pointer-events:auto;background:#00000059;border-radius:8px;padding:6px;overflow-y:auto}#chatlog .name{font-weight:700}#chatlog .tag{color:var(--muted);margin-right:4px;font-size:12px}#chatlog .sys{color:var(--accent)}#chatinput{pointer-events:auto;background:var(--panel-2);color:var(--text);border:1px solid var(--accent);border-radius:8px;outline:none;width:100%;padding:8px 10px;font-size:15px;display:none}#chat.open #chatinput{display:block}#netstats{color:#ffffffb3;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums;font-size:11px;position:absolute;top:8px;left:10px}#damage{transition:box-shadow .5s;position:absolute;inset:0;box-shadow:inset 0 0 120px #dc1e1400}#damage.on{transition:none;box-shadow:inset 0 0 140px #dc1e148c}#dead{text-shadow:0 2px 6px #000;background:#3c000040;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:28px;font-weight:800;display:none;position:absolute;inset:0}#dead.on{display:flex}#dead small{font-size:15px;font-weight:500}.modal{pointer-events:auto;background:var(--panel-2);border:1px solid var(--line);border-radius:14px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000080}.modal.on{display:block}.modal h2{margin:0 0 10px;font-size:18px}.modal .close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:10px;right:12px}button.btn{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#3a3344;border-radius:8px;padding:8px 12px;font-size:14px}button.btn:hover{background:#4a4256}button.btn.primary{background:var(--accent);color:#241b0c;border-color:#0000;font-weight:700}button.btn.danger{background:#5a2a2a}input.text,select.text{color:var(--text);border:1px solid var(--line);background:#15131a;border-radius:8px;outline:none;padding:8px 10px;font-size:14px}input.text:focus{border-color:var(--accent)}#menu{flex-direction:column;width:min(760px,92vw);max-height:82vh;display:none;overflow:hidden}#menu.on{display:flex}#menu .tabs{gap:4px;padding:12px 12px 0;display:flex}#menu .tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;padding:8px 14px;font-size:15px}#menu .tabs button.on{color:var(--text);background:#ffffff0f}#menu .page{padding:16px;display:none;overflow-y:auto}#menu .page.on{display:block}.propgrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.propgrid button{flex-direction:column;align-items:center;gap:6px;padding:12px 8px;display:flex}.propgrid .swatch{border:1px solid #0006;border-radius:6px;width:34px;height:34px}.propgrid .mass{color:var(--muted);font-size:11px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.queue{max-height:220px;margin:8px 0;padding:0;list-style:none;overflow-y:auto}.queue li{border-bottom:1px solid var(--line);padding:6px 8px;font-size:14px}.queue li span{color:var(--muted);font-size:12px}.muted{color:var(--muted);font-size:13px}#tuning{width:380px;max-height:calc(100vh - 32px);padding:14px 16px;top:16px;left:auto;right:16px;overflow-y:auto;transform:none}#tuning .group{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:14px 0 6px;font-size:12px}#tuning .field{grid-template-columns:1fr 120px 62px;align-items:center;gap:8px;margin:4px 0;font-size:13px;display:grid}#tuning .field input[type=range]{width:100%}#tuning .field input[type=number]{width:62px;color:var(--text);border:1px solid var(--line);background:#15131a;border-radius:6px;padding:3px 4px;font-size:12px}#tuning .field.changed label{color:var(--accent)}#scoreboard{width:min(560px,92vw);padding:16px 18px}#scoreboard table{border-collapse:collapse;width:100%;font-size:14px}#scoreboard td,#scoreboard th{border-bottom:1px solid var(--line);text-align:left;padding:6px 4px}#scoreboard th{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:600}#help{width:min(640px,92vw);padding:18px 20px}#help table{border-collapse:collapse;width:100%;font-size:14px}#help td{border-bottom:1px solid var(--line);padding:4px 6px}#help td:first-child{color:var(--accent);width:160px;font-weight:700}#start{pointer-events:auto;z-index:20;background:radial-gradient(#0a080e59,#0a080ebf);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#start.off{display:none}#start .card{text-align:center;width:min(520px,92vw);padding:26px 28px}#start h1{color:var(--accent);letter-spacing:.04em;margin:0 0 4px;font-family:Georgia,serif;font-size:44px}#start p{color:var(--muted);margin:6px 0 16px}#start .status{color:var(--muted);min-height:18px;margin-top:12px;font-size:13px}#start .keys{text-align:left;color:var(--muted);columns:2;margin-top:16px;font-size:13px;line-height:1.6}#start .keys b{color:var(--text)}#focus-video{aspect-ratio:16/9;z-index:4;background:#000;border-radius:8px;width:min(86vw,138.667vh);display:none;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 10px 50px #000000b3}#focus-video.on{display:block}