/* Campaign surfaces use the same compact anatomy as Earth investments. */
#modal .network-intro{margin:0 0 10px;padding:0;border:0;background:none}
#modal .network-intro>h2,#modal .network-intro>.eyebrow,#modal .network-intro>p{display:none}
#modal .network-card,#modal .network-upgrade{padding:12px;gap:7px;display:flex;flex-direction:column;min-height:0}
#modal .network-card>.sprite{display:none}
#modal .network-card .ui-item-heading,#modal .network-upgrade .ui-item-heading{min-height:56px;display:flex;flex-direction:row}
#modal .network-card .ui-item-heading .sprite,#modal .network-upgrade .ui-item-heading .sprite{width:56px!important;height:56px!important}
#modal .network-card .facility-flows{font-size:12px;gap:3px;padding:0;border:0;background:none}
#modal .facility-flows strong{font-size:12px;font-weight:600;color:#b6efda}
#modal .facility-flows button,#modal .facility-flows span{font-size:11px}
#modal .network-upgrades,#modal .network-comparison-grid,#modal .network-routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(245px,100%),1fr));gap:10px}
#modal .network-upgrade .upgrade-benefits,#modal .facility-upgrade .upgrade-benefits{padding:7px 0;background:none;border:0;margin:0}
#modal .ui-card-action{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
#modal .ui-card-action>small{font-size:11px;color:#9cbad3}
#modal .transport-build-benefit strong{font-size:11px;font-weight:500}
#modal .transport-build-benefit{margin:0}
#modal .local-inventory{display:flex;align-items:center;gap:12px;padding:8px 10px;margin:8px 0;font-size:12px}
#modal .local-inventory>strong{display:none}
#modal .local-utilities{font-size:11px;margin:8px 0}
#modal .network-resource-choices{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
#modal .network-resource-choices .action-button{flex:1;font-size:12px;text-align:left}
#modal .network-resource-choices small{font-size:10px;display:block}
#modal .resource-overview{padding:10px 12px;margin:0 0 12px;border-radius:10px}
#modal .resource-overview h2{font-size:16px;margin:0 0 6px}
#modal .resource-overview>strong{font-size:14px}#modal .resource-overview p{font-size:12px;margin:5px 0}
#modal .content-toolbar{margin:0 0 8px;min-height:30px}
#modal .content-toolbar h2{font-size:15px}
#modal .network-route{padding:12px;border-radius:12px;margin:0;min-width:0}
#modal .network-route.is-blocked{border-color:#bd8b4655;background:linear-gradient(145deg,#40332b88,#102840)}
#modal .route-metrics{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#aac5dc;margin:8px 0}
#modal .route-warning{display:block;font-size:11px;line-height:1.35;text-align:left;border:0;color:#ffcf8f;background:none;margin:6px 0;padding:0}
#modal .network-route .action-row{margin:8px 0 0;gap:6px}
#modal .network-route .action-row .action-button{flex:1}
#modal .reserve-control{font-size:11px;display:block;margin-top:8px}
#modal .reserve-control input{width:100px;padding:5px}
#modal .facility-current{display:grid;grid-template-columns:88px 1fr;gap:3px 14px;align-items:center;font-size:12px}
#modal .facility-current>.sprite{grid-row:span 2;width:88px;height:88px}
#modal .facility-current>.facility-flows{margin:0;padding:0;border:0;background:none}
#modal .facility-upgrade{padding:12px;margin:12px 0;border:1px solid #3febae30;background:#16444533;border-radius:10px}
#modal .network-facility .action-row{display:flex;flex-wrap:wrap;gap:6px}
#modal .network-facility .action-row button{flex:1}
#modal .world-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px}
#modal .world-postcard{height:82px}
#modal .world-choice-body{padding:12px}
#modal .world-choice-body h2{font-size:18px;margin:0 0 5px}
#modal .world-choice-body>.action-button{margin-top:8px;width:100%}
#modal .world-choice-body>small{font-size:11px}
#modal .world-stats{font-size:11px;gap:8px}
#modal .macro-chapters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px}
#modal .macro-chapter{padding:12px}
#modal .chapter-heading h2{font-size:18px;margin:0}
#modal .chapter-heading small{display:none}
#modal .chapter-readiness{padding:8px 0;margin:6px 0;background:none;border:0}
#modal .chapter-readiness h3{font-size:13px;margin:0 0 6px}
#modal .readiness-row{padding:7px;font-size:11px;margin:5px 0}
#modal .readiness-row strong{font-size:12px}
#modal .chapter-achievements{font-size:11px}
#modal .chapter-achievements small{display:none}
#modal .macro-chapter>.action-button{width:100%;margin-top:8px}
#modal .notice{font-size:12px;padding:10px;margin:8px 0}
#modal .structure-research{display:flex;flex-direction:column;gap:5px}
#modal .structure-research button{padding:8px;display:flex;justify-content:space-between;gap:12px;font-size:12px}
@media(max-width:800px),(pointer:coarse) and (max-height:500px){
 #modal .network-comparison-grid,#modal .network-upgrades,#modal .network-routes,#modal .macro-chapters{grid-template-columns:1fr}
 #modal .world-choices{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
 #modal .world-choice-body{padding:10px}
 #modal .world-choice-body h2{font-size:16px}
}

#modal .network-upgrades,#modal .network-comparison-grid,#modal .network-routes{align-items:start}
#modal .ui-card-action{margin-top:3px}
#modal .ui-card-action .action-button{margin:0;width:auto;flex:1}
#modal .ui-card-action>small{white-space:nowrap}
#modal .network-upgrade>.text-link{font-size:11px;padding:2px 0;min-height:22px;text-align:left}
#modal .network-upgrade .upgrade-benefits .ui-benefit{margin:3px 0;padding:0}
#modal #network-earth-build{padding:0;margin:8px 0;border:0}
#modal .world-postcard{background-position:center;background-size:cover}
#modal .network-card .facility-flows{margin:3px 0}
#modal .transport-build-benefit:empty{display:none}
#modal .network-card .ui-details{margin:0}