.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-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-murk{position:absolute;inset:0;display:none;align-items:center;justify-content:center;box-shadow:inset 0 0 220px 90px #02060ae6}.hud-murk.active{display:flex;animation:hud-murk-pulse 1.6s ease-in-out infinite}@keyframes hud-murk-pulse{50%{box-shadow:inset 0 0 320px 150px #02060af5}}.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}.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:disabled{opacity:.45;cursor:not-allowed}.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}