/* Compact menu grammar: title, output, investment, action. */
#modal .eyebrow,#modal-eyebrow,#modal-subtitle{display:none}
#modal .modal-header{height:62px;min-height:62px;padding:10px 18px;gap:10px;margin:0;flex-shrink:0}
#modal .modal-header h1{font-size:23px;line-height:1.15;margin:0}
#modal .modal-emblem{width:30px;height:32px;font-size:26px}
#modal .modal-emblem .nav-icon{width:30px;height:32px}
#modal .close-button{width:38px;height:38px;top:11px;right:13px;font-size:27px;border-radius:10px}
#modal .modal-body{height:auto;min-height:0;padding:16px;gap:14px}
#modal .modal-body.with-nav{grid-template-columns:145px minmax(0,1fr);padding:14px}
#modal .category-nav{gap:5px}
#modal .category-nav>button{min-height:38px;padding:7px 9px;font-size:12px;border-radius:9px;gap:7px}
#modal .category-nav>button span{font-size:18px;min-width:22px}
#modal .cards-content{padding-right:3px}
#modal .cards,#modal .research-tiles,#modal .diagnostic-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;align-items:start}
#modal .item-card,#modal .diagnostic-choice{padding:12px;border-radius:12px;min-width:0;position:relative;box-shadow:none}
#modal .item-card{display:flex;flex-direction:column;align-items:stretch}
#modal .item-card>.sprite{position:absolute;right:10px;top:10px;width:54px;height:55px;margin:0;float:none}
#modal .item-card>h3{font-size:14px;line-height:1.25;margin:2px 60px 3px 0;min-height:34px}
#modal .item-card>.card-tag{position:static;font-size:9px;letter-spacing:0;order:-1;align-self:start;line-height:1.1;margin:0 0 4px;color:var(--cyan)}
#modal .item-card .item-meta,#modal .build-duration{font-size:10px;color:var(--muted)}
#modal .build-duration{margin:3px 0 6px}
#modal .item-card p,#modal .item-card details,#modal .item-card small{font-size:11px;line-height:1.45}
#modal .item-card p{margin:5px 0}
#modal .item-card .reason,#modal .reason{font-size:11px;line-height:1.4;min-height:0;margin:5px 0}
#modal .reason:empty{display:none}
#modal .action-button{min-height:34px;font-size:12px;line-height:1.2;padding:8px 11px;border-radius:9px}
#modal .item-card>.action-button{margin-top:8px}
#modal .item-card .text-link{font-size:11px;text-align:left;padding:4px 0;min-height:24px}
#modal .build-flows{gap:3px;margin:5px 0;font-size:12px;border:0;padding:0;background:none}
#modal .build-flows strong{font-size:12px;color:#93edcf}
#modal .build-flows button{font-size:10px;min-height:24px;text-align:left;padding:2px 0}
#modal .item-card details{padding:0;margin:5px 0;color:var(--muted)}
#modal details summary{cursor:pointer;font-size:11px;color:#afcfe4;line-height:1.4}
#modal .site-picker{padding-top:12px}
#modal .site-picker label{margin-bottom:4px}
#modal .site-picker select{max-width:100%;font-size:11px;padding:7px 5px}
#modal .section-title,#modal .branch-title h2{font-size:13px;line-height:1.2;margin:12px 0 8px}
#modal .research-branch{margin:0 0 16px}
#modal .branch-title{gap:6px;margin:0 0 8px}
#modal .branch-title>span{font-size:17px}
#modal .branch-title h2{margin:0}
#modal .research-payoffs{gap:5px;margin:5px 0}
#modal .research-payoff{border:0;border-top:1px solid #79a9c130;background:none;padding:7px 0 0;margin:0}
#modal .research-applies{font-size:11px;line-height:1.35;color:#c5def1}
#modal .research-application{font-size:10px;margin:2px 0 5px;color:#9eb6c9}
#modal .research-estimate{font-size:10px;line-height:1.4;margin:4px 0}
#modal .research-estimate summary{font-size:10px}
#modal .research-tile .card-meta{margin:4px 0;font-size:10px}
#modal .research-tile .ui-benefit{font-size:10px;gap:6px;padding:2px 0}
#modal .research-tile .ui-benefit strong{font-size:11px}
#modal #research-capacity{display:flex;flex-wrap:wrap;gap:5px 12px;padding:8px 10px;margin:0 0 10px;font-size:11px;align-items:center}
#modal #research-capacity details{flex-basis:100%}
#modal #research-capacity details summary{font-size:10px}
#modal #research-capacity p{margin:5px 0;font-size:11px}
#modal .queue-heading{margin:6px 0;font-size:11px}
#modal .queue-heading small{font-size:10px}
#modal .queue-strip{gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:12px}
#modal .queue-chip{padding:9px;border-radius:9px}
#modal .queue-chip strong{font-size:11px;padding-right:16px}
#modal .queue-chip p{font-size:10px;margin:5px 0}
#modal .queue-chip [data-refund]{display:none}
#modal .queue-remove{width:26px;height:26px;font-size:17px}
#modal .queue-chip .action-row{margin-top:5px}
#modal .queue-chip .action-button{min-height:27px;padding:5px 8px;font-size:10px}
#modal .stat-pairs{gap:7px;margin:8px 0;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
#modal .stat-pairs>div{padding:7px 9px;border-radius:8px}
#modal .stat-pairs small{font-size:10px;text-transform:none;letter-spacing:0}
#modal .stat-pairs strong{font-size:14px;margin-top:3px}
#modal.facility-modal{width:min(560px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 32px)}
#modal.facility-modal .modal-body{overflow:auto}
#modal #facility-detail{padding:0;display:block;background:none;border:0;box-shadow:none}
#modal #facility-detail>.sprite{float:right;width:76px;height:78px;margin:0 0 5px 12px}
.facility-identity{min-height:40px;padding:4px 0;font-size:12px;color:#bad7e8}
.facility-identity h2{margin:0 0 4px;font-size:18px;color:#fff}
#modal #facility-stats{clear:none}
#modal #facility-status{font-size:11px;margin:6px 0;color:#95d6c4}
#modal .facility-more{font-size:11px;margin:5px 0}
#modal .facility-more p,#modal .fleet-detail p{margin:6px 0;font-size:11px}
#modal .module-box{padding:9px;margin:10px 0;border-radius:9px}
#modal .module-box>strong{font-size:11px}
#modal .upgrade-benefits{padding:8px 0;border:0;background:none;margin:8px 0 3px}
#modal .upgrade-benefits .ui-benefit{padding:3px 0;font-size:12px}
#modal #level-upgrade-time{font-size:10px;margin:5px 0}
#modal #upgrade-facility{margin:6px 0}
#modal #facility-detail>.action-row{border-top:1px solid #668ba239;padding-top:12px;margin-top:12px}
#modal .salvage-note{display:block;font-size:10px;color:#9bb7ce;margin-top:7px}
#modal .fuel-cycle{padding:9px;margin:8px 0}
#modal .fuel-cycle>p,#modal .fuel-cycle>small{font-size:10px}
#modal .diagnostic-actions{margin-top:10px}
#modal .diagnostic-choice{display:flex;flex-direction:column;border:1px solid #4d719b55;background:#16334e;gap:5px;text-align:left}
#modal .diagnostic-open{display:flex;align-items:center;gap:9px;width:100%;padding:0;background:none;text-align:left}
#modal .diagnostic-open .sprite,#modal .diagnostic-open .hud-icon{width:44px;height:44px;flex-shrink:0}
#modal .diagnostic-open strong{flex:1;font-size:13px}
#modal .diagnostic-open>span{font-size:19px;color:#70dfe1}
#modal .diagnostic-benefit{display:flex;flex-direction:column;gap:5px;font-size:11px}
#modal .diagnostic-choice .comparison-input{font-size:10px}
#modal .diagnostic-choice .text-link{font-size:11px;text-align:right;background:none;padding:3px}
#modal .diagnostic-explanation{font-size:11px;margin:6px 0 10px}
#modal .diagnostic-explanation p{margin:6px 0}
#modal .blueprint-hero{gap:12px;padding:0;margin:0 0 12px}
#modal .blueprint-hero>.sprite{width:84px;height:84px}
#modal .blueprint-hero p{font-size:12px;line-height:1.45;margin:0 0 6px}
#modal .blueprint-hero strong{font-size:12px}
#modal .blueprint-levels{gap:10px;margin:12px 0}
#modal .blueprint-levels article{padding:10px;border-radius:10px}
#modal .blueprint-levels h3{font-size:13px;margin:5px 0}
#modal .blueprint-levels strong{font-size:12px}
#modal .blueprint-levels small{font-size:10px}
#modal .notice{font-size:12px;padding:10px;margin:10px 0;border-radius:10px}
#modal .notice p{font-size:11px;line-height:1.5;margin:6px 0}
#modal .grid-guide{font-size:11px;margin-bottom:9px}
#modal .supply-card{max-width:330px;margin:0 0 12px}
#modal .settings-grid{gap:14px}
#modal .settings-section{padding:13px}
#modal .settings-section h2{font-size:16px;margin:0 0 8px}
#modal .settings-section p{font-size:12px;line-height:1.45}
#modal .wiki-card{padding:13px}
#modal .wiki-card h3{font-size:15px;margin:0 0 8px}
#modal .wiki-card p{font-size:12px;line-height:1.55}
#modal .research-tile.complete .research-payoffs{display:none}
#modal .research-tile.complete .reason{font-size:10px}
@media(max-width:800px),(pointer:coarse) and (max-height:500px){
 #modal,#modal.facility-modal{width:100vw;max-width:none;height:100dvh;max-height:100dvh;border-radius:0;margin:0}
 #modal .modal-header{height:calc(58px + env(safe-area-inset-top));min-height:calc(58px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 62px 8px 14px}
 #modal .modal-header h1{font-size:21px}
 #modal .close-button{width:44px;height:44px;top:calc(7px + env(safe-area-inset-top));right:9px}
 #modal .modal-body,#modal .modal-body.with-nav{display:block;padding:10px 12px calc(20px + env(safe-area-inset-bottom));overflow:auto;height:auto}
 #modal .category-nav{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;height:auto;gap:5px;padding:0 0 9px;margin:0 0 3px}
 #modal .category-nav>button{flex-shrink:0;width:auto;min-height:40px;padding:8px 10px;font-size:12px}
 #modal .category-nav>button span{font-size:16px;min-width:16px}
 #modal .cards-content{overflow:visible;padding:0}
 #modal .cards,#modal .research-tiles,#modal .diagnostic-actions{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px}
 #modal .item-card{padding:12px}
 #modal .item-card>h3{font-size:15px}
 #modal .item-card .action-button,#modal .action-button{min-height:40px;font-size:13px}
 #modal .item-card .reason,#modal .reason{font-size:12px}
 #modal .text-link,#modal .item-card .text-link{min-height:34px;display:flex;align-items:center;font-size:12px}
 #modal details summary{min-height:30px;display:list-item;align-content:center;font-size:12px}
 #modal .research-tile .ui-benefit{font-size:11px}
 #modal .research-tile .ui-benefit strong{font-size:12px}
 #modal .site-picker{display:flex;align-items:center;gap:8px;padding:0 0 10px;position:static;background:none}
 #modal .site-picker label{white-space:nowrap;font-size:11px;margin:0}
 #modal .site-picker select{min-height:36px;flex:1;min-width:0;font-size:12px}
 #modal .blueprint-levels{grid-template-columns:1fr}
 #modal .queue-remove{min-height:32px;min-width:32px}
 #modal .queue-chip .action-button{min-height:34px}
}
@media(min-width:801px){#modal .research-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Small secondary investment targets stay visual, never competing CTAs. */
.other-actions{display:flex;align-items:center;gap:5px;border-top:1px solid #80b4c12b;margin-top:8px;padding-top:7px}
.other-actions>button{display:grid;place-items:center;width:30px;height:30px;min-width:30px;min-height:30px;padding:3px;border:1px solid #82c3d03b;border-radius:8px;background:#163950a6;color:#a9dbee;font-size:20px;line-height:1}
.other-actions>button .hud-icon,.other-actions>button .sprite{width:23px;height:23px;max-width:23px;max-height:23px;font-size:23px}
#modal [data-build-bars]{display:flex;align-items:center;flex-wrap:wrap;gap:5px 9px;margin-top:4px}
#modal [data-build-bars] .ui-costs{margin:0}
#modal [data-build-bars] .build-duration{font-size:10px;margin:0;color:#a9c4d7;white-space:nowrap}
#modal .build-cards .item-card>h3{min-height:42px;margin-bottom:3px}
#modal .build-cards .build-flows{margin:2px 0;gap:2px}
#modal .build-cards .build-potential{margin:3px 0}
/* Investment rows share a compact two-column cost/action footer. */
#modal .facility-identity{min-height:27px}
#modal #facility-stats{display:flex;gap:16px;min-height:42px;margin:6px 0}
#modal #facility-stats>div{padding:0;border:0;background:none;min-width:90px}
#modal #facility-diagnostic-action:empty{display:none}
#modal #facility-status{margin:5px 0}
#modal .module-box{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;padding:10px;margin:10px 0}
#modal .module-box>strong,#modal .module-box>[data-module-benefit],#modal .module-box>.reason{grid-column:1/-1}
#modal .module-box .upgrade-benefits{padding:0;margin:0}
#modal .module-box .ui-benefit{margin:0;padding:0;line-height:1.5}
#modal .module-box>[data-selection-module-cost]{align-self:center}
#modal .module-box>[data-module]{align-self:center}
#modal #level-upgrade-benefit .upgrade-benefits{padding:2px 0;margin:7px 0}
#modal #level-upgrade-benefit .ui-benefit{padding:0;margin:3px 0}
#modal #upgrade-research-links .text-link{font-size:11px;padding:3px 0;min-height:24px}
#modal #facility-detail>.action-row{padding-top:8px;margin-top:8px}
@media(min-width:801px) and (min-height:501px){
 #modal.facility-modal[open]{height:fit-content;max-height:calc(100dvh - 40px);inset:0;margin:auto}
 #modal.facility-modal>.modal-body{flex:0 1 auto;height:auto}
}
#modal .research-tile>.card-tag{display:none}
#modal .research-tile>h3{min-height:30px;margin-bottom:5px}
#modal .research-tile .research-payoff{padding-top:5px;margin:0}
#modal .research-tile .research-payoffs{margin:2px 0;gap:4px}
#modal .research-tile .card-meta{margin:4px 0 3px}
#modal .research-tile .research-requirements{margin:3px 0}
#modal .research-tile>.action-button{margin-top:4px}
#modal .ui-benefit .ui-arrow{float:none;display:inline}
#modal .diagnostic-benefit .ui-benefit strong{font-size:12px}
#modal .diagnostic-open strong>small{font-size:10px;font-weight:400;line-height:1.2;margin:3px 0 0;color:#a3c4d9}

/* The chosen investment has one stable, shared position across catalogs. */
#modal-body, #modal-body * { overflow-anchor:none; }
.focused-choice { width:min(100%,380px); margin:0 auto 16px; grid-column:1/-1; }
.focused-choice-card { width:100%; margin:0!important; outline:2px solid #66e6d8; outline-offset:2px; background:linear-gradient(145deg,#234b60,#162d49)!important; box-shadow:0 0 24px #44daca18; }
.focused-choice:focus,.focused-choice-card:focus { outline-color:#b0fff0; }
@media(max-width:600px){.focused-choice {max-width:100%;margin-bottom:12px;}}

.journey-current {padding:12px;border:1px solid #61d6c9;border-radius:12px;background:#214557;margin:0 0 16px;}
.journey-current>div:first-child {display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;}
.journey-current .text-link {margin-top:8px;}