/* Station views and windows. Deliberately does not restyle the main salvage surface. */
body:not([data-view="salvage"]){background:#07111a;background-image:linear-gradient(#06111beb,#07121af5),url('assets/drydock.png');background-size:cover;background-attachment:fixed;color:#dfebec}
body:not([data-view="salvage"]) .game-shell{max-width:1440px;margin:0 auto;background:transparent;border:0;box-shadow:none;min-height:100svh}
body:not([data-view="salvage"]) .topbar{background:#0a1823e8;border-bottom:1px solid #789aa32b}
body:not([data-view="salvage"]) .view-tabs{padding:10px;background:#0b1c28;border:1px solid #68868f35;border-radius:8px;gap:8px;margin:20px 28px 0}
body:not([data-view="salvage"]) .view-tabs button{min-height:46px;padding:12px 24px;font-size:15px;border-radius:5px}
body:not([data-view="salvage"]) .view-tabs button.active{background:#214740;color:#bdf5e6;border-color:#7cd6c1}
.yard-view,.collection-view{padding:28px 34px 60px!important;max-width:1400px;margin:auto}
.yard-view[hidden],.collection-view[hidden]{display:none!important}
.yard-view .view-heading,.collection-view .view-heading{align-items:center;margin:8px 0 26px;gap:24px}
.yard-view .view-heading h1,.collection-view .view-heading h1{font-size:clamp(30px,3.5vw,46px);font-weight:550;letter-spacing:-1.2px;margin:8px 0 10px}
.yard-view .view-heading p,.collection-view .view-heading p{font-size:15px;color:#a4bcc6;line-height:1.7;max-width:700px}
.yard-view .primary-button,.collection-view .primary-button{background:linear-gradient(#f1bb7b,#cf9550);color:#241d14;border:1px solid #f7c894}
.yard-view button,.collection-view button{min-height:44px;font-size:14px;line-height:1.4}
.yard-view .secondary-button,.collection-view .secondary-button{background:linear-gradient(#243e4b,#152b37);border:1px solid #647f8b66;color:#daebef;border-radius:5px;padding:12px 15px}
.yard-view button:disabled,.collection-view button:disabled{opacity:.5}
.station-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px}
.station-metric{padding:20px 22px;background:linear-gradient(125deg,#203641dd,#0c1d29ee);border:1px solid #6e909b40;border-radius:7px;box-shadow:inset 0 1px #b6d5dc0b}
.station-metric>span{display:block;color:#9db5c1;font-size:14px;margin-bottom:10px}.station-metric>strong{font:500 clamp(22px,2.5vw,32px) var(--mono);color:#e1f0ee;white-space:nowrap}.station-metric small{font:400 14px var(--mono);color:#88b7b3}
.yard-scene{position:relative;height:320px!important;border-radius:10px;overflow:hidden;border:1px solid #88a4a954;box-shadow:0 14px 45px #0005;margin-bottom:30px;background:#0b1921}
.yard-scene canvas{height:100%!important;width:100%!important;object-fit:cover;object-position:center 48%;opacity:.87}
.yard-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07121bd9,transparent 60%),linear-gradient(0deg,#08151b66,transparent 60%);pointer-events:none}
.yard-scene-caption{position:absolute;z-index:1;left:30px;bottom:30px;display:flex;flex-direction:column;gap:12px;max-width:360px;pointer-events:none}.yard-scene-caption strong{font-size:30px;line-height:1.25;font-weight:550}.yard-scene-caption>span:last-child{color:#9fb7c2;font-size:14px}
.station-section-heading{margin:38px 0 20px;border-bottom:1px solid #78929c33;padding-bottom:16px}.station-section-heading>span{font:12px var(--mono);letter-spacing:2px;color:#83c8bd}.station-section-heading h2{font-size:25px;font-weight:550;letter-spacing:-.5px;margin:8px 0 0}
.yard-bays{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin-bottom:24px}.yard-view .bay-summary{padding:0 18px 18px;gap:14px;overflow:hidden;background:linear-gradient(135deg,#203744,#0b1d29);border:1px solid #72939d55;border-radius:9px;box-shadow:0 10px 25px #0002;min-width:0}
.bay-preview{position:relative;height:175px;margin:0 -18px 3px;background:radial-gradient(ellipse at 50% 55%,#42727c44,transparent 68%),#091823;border-bottom:1px solid #7798a333}.bay-preview>img{width:100%;height:100%;object-fit:contain;padding:12px;filter:drop-shadow(0 9px 9px #000a)}.bay-plaque,.bay-occupancy{position:absolute;top:12px;font:12px var(--mono);letter-spacing:1px;z-index:1}.bay-plaque{left:12px;color:#c4dadd}.bay-occupancy{right:12px;font-size:11px;color:#8aadb1}.bay-running .bay-occupancy{color:#9beaCE}.bay-enter{width:100%;gap:7px}.bay-enter strong{font-size:17px}.bay-enter span{font-size:16px;color:#e1ecee}.bay-enter small{font-size:14px;min-height:22px}.bay-meter{margin-top:auto}.bay-meter>span{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:1.5;color:#9bb5bf}.bay-meter b{color:#b0dfd5;font-weight:500;white-space:nowrap}.station-track{height:4px;background:#030d15;border-radius:3px;margin-top:8px;overflow:hidden}.station-track i{display:block;height:100%;background:#80d9c4;transition:width .3s}
.equipment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#68858f33;border:1px solid #68858f33;border-radius:7px;overflow:hidden}.equipment-summary>div{background:#102431;padding:18px}.equipment-summary strong{font-size:15px;color:#cce5e3}.equipment-summary span{font-size:13px;line-height:1.6;color:#8ea9b7;margin-top:6px}
.yard-view .project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.yard-view .project-card{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:22px;border:1px solid #78959c40;border-radius:8px;background:linear-gradient(135deg,#1b303d,#0c1e2a);box-shadow:0 8px 28px #0002;min-width:0}.project-card h3{font-size:21px;line-height:1.3;font-weight:550;color:#e4eeef;margin:10px 0}.project-card p{font-size:14px;line-height:1.65;color:#a9bfca}.project-card>strong{font-size:15px;color:#a5e1d2;line-height:1.55}.project-card>small{font-size:13px;line-height:1.7;color:#9ab4c0}.project-card button{margin-top:18px!important;width:100%}.project-card.built{border-color:#72c6ae66}.view-intro{font-size:15px;line-height:1.75;color:#9eb8c4;max-width:1000px}.upgrade-pips{display:flex;gap:6px;margin-top:16px}.upgrade-pips i{height:4px;flex:1;background:#344b57;border-radius:2px}.upgrade-pips i.installed{background:#93d9bd}
.station-art{display:block;flex:none;background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none}.project-card>.station-art{height:142px;margin:-22px -22px 18px;background-color:#081923;border-bottom:1px solid #7897a326}.art-drone{background-image:url('assets/drone.png')}.art-battery{background-image:url('assets/power-cell.png')}.art-dock{background-image:url('assets/drydock.png');background-size:cover}.art-core,.art-tank,.art-conduit{background-image:url('assets/salvage-components.png');background-size:200% 200%}.art-core{background-position:100% 100%}.art-tank{background-position:0 100%}.art-conduit{background-position:100% 0}.art-rack,.art-bench{background-image:url('assets/workshop-equipment.png');background-size:200% 200%}.art-rack{background-position:0 0}.art-bench{background-position:100% 0}.art-cutter,.art-grapple,.art-scanner{background-image:url('assets/tool-atlas.png');background-size:300% auto}.art-cutter{background-position:0 25%}.art-grapple{background-position:50% 25%}.art-scanner{background-position:100% 25%}.bay-preview>.station-art{height:100%;opacity:.55}.project-card>.equipment-art{height:142px;margin:-22px -22px 18px;width:auto;background-color:#081923;border-bottom:1px solid #7897a326}
#archive-inventory{margin-bottom:24px}.archive-pending{display:flex;gap:20px;align-items:center;padding:22px!important;border:1px solid #80bdab66!important;background:linear-gradient(120deg,#21403f,#102530)!important;border-radius:7px}.archive-pending strong{font-size:17px}.archive-pending p{font-size:14px;color:#b1c8cb;line-height:1.6}.archive-hint{padding:22px 24px;background:#112732;border:1px dashed #6c899b77;border-radius:7px;color:#a8c1cc;font-size:15px;line-height:1.7}
.collection-view .relic-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.collection-view .relic-card{position:relative;overflow:hidden;padding:22px;border:1px solid #6e899c40;border-radius:8px;background:linear-gradient(140deg,#213643,#0b1c29);min-width:0}.archive-index{font:11px var(--mono);letter-spacing:1.8px;color:#789ca9}.relic-card .relic-art{position:relative;width:110px;height:110px;margin:22px 0 18px;z-index:1;filter:drop-shadow(0 0 12px #71eadb22)}.relic-origin{position:absolute;top:24px;right:-8px;width:180px;height:180px;object-fit:contain;opacity:.35;filter:grayscale(.25);transform:rotate(12deg);pointer-events:none}.relic-card.found{border-color:#76c5b370}.relic-card.found .relic-origin{opacity:.65}.relic-card.unfound .relic-art{filter:grayscale(1) brightness(.5)}.relic-card h3{font-size:21px;line-height:1.35;margin:10px 0;color:#d3e6e9}.relic-card p{font-size:14px;line-height:1.7;color:#9db7c3}.relic-card>small{font:12px var(--mono);color:#91cbbb}.relic-card.unfound>small{color:#708b99}.collection-view .ship-logs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ship-logs details{margin:0;background:#102531;border:1px solid #6d8b9938;border-radius:6px;align-self:start}.ship-logs summary{padding:17px;font-size:15px;line-height:1.5;color:#c3dcdF;cursor:pointer}.ship-logs details p{padding:0 18px 18px;font-size:14px;line-height:1.8;color:#a8c2ce}.ship-logs .locked-log summary{color:#7996a5}
/* All existing dialog controls remain in place; surfaces share one material palette. */
#game-dialog{background:linear-gradient(130deg,#1a303deb,#071621fc 70%);border-radius:12px;box-shadow:0 35px 120px #000d,0 0 0 5px #0b1c2499;max-height:calc(100svh - 32px)}
#game-dialog[data-window="cargo"],#game-dialog[data-window="orders"],#game-dialog[data-window="rank"],#game-dialog[data-window="upgrade"]{width:min(960px,calc(100vw - 32px))}
#game-dialog .dialog-head{background:#0c1c27f5}#dialog-title{font-weight:550;font-size:clamp(26px,3vw,38px);padding-bottom:20px}
.station-banner{position:relative;display:flex;align-items:center;gap:24px;min-height:155px;background:radial-gradient(ellipse at 8% 50%,#50757c33,transparent 60%),linear-gradient(120deg,#0c1c27,#172c36);border:1px solid #7798a33d;border-radius:8px;overflow:hidden;margin:0 0 24px;padding:18px 24px}.station-banner>.station-art{width:140px;height:125px}.station-banner>div{min-width:0}.station-banner strong{display:block;font-size:24px;font-weight:550;color:#d9e9e9;margin:9px 0}.station-banner p{font-size:14px;line-height:1.6;color:#9eb9c5;margin:0}.station-banner .section-kicker{font-size:11px;letter-spacing:2px}
#game-dialog .upgrade-option{position:relative;min-height:165px;padding:22px 22px 22px 190px;margin-bottom:14px;border-radius:8px;background:linear-gradient(110deg,#213c47,#102431);border-left:1px solid #86a9b24d}#game-dialog .upgrade-option>.station-art{position:absolute;left:10px;top:18px;width:158px;height:132px;border-radius:5px}.upgrade-option h3{margin-top:0}#game-dialog .upgrade-option h3 small{font:12px var(--mono);color:#91b8bf;display:block;margin-top:6px}
#game-dialog .inventory-item{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:10px 16px;padding:16px;border-radius:7px}#game-dialog .inventory-item>.station-art{width:70px;height:80px;grid-row:span 2;border-radius:5px;background-color:#081820}#game-dialog .inventory-item>div{display:flex;flex-direction:column;gap:7px}#game-dialog .inventory-item>span{font:500 17px var(--mono);color:#f0c388}#game-dialog .inventory-item>button{grid-column:3}#game-dialog .inventory-item>small{grid-column:2;line-height:1.5}#game-dialog .inventory-item[data-condition="damaged"]{border-left:3px solid #c98e64}#game-dialog .inventory-item[data-condition="intact"]{border-left:3px solid #75bbaa}#game-dialog .inventory-item[data-condition="repairing"]{border-left:3px solid #6fa8c8}
#game-dialog .order-card{position:relative;padding:22px 22px 22px 150px;margin:14px 0;border-radius:8px;border-left-width:1px;min-height:200px}.order-card>.station-art{position:absolute;left:18px;top:48px;width:112px;height:130px}.order-index{font:11px var(--mono);color:#84b9b5;letter-spacing:1.5px}#game-dialog .order-card h3{margin:12px 0}.order-reward{display:flex;justify-content:space-between;align-items:center;gap:12px}#game-dialog .order-reward span{font-size:14px}
.report-ship{display:flex;align-items:center;gap:24px;padding:16px 24px;background:radial-gradient(ellipse at 20% 45%,#4c837e4d,transparent 65%),linear-gradient(115deg,#122e37,#091e2c);border:1px solid #74c4b366;border-radius:9px;margin-bottom:24px}.report-ship img{width:180px;height:210px;object-fit:contain;filter:drop-shadow(0 14px 14px #0008)}.report-stamp{display:inline-block;border:1px solid #8adbc288;padding:8px 10px;font:11px var(--mono);letter-spacing:1.5px;color:#a6ead4;background:#214a3f77}.report-ship h3{font-size:27px;font-weight:550;margin:15px 0 10px}.report-ship p{font-size:15px;line-height:1.6;color:#a9c6cf}.report-footnote{font-size:13px;color:#8eaab9;line-height:1.7;margin-top:20px}
#game-dialog .reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0;background:none;overflow:visible}#game-dialog .reward-grid>div{display:flex;flex-direction:column;align-items:flex-start;padding:22px;background:linear-gradient(125deg,#25434a,#122b37);border:1px solid #7aaba953;border-radius:7px;gap:14px}#game-dialog .reward-grid strong{font-size:30px;color:#eed09a;text-align:left}#game-dialog .reward-grid span{font-size:14px;color:#b6ccd0}
#game-dialog .rank-timeline{background:none;border:0;gap:8px}#game-dialog .rank-timeline>div{border-left:3px solid #80c9b9;border-radius:0 6px 6px 0;background:linear-gradient(90deg,#23424a,#122734)}#game-dialog .unlock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:none;border:0}#game-dialog .unlock-grid>div{display:grid;grid-template-columns:65px minmax(0,1fr);gap:6px 12px;padding:12px;border:1px solid #6c899844;border-radius:6px}#game-dialog .unlock-grid img{width:65px;height:78px;object-fit:contain;grid-row:span 2;filter:grayscale(1);opacity:.55}#game-dialog .unlock-grid strong{grid-column:2;text-align:left;font-size:13px}#game-dialog .unlock-grid .unlocked{border-color:#70bca466}#game-dialog .unlock-grid .unlocked img{filter:none;opacity:1}
#game-dialog .fleet-card{border-radius:9px}#game-dialog .fleet-thumb{height:240px;background:radial-gradient(ellipse,#3f697b44,transparent 65%),#081923}#game-dialog .fleet-card>div{background:linear-gradient(125deg,#1c3542,#10232f)}#game-dialog .dialog-note{border-radius:0 5px 5px 0}#game-dialog .intro-step{border-radius:0 7px 7px 0}#game-dialog .setting-row{padding:20px 4px}#game-dialog input:focus-visible,#game-dialog button:focus-visible,.yard-view button:focus-visible,.collection-view button:focus-visible{outline:2px solid #a4ead7;outline-offset:4px}
@media(max-width:1000px){.yard-view .project-list,.collection-view .relic-list{grid-template-columns:repeat(2,minmax(0,1fr))}.station-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.equipment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.yard-view,.collection-view{padding:20px 14px 40px!important}body:not([data-view="salvage"]) .view-tabs{margin:12px 14px 0;padding:5px;gap:4px}body:not([data-view="salvage"]) .view-tabs button{padding:10px 8px;font-size:13px;flex:1}.view-heading{flex-direction:column;align-items:stretch!important}.view-heading>button{width:100%}.station-dashboard{gap:8px}.station-metric{padding:16px 13px}.station-metric>span{font-size:12px}.station-metric>strong{font-size:23px}.station-metric small{font-size:12px}.yard-scene{height:220px!important}.yard-scene-caption{left:20px;bottom:20px;max-width:260px}.yard-scene-caption strong{font-size:25px}.yard-view .project-list,.collection-view .relic-list,.collection-view .ship-logs{grid-template-columns:1fr}.yard-bays{grid-template-columns:1fr}.bay-preview{height:195px}.station-section-heading h2{font-size:23px}.archive-pending{flex-direction:column;align-items:stretch}.station-banner{padding:14px;gap:14px;min-height:120px}.station-banner>.station-art{width:84px;height:100px}.station-banner strong{font-size:20px}.station-banner .section-kicker{font-size:10px}.station-banner p{font-size:13px}.report-ship{padding:16px;gap:12px}.report-ship img{width:105px;height:160px}.report-ship h3{font-size:22px}.report-stamp{font-size:10px;line-height:1.6;letter-spacing:.7px}.report-ship p{font-size:13px}#game-dialog .reward-grid>div{padding:16px 12px}#game-dialog .reward-grid strong{font-size:23px}#game-dialog .upgrade-option{padding:18px}#game-dialog .upgrade-option>.station-art{position:static;width:100%;height:120px;margin-bottom:14px}#game-dialog .order-card{padding:18px 18px 18px 90px}.order-card>.station-art{left:10px;width:67px;height:100px}#game-dialog .inventory-item{grid-template-columns:54px minmax(0,1fr);gap:10px;padding:12px}#game-dialog .inventory-item>.station-art{width:54px;height:70px}#game-dialog .inventory-item>span,#game-dialog .inventory-item>button{grid-column:2}#game-dialog .inventory-item>span{font-size:16px}#game-dialog .unlock-grid{grid-template-columns:1fr}#game-dialog[data-window="cargo"],#game-dialog[data-window="orders"],#game-dialog[data-window="rank"],#game-dialog[data-window="upgrade"]{width:calc(100vw - 16px)}#game-dialog .order-reward{flex-wrap:wrap}#game-dialog .fleet-thumb{height:100%;max-height:230px}}
@media(prefers-reduced-motion:reduce){.station-track i{transition:none}}

#game-dialog[data-window="settings"] .station-banner{grid-column:1/-1}.component-illustration{object-fit:contain;background:radial-gradient(ellipse,#42697433,transparent 72%);filter:drop-shadow(0 5px 5px #0007)}#game-dialog .inventory-item>.component-illustration{width:70px;height:80px;grid-row:span 2}.order-card>.component-illustration{position:absolute;left:18px;top:48px;width:112px;height:130px}body:not([data-view="salvage"]) .game-shell{padding:0 12px}.station-section-heading h2{margin:8px 0 0}.yard-view .project-card>button{margin-top:auto!important}.yard-view .project-card>p,.yard-view .project-card>small{margin-bottom:16px}@media(max-width:600px){body:not([data-view="salvage"]) .game-shell{padding:0}#game-dialog .inventory-item>.component-illustration{width:54px;height:70px}.order-card>.component-illustration{left:10px;width:67px;height:100px}.yard-scene canvas{min-height:0}}
