:root{font-family:Inter,system-ui,sans-serif;color:#e4ebea;background:#172630;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;width:100vw;height:100vh;outline:0}button,input{font:inherit}button{cursor:pointer;border:1px solid #53646a;background:#24363ed9;color:#dfe9e8;padding:10px 13px;border-radius:5px}button:hover{background:#344951;border-color:#859796}button:disabled{opacity:.45;cursor:wait}input{width:100%;padding:11px 12px;background:#0e2029;color:#e4ebea;border:1px solid #485c64;border-radius:4px;outline:none}input:focus{border-color:#c0d5d4}button:focus-visible{outline:2px solid #c0d5d4;outline-offset:3px}[hidden]{display:none!important}#topbar{position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px 30px;pointer-events:none;background:linear-gradient(#09171e70,transparent)}#topbar>div{display:flex;gap:18px;align-items:center}#topbar b{letter-spacing:.26em;font-size:15px}#topbar span{font-size:10px;letter-spacing:.15em;color:#a6babd}#topbar button{pointer-events:auto;font-size:12px;background:#10242cc7}#lobby{position:fixed;left:30px;bottom:30px;width:355px;padding:25px;background:#10212bef;border:1px solid #51646b;border-radius:9px;box-shadow:0 18px 60px #0004;max-height:calc(100vh - 110px);overflow:auto}.eyebrow{font-size:10px;letter-spacing:.2em;color:#a2c1c4}h1{font-size:26px;letter-spacing:-.04em;line-height:1.1;margin:13px 0}.intro{font-size:13px;line-height:1.6;color:#b1c0c4;margin:0 0 21px}label,.section-label{display:block;font-size:10px;letter-spacing:.12em;color:#a1b6bc;margin:17px 0 8px}.section-label{display:flex;justify-content:space-between}.primary{width:100%;background:#bfcec5;color:#14252b;border-color:#bfcec5;font-weight:600;margin-top:12px}.primary:hover{background:#e0e7de;color:#14252b}.room-row{display:flex;gap:6px}.room-row input{min-width:0}.room-row button{font-size:12px;padding:8px 10px}#status{font-size:11px;color:#95b6b6;margin:14px 0}#ships{display:grid;gap:6px;max-height:160px;overflow:auto}.ship{display:flex;justify-content:space-between;text-align:left;font-size:12px}.ship span{font-size:11px;color:#a8bdbe}.empty{margin:0;color:#8fa3aa;font-size:12px}.instructions{display:grid;grid-template-columns:1fr 1fr;gap:10px 7px;border-top:1px solid #354a52;padding-top:16px;color:#9caeb3;font-size:10px}.instructions span{display:flex;align-items:center;gap:7px}kbd{font:9px monospace;color:#cddcdb;background:#293b43;border-radius:3px;padding:3px 4px;min-width:32px;text-align:center}#interaction{position:fixed;bottom:7%;left:50%;transform:translate(-50%);padding:9px 14px;border:1px solid #788d9066;border-radius:5px;background:#0e202bcc;color:#dbe6df;font-size:12px;pointer-events:none;white-space:nowrap}#crosshair{position:fixed;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#e0e9e7a6;box-shadow:0 0 2px #000;pointer-events:none}#toast{position:fixed;left:50%;top:80px;transform:translate(-50%);max-width:90vw;padding:11px 18px;background:#132c35f0;border:1px solid #788d90;border-radius:5px;font-size:12px}#error{position:fixed;inset:auto 20px 20px;margin:0;padding:20px;background:#492d2df5;color:#ffe2d9}#view-label{position:fixed;left:50%;bottom:30px;transform:translate(-50%);font-size:11px;letter-spacing:.12em;background:#10212bd9;padding:12px 18px;border-radius:5px}#view-label span{display:block;margin-top:7px;font-size:11px;letter-spacing:0;color:#aebfc2}body.walking #topbar{opacity:0;pointer-events:none}body.walking #topbar button{pointer-events:none}@media(max-width:650px){#lobby{left:16px;bottom:16px;width:calc(100vw - 32px);padding:20px}#topbar{padding:18px}#topbar span{display:none}}#flight-hud{position:fixed;right:24px;bottom:24px;padding:11px 15px;border:1px solid #6f888b66;border-radius:5px;background:#10242ad9;color:#cfdfd7;font:12px monospace;letter-spacing:.03em;pointer-events:none}#crew-name{position:fixed;transform:translate(-50%,-100%);padding:5px 9px;border:1px solid #8dcfc655;border-radius:4px;background:#10242ade;color:#e1faf3;font:12px system-ui,sans-serif;white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px #0008}#spawn-protection{position:fixed;top:24px;left:50%;transform:translate(-50%);padding:8px 13px;border:1px solid #91e4c777;border-radius:4px;background:#11382edf;color:#c6ffe4;font:11px monospace;pointer-events:none}#lobby:not([hidden])~#spawn-protection{display:none}#boarding-status{position:fixed;bottom:102px;left:50%;transform:translate(-50%);max-width:85vw;padding:9px 13px;border:1px solid #709d9866;border-radius:4px;background:#10242add;color:#b5ceca;font:11px monospace;pointer-events:none;text-align:center}#boarding-status.armed{border-color:#89edbd;color:#c0ffdc;background:#123b35e8}#create-crew{margin-top:20px;padding-top:16px;border-top:1px solid #51646b66}.create-crew-title{color:#b7d1cc;font-size:13px}#ship-name-tag{position:fixed;transform:translate(-50%,-100%);padding:6px 10px;border:1px solid #9edacd88;border-radius:4px;background:#10242ae8;color:#e1faf3;font:12px monospace;white-space:nowrap;pointer-events:none}#kill-feed{position:fixed;right:24px;top:86px;display:flex;flex-direction:column;align-items:flex-end;gap:7px;max-width:min(480px,85vw);pointer-events:none}#kill-feed>div{background:#10242ae8;border-left:2px solid #edb57d;color:#f3dbc3;padding:9px 13px;font:12px system-ui,sans-serif}#overboard-status{position:fixed;bottom:40px;left:50%;transform:translate(-50%);padding:12px 18px;border:1px solid #78959466;border-radius:5px;background:#10242ade;color:#e1faf3;font:12px monospace;pointer-events:none}.overboard-dead #overboard-status{bottom:50%;color:#ffd3b5}.overboard-dead #crosshair{display:none}.gunning #crosshair{width:26px;height:26px;transform:translate(-50%,-50%);border:1px solid #aaffee99;border-radius:50%;background:none;box-shadow:0 0 0 1px #142b2e66}.gunning #interaction,.gunning #flight-hud,.gunning #view-label,.gunning.walking #toast{display:none}.gunning #crosshair:after{content:"";position:absolute;left:11px;top:11px;width:2px;height:2px;background:#d7fff7}@media(max-width:650px){#flight-hud{right:12px;bottom:12px;font-size:10px;max-width:95vw}}#hull-health{position:fixed;left:24px;bottom:22px;font:11px monospace;letter-spacing:.08em;color:#c1d9cf;background:#10212bbd;padding:8px 11px;border:1px solid #788d9044;border-radius:4px;pointer-events:none}#hull-health.critical{color:#edb19b;border-color:#b8786055}#hull-hit{position:fixed;top:16%;left:50%;transform:translate(-50%);font:11px monospace;letter-spacing:.08em;color:#f4c7b7;text-shadow:0 1px 5px #000;background:#342728b8;border:1px solid #c3826260;padding:8px 12px;border-radius:4px;pointer-events:none}#crew-respawn{position:fixed;top:42%;left:50%;transform:translate(-50%);max-width:85vw;padding:16px 22px;font:12px/1.9 monospace;letter-spacing:.06em;text-align:center;white-space:pre-line;color:#ead7d0;background:#17212aee;border:1px solid #a8847666;border-radius:5px;pointer-events:none}body.crew-dead #crosshair,body.crew-dead #interaction,body.crew-dead #flight-hud{display:none!important}body:has(#lobby:not([hidden])) #hull-health{bottom:auto;top:90px}#shield-hud{position:fixed;left:50%;bottom:28px;transform:translate(-50%);padding:13px 20px;border:1px solid #64d9b9;border-radius:5px;background:#082d2fe8;color:#b9ffe4;font:12px/1.8 monospace;text-align:center;white-space:pre;pointer-events:none;box-shadow:0 0 24px #31bfa522}.shielding #interaction{display:none}.shielding #crosshair{width:20px;height:20px;transform:translate(-50%,-50%);border:1px solid #b5ffe5;border-radius:50%;background:none}@media(max-width:650px){#shield-hud{font-size:10px;padding:10px;max-width:96vw;white-space:pre-wrap}}#missile-hud{position:fixed;right:24px;bottom:64px;max-width:90vw;padding:9px 12px;border:1px solid #ba9a6b66;border-radius:4px;background:#152831df;color:#edd8b5;font:11px/1.7 monospace;white-space:pre-line;pointer-events:none}.missile-guiding #missile-hud{left:50%;right:auto;transform:translate(-50%);bottom:26px;text-align:center;border-color:#edbf78}.missile-guiding #interaction{display:none}.missile-guiding #crosshair{border-color:#ffcb83}.missile-impact-camera #crosshair{display:none}body{--scoreboard-top:82px;--scoreboard-height:0px}.walking{--scoreboard-top:20px}#scoreboard{position:fixed;top:var(--scoreboard-top);right:24px;width:280px;max-width:calc(100vw - 48px);padding:7px 10px;border:1px solid #92b4b329;border-radius:4px;background:#10232bc9;color:#c3d3d3;font:11px monospace;pointer-events:none;font-variant-numeric:tabular-nums}#scoreboard table{width:100%;border-collapse:collapse;table-layout:fixed}#scoreboard th{height:18px;font-size:9px;font-weight:400;letter-spacing:.06em;color:#819b9f}#scoreboard td{height:24px}#scoreboard th,#scoreboard td{text-align:right;padding:0 4px}#scoreboard th:first-child,#scoreboard td:first-child{text-align:left;width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#scoreboard th:last-child{width:22%}#scoreboard .own-crew{color:#a8efcf}#scoreboard .dead-crew{opacity:.45}#kill-feed{top:calc(var(--scoreboard-top) + var(--scoreboard-height) + 12px)}#scoreboard td:first-child{color:var(--team-color)}#scoreboard td:first-child:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--team-color)}@media(max-width:650px){#scoreboard{right:12px;width:250px}}#chat-badge{position:fixed;left:24px;bottom:64px;padding:6px 9px;font:10px monospace;color:#b8ceca;background:#10232bd9;border-color:#67827e66}#chat-window{position:fixed;z-index:40;left:24px;bottom:24px;width:410px;max-width:calc(100vw - 48px);padding:14px;border:1px solid #67827e99;border-radius:6px;background:#0d2028f5;color:#d6e7e2;font:12px/1.5 system-ui,sans-serif;box-shadow:0 10px 35px #0005}#chat-window header{display:flex;align-items:center;justify-content:space-between;color:#96b6b1;font:10px monospace;letter-spacing:.07em;margin-bottom:10px}#chat-window header button{padding:1px 7px;font-size:18px;border:0;background:transparent}#chat-log{height:210px;max-height:40vh;overflow:auto;overflow-wrap:anywhere;user-select:text}#chat-log>div{margin-bottom:10px}#chat-log strong{font-weight:600;margin-right:8px}#chat-log span{display:block}#chat-log time{float:right;font-size:9px;color:#708c8d;margin-left:8px}#chat-window input{margin-top:10px;font-size:12px}#chat-window p{margin:10px 0 0;color:#809d99;font-size:10px}.chat-open #crosshair,.chat-open #interaction,.chat-open #crew-name,.chat-open #hull-health{display:none!important}.chat-open #topbar button{pointer-events:none}body:not(.chat-open) #chat-window{bottom:102px;padding:0;border:0;background:transparent;box-shadow:none;pointer-events:none}body:not(.chat-open) #chat-window header,body:not(.chat-open) #chat-window input,body:not(.chat-open) #chat-window p{display:none}body:not(.chat-open) #chat-log{height:auto;max-height:none;overflow:hidden;user-select:none}body:not(.chat-open) #chat-log>div{padding:6px 9px;margin-bottom:4px;border-radius:3px;background:#0d2028b8;font-size:11px}body:not(.chat-open) #chat-log>div:nth-last-child(n+6){display:none}body:not(.chat-open) #chat-log span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#lobby:not([hidden])~#chat-window,#lobby:not([hidden])~#chat-badge{display:none}#hit-marker{position:fixed;z-index:25;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%);opacity:0;pointer-events:none;filter:drop-shadow(0 1px 2px #071a20)}#hit-marker svg{display:block;width:100%;height:100%}#lobby:not([hidden])~#hit-marker,.chat-open #hit-marker{display:none}