/* A viewport-sized game shell. Long secondary panels scroll independently. */
:root{--bg:#0b1118;--panel:#1e2734;--line:#394454;--muted:#9aa9bc;--text:#f7f3ec;--gold:#e0a64a;--cyan:#8de1c0;--red:#fa8776}
body{font-family:Consolas,'Courier New',monospace;background:#0b1118;height:100dvh;overflow:hidden;font-size:12px;display:flex;flex-direction:column}
button,.panel,dialog,.meter,.portrait,kbd,#pause-overlay,#toast,.weapon-card{border-radius:0}
button{background:#253044;border:1px solid #536078;box-shadow:inset 0 2px #ffffff0c,0 2px #070b13;font-size:11px;padding:7px 9px}
button:hover:not(:disabled){background:#39445d;border-color:#f4c978;color:#fff2ce}button:disabled{opacity:.45}button[aria-pressed=true]{background:#344a47;color:#b4ffdb;border-color:#8de1c0}
.masthead{min-height:48px;height:48px;padding:5px 16px;background:#0b1118;border-bottom:2px solid #3b4355;gap:26px;flex-shrink:0}.wordmark{font-size:7px;letter-spacing:2px;gap:8px;line-height:1.6}.wordmark img{width:28px;height:28px}.wordmark strong{font-size:11px;letter-spacing:2px}.edition{font-size:9px;color:#9c94bb;letter-spacing:3px}.masthead nav{margin-left:auto}nav button{font-size:10px;padding:6px 9px}.signal{border-radius:0;box-shadow:none;background:#e0a64a}
main{width:100%;max-width:none;min-height:0;flex:1;display:grid;grid-template-rows:58px minmax(0,1fr) 112px 24px;gap:8px;padding:8px 12px 4px}
.overview{margin:0;padding:0 10px;gap:12px;background:#1e2734;border-left:3px solid #e0a64a}.overview .eyebrow{font-size:8px;letter-spacing:2px}h1,.overview h1{font-size:18px;font-weight:bold;letter-spacing:1px;margin:4px 0}.readouts{gap:26px}.readouts>div{min-width:90px}.readouts span{font-size:8px}.readouts strong{font-size:21px;margin:2px 0}.readouts small{font-size:8px}.readouts>div>small{display:none}.readouts .meter{height:3px}
.command-grid{min-height:0;grid-template-columns:182px minmax(0,1fr) 235px;gap:8px}.panel{background:#1e2734;border:2px solid #384456;box-shadow:inset 0 0 0 1px #0b111d}.panel-heading{padding:8px 10px;min-height:34px;background:#293341;border-bottom:2px solid #0a101e}.panel-heading h2,.panel-heading>span{font-size:9px;letter-spacing:1px}.crew-panel,.contact-panel{overflow:auto;scrollbar-width:thin;scrollbar-color:#56637b #111827}.hint{padding:9px 10px;font-size:10px;line-height:1.5}.crew-card{padding:9px 6px;gap:6px;background:#212a3b;margin-bottom:6px}.crew-card.selected{border-color:#f4c978;background:#333b43;box-shadow:inset 3px 0 #f4c978}.crew-name{font-size:11px}.crew-meta{font-size:9px}.crew-task{font-size:9px;line-height:1.4}.portrait{width:35px;height:43px}.crew-foot{display:none}#crew-detail{margin:8px 10px;padding-top:8px;font-size:9px}.skill{margin-top:3px}
.ship-panel{min-width:0;min-height:0;position:relative;border-color:#627087}.ship-panel>.panel-heading{flex-shrink:0}.view-tabs{display:flex;gap:5px}.view-tabs button{font-size:10px;padding:6px 10px}.view-tabs button[aria-pressed=true]{background:#e0a64a;color:#1c2433;border-color:#ffe0a0}.view-buttons button{padding:5px 7px;font-size:9px}.deck-wrap{min-height:0;flex:1;overflow:hidden;justify-content:center;background:#090d1b}#ship{width:100%;height:100%;object-fit:contain;aspect-ratio:auto;image-rendering:pixelated}.deck-tag,.deck-scale{bottom:7px;font-size:7px;color:#8b8ca7}.deck-tag{left:10px}.deck-scale{right:10px}#pause-overlay{top:8px;padding:6px 12px;font-size:9px;letter-spacing:2px;background:#141a2bdd;border:1px solid #bc9e6c;color:#ffd892}#pause-overlay span{display:none}
.room-shortcuts{flex-shrink:0;padding:5px 7px;gap:3px;background:#121a29}.room-shortcuts button{font-size:9px;padding:4px 6px;box-shadow:none}.room-inspector{min-height:30px;flex-shrink:0;padding:5px 9px;font-size:9px;gap:10px}.room-inspector strong{font-size:10px}.transport{flex-shrink:0;padding:6px 8px;gap:12px;background:#293341}.pause-button{min-width:138px;color:#212338;background:#e0a64a;border-color:#ffe0a3;font-size:10px}.transport>span{font-size:8px}
.contact-visual{height:92px;background:#0d1322;image-rendering:pixelated}#enemy{height:88px;image-rendering:pixelated}#enemy-type{bottom:4px;font-size:7px;left:10px}#contact-details{padding:6px 10px;min-height:0}.enemy-name{font-size:13px;margin:2px 0 6px}.empty-contact{font-size:10px;line-height:1.5;margin-top:2px}.target-buttons{margin-top:6px}.target-buttons button{font-size:8px;padding:5px 2px}.weapon-card{margin:7px 8px;padding:8px;background:#222b3a;border-color:#53596a}.weapon-card p{display:none}.weapon-name{font-size:11px;margin:5px 0 7px}.weapon-actions{margin-top:8px}.weapon-actions button{font-size:9px;padding:5px}.escape-button{margin:5px 8px;width:calc(100% - 16px);font-size:9px;padding:6px}.encounter-actions{gap:5px;padding:5px 8px 10px}.encounter-actions button{padding:7px;font-size:10px}.encounter-actions button span{font-size:9px}.primary{background:#e0a64a;border-color:#ffe0a3;color:#1e2431}.primary:hover:not(:disabled){background:#ffe1a3;color:#1e2431}
.lower-grid{min-height:0;margin:0;grid-template-columns:minmax(0,1fr) 330px;gap:8px}.lower-grid .panel-heading{min-height:27px;padding:5px 10px}#power-list{padding:7px 5px 4px;gap:0}.power-item{padding:0 10px}.power-name{font-size:10px;margin:0}.power-control{margin:6px 0;gap:7px}.power-control button{width:23px;height:22px}.power-pips i{height:13px;width:10px;box-shadow:none}.power-status{font-size:7px}.systems-note{display:none}#log{max-height:76px;padding:4px 10px}#log li{font-size:9px;padding:2px 0;line-height:1.4}#log time{font-size:8px;padding-top:1px}footer{margin:0;font-size:8px;line-height:1;min-height:0}footer button{padding:3px 7px;font-size:8px;box-shadow:none}footer .signal{width:4px;height:4px}dialog{max-height:90dvh;overflow:auto;border:3px solid #7d8190;background:#182133;box-shadow:8px 8px #0008;padding:24px}dialog h2{font-family:Consolas,monospace;font-weight:bold;color:#f4c978}dialog p,dialog li{font-family:Consolas,monospace;font-size:12px}dialog::backdrop{backdrop-filter:none;background:#050913df}
[hidden]{display:none!important}.galaxy-screen{min-height:0;flex:1;display:flex;flex-direction:column;background:#0b1118}.chart-heading{display:flex;justify-content:space-between;gap:10px;padding:14px 16px 5px}.chart-heading h2{font-size:16px;color:#f4c978;margin-top:5px}.chart-heading .eyebrow{font-size:8px;color:#a298bd}#voyage-resources{font-size:10px;line-height:1.8;color:#a9f2d6;text-align:right}.star-map{position:relative;flex:1;min-height:120px;margin:0 12px;background:radial-gradient(ellipse at 45% 50%,#30264199,transparent 70%)}#map-routes,#map-nodes{position:absolute;inset:0;width:100%;height:100%}.star-node{position:absolute;transform:translate(-50%,-50%);width:20px;height:22px;padding:0;border:1px solid transparent;background:#111525;box-shadow:none;color:#8e9cb6;font-size:13px;z-index:1}.star-node.visited{color:#dbe2ca}.star-node.reachable{color:#ffda91;border-color:#72624e}.star-node.current{color:#132b2c;background:#a0f0d0;border-color:#e0ffe9}.star-node.chosen{outline:2px solid #e0a64a;outline-offset:2px}.star-node.hostile{color:#fa8776!important}.map-legend{position:absolute;bottom:5px;left:8px;pointer-events:none;font-size:8px;color:#cfbcdf;line-height:1.8}.map-legend span{color:#8e8caa}.destination{padding:10px 16px;background:#1e2734;border-top:2px solid #41485f;flex-shrink:0}#destination-copy{font-size:10px;line-height:1.6}#destination-copy strong{font-size:14px;color:#ffcf86}#destination-copy em{color:#ffac97;font-style:normal}.travel-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.travel-actions button{font-size:9px;padding:6px 8px}#voyage-result{font-size:9px;color:#b5b9cf;margin-top:8px;line-height:1.5}body[data-view=galaxy] .deck-wrap,body[data-view=galaxy] .room-shortcuts,body[data-view=galaxy] .room-inspector{display:none}body[data-view=galaxy] .view-buttons{visibility:hidden}
@media(max-height:700px) and (min-width:901px){main{grid-template-rows:48px minmax(0,1fr) 101px 20px;gap:5px;padding-top:5px}.masthead{height:42px;min-height:42px}.contact-visual{height:65px}#enemy{height:62px}.crew-panel .hint{display:none}.contact-panel .eyebrow{display:none}.weapon-card{margin:4px 8px;padding:6px}.panel-heading{min-height:30px}.readouts strong{font-size:18px}.lower-grid .panel-heading{min-height:23px}.power-control{margin:4px 0}.chart-heading{padding-top:8px}.destination{padding:7px 12px}}
@media(max-width:1100px) and (min-width:901px){.command-grid{grid-template-columns:156px minmax(0,1fr) 205px}.readouts{gap:16px}.lower-grid{grid-template-columns:minmax(0,1fr) 260px}.power-item{padding:0 6px}.view-tabs button{font-size:9px;padding:5px}.room-shortcuts button{font-size:8px}.view-buttons{gap:3px}}
@media(max-width:900px){body{overflow:auto;height:auto;min-height:100dvh}.masthead{height:auto;min-height:48px;flex-wrap:wrap;gap:8px}.edition{display:none}.masthead nav{gap:0}main{display:flex;flex-direction:column;padding:8px}.overview{min-height:60px}.readouts{gap:12px}.readouts>div{min-width:60px}.command-grid{display:grid;grid-template-columns:155px minmax(0,1fr)}.ship-panel{height:560px}.crew-panel{max-height:560px}.contact-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;max-height:none}.contact-panel .panel-heading{grid-column:1/-1}.contact-panel .contact-visual{grid-column:1;grid-row:2}.contact-panel #contact-details{grid-column:1;grid-row:3}.contact-panel .weapon-card{grid-column:2;grid-row:2;margin:8px}.contact-panel .escape-button{grid-column:2;grid-row:3}.contact-panel .encounter-actions{grid-column:3;grid-row:2/4;margin:0}.lower-grid{display:grid;grid-template-columns:1fr}.systems-panel{min-height:110px}.log-panel{max-height:130px}footer{line-height:1.6;min-height:30px}.star-map{min-height:200px}.star-node{width:18px}}
@media(max-width:600px){.overview{display:block;padding:8px}.overview h1{font-size:15px}.readouts{margin-top:6px;justify-content:space-between}.readouts strong{font-size:18px}.command-grid{display:flex;flex-direction:column}.ship-panel{order:0;height:540px;flex:none}.crew-panel{order:1;max-height:260px}.crew-panel .hint,#crew-detail{display:none}.contact-panel{order:2;display:block}.contact-panel .contact-visual{display:none}#crew-list{display:flex;flex-wrap:wrap}.crew-card{width:calc(50% - 6px)}.room-inspector{flex-wrap:wrap}.transport{gap:6px}.view-tabs button{font-size:9px;padding:6px}.chart-heading{padding:10px}.chart-heading h2{font-size:12px}#voyage-resources{font-size:8px}.star-map{overflow-x:auto;margin:0}#map-routes,#map-nodes{min-width:700px}.map-legend{display:none}.lower-grid #power-list{grid-template-columns:repeat(3,1fr);gap:10px 0}.systems-panel{min-height:180px}footer>span{max-width:65%}footer>div{flex-direction:row;flex-wrap:wrap}.deck-tag,.deck-scale{display:none}}
/* Interaction feedback stays restrained; tactical state remains the authority. */
button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px #0005}
body[data-status=combat] .contact-panel{border-color:#a46f59}
body[data-status=combat] .contact-panel>.panel-heading{background:#392c2c}
body[data-status=victory] .contact-panel>.panel-heading{background:#293d37}
body[data-status=lost] .ship-panel{border-color:#a9695e}
.deck-wrap{background:#0b1118}
#ship{object-fit:fill}
#motion{font-size:9px}
.reduced-motion *, .reduced-motion *::before, .reduced-motion *::after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
@media(max-width:600px){.masthead nav{flex-wrap:wrap}#motion{font-size:8px;padding:5px}}
#deck-tooltip{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 20px);padding:7px 10px;background:#0b1118ed;border:1px solid #958158;color:#f4d497;font:10px Consolas,monospace;text-align:center;pointer-events:none;box-shadow:0 3px 12px #0008;z-index:2}
@media(max-width:450px){.ship-panel>.panel-heading{flex-wrap:wrap}.ship-panel .view-buttons{margin-left:auto}}
#ship { touch-action:none; user-select:none; }
#ship:focus-visible { outline:1px solid var(--gold, #e0a64a); outline-offset:-2px; }
#selection-box { position:absolute; z-index:4; pointer-events:none; border:1px solid #f4c978; background:#e0a64222; box-shadow:inset 0 0 0 1px #0b111880; }
#selection-status { color:#f4c978; font:9px/1.5 Consolas,monospace; margin:0 0 10px; }