.hud-layer{position:absolute;inset:0;pointer-events:none;color:#dfeaf2;font:12px/1.4 ui-monospace,SF Mono,Menlo,monospace;z-index:10}.hud-compass-box{position:absolute;top:10px;left:50%;transform:translate(-50%);width:min(420px,60vw);display:flex;flex-direction:column;align-items:center}.hud-compass{width:100%;height:26px;background:#08121c8c;border:1px solid rgba(127,208,255,.16);border-radius:6px}.hud-heading{margin-top:2px;color:#ffd67a;font-weight:700;letter-spacing:.06em;text-shadow:0 1px 3px rgba(0,0,0,.7)}.hud-timer{position:absolute;top:10px;right:12px;padding:4px 12px;font-size:22px;font-weight:700;letter-spacing:.04em;color:#dfeaf2;background:#08121c8c;border:1px solid rgba(127,208,255,.16);border-radius:8px;text-shadow:0 1px 3px rgba(0,0,0,.7)}.hud-timer.amber{color:#ffd67a;border-color:#ffd67a66}.hud-timer.red{color:#ff6a5a;border-color:#ff6a5a80;animation:hud-pulse 1s ease-in-out infinite}@keyframes hud-pulse{50%{opacity:.55}}.hud-gate{position:absolute;top:52px;right:12px;display:none;padding:3px 10px;font-size:12px;font-weight:700;letter-spacing:.06em;color:#ffd67a;background:#08121c8c;border:1px solid rgba(255,214,122,.35);border-radius:6px;text-shadow:0 1px 3px rgba(0,0,0,.7)}.hud-gate.open{color:#6fd08c;border-color:#6fd08c73}.hud-vis{display:none;align-items:center;gap:6px;height:12px}.hud-vis-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(127,208,255,.35);background:#7fd0ff;box-sizing:border-box}.hud-vis-label{font-size:10px;font-weight:700;letter-spacing:.04em;color:#e7f0f6b3;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hud-vitals{position:absolute;left:14px;bottom:14px;display:flex;align-items:flex-end;gap:12px}.hud-health-box{position:relative;width:64px;height:64px}.hud-health{width:64px;height:64px}.hud-health-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.hud-health-num.downed{color:#ff6a5a}.hud-bars{display:flex;flex-direction:column;gap:5px;width:180px;padding-bottom:6px}.hud-bar{position:relative;height:16px;background:#08121c99;border:1px solid rgba(127,208,255,.16);border-radius:4px;overflow:hidden}.hud-bar-fill{position:absolute;top:0;bottom:0;left:0;width:0;background:#7fd0ff;transition:width 90ms linear}.hud-bar-fill.over{background:#d86a5a}.hud-bar.lift .hud-bar-fill{transition:none}.hud-bar-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:.04em;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hud-bar-label.wallowing{color:#fff}.hud-pips{display:flex;gap:5px;height:10px}.hud-pips .pip{width:10px;height:10px;border-radius:50%;border:1px solid rgba(127,208,255,.3);background:transparent}.hud-pips .pip.on{background:#7fd0ff;border-color:#7fd0ff}.hud-cannons{display:none;align-items:center;gap:8px;height:14px}.hud-cannon-pips{display:flex;gap:5px}.hud-cannon-pips .cpip{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,214,122,.55);background:transparent;box-sizing:border-box}.hud-cannon-pips .cpip.loaded{background:#ffd67a;border-color:#ffd67a;box-shadow:0 0 4px #ffd67a99}.hud-cannon-pips .cpip.reloading{background:conic-gradient(#ffd67a calc(var(--p, 0) * 360deg),#ffd67a1f 0);border-color:#ffd67a80}.hud-cannon-hint{font-size:10px;font-weight:700;letter-spacing:.04em;color:#e7f0f6b3;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hud-weapon{display:none;align-items:center;gap:6px;height:14px}.hud-weapon .cpip{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,214,122,.55);background:transparent;box-sizing:border-box}.hud-weapon .cpip.ready{background:#ffd67a;border-color:#ffd67a;box-shadow:0 0 4px #ffd67a99}.hud-weapon .cpip.spent{background:transparent;border-color:#ffd67a59}.hud-weapon .cpip.reloading{background:conic-gradient(#ffd67a calc(var(--p, 0) * 360deg),#ffd67a1f 0);border-color:#ffd67a80}.hud-weapon-label{font-size:10px;font-weight:700;letter-spacing:.04em;color:#e7f0f6b3;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hud-murk{position:absolute;inset:0;display:none;align-items:center;justify-content:center;transition:opacity .2s ease}.hud-murk.active{display:flex;animation:hud-murk-pulse 1.6s ease-in-out infinite}@keyframes hud-murk-pulse{50%{opacity:.82}}.hud-murk-count{color:#cdd8e0;font-size:40px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.9)}.hud-map{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#02060a8c;backdrop-filter:blur(2px)}.hud-map.open{display:flex}.hud-map-canvas{width:70vmin;height:70vmin;background:#060e16d9;border:1px solid rgba(127,208,255,.22);border-radius:10px;box-shadow:0 12px 48px #00000080}.hud-map-hint{position:absolute;bottom:8vmin;color:#9fb4c4;letter-spacing:.12em;font-size:11px}:root{--bg: #0a1420;--panel: rgba(8, 18, 28, .82);--panel-solid: #0e1c2b;--line: rgba(127, 208, 255, .16);--ink: #dfeaf2;--ink-dim: #9fb4c4;--accent: #7fd0ff;--accent-bg: #1d6fa8;--danger: #d86a5a;--font: 13px/1.5 ui-monospace, "SF Mono", Menlo, monospace}.hideout,.roundend,.modal-scrim{pointer-events:auto}.hideout{position:absolute;inset:0;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% 0%,#12243a 0%,var(--bg) 70%);color:var(--ink);font:var(--font)}.hideout-top{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--line)}.hideout-top .brand{font-weight:700;letter-spacing:.14em;color:var(--accent);text-transform:uppercase;font-size:12px}.hideout-top .coins{color:#ffd67a;font-weight:700}.hideout-top .top-right{display:flex;align-items:center;gap:14px}.cloud-badge{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--line);border-radius:3px;padding:2px 8px;white-space:nowrap;cursor:default}.cloud-badge.cloud-synced,.cloud-badge.cloud-adopted{color:var(--accent);border-color:#7fd0ff57}.cloud-badge.cloud-syncing{color:var(--ink)}.cloud-badge.cloud-offline{color:#ffd67a;border-color:#ffd67a57}.cloud-badge.cloud-error{color:var(--danger);border-color:#d86a5a66}.panes{flex:1;display:grid;grid-template-columns:1fr .8fr 1fr;gap:14px;padding:16px 20px 20px;min-height:0}@media(max-width:820px){.panes{grid-template-columns:1fr;overflow-y:auto}}.pane{display:flex;flex-direction:column;min-height:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 24px #00000059}.pane-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line)}.pane-head h2{margin:0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.pane-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid var(--line);color:var(--ink-dim)}.pane-foot strong{color:var(--ink)}.sortbar{display:flex;gap:6px}.chip{padding:3px 9px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;color:var(--ink-dim);font:inherit;cursor:pointer}.chip.active{background:var(--accent-bg);border-color:var(--accent-bg);color:#fff}.chip:focus-visible{outline:2px solid var(--accent)}.grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:12px 14px;align-content:start}.cell{padding:8px 10px;background:#ffffff08;border:1px solid var(--line);border-radius:8px}.cell-name{font-weight:600;margin-bottom:4px}.cell-meta{display:flex;gap:8px;align-items:center;color:var(--ink-dim);font-size:11px}.cell-meta .qty{color:var(--ink)}.tier{padding:0 5px;border-radius:4px;font-weight:700;color:#0a1420}.tier.t1{background:#8aa3b5}.tier.t2{background:#6fd08c}.tier.t3{background:#79b6ff}.tier.t4{background:#d89bff}.cell-meta .wt{margin-left:auto}.ship-list{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.ship-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff08;border:1px solid var(--line);border-radius:8px}.ship-name{font-weight:600}.badge{font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:1px 6px;border-radius:4px;font-weight:700}.badge.deployed{background:#b7793a;color:#0a1420}.badge.free{background:#7fd0ff2e;color:var(--accent);margin-left:auto}.deploy .field{padding:12px 14px;border-bottom:1px solid var(--line)}.deploy .field.cargo{flex:1;min-height:0;display:flex;flex-direction:column}.deploy label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);margin-bottom:8px}.ship-picker{display:flex;flex-wrap:wrap;gap:6px}.cargo-list{overflow-y:auto;display:flex;flex-direction:column;gap:4px}.cargo-row{display:flex;align-items:center;gap:8px;padding:5px 4px}.cargo-name{font-weight:600}.cargo-avail{color:var(--ink-dim);font-size:11px}.stepper{margin-left:auto;display:flex;align-items:center;gap:2px}.stepper button{width:24px;height:24px;border:1px solid var(--line);background:#ffffff0d;color:var(--ink);font:inherit;border-radius:6px;cursor:pointer}.stepper-val{min-width:24px;text-align:center}.btn{padding:7px 16px;border:1px solid var(--line);border-radius:8px;background:#ffffff0f;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.btn.primary{background:var(--accent-bg);border-color:var(--accent-bg);color:#fff}.btn.danger{background:var(--danger);border-color:var(--danger);color:#0a1420}.btn:focus-visible,.stepper button:focus-visible{outline:2px solid var(--accent)}.empty{color:var(--ink-dim);font-style:italic;padding:6px 2px}.roundend{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#040a12b8;backdrop-filter:blur(6px);color:var(--ink);font:var(--font)}.roundend-card{width:min(420px,90vw);padding:24px;background:var(--panel-solid);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 48px #00000080}.banner{margin:0 0 18px;font-size:26px;letter-spacing:.04em}.banner.win{color:#6fd08c}.banner.loss{color:var(--danger)}.result-block{margin-bottom:16px}.result-block h3{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim)}ul.gained{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}ul.gained li{display:flex;justify-content:space-between;padding:4px 8px;background:#ffffff08;border-radius:6px}ul.gained .qty{color:var(--ink-dim)}.coins-line{color:#ffd67a;font-weight:700}.roundend-card .btn{width:100%;margin-top:8px}.modal-scrim{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#040a12b3;backdrop-filter:blur(4px);color:var(--ink);font:var(--font)}.modal{width:min(400px,90vw);padding:22px;background:var(--panel-solid);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 48px #00000080}.modal h2{margin:0 0 10px;color:var(--accent);font-size:16px}.modal p{margin:0 0 18px;color:var(--ink-dim)}.row-end{display:flex;justify-content:flex-end}.drydock{pointer-events:auto;position:absolute;inset:0;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% 0%,#12243a 0%,var(--bg) 70%);color:var(--ink);font:var(--font)}.drydock-body{flex:1;display:grid;grid-template-columns:.7fr 1.1fr 1.2fr;gap:14px;padding:16px 20px 20px;min-height:0}@media(max-width:980px){.drydock-body{grid-template-columns:1fr;overflow-y:auto}}.drydock .pane{overflow-y:auto}.text-input{width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#ffffff0d;color:var(--ink);font:inherit}.drydock .field{padding:12px 14px}.drydock label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);margin-bottom:6px}.hull-picker{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px}.linky{background:none;border:none;color:var(--ink);font:inherit;font-weight:600;padding:0;cursor:pointer;text-align:left}.linky:hover{color:var(--accent)}.ship-row.active{border-color:var(--accent)}.chip.danger{margin-left:auto;color:var(--danger)}.slot-list{display:flex;flex-direction:column;gap:6px;padding:4px 14px 14px}.slot-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff08;border:1px solid var(--line);border-radius:8px}.slot-name{font-weight:600;min-width:96px}.badge.kind-lift{background:#7fd0ff33;color:var(--accent)}.badge.kind-prop{background:#6fd08c33;color:#6fd08c}.badge.kind-fitting{background:#d89b5a33;color:#d89b5a}.slot-select{margin-left:auto;max-width:190px;padding:4px 6px;border:1px solid var(--line);border-radius:6px;background:var(--panel-solid);color:var(--ink);font:inherit}.preview-canvas{width:100%;height:220px;display:block;border-bottom:1px solid var(--line);background:#071018}.stat-list,.warn-list,.cost-list{display:flex;flex-direction:column;gap:4px;padding:10px 14px}.stat-row{display:flex;align-items:baseline;gap:8px}.stat-label{color:var(--ink-dim)}.stat-value{margin-left:auto;font-weight:700}.warn{padding:6px 8px;border-radius:6px;border-left:3px solid var(--ink-dim);background:#ffffff08;color:var(--ink-dim)}.warn.warn{border-left-color:#d8b45a;color:#e3cf9b}.warn.severe{border-left-color:var(--danger);color:#f0b3a8}.cost-row{display:flex;gap:8px}.cost-row .qty{margin-left:auto;font-weight:700}.cost-row.total{border-top:1px solid var(--line);padding-top:4px;color:#ffd67a}.notice{color:var(--accent)}.row-end{display:flex;gap:8px;margin-left:auto}.btn:disabled{opacity:.45;cursor:not-allowed}.ship-lost{color:var(--danger);font-weight:700}.workshop{overflow:hidden}.bench-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:10px 20px;border-bottom:1px solid var(--line)}.bench-tabs .chip{display:inline-flex;align-items:center;gap:6px}.badge.ready{background:#6fd08c38;color:#6fd08c}.workshop-body{flex:1;display:grid;grid-template-columns:2fr 1fr;gap:12px;padding:12px 20px 20px;min-height:0}@media(max-width:900px){.workshop-body{grid-template-columns:1fr}}.workshop .pane{min-height:0}.bench-blurb{margin-left:auto;color:var(--ink-dim);font-size:11px;text-align:right}.recipe-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:8px 14px 14px}.recipe-row{padding:8px;border:1px solid var(--line);border-radius:8px;background:#ffffff08}.recipe-row.ready{border-color:#6fd08c59}.recipe-row.locked{opacity:.55}.recipe-head{display:flex;align-items:center;gap:8px}.recipe-name{font-weight:600}.recipe-out{color:var(--ink-dim);margin-left:auto}.recipe-head .btn{min-width:74px}.recipe-inputs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ingredient{padding:2px 6px;border-radius:5px;background:#ffffff0d;color:var(--ink-dim);font-size:11px}.ingredient.short{background:#d86a5a2e;color:#f0b3a8}.ingredient.possible{color:var(--accent)}.recipe-hint{margin-top:6px;font-size:11px;color:#e3cf9b}.effect-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.effect{font-size:11px;color:var(--ink-dim)}.effect strong{color:var(--accent)}.arms-row{display:flex;flex-wrap:wrap;gap:6px}.arms-row .slot-select{margin-left:0;flex:1;min-width:110px}