:root {
  --bg: #060806; --surface: #0b0e0b; --surface-2: #111510; --ink: #f2ad32; --ink-rgb: 242, 173, 50;
  --muted: #887754; --line: #3e3525; --danger: #ff4a3d; --good: #80d46d; --sans: Inter, ui-sans-serif, system-ui, sans-serif;
  --mono: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
}
body[data-theme="green"] { --bg:#030906; --surface:#06110b; --surface-2:#0a1710; --ink:#2ee66b; --ink-rgb:46,230,107; --muted:#4d8860; --line:#194d2a; }
body[data-theme="blue"] { --bg:#03080d; --surface:#07121a; --surface-2:#0a1822; --ink:#54bdff; --ink-rgb:84,189,255; --muted:#557a91; --line:#1d485f; }
body[data-theme="crimson"] { --bg:#0b0303; --surface:#160706; --surface-2:#1e0a09; --ink:#ff564d; --ink-rgb:255,86,77; --muted:#9c5551; --line:#64231f; --danger:#fff; }
body[data-theme="white"] { --bg:#080909; --surface:#101212; --surface-2:#171919; --ink:#f0f3ed; --ink-rgb:240,243,237; --muted:#8c918b; --line:#414641; }
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; background:var(--bg); color:var(--ink); }
body { font-family:var(--mono); overflow:hidden; }
button, input, select { font:inherit; }
button { color:inherit; }
.hidden { display:none !important; }
.noise { position:fixed; inset:0; pointer-events:none; z-index:20; opacity:.08; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E"); mix-blend-mode:screen; }
.weapon-impact-static { position:fixed; inset:0; z-index:100; pointer-events:none; opacity:0; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='impact-noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.35' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23impact-noise)'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.42) 2px 3px,rgba(0,0,0,.7) 3px 5px); background-size:150px 150px,100% 5px; mix-blend-mode:screen; }
.weapon-impact-static.active { animation:weapon-impact-static .72s steps(4,end); }
body.weapon-impact .game-shell { animation:weapon-impact-shudder .48s steps(4,end); }
@keyframes weapon-impact-static {
  0% { opacity:.98; filter:contrast(260%) brightness(185%); background-position:0 0,0 0; }
  16% { opacity:.3; filter:contrast(210%) brightness(140%); background-position:43px -27px,0 2px; }
  32% { opacity:.86; filter:contrast(290%) brightness(175%); background-position:-31px 58px,0 -1px; }
  52% { opacity:.18; filter:contrast(190%) brightness(125%); background-position:72px 19px,0 3px; }
  70% { opacity:.58; filter:contrast(240%) brightness(155%); background-position:-54px -41px,0 1px; }
  100% { opacity:0; filter:contrast(180%) brightness(120%); background-position:91px 66px,0 -2px; }
}
@keyframes weapon-impact-shudder {
  0%,100% { transform:translate(0); }
  20% { transform:translate(-2px,1px); }
  40% { transform:translate(2px,-1px); }
  60% { transform:translate(-1px,-2px); }
  80% { transform:translate(1px,2px); }
}
.eyebrow { margin:0 0 18px; font-size:11px; letter-spacing:.24em; color:var(--muted); }
.lobby-shell { min-height:100vh; display:grid; grid-template-columns:minmax(0, 1.2fr) minmax(390px, .8fr); align-items:center; gap:7vw; padding:6vw 9vw; position:relative; }
.lobby-shell::before { content:""; position:absolute; width:54vw; height:54vw; left:-16vw; top:-20vw; border:1px solid var(--line); border-radius:50%; box-shadow:0 0 0 9vw rgba(var(--ink-rgb),.018),0 0 0 18vw rgba(var(--ink-rgb),.012); }
.lobby-copy { position:relative; max-width:720px; }
.lobby-copy h1 { font-family:var(--sans); margin:0; font-weight:900; font-size:clamp(74px,10vw,155px); line-height:.75; letter-spacing:-.085em; color:#d9d8ce; }
.lobby-copy h1 span { color:var(--ink); }
.lede { max-width:610px; margin:42px 0 34px; color:#9d9c91; font-family:var(--sans); font-size:18px; line-height:1.55; }
.depth-rule { display:flex; align-items:center; gap:14px; color:var(--muted); font-size:10px; }
.depth-rule i { display:block; height:1px; flex:1; background:repeating-linear-gradient(90deg,var(--line) 0 4px,transparent 4px 9px); }
.brief-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin:34px 0 0; }
.brief-grid div { border-left:1px solid var(--line); padding-left:14px; }
.brief-grid dt { font-size:10px; color:var(--ink); letter-spacing:.18em; }
.brief-grid dd { margin:8px 0 0; color:#888a82; font:13px/1.4 var(--sans); }
.lobby-console { width:100%; max-width:500px; justify-self:end; background:linear-gradient(150deg,rgba(var(--ink-rgb),.045),transparent 42%),var(--surface); border:1px solid var(--line); padding:28px; box-shadow:0 28px 80px #0008; }
.panel-cut { clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px)); }
.panel-kicker,.console-footer { display:flex; justify-content:space-between; align-items:center; font-size:10px; letter-spacing:.12em; color:var(--muted); }
.signal { color:var(--good); }
.field-label { display:block; font-size:10px; color:var(--muted); margin:36px 0 9px; letter-spacing:.13em; }
input, select { width:100%; border:1px solid var(--line); background:#050706; color:var(--ink); outline:none; padding:15px 16px; text-transform:uppercase; letter-spacing:.1em; }
input:focus,select:focus { border-color:var(--ink); box-shadow:0 0 0 1px var(--ink); }
input::placeholder { color:#514b3e; }
.primary-btn { width:100%; margin-top:12px; padding:16px; border:0; background:var(--ink); color:var(--bg); font-weight:800; cursor:pointer; display:flex; justify-content:space-between; }
.primary-btn:hover { filter:brightness(1.12); }
.or { display:flex; align-items:center; gap:12px; margin:25px 0; font-size:9px; color:var(--muted); }
.or span { flex:1; height:1px; background:var(--line); }
.join-row { display:grid; grid-template-columns:1fr 52px; gap:9px; }
.square-btn { border:1px solid var(--ink); background:transparent; font-size:20px; cursor:pointer; }
.square-btn:hover { background:var(--ink); color:var(--bg); }
.error-text { color:var(--danger); min-height:18px; font-size:11px; }
.console-footer { border-top:1px solid var(--line); padding-top:18px; margin-top:22px; }
.theme-button { border:0; background:none; color:var(--muted); padding:5px; cursor:pointer; font-size:10px; letter-spacing:.1em; }
.theme-button:hover { color:var(--ink); }

.game-shell { height:100vh; display:grid; grid-template-columns:190px minmax(0,1fr) 310px; grid-template-rows:68px minmax(0,1fr); }
.game-shell.no-telemetry { grid-template-columns:190px minmax(0,1fr); }
.game-shell.no-telemetry .telemetry-rail { display:none; }
.topbar { grid-column:1/-1; display:grid; grid-template-columns:190px repeat(3,minmax(125px,1fr)) auto auto auto 130px; border-bottom:1px solid var(--line); background:var(--surface); }
.brand-block,.top-readout,.connection { display:flex; align-items:center; border-right:1px solid var(--line); padding:0 18px; }
.brand-block { gap:11px; }
.brand-mark { display:grid; place-items:center; width:32px; height:32px; background:var(--ink); color:var(--bg); font-weight:900; }
.brand-block strong { font:800 12px var(--sans); letter-spacing:.04em; }
.brand-block small,.top-readout small { display:block; color:var(--muted); font-size:8px; margin-bottom:4px; }
.top-readout { display:block; padding-top:15px; }
.top-readout strong { font-size:12px; letter-spacing:.06em; }
.top-theme { align-self:center; margin:0 14px; border:1px solid var(--line); padding:9px 11px; }
.restart-button { align-self:center; margin:0 4px 0 12px; padding:9px 11px; border:1px solid var(--line); background:transparent; color:var(--muted); cursor:pointer; font-size:9px; letter-spacing:.08em; white-space:nowrap; }
.leave-button { align-self:center; margin-left:12px; padding:9px 11px; border:1px solid var(--line); background:transparent; color:var(--muted); cursor:pointer; font-size:9px; letter-spacing:.08em; }
.leave-button:hover { border-color:var(--ink); color:var(--ink); }
.restart-button:hover { border-color:var(--danger); color:var(--danger); }
.restart-button.armed { border-color:var(--danger); background:rgba(255,74,61,.1); color:var(--danger); }
.connection { gap:8px; justify-content:center; border-left:1px solid var(--line); border-right:0; font-size:9px; color:var(--muted); }
.connection i { width:6px; height:6px; border-radius:50%; background:var(--good); box-shadow:0 0 9px var(--good); }
.station-rail { background:var(--surface); border-right:1px solid var(--line); padding:22px 12px; display:flex; flex-direction:column; min-height:0; }
.rail-label { margin:0 10px 16px; font-size:9px; color:var(--muted); letter-spacing:.2em; }
#station-nav { display:flex; flex-direction:column; gap:5px; }
.station-link { position:relative; width:100%; min-height:58px; display:grid; grid-template-columns:31px 1fr; align-items:center; text-align:left; border:1px solid transparent; background:transparent; color:var(--muted); padding:8px; cursor:pointer; }
.station-link:hover { color:var(--ink); border-color:var(--line); }
.station-link.active { color:var(--ink); background:rgba(var(--ink-rgb),.07); border-color:var(--line); }
.station-link.radar-alert-proximity { color:#ffd24a; border-color:#ffd24a; animation:radar-proximity-flash 1s steps(2,end) infinite; }
.station-link.radar-alert-proximity strong,.station-link.radar-alert-weapons strong { color:inherit; }
@keyframes radar-proximity-flash {
  0%,100% { background:rgba(255,210,74,.04); box-shadow:inset 0 0 0 1px transparent; }
  50% { background:rgba(255,210,74,.24); box-shadow:inset 0 0 0 1px #ffd24a; }
}
.station-link.radar-alert-weapons { color:var(--danger); border-color:var(--danger); animation:radar-weapons-flash .65s steps(2,end) infinite; }
@keyframes radar-weapons-flash {
  0%,100% { background:rgba(255,74,61,.04); box-shadow:inset 0 0 0 1px transparent; }
  50% { background:rgba(255,74,61,.24); box-shadow:inset 0 0 0 1px var(--danger); }
}
.station-link .num { font-size:9px; }
.station-link strong { display:block; font-size:10px; margin-bottom:4px; }
.station-link small { font-size:8px; color:var(--muted); }
.station-link .occupied { position:absolute; right:8px; top:8px; width:5px; height:5px; border-radius:50%; background:var(--good); }
.crew-mini { margin-top:auto; border-top:1px solid var(--line); padding:16px 9px 0; display:flex; justify-content:space-between; font-size:9px; color:var(--muted); }
.crew-mini strong { color:var(--ink); }
.station-stage { min-width:0; min-height:0; padding:28px 30px; display:flex; flex-direction:column; overflow:hidden; background:radial-gradient(circle at 80% 0,rgba(var(--ink-rgb),.045),transparent 36%); }
.station-heading { display:flex; justify-content:space-between; align-items:end; padding-bottom:20px; border-bottom:1px solid var(--line); }
.station-heading .eyebrow { margin-bottom:8px; }
.station-heading h2 { margin:0; font:800 25px var(--sans); letter-spacing:-.02em; color:#d7d8d0; }
.station-heading-meta { display:flex; align-items:flex-end; gap:26px; }
.station-owner,.station-power { text-align:right; font-size:9px; color:var(--muted); }
.station-owner strong,.station-power strong { display:block; color:var(--ink); margin-top:5px; }
.station-power strong { font-size:13px; }
.station-content { min-height:0; flex:1; padding-top:18px; overflow:auto; scrollbar-width:thin; scrollbar-color:var(--line) transparent; }
.telemetry-rail { border-left:1px solid var(--line); background:var(--surface); min-height:0; display:flex; flex-direction:column; }
.telemetry-section { padding:18px; border-bottom:1px solid var(--line); }
.section-label { display:flex; justify-content:space-between; color:var(--muted); font-size:9px; letter-spacing:.12em; margin-bottom:16px; }
.hull-readout { display:flex; align-items:baseline; }
.hull-readout span { color:var(--muted); font-size:9px; margin-right:auto; }
.hull-readout strong { font:800 46px var(--sans); letter-spacing:-.06em; }
.hull-readout small { margin-left:5px; }
.thin-meter { height:3px; background:var(--line); margin:8px 0 20px; }
.thin-meter i { display:block; height:100%; width:100%; background:var(--ink); transition:width .3s; }
.stat-pairs { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.stat-pairs span { display:block; color:var(--muted); font-size:8px; }
.stat-pairs strong { display:block; font-size:11px; margin-top:5px; }
.flex-section { flex:1; min-height:0; display:flex; flex-direction:column; }
.event-log { min-height:0; overflow:auto; font-size:9px; line-height:1.5; }
.log-entry { padding:8px 0; border-bottom:1px dotted var(--line); color:#9c9e94; }
.log-entry time { color:var(--muted); margin-right:7px; }
.log-entry.warn { color:var(--ink); }.log-entry.danger { color:var(--danger); }.log-entry.good { color:var(--good); }
.mission-card { margin-top:auto; background:rgba(var(--ink-rgb),.05); }
.mission-card>span { color:var(--muted); font-size:8px; }
.mission-card>strong { display:block; margin:8px 0 15px; font:700 15px var(--sans); }
.mission-card div { display:flex; justify-content:space-between; font-size:10px; }

.dashboard-grid { height:100%; display:grid; grid-template-columns:repeat(12,1fr); grid-auto-rows:minmax(115px,1fr); gap:12px; }
.command-dashboard { grid-template-rows:minmax(300px,1.65fr) minmax(180px,1fr); height:auto; min-height:100%; }
.radar-dashboard { grid-template-rows:400px 420px; height:auto; min-height:0; align-content:start; }
.electrical-dashboard { grid-auto-rows:minmax(180px,auto); height:auto; min-height:0; align-content:start; }
.weapons-dashboard { grid-template-rows:300px minmax(245px,auto) 140px; height:auto; min-height:0; align-content:start; }
.engine-dashboard { grid-template-rows:minmax(245px,1fr) minmax(260px,.9fr); height:auto; min-height:100%; }
.life-dashboard { grid-template-rows:270px 220px 140px; height:auto; min-height:0; align-content:start; }
.observer-dashboard { grid-auto-rows:minmax(200px,auto); height:auto; min-height:0; align-content:start; }
.observer-dashboard .radar-module { min-height:340px; }
.observer-dashboard .power-chart { min-height:190px; }
.observer-lines { margin-top:14px; }
.module { border:1px solid var(--line); background:linear-gradient(155deg,rgba(var(--ink-rgb),.045),transparent 45%),var(--surface); min-width:0; overflow:hidden; }
.module.span-3 { grid-column:span 3; }.module.span-4 { grid-column:span 4; }.module.span-5 { grid-column:span 5; }.module.span-6 { grid-column:span 6; }.module.span-7 { grid-column:span 7; }.module.span-8 { grid-column:span 8; }.module.span-12 { grid-column:span 12; }
.module-head { display:flex; justify-content:space-between; align-items:center; height:33px; padding:0 11px; border-bottom:1px solid var(--line); font-size:9px; color:var(--muted); letter-spacing:.11em; }
.module-head strong { color:var(--ink); font-weight:400; }
.module-body { padding:13px; height:calc(100% - 33px); overflow:auto; overflow-anchor:none; scrollbar-gutter:stable; }
.big-number { font:800 clamp(31px,4vw,58px) var(--sans); letter-spacing:-.07em; color:#dadbd3; }
.big-number small { font:11px var(--mono); color:var(--muted); letter-spacing:0; }
.navigation-module .big-number { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; min-height:58px; font-size:clamp(28px,2.7vw,42px); line-height:.9; white-space:nowrap; font-variant-numeric:tabular-nums; }
.navigation-module .big-number small { display:block; margin-top:7px; line-height:1; white-space:nowrap; }
.navigation-module .metric-row strong { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.metric-row { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px dotted var(--line); font-size:10px; }
.metric-row span { color:var(--muted); }
.bar { height:5px; background:#25251f; margin:8px 0 13px; }.bar i { display:block; height:100%; background:var(--ink); }
.ascii { margin:0; white-space:pre; font-size:clamp(8px,.75vw,11px); line-height:1.05; color:var(--ink); text-align:center; overflow:hidden; }
.radar-wrap { width:100%; height:100%; display:grid; place-items:center; position:relative; overflow:hidden; }
.radar-wrap::before { content:""; position:absolute; z-index:2; inset:2%; border:1px solid rgba(var(--ink-rgb),.55); border-radius:50%; box-shadow:0 0 14px rgba(var(--ink-rgb),.22),inset 0 0 10px rgba(var(--ink-rgb),.12); transform:scale(.04); opacity:0; pointer-events:none; animation:radar-scan-pulse 3s linear infinite; animation-delay:var(--radar-pulse-delay,0s); }
.radar-module .module-body { overflow:hidden; padding:0; }
.radar-module .ascii { display:inline-block; width:max-content; height:max-content; flex:none; font-size:calc(clamp(6px,.58vw,9px) + 3px); line-height:1.05; transform-origin:center; }
.radar-wrap::after { content:""; position:absolute; inset:2%; border-radius:50%; border:1px solid rgba(var(--ink-rgb),.15); box-shadow:inset 0 0 30px rgba(var(--ink-rgb),.04); pointer-events:none; }
.radar-axis { position:absolute; z-index:3; padding:2px 4px; background:var(--surface); color:var(--ink); font:700 11px var(--mono); line-height:1; letter-spacing:.08em; pointer-events:none; }
.radar-legend { position:absolute; z-index:4; left:7px; top:7px; padding:3px 5px; background:rgba(11,14,14,.88); color:var(--muted); font:700 9px var(--mono); line-height:1; letter-spacing:.04em; pointer-events:none; }
.radar-jam-status { position:absolute; z-index:4; left:7px; bottom:7px; padding:4px 6px; border:1px solid var(--danger); background:rgba(11,14,14,.92); color:var(--danger); font:700 9px var(--mono); letter-spacing:.05em; pointer-events:none; }
.radar-damage-status { border-color:var(--ink); color:var(--ink); }
.radar-offline { color:var(--danger); text-align:center; background:repeating-linear-gradient(135deg,rgba(255,90,80,.03) 0 8px,transparent 8px 16px); }
.radar-offline>div { display:grid; gap:9px; }
.radar-offline strong { font:700 15px var(--mono); letter-spacing:.12em; }
.radar-offline span { color:var(--muted); font-size:9px; letter-spacing:.08em; }
@keyframes radar-scan-pulse { 0% { transform:scale(.04); opacity:.72; } 75% { opacity:.22; } 100% { transform:scale(1); opacity:0; } }
@media (prefers-reduced-motion:reduce) {
  .radar-wrap::before { animation:none; transform:scale(1); opacity:.16; }
  body.weapon-impact .game-shell { animation:none; }
}
.axis-y-positive { top:4px; left:50%; transform:translateX(-50%); }
.axis-y-negative { bottom:4px; left:50%; transform:translateX(-50%); }
.axis-x-negative { left:4px; top:50%; transform:translateY(-50%); }
.axis-x-positive { right:4px; top:50%; transform:translateY(-50%); }
.radar-dashboard .module-head,.command-dashboard .radar-module .module-head { font-size:12px; }
.radar-dashboard .metric-row { font-size:13px; }
.radar-dashboard .control-group label,.radar-dashboard .console-btn,.radar-dashboard .select { font-size:12px; }
.control-group { margin-bottom:15px; }
.control-group label { display:flex; justify-content:space-between; color:var(--muted); font-size:9px; margin-bottom:7px; }
.control-group output { color:var(--ink); }
input[type="range"] { appearance:none; height:3px; padding:0; border:0; background:var(--line); box-shadow:none; }
input[type="range"]::-webkit-slider-thumb { appearance:none; width:10px; height:16px; background:var(--ink); cursor:pointer; }
.helm-layout { height:100%; display:flex; flex-direction:column; gap:10px; }
.helm-heading .control-group { margin-bottom:0; }
.direction-ticks { display:grid; grid-template-columns:repeat(8,1fr); gap:2px; margin-top:7px; color:var(--muted); font-size:7px; text-align:center; }
.direction-ticks span:first-child { text-align:left; }
.direction-ticks span:last-child { text-align:right; }
.helm-lower { flex:0 0 120px; min-height:120px; display:grid; grid-template-columns:60px minmax(0,1fr); grid-template-rows:minmax(0,120px); gap:9px; }
.vertical-control { min-width:0; min-height:0; margin:0; display:flex; flex-direction:column; overflow:hidden; }
.vertical-control label { gap:5px; }
.vertical-slider { flex:0 0 92px; height:92px; min-height:0; display:grid; grid-template-rows:9px minmax(0,1fr) 9px; justify-items:center; align-items:center; color:var(--muted); font-size:8px; }
.vertical-control input[type="range"] { writing-mode:vertical-lr; direction:rtl; width:3px; height:72px; min-height:0; max-height:72px; }
.vertical-control input[type="range"]::-webkit-slider-thumb { width:16px; height:10px; }
.helm-button-grid { min-height:0; height:120px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:5px; }
.helm-button-grid .console-btn { min-width:0; min-height:0; display:flex; align-items:center; padding:6px 8px; font-size:8px; }
.core-reactor-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(150px,.92fr); gap:18px; }
.core-reactor-grid .control-group { margin-bottom:10px; }
.core-reactor-grid .console-btn { width:100%; }
.heat-shed-status { margin-top:12px; padding:11px 12px; border:1px solid var(--line); background:rgba(var(--ink-rgb),.025); color:var(--muted); display:flex; align-items:center; justify-content:space-between; font-size:9px; letter-spacing:.08em; }
.heat-shed-status strong { color:inherit; }
.heat-shed-status.active { color:var(--good); border-color:var(--good); background:rgba(128,212,109,.1); box-shadow:inset 0 0 12px rgba(128,212,109,.12),0 0 12px rgba(128,212,109,.3); }
.heat-shed-status.danger.active { color:var(--danger); border-color:var(--danger); background:rgba(255,90,80,.1); box-shadow:inset 0 0 12px rgba(255,90,80,.12),0 0 12px rgba(255,90,80,.3); }
.button-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:7px; }
.shield-buttons { margin-bottom:10px; }
.target-control-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(190px,.45fr); gap:12px; align-items:end; }
.target-control-grid .control-group { margin:0; }
.target-control-grid .console-btn { min-height:38px; }
.reroute-buttons .console-btn { padding:8px; }
.console-btn { border:1px solid var(--line); background:transparent; padding:10px; cursor:pointer; font-size:9px; letter-spacing:.07em; text-align:left; }
.console-btn:hover,.console-btn.active { border-color:var(--ink); background:rgba(var(--ink-rgb),.09); }
.console-btn.pending { border-color:var(--danger); box-shadow:inset 0 0 0 1px rgba(220,92,82,.18); }
.console-btn.danger { border-color:#652a26; color:var(--danger); }
.console-btn:disabled { opacity:.35; cursor:not-allowed; }
.select { padding:9px; font-size:9px; }
.crew-list { display:grid; gap:7px; }
.crew-line { display:flex; justify-content:space-between; padding:9px; background:rgba(var(--ink-rgb),.04); font-size:9px; }
.crew-line span { color:var(--muted); }
.power-chart { display:block; width:100%; height:calc(100% - 2px); min-height:100px; }
.damage-list { display:grid; grid-template-columns:1fr 1fr; gap:8px 18px; }
.damage-item { font-size:9px; }.damage-item header { display:flex; justify-content:space-between; }.damage-item span { color:var(--muted); }
.damage-item .bar i { transition:width .45s linear; }
.toast { position:fixed; left:50%; bottom:25px; z-index:40; transform:translate(-50%,20px); background:var(--ink); color:var(--bg); padding:10px 17px; font-size:10px; opacity:0; transition:.2s; pointer-events:none; }
.toast.show { opacity:1; transform:translate(-50%,0); }
.critical { color:var(--danger)!important; }

@media (max-width:1100px) {
  .game-shell { grid-template-columns:155px minmax(0,1fr) 245px; }.topbar { grid-template-columns:155px repeat(3,minmax(110px,1fr)) auto auto auto; }.connection { display:none; }
  .game-shell.no-telemetry { grid-template-columns:155px minmax(0,1fr); }
  .module.span-3 { grid-column:span 4; }.module.span-5,.module.span-7 { grid-column:span 6; }
}
@media (max-width:780px) {
  body { overflow:auto; }.lobby-shell { grid-template-columns:1fr; padding:50px 24px; }.lobby-console { justify-self:start; }.brief-grid { grid-template-columns:1fr; }.lobby-copy h1 { font-size:78px; }
  .game-shell { height:auto; min-height:100vh; grid-template-columns:1fr; grid-template-rows:auto auto auto auto; }.topbar { grid-column:1; grid-template-columns:1fr 1fr; height:auto; }.brand-block { padding:12px; }.top-readout { padding:10px 12px; }.top-readout:nth-of-type(3) { display:none; }.top-theme,.restart-button,.leave-button { margin:8px; }
  .game-shell.no-telemetry { grid-template-columns:1fr; grid-template-rows:auto auto auto; }
  .station-rail { grid-row:2; border:0; border-bottom:1px solid var(--line); overflow:auto; padding:8px; }.rail-label,.crew-mini { display:none; }#station-nav { flex-direction:row; width:max-content; }.station-link { width:118px; min-height:46px; }
  .station-stage { grid-row:3; padding:20px 14px; min-height:720px; }.telemetry-rail { grid-row:4; border-left:0; border-top:1px solid var(--line); }.event-log { max-height:220px; }.dashboard-grid { display:flex; flex-direction:column; }.module { min-height:180px; }.module.radar-module { min-height:370px; }
}
.portal-links { display:flex; justify-content:space-between; gap:16px; margin-top:18px; font:700 12px/1.2 monospace; letter-spacing:.12em; text-transform:uppercase; }
.portal-links a { color:var(--text); text-decoration:none; opacity:.78; }
.portal-links a:hover, .portal-links a:focus-visible { opacity:1; text-decoration:underline; }