:root{--g:#83ff9c;--bg:#07100b;--mut:#7c9185;--r:#ff5b58}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020504;color:#e8fff0;font:14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}#gl{width:100%;height:100%;display:block;background:#07100b}.hidden{display:none!important}.panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,90vw);padding:28px;background:rgba(5,13,8,.94);border:1px solid #31523b;box-shadow:0 20px 80px #000;z-index:20}.brand{font-size:52px;letter-spacing:.08em}.brand span{font-weight:300}.brand b{color:var(--g);margin-left:12px}.brand.small{font-size:32px}.sub{color:var(--mut);margin:-4px 0 24px}label{display:block;color:#91aa98}input,button{font:inherit;border:1px solid #355440;background:#0b1710;color:#eaffef;padding:13px 14px}input{width:100%;margin:6px 0 12px;outline:none}input:focus{border-color:var(--g)}button{cursor:pointer;width:100%;font-weight:700;letter-spacing:.04em}button:hover{border-color:var(--g);background:#102218}.join{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.join input{margin:0}.danger{margin-top:10px;border-color:#5c3030}.msg{min-height:22px;color:#ffb7b7;margin-top:12px}#boot{position:fixed;inset:0;display:grid;place-items:center;background:#030604;z-index:40;color:var(--g);letter-spacing:.2em}#hud>*{position:fixed;z-index:10;text-shadow:0 2px 4px #000}#crosshair{left:50%;top:50%;transform:translate(-50%,-50%);font-size:24px;color:var(--g)}#hp{left:22px;bottom:22px;font-size:22px}#ammo{right:22px;bottom:22px;font-size:22px}#weapon{right:22px;bottom:52px;color:var(--g)}#room{left:22px;top:18px;color:#9bc7a6}#protect{left:50%;bottom:26px;transform:translateX(-50%);color:#ffe47a}#killfeed{right:18px;top:18px;display:flex;flex-direction:column;gap:5px;text-align:right}#hitmarker{left:50%;top:50%;transform:translate(-50%,-50%);font-size:42px;color:white;opacity:0;transition:opacity .1s}#score{position:fixed;z-index:30;inset:10% 15%;background:rgba(2,8,4,.92);border:1px solid #31523b;padding:24px}#score h2{color:var(--g)}.scoreRow{display:grid;grid-template-columns:1fr 80px 60px 60px 60px;padding:7px;border-bottom:1px solid #193022}.scoreRow.me{background:#102218}.ct{color:#8ec8ff}.tt{color:#ff9d8e}#debug{position:fixed;left:12px;top:50px;z-index:15;background:#001b0dcc;border:1px solid #2f6f46;padding:9px;color:#a8ffc0;font-size:12px}#dead{position:fixed;inset:0;display:grid;place-items:center;align-content:center;z-index:25;background:#25000066;font-size:54px;letter-spacing:.12em;color:#fff}#dead div{font-size:16px;color:#ff9c9c;margin-top:10px}#instructions{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);z-index:12;background:#07100bd9;border:1px solid #31523b;padding:9px 14px;color:#b6d9bf;white-space:nowrap}@media(max-width:700px){#score{inset:5%;}.brand{font-size:38px}.join{grid-template-columns:1fr}#instructions{font-size:10px;white-space:normal;width:90%;text-align:center}}