:root{--space: #05060b;--ink: #d7e3f2;--ink-quiet: #8397af;--accent: #ffb454;--cyan: #62e6ff;--warn: #ff7a6b;--good: #9dff6b;--ui: 2;--gap: calc(3px * var(--ui));--portrait: calc(var(--ui) * 2)}html,body{margin:0;height:100%;background:var(--space);overflow:hidden}#game{position:fixed;inset:0}#game canvas{image-rendering:pixelated;image-rendering:crisp-edges}#labels{position:fixed;inset:0;overflow:hidden;pointer-events:none}#labels .label{position:absolute;left:0;top:0;font:calc(6px * var(--ui)) / 1.2 ui-monospace,"Cascadia Mono",Consolas,monospace;color:var(--ink);text-shadow:0 1px 0 #000,0 0 3px #000,0 0 6px #000;white-space:pre}#labels [hidden]{display:none!important}#labels .body{color:#f0dfb4}#labels .beacon{color:#9fe8ff}#labels .station{color:var(--accent)}#labels .field{color:#c9b79c}#labels .pilot{color:var(--ink-quiet);font-size:calc(5.5px * var(--ui))}#labels .hostile{color:#ff6b8b;font-size:calc(5.5px * var(--ui))}#labels .npc{color:var(--ink);font-size:calc(5.5px * var(--ui))}#labels .target{color:var(--cyan)}#labels .crate{color:#ffd34d;font-size:calc(5.5px * var(--ui))}#labels .title{color:var(--accent);font-size:calc(6.5px * var(--ui));font-weight:700}#labels .bubble{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-width:calc(80px * var(--ui));margin-top:calc(-7.5px * var(--ui));padding:0 calc(1.5px * var(--ui));border:1px solid #34405e;background:#0d1220e0;font-size:calc(5.5px * var(--ui));text-align:center;text-shadow:none;white-space:normal;overflow-wrap:anywhere}#hud{position:fixed;inset:0;pointer-events:none;font:calc(6px * var(--ui)) / 1.35 ui-monospace,"Cascadia Mono",Consolas,monospace;color:var(--ink)}#hud [hidden]{display:none!important}#hud .panel{position:absolute;box-sizing:border-box;border-style:solid;border-width:calc(4px * var(--ui));border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAXElEQVR42mNkYGBg4BVS+M9ABPj87gEjC6+Qwv9Pi0wYTHu48Co+XfKNgS+O4T8LAwMDg2kPF8Oju1ff4NNg2qMtwsDAwMDEQCIY1UAMYIFFCiycCUQcAyOpSQMAgsQar9fh2IcAAAAASUVORK5CYII=) 4 fill / calc(4px * var(--ui)) stretch;image-rendering:pixelated;padding:0 calc(1px * var(--ui));white-space:nowrap}#hud .hud-dialog,#hud .hud-notice{white-space:normal}#hud .title{color:var(--accent);font-weight:700;letter-spacing:.08em}#hud .quiet{color:var(--ink-quiet)}#hud .accent,#hud .go{color:var(--accent)}#hud .info{color:var(--cyan)}#hud .warn{color:var(--warn)}#hud a{pointer-events:auto;color:var(--accent)}#hud kbd{display:inline-block;min-width:1em;margin-right:calc(1px * var(--ui));padding:0 calc(1px * var(--ui));border:1px solid #34405e;border-bottom-width:2px;background:#161d33;color:var(--ink);font:inherit;font-size:.9em;line-height:1.25;text-align:center}#hud .dev{padding:0 calc(1px * var(--ui));background:var(--accent);color:var(--space);font-weight:700;letter-spacing:0}#hud .row{display:flex;justify-content:space-between;gap:calc(6px * var(--ui))}#hud .bar{height:calc(2px * var(--ui));margin:calc(1px * var(--ui)) 0;background:#161d33;outline:1px solid #34405e}#hud .bar>div{height:100%;background:var(--accent)}.hud-loc{top:var(--gap);left:var(--gap)}.hud-hold{top:calc(2 * var(--gap) + 33px * var(--ui));left:var(--gap);min-width:calc(76px * var(--ui));pointer-events:auto;cursor:pointer}.hud-hold .item,.hud-cargo .item{display:inline-block;width:calc(12px * var(--ui));height:calc(12px * var(--ui));margin-right:calc(2px * var(--ui));vertical-align:middle;background-repeat:no-repeat;background-size:calc(72px * var(--ui)) calc(12px * var(--ui));image-rendering:pixelated}.hud-map{top:var(--gap);right:var(--gap);text-align:center}.hud-map canvas{display:block;width:calc(80px * var(--ui));height:calc(80px * var(--ui));image-rendering:pixelated}.hud-map .caption{color:var(--ink-quiet)}.hud-travel,.hud-auto,.hud-note{left:50%;transform:translate(-50%);min-width:calc(120px * var(--ui))}.hud-travel{top:var(--gap)}.hud-auto{top:calc(var(--gap) + 27px * var(--ui))}.hud-note{top:calc(var(--gap) + 50px * var(--ui))}.hud-prompt{left:50%;bottom:calc(var(--gap) + 24px * var(--ui));transform:translate(-50%)}.hud-speed{left:50%;bottom:var(--gap);transform:translate(-50%);width:calc(96px * var(--ui))}.hud-combat{top:calc(2 * var(--gap) + 97px * var(--ui));right:var(--gap);width:calc(88px * var(--ui))}#hud .bar.hull>div{background:#7be08a}#hud .bar.hull.low>div{background:var(--accent)}#hud .bar.hull.crit>div{background:#ff4d6a}#hud .bar.shield>div{background:var(--cyan)}#hud .bar.heat>div{background:#ff8f5b}#hud .bar.hot>div{background:#ff4d6a}#hud .shield-up{color:var(--cyan)}#hud .arrival{color:#eef3fa}#hud .bar.arrival>div{background:#eef3fa}.hud-combat .target{margin-top:calc(2px * var(--ui));padding-top:calc(2px * var(--ui));border-top:1px solid #34405e}.hud-combat .row{flex-wrap:wrap}.hud-combat .hostile-name{color:#ff6b8b}.hud-edge{position:fixed;inset:0;pointer-events:none;opacity:0}.hud-edge.on{animation:edge-flash .4s ease-out}.hud-edge.hit{box-shadow:inset 0 0 calc(20px * var(--ui)) #ff4d6acc}.hud-edge.block{box-shadow:inset 0 0 calc(20px * var(--ui)) #62e6ffb3}@keyframes edge-flash{0%{opacity:1}to{opacity:0}}.hud-corner{position:absolute;left:var(--gap);bottom:var(--gap);display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap);max-width:calc(100vw - 2 * var(--gap))}#hud .hud-corner>.panel{position:static}.hud-help{color:var(--ink-quiet)}.hud-chat{width:calc(150px * var(--ui));max-width:100%}.hud-chat .chat-log{white-space:normal;overflow-wrap:anywhere}.hud-chat.typing{pointer-events:auto}.hud-chat.typing .chat-log{max-height:min(calc(110px * var(--ui)),45vh);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#34405e transparent}.hud-chat .chat-line{overflow:hidden;transition:opacity 1s}.hud-chat:not(.typing) .chat-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hud-chat .chat-line.fading{opacity:0}.hud-chat .chat-from{color:var(--accent)}.hud-chat .chat-text{unicode-bidi:isolate}.hud-chat .chat-entry{display:flex;gap:calc(2px * var(--ui));align-items:baseline}.hud-chat input{flex:1;min-width:0;padding:0;border:0;border-bottom:1px solid #34405e;background:none;color:var(--ink);font:inherit;caret-color:var(--accent);outline:none}.hud-chat:not(.typing) .chat-entry,.hud-chat:not(.typing) .chat-keys,.hud-chat:not(.hint) .chat-hint{display:none}.hud-account{right:var(--gap);bottom:var(--gap);text-align:right}.hud-notice{left:50%;top:40%;transform:translate(-50%,-50%);text-align:center;white-space:normal;max-width:80vw}.hud-nav{left:50%;top:50%;transform:translate(-50%,-50%);max-width:96vw;max-height:92vh;overflow:auto;pointer-events:auto}.hud-nav .nav-body{display:flex;gap:calc(6px * var(--ui));align-items:flex-start;margin:calc(2px * var(--ui)) 0}.hud-nav canvas{width:calc(112px * var(--ui));height:calc(112px * var(--ui));image-rendering:pixelated;flex:none}.hud-nav .nav-region{margin-top:calc(2px * var(--ui));color:var(--accent)}.hud-nav .nav-item{display:flex;width:100%;gap:calc(3px * var(--ui));align-items:baseline;padding:0 calc(1px * var(--ui));border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.hud-nav .nav-item:hover,.hud-nav .nav-item:focus-visible{background:#232c47;outline:none}.hud-nav .nav-item.current .nav-name{color:var(--cyan)}.hud-nav .nav-name{flex:1}.hud-dialog{left:50%;bottom:var(--gap);transform:translate(-50%);display:flex;gap:calc(4px * var(--ui));align-items:flex-start;width:calc(210px * var(--ui));max-width:96vw;white-space:normal;pointer-events:auto}.hud-dialog .portrait{flex:none;width:calc(16px * var(--portrait));height:calc(24px * var(--portrait));background-repeat:no-repeat;background-size:calc(144px * var(--portrait)) calc(288px * var(--portrait));image-rendering:pixelated;background-color:#161d33;outline:1px solid #34405e}.hud-dialog .portrait.terminal{background:linear-gradient(#0f4a5c,#0f4a5c) center / 70% 50% no-repeat,#0d1220}.hud-dialog p{margin:calc(1px * var(--ui)) 0}.hud-dialog button{margin-top:calc(2px * var(--ui));padding:0;border:0;background:none;color:var(--ink-quiet);font:inherit;cursor:pointer}.hud-dialog button.option{display:block;color:var(--ink)}.hud-cargo{left:50%;top:50%;transform:translate(-50%,-50%);max-width:96vw;max-height:92vh;overflow:auto;pointer-events:auto}.hud-cargo table{margin:calc(2px * var(--ui)) 0 0;border-collapse:collapse}.hud-cargo th{color:var(--ink-quiet);font-weight:400}.hud-cargo th,.hud-cargo td{padding:0 0 0 calc(5px * var(--ui));text-align:right}.hud-cargo th:first-child,.hud-cargo td:first-child{padding:0}.hud-cargo th:nth-child(2),.hud-cargo td:nth-child(2){padding-left:calc(2px * var(--ui));text-align:left}.hud-cargo tbody tr[data-item]{cursor:pointer}.hud-cargo tbody tr[data-item]:hover,.hud-cargo tbody tr.picked{background:#232c47}.hud-cargo tfoot td{border-top:1px solid #34405e}.hud-cargo .cargo-choices{margin:calc(2px * var(--ui)) 0}.hud-cargo button{margin-top:calc(2px * var(--ui));padding:0;border:0;background:none;color:var(--ink-quiet);font:inherit;cursor:pointer}.hud-cargo button.option{display:block;margin-top:calc(1px * var(--ui));color:var(--ink)}#labels .squad{color:var(--good);font-size:calc(5.5px * var(--ui))}#hud .good,#hud .squad-name,.hud-chat .squad-tag,.hud-chat .chat-to.squad{color:var(--good)}.hud-chat .chat-line.squad .chat-from:not([style]){color:var(--good)}.hud-chat .chat-to{color:var(--ink-quiet)}#hud .hud-squad,#hud .hud-invite,#hud .hud-support{white-space:normal}.hud-squad{right:var(--gap);bottom:calc(2 * var(--gap) + 16px * var(--ui));width:calc(132px * var(--ui));max-height:calc(100vh - 215px * var(--ui));overflow-x:hidden;overflow-y:auto;pointer-events:auto;scrollbar-width:thin;scrollbar-color:#34405e transparent}.hud-squad .sq-form{display:flex;gap:calc(2px * var(--ui));margin:calc(2px * var(--ui)) 0}.hud-squad input{flex:1;min-width:0;padding:0 calc(1px * var(--ui));border:1px solid #34405e;background:#0d1220;color:var(--ink);font:inherit;caret-color:var(--accent);outline:none}.hud-squad input:focus{border-color:var(--accent)}.hud-squad input::placeholder{color:var(--ink-quiet)}.hud-squad button,.hud-invite button,.hud-support button{padding:0 calc(1px * var(--ui));border:1px solid #34405e;background:#161d33;color:var(--ink);font:inherit;cursor:pointer}.hud-squad button:hover,.hud-invite button:hover,.hud-support button:hover{background:#232c47}.hud-squad .sq-mate{margin-top:calc(2px * var(--ui))}.hud-squad .sq-mate .row{align-items:baseline}.hud-squad .sq-mate.off .sq-callsign{color:var(--ink-quiet)}.hud-squad .sq-lead{padding:0 calc(1px * var(--ui));background:var(--good);color:var(--space);font-weight:700}.hud-squad .sq-bars{display:flex;gap:calc(2px * var(--ui))}.hud-squad .sq-bars .bar{flex:1}.hud-squad .sq-foot,.hud-squad .sq-status{margin-top:calc(2px * var(--ui))}.hud-squad .sq-foot:empty,.hud-squad .sq-status:empty{display:none}.hud-invite{left:50%;top:calc(var(--gap) + 73px * var(--ui));transform:translate(-50%);min-width:calc(120px * var(--ui));pointer-events:auto}.hud-support{left:50%;bottom:calc(var(--gap) + 44px * var(--ui));transform:translate(-50%);text-align:center;pointer-events:auto}