.pioneer-badges{display:flex;gap:5px;flex-wrap:wrap;margin:4px 0 10px}.pioneer-badges span{font:10px ui-monospace,monospace;padding:4px 6px;background:#86bdb315;border:1px solid #86bdb333;border-radius:3px;color:#a9c9c0}.pioneer-badges .gold{color:#efd194;border-color:#efca7750;background:#efca770d}.discovery-card{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #7c9b9033;border-bottom:1px solid #7c9b9033}.discovery-glyph{font-size:27px;color:#debd81}.discovery-card>div{flex:1}.discovery-card b{font-size:12px}.discovery-card small,.core-card small,.ship-upgrade small,.ship-upgrades>small{display:block;font-size:10px;line-height:1.6;color:#8da9a4}.discovery-card .btn{font-size:11px;padding:5px 9px}.core-card{padding:10px;margin:10px 0;border:1px solid #ddbb7640;background:#ddbb7609;border-radius:3px}.core-title{display:flex;align-items:center;gap:8px}.core-title>span{font-size:25px;color:#f3d294}.core-title>b{font-size:12px;flex:1}.core-title>small{color:#f3d294}.core-card .btn,.ship-upgrades .btn{font-size:11px;min-height:30px;margin:6px 5px 0 0}.core-cost{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:6px 0}.core-cost .resource-chip{font-size:11px;padding:0;gap:1px}.core-cost .item-icon{width:24px}.ship-upgrade{padding:10px 0;border-bottom:1px solid #97b5ac24}.ship-upgrade b{font-size:12px}.core-confirm>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:17px 0}.core-confirm>div>b{flex-basis:100%;font-size:12px}.core-confirm p{font-size:12px;line-height:1.7;color:#9ab5ad}.survey-card{padding:12px 0;text-align:center}.survey-card .tag{display:block;text-align:left}.survey-card h2{text-align:left}.survey-card .survey-orb{font-size:64px;color:#83c5c2;padding:15px 0}.survey-card p{font-size:12px}.survey-card small{display:block;font-size:10px;color:#819c97;margin-top:12px}.survey-card .progress-track{margin-top:10px}.core-card .progress-track{margin:8px 0}.expedition-steps{margin-bottom:22px;border-bottom:1px solid #8fae9c33;padding-bottom:15px}#signal-hud{position:absolute;left:84px;top:182px;width:195px;color:#9eb8b5;pointer-events:auto}#signal-hud[hidden]{display:none}.signal-heading{display:flex;justify-content:space-between;align-items:center;font:9px ui-monospace,monospace;letter-spacing:1.7px;color:#74948e;margin-bottom:8px}.signal-heading span{letter-spacing:0}#signal-hud>button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:1px solid transparent;border-left:2px solid #658a834a;background:linear-gradient(90deg,#162e37ad,#162e3708);padding:8px;margin:5px 0;color:#a7c6bb;transition:border-color .2s,background .2s}#signal-hud>button:hover,#signal-hud>button.tracked{border-left-color:#e6c68b;background:linear-gradient(90deg,#63766538,#162e3710)}#signal-hud>button i{font-style:normal;color:#d5b985;font-size:19px}#signal-hud>button>span{font-size:11px;flex:1}#signal-hud>button small{display:block;font:9px ui-monospace,monospace;color:#708c86;margin-top:3px}#signal-hud>button>b{font:12px ui-monospace,monospace;text-align:right}#signal-hud>small{font-size:10px;color:#719087}.version-choice{display:grid;gap:10px}.version-choice button{text-align:left;padding:16px}.version-choice strong,.version-choice small{display:block}.version-choice small{margin-top:7px;color:#92aaa3;font-size:11px;line-height:1.6}@media(max-width:1000px){#signal-hud{left:73px;top:182px;width:165px}}@media(max-width:700px){#signal-hud{top:104px;left:9px;width:151px}#signal-hud>button{padding:5px;gap:5px}#signal-hud>button>span{font-size:10px}.signal-heading{font-size:8px}#game:has(#inspector:not([hidden])) #signal-hud,#game:has(#freight-panel:not([hidden])) #signal-hud{display:none}.core-confirm p{font-size:11px}}

#game:has(#freight-panel:not([hidden])) #signal-hud{display:none}
.beacon-report{margin:-5px 0 12px;padding:3px 10px 6px;border-left:2px solid #bba46c55;background:#bba46c08}.beacon-report>div{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:11px;color:#d5c69b}.beacon-report>div>span{flex:1}.beacon-report small{display:block;font-size:9px;color:#8fa79b;margin-top:3px}.beacon-report .btn{min-height:27px;padding:3px 8px;font-size:10px}.beacon-report>div>b{color:#a4c9af}
#signal-hud>button.beacon{border-left-color:#d2b572;background:linear-gradient(90deg,#856c2838,#162e3708)}#signal-hud>button.beacon>span{color:#dbc995}#signal-hud>button.beacon.tracked{border-left-color:#f4d893;background:linear-gradient(90deg,#856c2855,#162e3710)}
.pioneer-deposits{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 9px}.pioneer-deposits>span{display:flex;align-items:center;gap:3px;font-size:10px;color:#a4beb6}.pioneer-deposits .item-icon{width:21px;height:21px}
/* Keep the star map clickable while choosing rail endpoints or a space site. */
#rail-banner.build-picking{position:absolute;z-index:26;left:50%;top:auto;bottom:144px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 28px);padding:5px 6px 5px 11px;border:1px solid #809a7055;border-radius:3px;background:#10232cdc;color:#c7d7b3;font-size:11px;box-shadow:0 3px 14px #0003;pointer-events:none}
.build-picking>span{display:flex;align-items:center;gap:7px}.build-picking svg{width:16px;height:16px}.build-picking>button{pointer-events:auto;width:25px;height:25px;font-size:17px;padding:0;border:1px solid #78947a44;border-radius:2px;color:#afc7aa}
@media(max-width:700px){#rail-banner.build-picking{bottom:135px;font-size:10px}.build-picking>button{width:29px;height:29px}}
/* Empty a surface warehouse without selecting every resource individually. */
.warehouse-recycle-action{display:block;width:100%;margin:10px 0;padding:8px 10px;border:1px solid #bba87466;border-radius:3px;background:#a3915c15;color:#d6c996;font-size:11px;text-align:center}
.warehouse-recycle-action:hover{background:#a3915c30;border-color:#d6c996}.warehouse-recycle-action:focus-visible,.warehouse-recycling button:focus-visible{outline:2px solid #d6c996;outline-offset:2px}
.warehouse-recycling{margin:10px 0 13px;padding:10px;border:1px solid #bba87466;border-left:2px solid #d6c996;border-radius:3px;background:#a3915c12}
.warehouse-recycling>div:first-child,.warehouse-recycling footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.warehouse-recycling strong{font-size:11px;font-weight:500;color:#ded2a0}.warehouse-recycling small{font-size:9px;color:#92ad9a}.warehouse-recycling p{margin:7px 0 10px;font-size:10px;color:#b5c5aa}.warehouse-recycling footer{margin-top:8px}.warehouse-recycling footer button{font-size:10px;color:#b5c5aa;padding:4px 6px;border:1px solid #72927a44;border-radius:2px}.warehouse-recycling .progress-track{height:4px}.warehouse-recycling .progress-track>span{height:100%;display:block;background:#d2c283}
.warehouse-recycle-confirm p{font-size:13px;color:#bdcdbd;line-height:1.7}.warehouse-recycle-confirm>div{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:11px;margin:16px 0;color:#9eb4a2}.warehouse-recycle-confirm b{font:13px var(--mono);color:#ded2a0}.warehouse-recycle-confirm>small{display:block;margin:0 0 15px;color:#dbbc8b;font-size:11px}.warehouse-recycle-confirm>.btn{margin:0 7px 7px 0}
/* Compact resource selection shares the building preview and facility inspector. */
.extraction-picker{margin:10px 0 12px}
.extraction-label{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px;color:#b4c9b4;font-size:10px}
.extraction-label small{font-size:9px;color:#7c9b8d}
.extraction-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:5px}
.extraction-options>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;min-height:65px;min-width:0;padding:6px 3px;border:1px solid #688c7050;border-radius:3px;background:#07192380;color:#a9c2b0;font-size:10px;line-height:1.25;text-align:center;transition:background .15s,border-color .15s}
.extraction-options>button:not(:disabled):hover{background:#759e7040;border-color:#a4c28c}
.extraction-options>button[aria-pressed="true"]{border-color:#d2c283;background:#b2be7c20;color:#edf0cc;box-shadow:inset 0 -2px #d2c283}
.extraction-options>button:focus-visible{outline:2px solid #e8d796;outline-offset:2px}
.extraction-options>button:disabled{opacity:.45;cursor:default}
.extraction-options>button small{color:#819e8a;font-size:9px}
.extraction-options>button[aria-pressed="true"] small{color:#d2c283}
.extraction-options .item-icon{width:23px;height:23px}.extraction-options .item-icon svg{width:21px;height:21px}
.extraction-summary{display:flex;flex-wrap:wrap;gap:3px 9px;margin:2px 0 3px 31px}
.extraction-badge{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;font-size:10px;color:#b7cab4;line-height:1.4}
.extraction-badge .item-icon{display:inline-flex;width:18px;height:18px;flex-shrink:0}.extraction-badge .item-icon svg{width:17px;height:17px}
.extraction-badge>b{font:10px var(--mono);color:#d4c78f}.instance>span{display:flex;align-items:center;gap:5px;min-width:0}
.instance .extraction-badge{display:inline-flex}.building-tooltip .extraction-badge{display:inline-flex;gap:5px;margin:2px 0}.building-tooltip .extraction-badge>span{display:inline-flex}
/* Saved destinations sit beside the left console without moving the map. */
.planet-favorite{position:absolute;top:8px;right:42px;width:27px;height:27px;display:grid;place-items:center;padding:5px;background:#09172188;border:1px solid #54776a4a;border-radius:3px;color:#809b92}
.planet-favorite svg{width:16px;height:16px}.planet-favorite.saved{color:#e2c17c;border-color:#bd9c5555}.planet-favorite.saved svg{fill:#e2c17c33}
.planet-favorite:hover{color:#f0d394;border-color:#d1b878}.inspector[data-view="planet"] .planet-header{margin-right:60px}.planet-header>div{min-width:0}.planet-header h2{overflow-wrap:anywhere}.survey-card h2{padding-right:40px}
.destinations-panel{position:absolute;z-index:18;left:76px;top:152px;width:250px;max-height:calc(100dvh - 205px);padding:12px;display:flex;flex-direction:column;border:1px solid #7b957b77;border-top:2px solid #cab77e;border-radius:3px 12px 3px 3px;background:linear-gradient(140deg,#172f37,#091824);box-shadow:0 12px 38px #0005}
.destinations-panel[hidden]{display:none}.destinations-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-shrink:0}.destinations-heading h2{font-size:13px;font-weight:500;margin:0;letter-spacing:.5px;color:#d5dfb7}.destinations-heading>button{display:grid;place-items:center;width:28px;height:28px;border:1px solid #78947a55;border-radius:3px}.destinations-heading svg{width:15px;height:15px}
.destination-home{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#d8bf7920;border:1px solid #b39a6155;border-radius:3px;padding:10px;flex-shrink:0}.destination-home>svg{width:20px;height:20px;color:#e2c17c}.destination-home>span{min-width:0;flex:1}.destination-home small{display:block;color:#b5a779;font-size:9px;margin-bottom:4px}.destination-home b{display:block;color:#e0d5b0;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.destination-home>svg:last-child{width:14px;height:14px;opacity:.6}
.destinations-label{display:flex;align-items:center;justify-content:space-between;color:#92aa9b;font-size:10px;margin:14px 0 6px}.destinations-label b{font:10px var(--mono);color:#d4ba7a}.destinations-list{overflow:auto;min-height:0;scrollbar-width:thin}.destination-row{display:flex;align-items:center;border-top:1px solid #6f897329;gap:4px}.destination-row>button:first-child{display:flex;align-items:center;gap:8px;flex:1;min-width:0;text-align:left;padding:10px 5px;min-height:38px;color:#bbd0ba}.destination-row>button:first-child:hover{color:#eef0cc;background:#97b59512}.destination-row>button>span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.destination-row small{color:#7e9b8e;font:10px var(--mono)}.destination-row>button>svg{width:14px;height:14px}.destination-row>.planet-favorite{position:static;flex-shrink:0}.destinations-empty{font-size:11px;color:#809d8f;margin:12px 3px;line-height:1.7}
#game:has(#destinations-panel:not([hidden])) #signal-hud{display:none}
.side-nav{max-height:calc(100dvh - 175px);overflow-y:auto;scrollbar-width:thin}.side-nav .nav-button{flex-shrink:0}
@media(max-width:700px){.destinations-panel{left:52px;top:102px;width:min(280px,calc(100vw - 60px));max-height:calc(100dvh - 230px)}.destination-row>button:first-child{min-height:44px}.destination-row>.planet-favorite{width:34px;height:34px}.destinations-heading>button{width:32px;height:32px}.side-nav{max-height:calc(100dvh - 230px)}}
/* Separate construction planning from the ship's inventory controls. */
#game:has(#construction-materials:not([hidden])) #signal-hud{display:none}
.materials-panel,.freight-panel{background:linear-gradient(140deg,#172f37,#091824)}
.materials-nav{position:relative}.materials-nav>span{display:flex}.nav-count{position:absolute;right:-4px;top:-4px;min-width:15px;padding:1px 3px;border-radius:3px;background:#d4ba7a;color:#182b2c;font:9px var(--mono);border:1px solid #102431}
.materials-panel{position:absolute;z-index:15;left:76px;top:157px;width:380px;max-height:calc(100dvh - 305px);padding:16px;overflow:auto;background:linear-gradient(140deg,#172f37,#091824);border:1px solid #7b957b77;border-top:2px solid #cab77e;border-radius:3px 14px 3px 3px;box-shadow:0 12px 38px #0005}
.materials-panel .freight-heading h3{font-size:19px;display:flex;align-items:center;gap:9px}.materials-panel .freight-heading h3 small{font:12px var(--mono);color:#d4ba7a}.materials-panel .btn{min-height:30px;padding:5px 8px;font-size:11px}.materials-panel .btn svg{width:16px;height:16px;vertical-align:middle}
.materials-filter{display:flex;align-items:center;gap:12px;color:#96b3a5;font-size:11px;margin:12px 0}.materials-filter select{min-width:0;flex:1;background:#102631;color:#d7e3d2;border:1px solid #78947a55;border-radius:3px;padding:7px;font:inherit}
.materials-planet{border-top:1px solid #6f897345;padding:11px 0}.materials-planet>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.materials-planet h4{font-size:14px;margin:0;color:#d6e5c4}
.materials-table{width:100%;border-collapse:collapse;table-layout:fixed}.materials-table th,.materials-table td{font-size:11px;text-align:right;padding:7px 3px;border-bottom:1px solid #6f897321;font-weight:400}.materials-table thead th{font-size:9px;color:#95aca0}.materials-table th:first-child{width:45%;text-align:left}.materials-table tbody th .item-icon{width:22px;height:22px;vertical-align:middle;margin-right:4px}.materials-table tbody th .item-icon svg{width:20px;height:20px}.materials-table tbody td{font:12px var(--mono);color:#99b6ab}.materials-table tbody td.materials-needed{color:#ead09b}.materials-table tbody th span:last-child{font-size:10px}.materials-table tbody th{color:#cbdcce}
.materials-buildings{margin-top:7px}.materials-buildings summary{font-size:11px;color:#93ada1;cursor:pointer;padding:7px 0}.materials-buildings summary>span{float:right;font:11px var(--mono)}.materials-site{padding:8px;border-left:2px solid #96ae733b;background:#05151c44;margin:5px 0}.materials-site>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px}.materials-site b{font-size:11px;font-weight:500}.materials-site>small{display:block;font-size:10px;color:#a4b49b;margin:4px 0}.materials-receipts{display:flex;flex-wrap:wrap;gap:9px}.materials-receipts>span{display:inline-flex;align-items:center;gap:3px;color:#c7d9c5}.materials-receipts .item-icon{width:21px;height:23px}.materials-receipts b{font-family:var(--mono)}.materials-empty{text-align:center;color:#91ab9b;padding:24px 8px;font-size:12px}.materials-empty>svg{width:32px;height:32px;color:#c5b787}
@media(max-width:700px){.materials-panel{top:auto;left:8px;right:8px;bottom:128px;width:auto;max-height:calc(100dvh - 227px);padding:13px}.materials-panel .btn{min-height:34px}.materials-filter select{min-height:34px}.materials-panel .freight-heading h3{font-size:17px}.materials-buildings summary{min-height:32px;line-height:24px}}