@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Nunito+Sans:wght@400;600;700;800;900&display=swap');
:root{font-family:'Nunito Sans',system-ui,sans-serif;color:#f4f8ff;background:#102b33;font-size:15px;--navy:#142b49;--muted:#a5c5e8;--cyan:#59d9ff;--mint:#26e9ae;--yellow:#ffce58}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffe39a;outline-offset:4px}button{border:0}button:hover:not(:disabled){filter:brightness(1.12)}[hidden]{display:none!important}.loading{height:100dvh;display:grid;align-content:center;justify-items:center;background:radial-gradient(at 50% 40%,#23546a,#0b1b30)}.loading h1{font-size:50px;margin:18px 0 0}.loading p{color:var(--muted)}.sunmark{display:grid;place-items:center;background:linear-gradient(150deg,#2ed6f0,#096cac);border:3px solid #72e4ff;border-radius:15px;transform:rotate(-5deg);font-size:36px;font-weight:900;width:57px;height:58px;box-shadow:0 4px 0 #073e72,inset 0 0 0 4px #126c9b;text-shadow:0 2px 3px #072944}#game{min-height:700px;height:100dvh;position:relative;isolation:isolate;overflow:hidden}.world{position:absolute;inset:0;z-index:0;overflow:hidden;background:#437345}.terrain{position:absolute;inset:0;background:url('./assets/world.png') center/cover no-repeat}.map-shade{position:absolute;inset:0;background:linear-gradient(#10243770,transparent 30%,transparent 75%,#10243c8a)}.panel{background:linear-gradient(145deg,#1e4264ed,#112b46f5);border:2px solid #4a7594;border-radius:19px;box-shadow:0 5px 0 #091c32a3,0 8px 20px #07182b50,inset 0 1px 0 #80b9df44}.topbar{position:absolute;top:20px;left:24px;right:24px;display:flex;align-items:stretch;gap:20px;z-index:5}.identity{display:flex;align-items:center;gap:15px;padding:8px 18px 9px 8px;min-width:200px;text-align:left;font-size:24px;font-weight:900;letter-spacing:1.5px}.identity small{display:block;font-size:10px;letter-spacing:2px;color:#a4d8f0}.identity em{color:#ffe49c;font-style:normal;margin-left:7px}.resourcebar{display:flex;gap:12px;flex:1;justify-content:center;align-items:center}.resource-chip{min-width:160px;flex:1;max-width:250px;display:flex;gap:13px;align-items:center;padding:9px 15px;background:#142f3fe8;border:1px solid #648982;border-radius:15px;box-shadow:0 4px 0 #17301f66}.resource-icon{font-size:32px;filter:drop-shadow(0 2px 1px #111);font-weight:900;color:#ffdb57}.resource-chip[data-resource=materials] .resource-icon{color:#f9bb6b}.resource-chip[data-resource=deuterium] .resource-icon{color:#51d9ff}.resource-chip[data-resource=tritium] .resource-icon{color:#b4f591}.resource-chip[data-resource=lithium] .resource-icon{color:#c5a3ff}.resource-chip strong{font-size:23px;font-weight:900;line-height:1.1;white-space:nowrap}.resource-chip small{display:block;color:#b8d9dd;font-size:11px;white-space:nowrap}.resource-chip .resource-name{display:block;color:#8eb8c4;font-size:9px;letter-spacing:1px;text-transform:uppercase;font-weight:900;margin-bottom:3px}.resource-chip[data-warning=true]{border-color:#ffb057;background:#453a2ceb}.square{width:66px;font-size:33px;flex-shrink:0}.objective-card{position:absolute;right:26px;top:122px;width:360px;padding:17px 20px;border-color:#3893b2;z-index:3}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:900;color:#7ec6e7}.objective-card>button{width:100%;display:flex;text-align:left;gap:13px;align-items:center;background:transparent;padding:9px 0 14px}.objective-icon{font-size:36px;color:#ffda6a}.objective-card strong{font-size:19px;display:block;line-height:1.2}.objective-card small{display:block;font-size:12px;color:#b1cee9;margin-top:5px;line-height:1.4}.chevron{font-size:35px;margin-left:auto}.progress{height:9px;border-radius:10px;background:#0a2035;overflow:hidden;border:1px solid #355b79}.progress i{display:block;height:100%;width:0;background:linear-gradient(#54e8ff,#0699d9);border-radius:10px;transition:width .2s}.objective-footer{display:flex;justify-content:space-between;color:#9bb9d2;font-size:10px;margin-top:8px}.connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.connections line{stroke:#dbf8b2;stroke-width:2;stroke-dasharray:7 7;opacity:.55}.sites{position:absolute;inset:0}.site{position:absolute;transform:translate(-50%,-65%);width:150px;height:160px;background:transparent;border:0;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;z-index:1}.site:hover,.site:focus-visible{z-index:2}.site.empty{width:70px;height:52px;border:2px dashed #e2f8ad7a;background:#153c2950;border-radius:50%;transform:translate(-50%,-50%) rotate(-7deg);color:#e5f4bd;font-size:30px;text-shadow:0 2px 3px #264a2b}.site.empty:hover{border-color:#b9f6ff;background:#22575caa}.site.empty.selected{border-color:#ffda68;background:#7d692c99}.site .sprite{width:142px;height:137px;filter:drop-shadow(0 5px 3px #12381b70);transition:transform .15s}.site:hover .sprite{transform:translateY(-5px)}.site-label{font-size:10px;white-space:nowrap;padding:4px 8px;background:#10263bd9;border:1px solid #76b2ca88;border-radius:7px;box-shadow:0 2px 6px #14271999}.site-level{color:#94daef;margin-left:5px;font-weight:800}.site.active .site-label{border-color:#ffe179;color:#ffe6a7}.site-status{position:absolute;top:0;right:0;border:1px solid #f4d485;background:#785324;border-radius:50%;font-size:14px;width:25px;height:25px;display:grid;place-items:center}.site .progress{position:absolute;bottom:-7px;width:80px;height:6px}.sprite{display:block;flex-shrink:0;overflow:hidden}.region-caption{position:absolute;left:28px;top:122px;color:#eff6df;font-size:10px;letter-spacing:2px;font-weight:900;text-shadow:0 2px 4px #152917;background:#1230218a;padding:9px 12px;border-radius:9px}.region-caption small{display:block;color:#d7e8c5;font-size:9px;letter-spacing:.5px;margin:5px 0 0 14px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#66eda9;margin-right:7px}.bottom-left{position:absolute;left:25px;bottom:26px;display:flex;gap:12px;z-index:3}.nav-tile{position:relative;width:108px;height:105px;font-weight:900;font-size:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.nav-tile>span:first-child{font-size:41px;line-height:1.15;color:#b5d5ff}.nav-tile.primary-tile{border-color:#dcc982;background:linear-gradient(140deg,#aa8327,#624c29)}.nav-tile.primary-tile>span:first-child{color:#ffdd80}.badge{position:absolute;top:7px;right:9px;background:#1bdcbd;color:#0b354c;border-radius:50%;width:20px;height:20px;font-size:11px;display:grid;place-items:center}.time-panel{position:absolute;right:26px;bottom:26px;width:280px;padding:13px 16px;z-index:3}.time-heading{display:flex;align-items:center;font-size:10px;font-weight:900;letter-spacing:1px;color:#aed2e8}.time-heading button{margin-left:auto;background:#2c5272;border:1px solid #5b819e;border-radius:6px;width:28px;height:24px;font-size:14px}.speed-controls{display:flex;gap:6px;margin:9px 0}.speed-controls button{flex:1;background:#10273f;border:1px solid #365b79;border-radius:7px;font-size:12px;padding:5px}.speed-controls button.active{background:#2e8d9e;border-color:#6ddeea;color:#eafff9}.clock-row{display:flex;justify-content:space-between;font-size:9px;color:#88abc5}.clock-row b{font-variant-numeric:tabular-nums;margin-left:3px;color:#e0effc}.world-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);max-width:340px;font-size:10px;text-align:center;line-height:1.5;background:#113723ad;color:#e0f0cb;border-radius:8px;padding:7px 10px}.selection{position:absolute;left:26px;top:181px;width:280px;padding:18px;z-index:4;max-height:calc(100dvh - 340px);overflow:auto}.selection h2{font-size:19px;margin:5px 20px 3px 0}.selection .close-inline{position:absolute;right:10px;top:10px;border-radius:6px;background:#2c4d6a;color:#c4e6fa;font-size:20px}.muted{color:var(--muted);font-size:12px;line-height:1.6}.selection .sprite{width:105px;height:100px;float:right;margin:-10px -10px 0 0}.stat-pairs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.stat-pairs>div{background:#0b213766;padding:9px;border:1px solid #2d4e6d;border-radius:8px}.stat-pairs small{display:block;color:#93b7d2;font-size:9px;text-transform:uppercase;letter-spacing:.4px}.stat-pairs strong{display:block;font-size:15px;margin-top:3px}.action-button{background:linear-gradient(#3dffbe,#09d5a1);color:#06342e;font-weight:900;box-shadow:0 3px 0 #078869;border:1px solid #80f5d2;border-radius:12px;padding:11px 16px;min-height:42px}.action-button.secondary{background:linear-gradient(#335a7e,#244663);border-color:#4c7293;color:#d3e9fa;box-shadow:0 3px 0 #142b42}.action-button.warning{background:linear-gradient(#ffd773,#f5b330);border-color:#ffe094;color:#563906;box-shadow:0 3px 0 #ab7420}.wide{width:100%}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.action-row>*{flex:1}.reason{color:#d2b995;font-size:10px;line-height:1.5;margin:8px 0 0}.separator{border:0;border-top:1px solid #365270;margin:16px 0}.slider-label{display:flex;justify-content:space-between;font-size:12px;color:#afccdf;font-weight:800}input[type=range]{width:100%;accent-color:#44dfec;margin:14px 0}input[type=number],select,textarea{background:#0d233a;color:#eaf4ff;border:1px solid #3f6487;border-radius:8px;padding:9px;width:100%}.modal{width:min(1120px,calc(100vw - 64px));height:min(800px,calc(100dvh - 130px));max-height:calc(100dvh - 32px);padding:0;color:inherit;background:linear-gradient(145deg,#1b3455,#0b1e36);border:2px solid #4f7aa6;border-radius:27px;box-shadow:0 18px 60px #0412219c,inset 0 1px #a4d9ff30;overflow:hidden}.modal::backdrop{background:#001a22a6;backdrop-filter:blur(3px)}.modal-header{position:relative;display:flex;gap:22px;align-items:center;padding:28px 33px 23px;border-bottom:1px solid #355473;margin:0 10px}.modal-emblem{font-size:50px;color:#9ad8ff;text-shadow:0 3px 0 #276396;width:58px;text-align:center}.modal h1{font-family:'Barlow Condensed','Nunito Sans',sans-serif;letter-spacing:.1px;font-size:37px;line-height:1.05;margin:6px 0 8px}.modal-header p{margin:0;color:#a4c9ef;font-size:13px;line-height:1.5;padding-right:30px}.close-button{position:absolute;right:16px;top:20px;color:#a8cff4;font-size:34px;background:linear-gradient(#32598a,#203e67);border:2px solid #456da0;border-radius:13px;width:47px;height:47px;line-height:1}.modal-body{height:calc(100% - 144px);overflow:auto;padding:22px 29px 30px;scrollbar-color:#3d6382 #132a46}.modal-body.with-nav{display:grid;grid-template-columns:165px 1fr;gap:23px;overflow:hidden;padding:20px}.category-nav{display:flex;flex-direction:column;gap:9px}.category-nav button{display:flex;align-items:center;gap:11px;min-height:50px;text-align:left;background:linear-gradient(120deg,#203b60,#142846);border:1px solid #35547c;border-radius:13px;color:#b7d1ef;padding:13px;font-weight:800;font-size:12px}.category-nav button.active{background:linear-gradient(115deg,#157abe,#1b4d9d);border-color:#46b5f7;color:white;box-shadow:inset 0 0 20px #32b7ff26}.category-nav button span{font-size:21px;min-width:25px}.category-nav small{font-size:10px;color:#86aecb;line-height:1.5;padding:10px 4px}.cards-content{overflow:auto;padding:2px 4px 20px;scrollbar-color:#3d6382 #132a46}.content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.content-toolbar h2{font-size:17px;margin:0}.content-toolbar label{font-size:11px;color:#a4c5df;display:flex;gap:8px;align-items:center}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.item-card{background:linear-gradient(145deg,#223b60,#152944);border:2px solid #34547c;border-radius:17px;padding:14px;display:flex;flex-direction:column;min-width:0;position:relative}.item-card.available{border-color:#4a8eab}.item-card.running{border-color:#61e1ec;box-shadow:0 0 17px #2dc9ef19,inset 0 0 20px #2daae817}.item-card.complete{border-color:#428879}.item-card .sprite{width:150px;height:140px;max-width:100%;align-self:center;margin:-3px 0 6px}.item-card h3{font-size:16px;margin:6px 0;line-height:1.15}.item-card p{font-size:11px;line-height:1.5;color:#acc9e8;margin:0 0 12px}.item-card .card-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:800;margin:auto 0 12px;color:#8ee8eb}.item-card .action-button{font-size:12px;padding:8px 5px;min-height:39px;border-radius:10px}.item-card .reason{font-size:10px;min-height:30px;margin-bottom:9px;color:#c5ad99}.card-tag{position:absolute;top:11px;right:11px;font-size:8px;letter-spacing:.8px;color:#b6e9f8;background:#0c253bbb;padding:4px 6px;border-radius:5px}.empty-state{text-align:center;border:1px dashed #44698a;border-radius:16px;padding:40px 25px;background:#10263b66;color:#a9c6dc}.empty-state strong{display:block;font-size:20px;color:#eef6ff;margin-bottom:12px}.notice{border:1px solid #416380;background:#183954;padding:13px 16px;border-radius:10px;color:#b7d3e6;font-size:12px;line-height:1.6;margin-bottom:17px}.notice.gold{background:#51432366;border-color:#7c6940;color:#e6d29e}.section-title{font-size:18px;margin:23px 0 12px}.milestone{display:flex;gap:16px;padding:17px;border:1px solid #355270;background:#142c47;border-radius:13px;margin-bottom:10px}.milestone.done{border-color:#377566}.milestone.current{border-color:#6cc2df;background:#1c3d59}.milestone-index{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border:1px solid #62849c;border-radius:50%;color:#d3eafa;font-size:13px;font-weight:900}.milestone.done .milestone-index{color:#67ebc8;border-color:#53c4a0}.milestone h3{font-size:15px;margin:0 0 6px}.milestone p{margin:0;color:#9ebdd6;font-size:12px;line-height:1.5}.milestone .progress{margin-top:9px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-section{border:1px solid #355474;border-radius:16px;padding:19px;background:#122944}.settings-section h2{font-size:18px;margin:0 0 9px}.settings-section label{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#b8cde2;font-size:12px;margin:14px 0}.settings-section input[type=number]{width:88px}.settings-section .action-row button{font-size:11px;padding:9px}.small-print{font-size:10px;color:#829fb9;line-height:1.6}.wiki-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.wiki-card{padding:17px;border:1px solid #3a5b7b;border-radius:13px;background:#18324e}.wiki-card h3{font-size:16px;margin:0 0 8px}.wiki-card p{color:#a6c5df;font-size:12px;line-height:1.6}.wiki-card summary{font-size:12px;color:#76d5ed;cursor:pointer}.wiki-card pre{white-space:pre-wrap;word-break:break-word;font-size:10px;color:#a8cfdf;background:#0c2337;padding:10px;border-radius:8px;max-height:270px;overflow:auto}.wiki-tabs{display:flex;gap:9px;margin-bottom:18px;flex-wrap:wrap}.wiki-tabs button{padding:8px 15px;border-radius:8px;background:#244665;border:1px solid #466985;font-size:12px}.wiki-tabs button.active{background:#126c8e;border-color:#5cbcd5}.toast{position:fixed;left:50%;bottom:175px;transform:translateX(-50%);z-index:20;max-width:min(500px,90vw);padding:14px 23px;border:1px solid #83d4dc;border-radius:13px;background:#0b283eee;color:#e8ffff;font-size:13px;box-shadow:0 6px 20px #07182788;text-align:center}.completion{position:absolute;left:50%;top:36%;transform:translateX(-50%);z-index:6;display:grid;grid-template-columns:50px auto;text-align:left;gap:5px 15px;padding:23px 28px;background:linear-gradient(#ffd777,#eaae3c);color:#392803;border:3px solid #ffe79f;border-radius:20px;box-shadow:0 10px 30px #152a2155}.completion>span{grid-row:span 2;font-size:40px}.completion strong{font-size:22px}.completion small{font-size:12px}.warning-text{color:#ffd18a}.inline-code{font-family:monospace;color:#87cddd}.queue-strip{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}.queue-chip{padding:8px 11px;background:#0e273e;border:1px solid #3b637e;border-radius:9px;font-size:11px;color:#bad6e7}.quantity{font-variant-numeric:tabular-nums}
@media(min-width:1550px){.site{width:160px;height:170px}.site .sprite{width:158px;height:155px}.site-label{font-size:12px}}
@media(max-width:1150px){.topbar{gap:10px;left:16px;right:16px}.identity{min-width:145px;font-size:19px;padding-right:11px;gap:8px}.identity .sunmark{width:44px;height:48px;font-size:27px}.resourcebar{gap:7px}.resource-chip{min-width:115px;padding:9px 10px;gap:7px}.resource-chip strong{font-size:18px}.resource-chip .resource-icon{font-size:25px}.objective-card{width:300px;right:18px}.world-hint{display:none}.selection{width:260px;left:18px}.site{width:105px;height:127px}.site .sprite{width:122px;height:122px}.modal{width:calc(100vw - 32px)}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-body.with-nav{grid-template-columns:145px 1fr;gap:15px}.item-card .sprite{width:125px;height:125px}.bottom-left{left:18px}.time-panel{right:18px;width:240px}}
@media(max-width:800px){#game{min-height:700px}.topbar{top:12px;left:12px;right:12px;flex-wrap:wrap;gap:8px}.identity{min-width:0;width:140px;height:59px;font-size:18px}.identity .sunmark{width:37px;height:39px;font-size:23px;border-radius:10px}.identity small{font-size:8px}.settings-button{height:53px;width:53px;margin-left:auto;font-size:26px;order:1}.resourcebar{order:2;flex-basis:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.resource-chip{min-width:125px;max-width:180px;flex:1;padding:6px 9px;gap:8px}.resource-chip strong{font-size:18px}.resource-chip small{font-size:9px}.resource-chip .resource-name{display:block;font-size:8px}.resource-chip .resource-icon{font-size:25px}.objective-card{top:151px;right:12px;left:auto;width:265px;padding:12px 15px;border-radius:15px}.objective-card .eyebrow{font-size:8px}.objective-card strong{font-size:16px}.objective-card small{font-size:10px}.objective-card>button{padding:7px 0 10px;gap:10px}.objective-icon{font-size:27px}.region-caption{display:none}.site .sprite{width:99px;height:105px}.site{width:96px;height:110px}.site-label{font-size:8px}.site.empty{width:43px;height:32px;font-size:23px}.bottom-left{left:12px;bottom:19px;gap:7px}.nav-tile{width:71px;height:74px;border-radius:14px;font-size:11px}.nav-tile>span:first-child{font-size:28px}.time-panel{right:12px;bottom:19px;width:170px;border-radius:14px;padding:9px 10px}.time-heading{font-size:7px;letter-spacing:.4px}.time-heading button{width:22px;height:20px;font-size:11px}.speed-controls{margin:6px 0;gap:4px}.speed-controls button{font-size:10px;padding:4px}.clock-row{font-size:7px}.clock-row b{margin-left:1px}.selection{left:12px;top:275px;width:235px;max-height:calc(100dvh - 380px);padding:14px}.selection h2{font-size:17px}.modal{width:calc(100vw - 20px);height:calc(100dvh - 24px);max-height:none;border-radius:20px}.modal-header{padding:21px 10px 17px;gap:12px;align-items:flex-start}.modal-emblem{font-size:32px;width:33px}.modal h1{font-size:30px}.modal-header p{font-size:11px;padding-right:10px;max-width:80%}.modal-header .eyebrow{font-size:8px;letter-spacing:1px}.close-button{right:3px;top:12px;width:35px;height:35px;font-size:27px}.modal-body{height:calc(100% - 136px);padding:17px}.modal-body.with-nav{display:flex;flex-direction:column;gap:12px;padding:13px;overflow:auto}.category-nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;flex-shrink:0;gap:6px}.category-nav button{padding:8px 11px;min-height:40px;white-space:nowrap;font-size:10px;gap:6px;border-radius:10px}.category-nav button span{font-size:17px;min-width:0}.category-nav small{display:none}.cards-content{overflow:visible}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.item-card{padding:11px;border-radius:13px}.item-card .sprite{width:120px;height:110px}.item-card h3{font-size:14px}.item-card p{font-size:10px}.item-card .card-meta{font-size:10px}.item-card .action-button{font-size:10px}.content-toolbar{gap:8px}.content-toolbar h2{font-size:14px}.content-toolbar label{font-size:9px}.settings-grid,.wiki-grid{grid-template-columns:1fr}.settings-section{padding:15px}.completion{width:calc(100vw - 40px);padding:20px;top:42%}.completion strong{font-size:18px}.completion small{font-size:10px}}
@media(max-width:430px){.bottom-left .nav-tile:last-child{display:none}.time-panel{width:170px}.site .sprite{width:82px;height:92px}.site{width:75px;height:87px}.site-label{font-size:7px;padding:3px 5px}.objective-card{width:237px}.cards .sprite{width:112px;height:106px}.site-status{width:20px;height:20px;font-size:11px}.selection{top:275px;max-height:calc(100dvh - 377px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.queue-chip .action-button{font-size:10px;min-height:28px;padding:5px 10px;border-radius:7px}.queue-chip .action-row{margin-top:8px}.queue-chip p{font-size:10px;margin:5px 0}.queue-chip{min-width:180px}

@media(max-width:800px){.world{overflow:auto;scrollbar-width:none}.world .terrain,.world .map-shade,.world .sites,.world .connections{min-width:780px}.world .terrain{background-size:auto 100%;background-position:center}.world-hint{display:block;bottom:113px;max-width:90%;white-space:nowrap;font-size:8px;z-index:2;pointer-events:none}.site{width:87px;height:107px}.world .site-label{font-size:8px}.selection{z-index:7}}
/* Compact production HUD and readable map overlays. */
.topbar{gap:14px;top:17px}.resourcebar{justify-content:flex-start;gap:14px}.resource-chip{position:relative;min-width:185px;max-width:280px;padding:6px 8px 6px 0;gap:4px;border-radius:15px;background:linear-gradient(130deg,#163a35eb,#102d38f2);border:2px solid #466f65;box-shadow:0 4px 0 #102d2d80,inset 0 2px #7ead7440}.hud-icon{width:58px;height:58px;display:block;flex-shrink:0;filter:drop-shadow(0 3px 2px #00162280)}.fallback-icon{display:grid;place-items:center;color:#ffd457;font-size:48px}.resource-text{flex:1;min-width:0}.resource-chip strong{font-size:24px}.resource-chip small{font-size:10px}.resource-chip .resource-name{font-size:9px;letter-spacing:.5px;color:#a4cbb9}.resource-plus{flex-shrink:0;border-radius:10px;width:36px;height:42px;margin-left:5px;background:linear-gradient(#8fdf56,#399f35);border:2px solid #79c150;box-shadow:0 3px 0 #175c29,inset 0 2px #cff69a55;color:#ecffd8;font-size:32px;font-weight:900;line-height:1;text-shadow:0 2px #297231}.kardashev{padding:6px 11px 6px 5px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1px;text-align:left;white-space:nowrap}.kardashev small{display:block;font-size:9px;color:#9dbcd8;letter-spacing:0;margin-top:4px}.k-ring{background:conic-gradient(#5de4ff var(--k-progress,0deg),#0a2942 0);border-radius:50%;padding:4px;width:54px;height:54px}.k-ring b{background:#16314b;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-size:17px;letter-spacing:0}.objective-card{width:270px;padding:11px 13px;top:110px}.objective-card>button{padding:0 0 8px;gap:7px}.objective-card>button strong{font-size:16px}.objective-card>button small{font-size:8px;letter-spacing:1px;margin:0 0 5px;color:#9cd9ef}.objective-card .chevron{font-size:26px}.objective-card #objective-description{font-size:11px;line-height:1.4;color:#abcde4;margin:0 0 7px}.suggestion-art{display:flex;align-items:center;gap:10px;color:#cde7f7;font-size:12px;font-weight:800;min-height:46px}.suggestion-art .sprite{width:54px;height:48px}.objective-card .action-button{padding:7px 12px;min-height:33px;font-size:12px;border-radius:9px}.objective-card .reason{font-size:9px;margin:6px 0}.milestone-progress{height:4px;margin-top:7px}.objective-footer{font-size:8px}.grow-income{background:#122d4470;border:1px solid #3f6375;color:#aee6de;display:flex;align-items:center;justify-content:center;width:100%;font-size:10px;border-radius:8px;margin-top:8px;padding:4px}.grow-income .hud-icon{width:20px;height:20px;font-size:20px;margin-right:6px}.region-caption{top:109px}.site{width:106px;height:106px;transform:translate(-50%,-100%)}.site .sprite{width:104px;height:106px}.site-status{top:-3px;right:0}.world-labels,.production-effects{position:absolute;inset:0;pointer-events:none;z-index:100}.world-label{position:absolute;transform:translate(-50%,5px);pointer-events:auto;background:#0d2a40f2;border:1px solid #79aab6;border-radius:8px;padding:4px 7px;font-size:9px;white-space:nowrap;box-shadow:0 3px 5px #08211880;font-weight:800}.world-label small{display:block;color:#96dfe5;font-size:8px;margin-top:2px}.world-label.active{border-color:#ffe184;color:#ffdfa0}.site .progress{bottom:0}.production-float{position:absolute;display:flex;align-items:center;gap:3px;background:#123331df;border:1px solid #a9eabc66;border-radius:9px;padding:3px 7px 3px 3px;font-size:11px;color:#dcffdf;animation:production-rise 2.2s ease-out forwards;white-space:nowrap;transform:translate(-50%,-115px)}.production-float .hud-icon{width:25px;height:25px;font-size:25px}.production-effects{z-index:101}.cost-row{margin:6px 0 9px;font-size:10px;color:#b0c5da}.cost-row>div:first-child{display:flex;align-items:center;gap:4px;margin-bottom:4px}.cost-row .hud-icon{width:19px;height:19px;font-size:19px}.cost-row b{margin-left:auto;color:#d8e8f5;font-size:10px;font-variant-numeric:tabular-nums}.cost-row .progress{height:6px}.cost-row.funded .progress i{background:linear-gradient(#53f1bf,#20b689)}.cost-row.funded b{color:#74e5bc}.build-modal .modal-header{height:74px;padding:12px 21px;margin:0}.build-modal .modal-header h1{font-size:29px;margin:0}.build-modal .modal-emblem{font-size:32px;width:36px}.build-modal .modal-header .eyebrow,.build-modal .modal-header p{display:none}.build-modal .close-button{top:13px;width:40px;height:40px;right:17px}.build-modal .modal-body{height:calc(100% - 74px);padding:16px;gap:16px;grid-template-columns:145px 1fr}.build-modal .category-nav{height:100%;overflow:auto}.build-modal .category-nav>small{display:none}.category-nav .site-picker{margin-top:auto;padding-top:18px}.site-picker label{font-size:11px;color:#bdd9e9;display:block;margin-bottom:7px}.site-picker select{font-size:11px;padding:8px 6px}.site-picker small{display:block;padding:7px 0;font-size:9px}.build-cards{gap:10px}.build-cards .item-card{padding:12px;border-radius:13px}.build-cards .item-card .sprite{width:108px;height:85px;margin:0;align-self:center}.build-cards .item-card h3{font-size:14px;margin:7px 0}.build-cards .item-card p{font-size:10px;line-height:1.4;margin-bottom:8px}.build-cards .card-meta{font-size:10px;margin:auto 0 3px}.build-cards .item-card .reason{min-height:24px;font-size:9px;margin:2px 0 7px}.build-cards .item-card .action-button{min-height:33px;padding:6px}.item-card.suggested{border-color:#61d7ff;box-shadow:0 0 14px #36caff22}.item-card.suggested .card-tag{color:#b7f6ff;top:8px;right:8px}.module-cards .sprite{width:82px;height:67px;margin:0;align-self:center}.module-cards h3{font-size:13px}.module-cards .item-card{padding:11px}.module-cards .reason{min-height:0}.module-cards .action-button{min-height:32px}.filter-strip{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:12px;color:#b9e8f2;margin-bottom:12px}.filter-strip button{background:#244c67;border:1px solid #477b91;border-radius:7px;font-size:10px;padding:5px 8px}.module-box{background:#103c3e70;border:1px solid #327271;border-radius:10px;padding:10px;margin-bottom:14px}.module-box>strong{font-size:12px;color:#a2eddb}.module-box p{font-size:10px;color:#a8c7d2;margin:7px 0}.module-box .action-button{font-size:11px;min-height:35px;padding:8px}.selection{top:155px}.world-hint{max-width:280px}.settings-button{height:68px}
@keyframes production-rise{0%{opacity:0;transform:translate(-50%,-85px)}15%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-125px)}}
@media(max-width:1200px){.kardashev>span:last-child{display:none}.resourcebar{gap:8px}.resource-chip{min-width:145px;gap:0}.resource-chip .hud-icon{width:43px;height:48px}.resource-chip strong{font-size:20px}.resource-chip small{font-size:8px}.resource-plus{width:28px;height:35px;font-size:26px}.resource-chip .resource-name{font-size:8px}.topbar{gap:8px}.objective-card{width:242px}.site .sprite{width:92px;height:98px}}
@media(max-width:800px){#game{min-height:650px}.topbar{left:10px;right:10px;top:10px;gap:7px;flex-wrap:nowrap}.kardashev{padding:4px;border-radius:15px;height:55px}.k-ring{width:43px;height:43px;padding:3px}.k-ring b{width:37px;height:37px;font-size:13px}.resourcebar{min-width:0;overflow-x:auto;justify-content:flex-start;padding-bottom:5px;scrollbar-width:thin;gap:7px}.resource-chip{flex:0 0 150px;min-width:150px;height:55px;padding:3px}.resource-chip .hud-icon{width:35px;height:42px}.resource-chip strong{font-size:18px}.resource-chip .resource-plus{width:26px;height:32px;font-size:24px;margin-left:3px}.resource-chip small{font-size:8px}.settings-button{width:42px;height:55px;font-size:25px;border-radius:13px}.objective-card{right:10px;top:84px;width:220px;padding:9px 11px}.objective-card>button strong{font-size:14px}.objective-card #objective-description{font-size:10px}.objective-card .suggestion-art{font-size:10px;min-height:35px;gap:7px}.suggestion-art .sprite{width:39px;height:36px}.objective-card .cost-row{margin:3px 0 6px}.objective-card .cost-row>div:first-child{margin-bottom:2px}.objective-card .reason{font-size:8px}.objective-card .action-button{font-size:11px;min-height:30px}.objective-card .grow-income{font-size:9px;padding:2px;margin-top:5px}.region-caption{left:12px;top:84px;font-size:8px;padding:6px 7px}.region-caption small{display:none}.world .terrain,.world .map-shade,.world .sites,.world .connections,.world-labels,.production-effects{min-width:880px}.world .site{width:87px;height:103px}.world .site .sprite{width:85px;height:98px}.world-label{font-size:8px}.world-label small{font-size:7px}.selection{top:120px;left:10px;width:260px;max-height:calc(100dvh - 240px)}.build-modal .modal-body{grid-template-columns:105px 1fr;gap:10px;padding:10px}.build-modal .category-nav button{font-size:10px;padding:9px 7px;gap:5px;min-height:39px;border-radius:9px}.build-modal .category-nav button span{font-size:17px;min-width:20px}.build-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.build-cards .item-card{padding:9px}.build-cards .item-card .sprite{width:75px;height:67px}.build-cards .item-card h3{font-size:12px}.build-cards .item-card p{font-size:9px}.module-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-row{font-size:9px}.cost-row b{font-size:9px}.build-modal .modal-header{height:64px}.build-modal .modal-body{height:calc(100% - 64px)}.site-picker select{font-size:10px}.site-picker small{font-size:8px}.world-hint{max-width:95%}.production-float{font-size:9px}.production-float .hud-icon{width:20px;height:20px}}
@media(max-width:500px){.build-modal .modal-body{grid-template-columns:92px 1fr;gap:8px;padding:9px}.build-cards,.module-cards{grid-template-columns:1fr}.build-cards .item-card .sprite{width:84px;height:64px;float:right}.build-cards .item-card h3{font-size:13px}.build-cards .item-card p{font-size:10px}.category-nav .site-picker{position:sticky;bottom:0;background:#142e49;padding-top:8px}.objective-card{top:84px}.objective-card #objective-description{display:none}.objective-card .objective-footer{font-size:7px}.region-caption{max-width:140px;font-size:7px}.bottom-left{left:10px;bottom:13px}.time-panel{right:10px;bottom:13px}.world-hint{bottom:106px}.site-picker select{padding:7px 2px}.selection{top:110px}.build-modal .category-nav button{font-size:9px;padding:9px 5px}.build-modal .category-nav button span{font-size:16px;min-width:17px}}
@media(prefers-reduced-motion:reduce){.production-float{display:none}.site:hover .sprite{transform:none}.progress i{transition:none}}
@media(max-width:800px){.resourcebar{order:0;flex-basis:auto;flex:1}.settings-button{order:0;margin-left:0}.build-modal .modal-body.with-nav{display:grid;overflow:hidden}.build-modal .category-nav{flex-direction:column;flex-wrap:nowrap;overflow-x:hidden;overflow-y:auto}.build-modal .cards-content{overflow:auto}.build-modal .category-nav .site-picker small{display:block}.region-caption{display:block}.world-labels,.production-effects{height:100%}}
@media(max-width:500px){.resource-chip{flex:0 0 123px;min-width:123px;padding:3px 2px}.resource-chip .hud-icon{width:28px;height:37px}.resource-chip .resource-plus{width:23px;min-width:23px;height:30px;font-size:23px;margin-left:2px}.resource-chip .resource-name{font-size:7px;letter-spacing:0}.resource-chip strong{font-size:17px}.resource-chip small{max-width:64px;overflow:hidden;text-overflow:ellipsis;font-size:7px}.resourcebar{gap:5px}.kardashev{padding:3px}.k-ring{width:40px;height:40px}.k-ring b{width:34px;height:34px;font-size:12px}.topbar{gap:6px}.settings-button{width:37px;font-size:23px}}
.item-card p.module-benefit{color:#8beccc;font-weight:800;font-size:10px;margin:5px 0}
.world-labels{z-index:102}

/* Compact illustrated navigation; every atlas has its own explicit clipping path. */
.bottom-left{gap:9px}.bottom-left .nav-tile{width:84px;height:78px;border-radius:16px;font-size:12px;gap:3px;padding:6px}.bottom-left .nav-tile .nav-art{display:block;width:40px;height:40px;margin:0 auto;font-size:0}.nav-icon{width:100%;height:100%;display:block;overflow:hidden}.bottom-left .nav-tile .badge{font-size:10px}.sprite,.hud-icon{overflow:hidden}
@media(max-width:800px){.bottom-left .nav-tile{width:57px;height:63px;font-size:9px;padding:4px;border-radius:12px}.bottom-left .nav-tile .nav-art{width:32px;height:32px}.bottom-left{gap:5px}.bottom-left .nav-tile[data-panel=wiki]{display:flex}}
@media(max-width:500px){.time-panel{width:165px}.bottom-left{left:8px}.time-panel{right:8px}.bottom-left .nav-tile{width:55px}}

.k-ring b{font-variant-numeric:tabular-nums;font-size:16px}@media(max-width:800px){.k-ring b{font-size:11px}}

.resource-chip[data-resource=power] strong{font-size:clamp(17px,1.45vw,23px)}.resource-text{min-width:0}.resource-chip .resource-plus{flex-shrink:0}

.modal-emblem .nav-icon{width:46px;height:46px}.build-modal .modal-emblem .nav-icon{width:29px;height:29px}

/* Grounded production feedback: rates are labels, inventory credits are popups. */
.world-label{background:transparent;border:0;border-radius:0;box-shadow:none;padding:2px 0;display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:900;line-height:1.3;letter-spacing:.2px;text-shadow:0 2px 3px #061d27,1px 0 3px #061d27,-1px 0 3px #061d27;transform:translate(-50%,4px)}
.world-label .level-mark{color:#d3f5fc;font-size:10px;letter-spacing:1px}.world-label .level-mark b{font-size:13px;color:#fff}.world-label em{font-size:9px;color:#70ffce;font-style:normal;letter-spacing:0;margin-left:3px}.supply-label{color:#ffe391;font-size:12px}.supply-label.no-supply{color:#bac7cc}.world-label.active .level-mark{color:#81edff}
.facility-tooltip{position:absolute;left:50%;bottom:calc(100% + 7px);transform:translate(-50%,3px);padding:6px 10px;border-radius:9px;border:1px solid #78d7f07a;background:#0c2c42ed;color:#ecfbff;box-shadow:0 4px 12px #06182255;font-size:11px;letter-spacing:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s,transform .12s;text-shadow:none;white-space:nowrap}
.world-label:hover .facility-tooltip,.world-label:focus-visible .facility-tooltip,.world-label.is-hovered .facility-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.power-aura{position:absolute;bottom:-5px;left:50%;width:115px;height:39px;transform:translateX(-50%);border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(ellipse,#ddff936b 0%,#4aeae87a 24%,#36abdb38 54%,transparent 72%);box-shadow:0 0 16px #5cf3da00;z-index:0}.site .sprite{position:relative;z-index:1}.site.is-supplying .power-aura{animation:grid-supply-pulse 2.8s ease-in-out infinite}.site.is-supplying:nth-child(3n) .power-aura{animation-delay:-.9s}.site.is-supplying:nth-child(3n + 1) .power-aura{animation-delay:-1.8s}
@keyframes grid-supply-pulse{0%,100%{opacity:.5;transform:translateX(-50%) scale(.91);box-shadow:0 0 8px #5cf3da22}50%{opacity:1;transform:translateX(-50%) scale(1.09);box-shadow:0 0 17px #5cf3da55}}
.production-float{margin-left:43px;margin-top:-8px;background:transparent;border:0;border-radius:0;padding:0;gap:2px;font-size:16px;font-weight:900;color:#fff4c9;text-shadow:0 2px 3px #172614,0 0 6px #26321a;animation:resource-credit-rise 1.65s ease-out forwards;transform:none}.production-float .hud-icon{width:23px;height:25px;filter:drop-shadow(0 2px 2px #142a27)}
@keyframes resource-credit-rise{0%{opacity:0;transform:translate(0,0) scale(.85)}15%{opacity:1;transform:translate(4px,-6px) scale(1.05)}70%{opacity:1}100%{opacity:0;transform:translate(16px,-39px) scale(.96)}}
@media(max-width:800px){.world-label{font-size:10px;gap:5px}.world-label .level-mark{font-size:9px}.world-label .level-mark b,.supply-label{font-size:11px}.production-float{margin-left:34px;font-size:14px}.production-float .hud-icon{width:20px;height:22px}.power-aura{width:94px;height:33px}}
@media(prefers-reduced-motion:reduce){.site.is-supplying .power-aura{animation:none;opacity:.55}.facility-tooltip{transition:none}.production-float{display:none}}

/* Fleet accounting and useful actions during construction. */
.k-ring b{font-size:12px}.k-ring{width:60px;height:60px}.k-ring b{width:52px;height:52px}.kardashev small{color:#86e6f0;font-weight:800}
.suggestion-progress{margin:7px 0 10px}.suggestion-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#85edcb;margin-bottom:6px}.suggestion-progress .progress{height:6px}.other-actions{margin-top:10px;padding-top:8px;border-top:1px solid #77b4c32b}.other-actions>small{font-size:7px;color:#8fb5ca;letter-spacing:1px}.other-actions .grow-income{justify-content:flex-start;margin-top:5px;padding:3px 8px}.other-actions .grow-income>span{margin-left:auto}.fleet-detail{border:1px solid #62bfd040;border-radius:9px;background:#183d5070;padding:10px;margin:10px 0;font-size:10px;line-height:1.5}.fleet-detail strong{font-size:11px;color:#a4eaf5}.fleet-detail p{margin:6px 0;color:#bed2df}.fleet-detail small{font-size:9px;color:#8eb0c1}.campus-research{margin:9px 0 14px}
.preview-locked{border-color:#3c536d;background:#16283dbb}.preview-locked .sprite{filter:grayscale(.8);opacity:.6}.preview-locked h3{color:#a3b3c6}.preview-locked .card-tag{color:#99b1c1}.preview-locked button:disabled{opacity:.7}.campus-progress>span{float:right;color:#8bf1ce;font-weight:800}.campus-progress .progress{margin:10px 0 8px;height:7px}.campus-progress small{color:#b0cadb}
.overdrive{position:absolute;z-index:5;right:28px;bottom:155px;width:260px;border-radius:15px;padding:12px;background:linear-gradient(140deg,#173e48ed,#122b47f5)}.overdrive-heading{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:8px;font-size:8px;color:#a5d8db}.overdrive-heading>span{letter-spacing:.5px}.overdrive-heading b{font-size:9px;font-variant-numeric:tabular-nums;color:#edf8e4}.overdrive .progress{height:6px;margin-bottom:9px}.overdrive .progress i{background:linear-gradient(90deg,#35caba,#c8ea71)}.overdrive .action-button{font-size:11px;padding:8px;min-height:34px}.overdrive p{margin:7px 0 0;font-size:9px;line-height:1.4;color:#add0da}.overdrive.running{border-color:#79e8c5;box-shadow:0 0 20px #5ce3ba36}.world-hint{display:none}
@media(max-width:800px){.k-ring{width:48px;height:48px}.k-ring b{width:42px;height:42px;font-size:9.5px}.kardashev{height:55px;padding:3px}.overdrive{right:8px;bottom:114px;width:165px;padding:8px;border-radius:12px}.overdrive-heading{flex-direction:column;align-items:flex-start;gap:3px;font-size:7px;margin-bottom:6px}.overdrive-heading b{font-size:8px}.overdrive .progress{margin-bottom:7px;height:4px}.overdrive .action-button{font-size:9px;padding:6px 3px;min-height:30px}.overdrive p{font-size:8px;margin-top:5px}.other-actions{margin-top:6px;padding-top:5px}.objective-card .other-actions .grow-income{padding:2px 5px}.other-actions>small{font-size:6px}.suggestion-progress>div:first-child{font-size:9px}.objective-card .suggestion-progress{margin:5px 0 7px}}
.preview-locked .action-button:disabled{background:#30455c;border-color:#4b6278;color:#a7bdce;box-shadow:none;opacity:1}

/* Funded work can wait beyond the active-slot limit. */
.queue-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:8px 0;color:#bce8ef}.queue-heading strong{font-size:12px}.queue-heading small{font-size:9px;color:#93b4c9}.queue-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:205px;overflow:auto;padding:1px 3px 5px 0}.queue-chip{min-width:0;position:relative;padding:11px;border-color:#3e8b8c}.queue-chip.waiting{border-color:#4c668a;background:#142a43}.queue-chip>strong{display:block;padding-right:24px;line-height:1.4;font-size:11px}.queue-chip>small{display:block;color:#88b0c1;font-size:8px;margin-top:7px}.queue-remove{position:absolute;right:5px;top:5px;width:26px;height:26px;border:1px solid #59778d;border-radius:7px;background:#27435b;color:#d0e3ef;font-size:19px;line-height:20px}.queue-remove:hover{background:#6d3f4a;border-color:#d18b95;color:white}.queue-chip .progress{height:5px}.queue-chip .action-row{margin-top:7px}.queue-chip .action-button{min-height:25px;font-size:9px}.queue-remove:focus-visible{outline:2px solid #80efff;outline-offset:2px}
@media(max-width:800px){.queue-strip{grid-template-columns:repeat(2,minmax(0,1fr));max-height:180px;gap:7px}.queue-heading{align-items:flex-start;flex-direction:column;gap:3px}.queue-heading strong{font-size:11px}.queue-heading small{font-size:8px}.queue-chip{padding:8px}.queue-chip>strong{font-size:10px;padding-right:21px}.queue-chip p{font-size:9px}.queue-remove{width:24px;height:24px;right:4px;top:4px}.build-modal .queue-strip{grid-template-columns:1fr}}

/* Persistent project status on the map, independent of the current milestone. */
.activity{position:absolute;z-index:4;top:185px;left:24px;width:238px;padding:11px;border-radius:14px;border-color:#478ca0;max-height:calc(100dvh - 315px);display:flex;flex-direction:column;gap:9px}
.activity-heading{display:flex;justify-content:space-between;align-items:center;gap:6px}.activity-heading strong{color:#9de9ec;font-size:9px;letter-spacing:1.1px}.activity-heading>span{color:#aac9df;font-size:8px}.activity-list{overflow:auto;min-height:0;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin}.activity-project{display:flex;align-items:center;gap:7px;text-align:left;padding:8px 6px;border:1px solid #527b985c;border-radius:10px;background:linear-gradient(120deg,#29566b99,#143047cc);flex-shrink:0}.activity-art{width:34px;flex-shrink:0}.activity-art .sprite{display:block;width:34px;height:42px}.activity-content{flex:1;min-width:0}.activity-kind{display:block;font-size:7px;letter-spacing:.7px;text-transform:uppercase;color:#92bace}.activity-content>strong{display:block;font-size:11px;line-height:1.25;margin:2px 0 6px}.activity-meta{display:flex;justify-content:space-between;gap:4px;font-size:8px;color:#85edcb}.activity-meta b{color:#e9fbff;font-variant-numeric:tabular-nums}.activity-content .progress{display:block;height:4px;margin:5px 0}.activity-eta{display:block;color:#adcadc;font-size:8px;line-height:1.3}.activity-arrow{color:#83bacf;font-size:17px}.activity-hint{font-size:8px;color:#9dbdce}.activity-project.waiting{background:#142b42b3}.activity-project.waiting .activity-meta{color:#b3c5df}.activity-project.waiting .progress i{background:#8c9fc2}.has-activity .selection{left:278px}
@media(max-width:800px){.activity{left:8px;top:125px;width:150px;padding:7px;gap:7px;max-height:calc(100dvh - 245px)}.activity-heading{flex-wrap:wrap;gap:3px}.activity-heading strong{font-size:8px}.activity-heading>span{font-size:7px}.activity-project{padding:7px;gap:0}.activity-art,.activity-arrow{display:none}.activity-content>strong{font-size:10px}.activity-kind{font-size:6px}.activity-meta,.activity-eta,.activity-hint{font-size:7px}.has-activity .selection{left:auto;right:10px;width:220px;top:84px}.activity-list{gap:5px}}
@media(max-width:380px){.activity{width:calc(100% - 244px);padding:5px}.activity-project{padding:5px}.activity-heading strong{font-size:7px}.activity-heading>span{font-size:6px}.activity-content>strong{font-size:9px}.activity-meta{flex-wrap:wrap}.activity-hint{display:none}}

/* Only the map moves; HUD panels remain anchored to the screen. */
.world{touch-action:none;cursor:grab}.world.panning,.world.panning *{cursor:grabbing!important}.world-camera{position:absolute;inset:0;transform-origin:0 0;will-change:transform;user-select:none}.world-camera .terrain,.world-camera .map-shade{pointer-events:none}.map-controls{position:absolute;z-index:5;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:12px}.map-controls button{width:30px;height:30px;border-radius:7px;background:#2b5772;color:#dbf9ff;font-size:21px}.map-controls>span{font-size:10px;width:37px;text-align:center;font-variant-numeric:tabular-nums}.map-controls small{font-size:9px;color:#b1cedb;margin-left:4px}.supply-card{margin:0 0 16px}.supply-card>strong{color:#b6ecd2}.supply-card .card-meta{margin:10px 0}.supply-card p{line-height:1.5}
@media(max-width:800px){.world-camera{min-width:880px}.map-controls{left:8px;bottom:102px;transform:none;width:150px;padding:5px;gap:4px}.map-controls button{width:28px;height:27px;font-size:19px}.map-controls small{display:none}.activity{max-height:calc(100dvh - 265px)}}
.world{background:radial-gradient(ellipse at center,#28566a,#0d2538)}.world-camera .terrain{border-radius:14px;box-shadow:0 12px 65px #06192488}.world-camera .map-shade{border-radius:14px}
.supply-card .card-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* Suggestions coach through real menus; the final purchase stays in that menu. */
.coach-tip{font-size:10px!important;line-height:1.5!important;color:#aeecd9!important;border-left:3px solid #52dab7;padding:7px 10px;margin:0 0 12px!important;background:#214e4e88;border-radius:5px}.coached{outline:2px solid #76ded3;outline-offset:3px}.facility-modal{max-width:780px}.facility-modal .modal-body{display:block;overflow:auto}.facility-modal .selection{position:static;width:auto;max-height:none;padding:5px 12px 20px;overflow:visible}.facility-modal .selection>.sprite{width:150px;height:140px}.facility-modal .stat-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}.reactor-coach{margin:12px 0}.reactor-coach p,.fuel-cycle p{font-size:11px;line-height:1.5}.reactor-stage{font-size:12px;font-weight:800;line-height:1.5;color:#ffe4a6}.fuel-cycle{padding:12px;background:#163b47b3;border:1px solid #518b84;border-radius:12px;margin:12px 0}.fuel-cycle>strong{color:#b9edcf;font-size:12px}.fuel-cycle dl{font-size:10px}.fuel-cycle dl>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid #638e9e30}.fuel-cycle dd{margin:0;color:#97efce;font-variant-numeric:tabular-nums}.fuel-cycle small{color:#aec8d1;font-size:9px;line-height:1.5}.selection [data-open-fuel]{margin-bottom:8px}
@media(max-width:800px){.facility-modal .selection{width:auto;left:auto;right:auto;padding:0 0 16px}.facility-modal .selection>.sprite{width:105px;height:110px}.facility-modal .modal-body{padding:16px}.coach-tip{font-size:9px!important}}
.item-card.coached>.coach-tip{margin-top:22px!important}
.facility-modal .modal-header{height:88px;padding:15px 22px;margin:0;align-items:center;gap:12px}.facility-modal .modal-header .eyebrow{display:none}.facility-modal .modal-header h1{font-size:30px;margin:0}.facility-modal .modal-header p{font-size:11px}.facility-modal .modal-body{height:calc(100% - 88px)}.facility-modal #facility-detail>.close-inline{display:none}.facility-modal .modal-emblem{font-size:30px}.facility-modal #facility-detail>.sprite{margin-top:0}
/* Dense, inspectable research program. Future projects remain discoverable. */
.research-modal .modal-header{height:88px;padding:15px 22px;align-items:center;gap:12px}.research-modal .modal-header .eyebrow{display:none}.research-modal .modal-header h1{font-size:30px;margin:0}.research-modal .modal-header p{font-size:11px}.research-modal .modal-body{height:calc(100% - 88px)}
.research-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.research-tile{padding:12px;border-radius:13px;display:flex;flex-direction:column;position:relative;min-width:0;text-align:left;background:linear-gradient(145deg,#234660,#152c48);border:1px solid #5482a766;box-shadow:0 3px 7px #07162666}.research-tile .sprite{width:57px;height:54px;margin:0 0 7px}.research-tile .card-tag{font-size:7px;top:13px;right:10px}.research-tile h3{font-size:14px;margin:0 0 7px;line-height:1.25}.research-tile p.research-effect{font-size:10px;line-height:1.5;flex:1;margin:0 0 8px;color:#bdd4e9}.research-tile .card-meta{font-size:9px;gap:4px;flex-wrap:wrap;margin:0 0 5px}.research-tile .reason{font-size:9px;line-height:1.4;min-height:26px;margin:5px 0;color:#c3d5e1}.research-tile .action-button{font-size:11px;padding:8px;margin-top:8px;min-height:34px}.research-tile.future-locked{background:#142b40;border-color:#42617c66}.research-tile.future-locked>.sprite{opacity:.42;filter:saturate(.4)}.research-tile.future-locked h3,.research-tile.future-locked .research-effect{color:#98aec1}.research-tile.future-locked .card-tag{color:#9bafc1}.research-tile.running{border-color:#53dac0}.research-tile.complete{background:#193c43;border-color:#43887a66}.research-tile.complete [data-research]{display:none}.research-tile.complete .research-requirements{display:none}.research-requirements summary{font-size:9px;color:#9acbdf;cursor:pointer}.research-requirements p{font-size:9px;line-height:1.5;color:#d2deec}.research-history{border-top:1px solid #6e9bb545;margin-top:20px;padding-top:16px}.research-history>summary{cursor:pointer;color:#a7c4df;font-size:12px;font-weight:800;margin-bottom:15px}.research-modal .section-title{font-size:14px;margin:21px 0 12px}.research-modal .notice{font-size:11px;padding:11px}.research-modal .notice .small-print{font-size:10px}.research-modal .queue-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.research-modal .queue-chip{font-size:10px;padding:9px}.research-modal .queue-chip .action-button{font-size:9px;padding:5px}
.resource-chip[data-draining=true]{border-color:#c89354;background:linear-gradient(130deg,#554731ee,#302d36f2)}.resource-chip[data-draining=true] [data-rate]{color:#ffd4a0;font-weight:900}.resource-density{background:none;border:0;color:#9ddac7;font-size:8px;padding:1px 0;cursor:pointer}.resource-chip.resource-compact{flex:0 0 auto;min-width:115px;width:115px;gap:1px;padding:4px}.resource-compact .hud-icon{width:30px;height:37px}.resource-compact .resource-name{font-size:8px}.resource-compact strong{font-size:18px}.resource-compact [data-rate]{display:none}.resource-compact .resource-plus{width:23px;height:30px;font-size:22px;margin-left:2px}.fuel-outlook{margin-top:10px;border-top:1px solid #65b19d66;padding-top:9px;font-size:10px;color:#a4e2cc}.fuel-outlook strong{font-size:11px}.fuel-outlook.draining{color:#ffcf96}.fuel-outlook p{font-size:9px;line-height:1.5;margin:5px 0}.fuel-outlook button{display:block;background:none;border:0;padding:4px 0;color:#b4dfef;font-size:10px;font-weight:800;cursor:pointer}.supply-label.fuel-drain{color:#ffdaa7}
@media(min-width:1450px){.research-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.research-modal .modal-body.with-nav{overflow:auto}.research-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.research-modal .modal-header{padding:14px;height:82px}.research-modal .modal-header p{display:none}.research-modal .modal-body{height:calc(100% - 82px)}.research-tile{padding:10px}.research-tile h3{font-size:12px}.research-tile .sprite{width:43px;height:43px}.research-modal .queue-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.fuel-outlook p{font-size:8px}.resource-chip.resource-compact{min-width:100px;width:100px}}
.deployment-brief{padding:18px;border:1px solid #6bb6b1;border-radius:14px;background:linear-gradient(125deg,#244a59,#1a2f49);margin-bottom:18px}.deployment-brief h2{font-size:20px;margin:5px 0 10px}.deployment-brief p{font-size:12px;line-height:1.6;color:#bdd4e5}.deployment-brief .stat-pairs{margin:14px 0}.deployment-brief .progress{height:8px}.deployment-brief .action-row{flex-wrap:wrap}.deployment-brief .small-print{font-size:10px}.research-modal .research-tile.coached>.coach-tip{margin-top:18px!important}
.research-tile p.research-effect{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:none;min-height:45px}.research-tile .research-requirements{margin-top:auto}.research-tile.complete p.research-effect{-webkit-line-clamp:2;min-height:30px}

.deployment-brief a{color:#9ce5f4}@media(max-width:500px){.resource-chip[data-resource=power] strong{font-size:14px}}
/* Floating project icons leave the world visible; details live on hover/focus. */
.activity{width:120px;left:24px;top:172px;padding:0;gap:7px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;max-height:calc(100dvh - 315px)}.activity-heading{display:block;padding:0 3px;text-shadow:0 1px 4px #06232c,0 1px 2px #06232c}.activity-heading strong{font-size:8px;color:#e0f6ed;letter-spacing:1px}.activity-heading>span{display:block;font-size:8px;color:#d5e7df;margin-top:3px}.activity-list{display:grid;grid-template-columns:repeat(2,52px);gap:8px;overflow:auto;padding:3px;scrollbar-width:thin}.activity-project,.activity-project.waiting{position:relative;display:flex;flex-direction:column;justify-content:center;width:52px;height:61px;padding:1px 0 9px;gap:0;border:0;border-radius:9px;background:radial-gradient(ellipse at center,#16445180 0%,#16445100 70%);box-shadow:none;flex-shrink:0}.activity-project:hover,.activity-project:focus-visible{outline:2px solid #98efdc;outline-offset:0;background:#133c4bb3}.activity-art{display:block;width:50px}.activity-art .sprite{width:50px;height:48px;filter:drop-shadow(0 3px 3px #092934)}.activity-content,.activity-arrow{display:none}.activity-project>.progress{position:absolute;bottom:2px;left:3px;width:46px;height:5px;margin:0;background:#09263dd9;border:1px solid #83a6a77d;box-shadow:0 1px 3px #09263d}.activity-state{position:absolute;top:0;right:0;min-width:13px;height:13px;line-height:13px;font-size:9px;font-weight:900;color:#ffde9b;background:#16314a;border-radius:5px;text-align:center;box-shadow:0 1px 4px #041b28}.activity-state:empty{display:none}.has-activity .selection{left:158px}.activity-tooltip{position:fixed;z-index:30;width:220px;max-width:calc(100vw - 16px);padding:12px 14px;border:1px solid #6ca6bd;border-radius:12px;background:linear-gradient(135deg,#234c65f5,#132d49fa);box-shadow:0 6px 20px #02162866;pointer-events:none;color:#edfaff}.activity-tooltip strong{display:block;font-size:13px;margin:5px 0}.activity-tooltip p{font-size:11px;color:#9cedce;margin:7px 0}.activity-tooltip>span{display:block;font-size:10px;color:#b9d7e7}.activity-tooltip small{display:block;font-size:8px;color:#a3c8db}.activity-tooltip small:last-child{margin-top:9px}
@media(max-width:800px){.activity{left:9px;top:125px;width:65px;padding:0;max-height:calc(100dvh - 265px)}.activity-list{grid-template-columns:52px;gap:6px;padding:3px}.activity-heading{padding:0 2px}.activity-heading strong{font-size:7px;letter-spacing:.3px}.activity-heading>span{font-size:7px}.has-activity .selection{left:auto;right:10px}.activity-art{display:block}.activity-tooltip{width:205px}}

/* Earth → orbit → Moon: the same visual language at three physical scales. */
.region-nav{position:absolute;top:105px;left:24px;z-index:6;display:flex;gap:4px;padding:5px;border-radius:16px;background:linear-gradient(130deg,#183e58ed,#10263ce8);box-shadow:0 8px 24px #05162455}.region-nav button{display:flex;align-items:center;gap:8px;padding:8px 13px;border-radius:11px;background:transparent;color:#b9d6e6;text-align:left;border:1px solid transparent}.region-nav button.active{border-color:#5be0ff;background:linear-gradient(130deg,#235d7f,#174362);box-shadow:inset 0 0 15px #3bb9f527}.region-nav button>span:nth-child(2){font-size:12px;font-weight:800}.region-nav small{display:block;margin-top:3px;font-size:8px;color:#95b9cd;font-weight:500}.region-lock{font-size:15px;color:#92a2c8}.region-orb{display:inline-block;flex-shrink:0;width:28px;height:28px;border-radius:50%;box-shadow:inset -6px -4px 8px #051425b8,0 0 12px #60ccff33;background:radial-gradient(circle at 32% 32%,#9fd69b,#397c66 34%,#326799 36%,#1a6289 67%,#123746)}.region-orb.orbit{background:radial-gradient(circle at 32% 32%,#b5ecff,#438bcb 27%,#142546 30%,#08172a 62%,#3aa2c9 64%,#193855 72%)}.region-orb.geo{background:radial-gradient(circle,#0000 0 58%,#f2c35c 61% 66%,#0000 69%),radial-gradient(circle at 42% 40%,#9fe0ff 0 6%,#3f93d4 14%,#1c4f86 26%,#0b1d36 29%)}.region-orb.moon{background:radial-gradient(circle at 34% 36%,#8b8d93 0 13%,transparent 14%),radial-gradient(circle at 60% 65%,#929ba9 0 9%,transparent 10%),linear-gradient(130deg,#d5d9db,#818c9c)}
#game[data-region=orbit] .terrain,#game[data-region=moon] .terrain{background-size:cover;background-position:center}#game[data-region=orbit] .map-shade{background:linear-gradient(180deg,#03162911,#03132c22)}#game[data-region=moon] .map-shade{background:linear-gradient(180deg,#08172722,#0b1d3422)}
.campaign-sites{position:absolute;inset:0;pointer-events:none}.campaign-site{pointer-events:auto;position:absolute;width:160px;height:160px;transform:translate(-50%,-65%);background:transparent;border:0;padding:0;filter:drop-shadow(0 12px 12px #05142655)}.campaign-site>.sprite{position:relative;width:100%;height:140px;z-index:1;transition:transform .15s}.campaign-site:hover>.sprite,.campaign-site:focus-visible>.sprite{transform:translateY(-6px)}.campaign-site:focus-visible{outline:2px solid #8cf4ff;outline-offset:5px;border-radius:12px}.campaign-site-label{display:flex;flex-direction:column;gap:4px;text-align:center;color:#fff;text-shadow:0 2px 3px #071729,0 0 6px #071729;font-size:11px;white-space:nowrap;position:absolute;left:50%;top:145px;transform:translateX(-50%)}.campaign-site-label small{color:#9ceacd;font-size:9px;font-weight:700}.campaign-site.is-supplying .power-aura{animation:grid-supply-pulse 2.8s ease-in-out infinite;bottom:22px}.campaign-empty{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border:1px dashed #a4e9ff6b;border-radius:16px;background:#132c45c4;color:#b9e7ed;padding:12px 17px;font-size:11px;box-shadow:0 6px 22px #08142333;white-space:nowrap}.campaign-empty span{display:inline-block;font-size:24px;vertical-align:middle;margin-right:9px;color:#85fbd4}.destination-preview{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:400px;text-align:center;color:#f2faff;text-shadow:0 2px 14px #071725;pointer-events:auto}.destination-preview>span{font-size:10px;letter-spacing:3px;color:#a4d8ef}.destination-preview h2{font-size:37px;line-height:1.1;margin:16px 0}.destination-preview p{font-size:13px;line-height:1.6;color:#c5deed;margin:0 0 20px}.destination-preview .action-button{padding:12px 20px;background:#194b65d9;color:#dcfffc;border-color:#71c5d8}
.expansion-nav-art{font-size:34px;color:#a6eeff;text-shadow:0 2px 2px #11375b}.frontier-resource-icon{font-size:30px;color:#98eddd;filter:drop-shadow(0 3px 2px #08162b);margin-right:7px}.frontier-resource em{font-size:11px;font-style:normal;color:#a0c6d9}.expansion-next{display:flex;align-items:center;gap:8px;margin:8px 0}.expansion-next>span{width:60px;flex-shrink:0}.expansion-next .sprite{width:60px;height:60px}.expansion-next strong{font-size:12px;line-height:1.4}.expansion-next small{display:block;font-size:10px;color:#9bebd0;margin-top:5px}.expansion-mini{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#a9cadc;margin:9px 0 5px}.expansion-mini b{color:#def5fc;font-variant-numeric:tabular-nums;white-space:nowrap}.objective-card #suggested-action>.progress{height:5px;margin:0 0 9px}.objective-card .wide{margin-top:10px}
.expansion-tabs{display:flex;gap:6px;position:sticky;top:-1px;z-index:3;background:#132a44f5;padding:8px 0 14px;border-bottom:1px solid #49708c55;margin-bottom:18px}.expansion-tabs button{border:1px solid #426a8b;color:#b7d4e4;border-radius:9px;padding:9px 16px;font-size:12px;background:#1b3955}.expansion-tabs button.active{border-color:#73d8ee;color:#efffff;background:#205874;box-shadow:inset 0 0 14px #42b7d625}.expansion-content{padding-bottom:25px}.expansion-intro h2{font-size:27px;color:#e8f7ff;margin:12px 0}.expansion-intro>p{font-size:13px;color:#b2cbdc;line-height:1.65;max-width:690px}.journey-locations{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.journey-locations button{display:flex;align-items:center;gap:12px;padding:20px 16px;background:linear-gradient(135deg,#254968,#173450);border:1px solid #4c708f;border-radius:14px;text-align:left}.journey-locations .region-orb{width:40px;height:40px}.journey-locations strong{font-size:14px}.journey-locations small{font-size:9px;color:#9ccad9;margin-left:auto}.campaign-milestones .milestone .action-button{margin-top:12px}.expansion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}.expansion-card,.route-card{padding:18px;border:1px solid #40627e;border-radius:15px;background:linear-gradient(145deg,#203a58e8,#142c46);min-width:0}.expansion-card.done{border-color:#418d83;background:linear-gradient(145deg,#1c4853,#152f45)}.expansion-card-heading,.route-card-head{display:flex;align-items:center;gap:15px;margin-bottom:13px}.expansion-card-heading>.sprite,.route-card-head>.sprite{width:86px;height:86px;flex-shrink:0}.expansion-card h3,.route-card h3{font-size:17px;margin:5px 0;color:#f4f9fc;line-height:1.3}.expansion-card .eyebrow,.route-card .eyebrow{font-size:8px;letter-spacing:1px;color:#8db9d0}.state-pill{display:inline-block;font-size:9px;background:#32607977;border:1px solid #59859988;color:#a5eddb;border-radius:20px;padding:4px 8px;margin-top:4px}.expansion-card>p,.route-card>p{font-size:12px;line-height:1.6;color:#acc7d8;margin:10px 0}.expansion-card>.progress{height:6px}.expansion-card>.action-button{margin-top:14px;width:100%}.expansion-card .small-print,.route-card .small-print{font-size:10px}.facility-flows{display:flex;flex-direction:column;gap:6px;margin:14px 0;font-size:11px;color:#9fd4d9;line-height:1.5}.facility-flows strong{color:#90e7c6}.positive{color:#94edc5!important}.route-arrow{margin-left:auto;color:#7fd8e5;font-size:32px}.route-card .route-cargo{color:#deefdb;font-weight:700}.route-card .action-row{display:flex;flex-wrap:wrap;gap:8px}.route-card .action-button{flex:1;font-size:11px}.cargo-queue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.cargo-transit{border:1px solid #496f8980;border-radius:10px;padding:12px;background:#1d405955;margin:8px 0}.cargo-transit strong,.cargo-transit span,.cargo-transit small{display:block;font-size:11px;color:#c3e3ed;margin:3px 0}.cargo-transit span,.cargo-transit small{font-size:10px;color:#9ebccc}.cargo-transit .progress{height:5px;margin:9px 0}.installed-facilities{display:grid;grid-template-columns:1fr 1fr;gap:10px}.installed-facilities>div{display:flex;align-items:center;gap:10px;border:1px solid #46657e70;border-radius:10px;padding:9px}.installed-facilities .sprite{width:48px;height:48px}.installed-facilities strong,.installed-facilities small{display:block;font-size:11px}.installed-facilities small{font-size:9px;color:#a1c6d9;margin-top:5px}.installed-facilities .action-button{margin-left:auto;font-size:9px;padding:6px 8px;min-height:30px}
@media(max-width:1100px) and (min-width:801px){.region-nav{top:96px}.region-nav button{padding:7px 9px}.resourcebar .frontier-resource{min-width:115px}.resourcebar .frontier-resource .resource-name{font-size:8px}.frontier-resource-icon{display:none}.bottom-left{gap:7px}.bottom-left .nav-tile{width:83px}}
@media(max-width:800px){.region-nav{top:79px;left:8px;right:8px;justify-content:center;padding:3px;border-radius:11px;gap:1px}.region-nav button{flex:1;padding:5px 7px;gap:6px;border-radius:8px}.region-nav .region-orb{width:20px;height:20px}.region-nav button>span:nth-child(2){font-size:10px}.region-nav small{font-size:6px;margin-top:2px}.region-lock{font-size:10px}.objective-card{top:131px}.activity{top:132px}.bottom-left{gap:5px}.bottom-left .nav-tile{width:58px;height:65px;font-size:9px}.bottom-left .nav-art{height:32px}.bottom-left .nav-icon{width:30px;height:32px}.expansion-nav-art{font-size:30px;height:33px}.time-panel{width:116px}.region-caption{display:none}.campaign-site{width:136px;height:140px}.campaign-site>.sprite{height:123px}.campaign-site-label{top:128px;font-size:10px}.campaign-site-label small{font-size:8px}.campaign-empty{font-size:10px;padding:9px 12px}.destination-preview{width:310px;left:48%;top:50%}.destination-preview h2{font-size:30px}.destination-preview p{font-size:12px}.frontier-resource-icon{font-size:21px;margin-right:4px}.frontier-resource em{font-size:9px}.expansion-grid,.cargo-queue,.installed-facilities{grid-template-columns:1fr}.expansion-card,.route-card{padding:14px}.expansion-card-heading>.sprite,.route-card-head>.sprite{width:65px;height:68px}.expansion-card h3,.route-card h3{font-size:15px}.expansion-tabs{gap:4px;padding-bottom:10px}.expansion-tabs button{flex:1;padding:8px 6px;font-size:10px}.journey-locations{gap:6px;margin:18px 0}.journey-locations button{padding:12px 6px;flex-direction:column;gap:6px;text-align:center}.journey-locations .region-orb{width:30px;height:30px}.journey-locations strong{font-size:11px}.journey-locations small{font-size:8px;margin:0}.expansion-intro h2{font-size:23px}.expansion-intro>p{font-size:12px}.expansion-next>span,.expansion-next .sprite{width:38px;height:42px}.expansion-next strong{font-size:10px}.expansion-next small{font-size:8px}.expansion-mini{font-size:8px}.objective-card .wide{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.campaign-site.is-supplying .power-aura{animation:none;opacity:.55}.campaign-site>.sprite{transition:none}}
/* The resource strip can scroll without pushing settings off screen. */
.resourcebar{min-width:0;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;padding-bottom:5px}.resource-chip{flex-shrink:0}.resource-chip small{overflow:hidden;text-overflow:ellipsis;max-width:100%}.region-caption{top:176px;left:24px;pointer-events:none;display:none}.topbar .settings-button{flex-shrink:0}
.expansion-modal .modal-header{height:92px;padding:14px 24px;margin:0}.expansion-modal .modal-header h1{font-size:30px;margin:3px 0 5px}.expansion-modal .modal-header p{font-size:11px}.expansion-modal .modal-emblem{font-size:35px}.expansion-modal .modal-body{height:calc(100% - 92px)}.expansion-modal .modal-header .eyebrow{font-size:8px}.expansion-modal .cargo-transit .action-button{min-height:27px;font-size:10px;padding:5px 9px}.local-inventory{padding:13px;border:1px solid #52798d77;background:#103348a6;border-radius:10px;display:flex;gap:10px;flex-wrap:wrap;font-size:10px;margin:12px 0}.local-inventory>strong{width:100%;color:#b9ece0}.local-inventory>span{display:flex;flex-direction:column;gap:4px;padding-right:14px;color:#92b7cb}.local-inventory b{color:#d8eef4;font-variant-numeric:tabular-nums}.logistics-inventories{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cargo-queue{max-height:230px;overflow:auto}.expansion-next small{max-width:180px}.campaign-milestones .milestone.current{border-color:#61d9cf;background:#24596855}
@media(max-width:800px){.expansion-modal .modal-header{height:80px;padding:12px 17px;gap:12px}.expansion-modal .modal-body{height:calc(100% - 80px);padding:13px}.expansion-modal .modal-header h1{font-size:26px}.expansion-modal .modal-header p{font-size:9px}.expansion-modal .modal-emblem{width:30px;font-size:29px}.expansion-modal .modal-header .eyebrow{font-size:6px}.logistics-inventories{grid-template-columns:1fr;gap:0}.cargo-queue{max-height:200px}.expansion-modal .close-button{width:34px;height:34px;right:12px;top:14px;font-size:27px}.local-inventory{font-size:9px}}
.space-industry-link{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #5b91aa;background:linear-gradient(120deg,#22536b,#203f61);color:#c5f4ed;border-radius:10px;padding:11px 14px;font-size:12px;font-weight:800;margin-bottom:12px}.route-links{display:flex;justify-content:space-between;gap:8px;margin-top:13px}.route-links button{background:none;color:#90d7e5;font-size:10px;padding:4px 0}.campaign-site img.sprite{object-fit:contain}.local-inventory .sprite{object-fit:contain}
@media(max-width:800px){.bottom-left .nav-tile.expansion-nav{display:flex}.expansion-modal .modal-header p{display:none}.expansion-modal .modal-header h1{margin-top:7px}.destination-preview{pointer-events:none}.destination-preview button{pointer-events:auto}}
@media(max-width:374px){.bottom-left .nav-tile{width:50px;font-size:8px}.bottom-left{gap:4px}.time-panel{width:109px}}

/* Shared-engine diagnostics; presentation only, no resource rules here. */
.resource-diagnostics{max-width:780px;margin:0 auto;padding:8px}.diagnostic-heading{display:flex;align-items:center;gap:18px}.diagnostic-heading .hud-icon{width:64px;height:64px;flex:none}.diagnostic-heading h2{font-size:23px;margin:5px 0}.resource-diagnostics>div>p{line-height:1.6;color:#bbd1e7}.diagnostic-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.diagnostic-choice{text-align:left;border:1px solid #3f6288;border-radius:13px;padding:16px;background:linear-gradient(145deg,#21436a,#142b49);color:#f0f7ff;cursor:pointer}.diagnostic-choice:hover,.diagnostic-choice:focus-visible{border-color:#6ee6ff;box-shadow:0 0 18px #36c9fb28}.diagnostic-choice strong{display:block;font-size:15px}.diagnostic-choice strong span{float:right;color:#6de2ee}.diagnostic-choice small{display:block;margin-top:7px;color:#b0cbe5;line-height:1.45}.facility-warning-tooltip{position:fixed;z-index:500;pointer-events:none;width:min(330px,calc(100vw - 16px));padding:15px 18px;border:1px solid #eab85d88;background:linear-gradient(145deg,#182f4cf5,#0c1a2ff8);border-radius:13px;box-shadow:0 10px 36px #0008;color:#ebf5ff;box-sizing:border-box}.facility-warning-tooltip strong{color:#ffe1a0}.facility-warning-tooltip p{font-size:13px;line-height:1.5;margin:8px 0}.facility-warning-tooltip small{color:#a3bbd4}.grid-guide{margin-bottom:16px}.grid-guide p{margin:8px 0}.grid-guide small{color:#a9c6df}#facility-status{line-height:1.6}#facility-diagnostic-action{margin-bottom:12px}@media(max-width:600px){.diagnostic-actions{grid-template-columns:1fr}.diagnostic-heading h2{font-size:19px}.diagnostic-heading .hud-icon{width:48px;height:48px}}

/* The capacity network uses the existing Build / Research / Facility grammar. */
.network-intro{margin:0 0 20px;max-width:760px}.network-intro h2{font-size:25px;margin:8px 0}.network-intro p{color:#b0c8df;line-height:1.55}.network-card{min-width:0}.network-card>.sprite{height:92px}.network-card .eyebrow{display:block;font-size:10px}.network-card>.action-button{margin-top:10px}.network-card .facility-flows{font-size:12px}.network-upgrades{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:24px}.network-upgrade{padding:16px;border:1px solid #4e82a570;border-radius:15px;background:linear-gradient(130deg,#1d4261,#132a42)}.network-upgrade>div:first-child{display:flex;align-items:center;gap:12px}.network-upgrade .sprite{width:62px;height:68px}.network-upgrade h3{font-size:16px;margin:0}.network-upgrade h3 small{display:block;color:#8fe2dc;font-size:11px;margin-top:5px}.network-upgrade .action-button{margin-top:10px;width:100%}.text-link{border:0;background:none;color:#7ce5ef;padding:8px 0;cursor:pointer}.network-facility{max-width:880px;margin:auto}.network-facility-heading{display:flex;gap:24px;align-items:center}.network-facility-heading>.sprite{width:160px;height:170px;flex-shrink:0}.network-facility-heading p{line-height:1.55;color:#b6cde5}.network-facility>.facility-flows{padding:18px;border-radius:14px;background:#0b20364d;margin:16px 0}.structure-research{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0}.structure-research button{background:#173451;border:1px solid #4e729577;border-radius:14px;text-align:left;padding:17px;color:#edf6ff;cursor:pointer}.structure-research strong,.structure-research small,.structure-research em{display:block}.structure-research small{line-height:1.5;color:#adc6df;margin:10px 0}.structure-research em{color:#77dccd;font-size:12px;font-style:normal}.network-routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px}.network-route{border:1px solid #375a7d;background:linear-gradient(150deg,#1c3855,#12253e);padding:21px;border-radius:18px;margin-bottom:14px}.network-route p{font-size:13px;color:#b3cce1;line-height:1.5}.network-route .route-card-head{display:flex;align-items:center;gap:14px}.network-route .route-card-head .sprite{height:64px;width:74px}.network-route h3{font-size:17px}.network-route .state-pill{margin-left:auto;white-space:nowrap}.transport-flow{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0b203680;padding:18px 12px;border-radius:12px;margin:18px 0}.transport-flow>div{text-align:center;min-width:0}.transport-flow small{display:block;font-size:9px;color:#8fb8d1;letter-spacing:1px}.transport-flow strong{display:block;font-size:18px;margin-top:5px}.transport-flow>span{color:#6ed8e1}.reserve-control{display:block;font-size:12px;color:#c1d7e8;margin:18px 0 7px}.reserve-control>span{display:flex;align-items:center;gap:8px;margin-top:9px}.reserve-control input{width:80px;background:#0a203a;border:1px solid #416b91;border-radius:7px;color:white;padding:8px}.network-route>small{color:#a2bbd2;line-height:1.5}.route-flight{margin:10px 0}.route-flight>small{display:block;margin-bottom:5px}.network-working,.network-route-status{font-size:12px;line-height:1.5;color:#a9d6e0}.network-route-status{padding:10px 0;border-bottom:1px solid #385779}.network-route-status small{color:#b9c9d9}#network-earth-build{margin-top:24px;border-top:1px solid #355b7c;padding-top:22px}#network-earth-build>.cards{margin-top:12px}
@media(max-width:650px){.network-routes,.network-upgrades{grid-template-columns:1fr}.network-facility-heading{align-items:flex-start;gap:12px}.network-facility-heading>.sprite{width:90px;height:110px}.network-facility-heading h2{font-size:20px}.network-route{padding:14px}.network-route .route-card-head{flex-wrap:wrap}.network-route .state-pill{margin-left:0}.transport-flow{gap:6px}.transport-flow strong{font-size:16px}.network-card>.sprite{height:80px}}
/* The civilization destination stays separate from the next useful purchase. */
#objective-button.macro-milestone{position:absolute;z-index:7;top:105px;right:24px;width:244px;min-height:64px;display:flex;align-items:center;gap:10px;padding:11px 14px 15px;text-align:left;border-radius:15px;color:#e8f7ff;background:linear-gradient(130deg,#234b69ed,#142b46f5);border:1px solid #6badd488;box-shadow:0 5px 18px #06182366;overflow:hidden}
#objective-button.macro-milestone .macro-symbol{font-size:25px;color:#a2e8ff}#objective-button.macro-milestone>span:nth-child(2){flex:1}#objective-button.macro-milestone small{display:block;font-size:7px;letter-spacing:1.2px;color:#91cae2}#objective-button.macro-milestone strong{display:block;font-size:14px;margin:3px 0}#objective-count{display:block;font-size:8px;color:#a4c7de}#objective-button.macro-milestone .milestone-progress{position:absolute;bottom:0;left:0;width:100%;height:4px;border:0;border-radius:0;margin:0}#objective-button.macro-milestone .chevron{font-size:24px;color:#9bcbe5}
.objective-card{top:186px!important;width:244px;right:24px;padding:12px 14px;border-radius:14px}.suggestion-heading{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:900;letter-spacing:1.1px;color:#acdfed}.objective-card #objective-description{font-size:10px;line-height:1.5;margin:8px 0 5px}.objective-card .suggestion-art{margin:4px 0}.objective-card .other-actions .grow-income{font-size:10px}.objective-card .suggestion-art>span{font-size:12px}.objective-card [data-suggestion-reason]{font-size:9px;line-height:1.4}
.macro-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.macro-chapter{padding:20px;border:1px solid #577e9a80;border-radius:17px;background:linear-gradient(155deg,#24485e,#142b43)}.macro-chapter.complete{border-color:#51cbac}.chapter-heading{display:flex;align-items:center;gap:10px}.chapter-heading>div{flex:1}.chapter-heading small{font-size:8px;letter-spacing:1px;color:#8bc9df}.chapter-heading h2{font-size:19px;margin:4px 0}.chapter-heading>strong{font-size:14px;color:#78e3c6}.macro-chapter>p{font-size:11px;line-height:1.65;min-height:85px;color:#bdd6e5}.macro-chapter ul{padding:0;margin:18px 0;list-style:none}.macro-chapter li{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid #7397ae30}.macro-chapter li>span{color:#89adc5}.macro-chapter li.done>span{color:#66e6b9}.macro-chapter li strong{font-size:11px}.macro-chapter li small{display:block;font-size:10px;color:#b1c6d8;line-height:1.55;margin-top:5px}.macro-chapter .action-button{font-size:11px;width:100%}
.research-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:17px 0 24px}.research-paths button{display:grid;grid-template-columns:25px 1fr;text-align:left;gap:5px 8px;background:linear-gradient(135deg,#284f6d,#173b53);border:1px solid #548aa880;border-radius:11px;padding:12px;color:#e6f7ff}.research-paths button:hover{border-color:#7aebcb;background:#2b5a70}.research-paths button>span{grid-row:span 2;color:#8de9d7;font-size:24px}.research-paths strong{font-size:11px}.research-paths small{font-size:8px;color:#aacdde;line-height:1.5}.research-branch{margin:0 0 25px}.branch-title{display:flex;gap:12px;align-items:center;margin:0 0 14px;padding-top:14px;border-top:1px solid #56798e60}.branch-title>span{font-size:25px;color:#93dfed}.branch-title h2{font-size:18px;margin:0 0 4px}.branch-title p,.branch-description{font-size:11px;line-height:1.5;color:#b4ccdd;margin:0}.research-tile .cost-row{margin:5px 0}.research-tile .cost-row>div:first-child{font-size:9px}.research-tile .cost-row .hud-icon{width:15px;height:17px}.research-tile .cost-row .progress{height:4px}.research-tile .card-meta{margin-top:auto}
.build-aspiration{font-size:11px;line-height:1.5;color:#8be9d0;padding:9px 0}.locked-label{font-size:8px;letter-spacing:1px;color:#b6bbd8}.build-cards .text-link{text-align:left;color:#93ddec;margin:7px 0;font-size:10px}.blueprint{padding:10px}.blueprint-hero{display:flex;align-items:center;gap:28px;margin-bottom:22px}.blueprint-hero>.sprite{width:180px;height:180px;flex-shrink:0}.blueprint-hero h2{font-size:29px;margin:8px 0}.blueprint-hero p{font-size:14px;line-height:1.6;color:#bdd5e5}.blueprint-hero strong{font-size:14px;color:#85e4c7}.blueprint-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.blueprint-levels article{padding:16px;border:1px solid #5f859e;border-radius:13px;background:#1c3c56}.blueprint-levels h3{font-size:17px}.blueprint-levels strong{font-size:13px;color:#9de7d6}.blueprint-levels p,.blueprint-levels small{font-size:11px;line-height:1.6;color:#bcd5e5}
@media(max-width:800px){#objective-button.macro-milestone{right:8px;top:128px;width:190px;min-height:52px;padding:8px 10px 12px;gap:7px}#objective-button.macro-milestone strong{font-size:12px}#objective-button.macro-milestone small{font-size:6px}#objective-button.macro-milestone .macro-symbol{font-size:20px}#objective-count{font-size:7px}.objective-card{top:196px!important;right:8px;width:190px;padding:9px 10px}.objective-card .suggestion-heading{font-size:7px;letter-spacing:.5px}.objective-card #objective-description{font-size:8px}.objective-card .other-actions .grow-income{font-size:8px;min-height:26px}.objective-card .suggestion-art>span{font-size:10px}.objective-card [data-suggestion-reason]{font-size:8px}.macro-chapters{grid-template-columns:1fr}.macro-chapter>p{min-height:0}.research-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.research-paths button{padding:9px;grid-template-columns:18px 1fr}.research-paths button>span{font-size:19px}.research-paths strong{font-size:10px}.research-paths small{font-size:8px}.blueprint-hero{flex-direction:column;text-align:center;gap:8px}.blueprint-hero>.sprite{width:140px;height:130px}.blueprint-hero h2{font-size:23px}.blueprint-levels{grid-template-columns:1fr}.blueprint .action-row{flex-direction:column}.research-tile .cost-row b{font-size:8px}}
.build-cards .future-building{border-style:dashed;background:linear-gradient(140deg,#24394e,#162b40)}.build-cards .future-building>.sprite{filter:saturate(.7);opacity:.85}.build-cards .future-building .build-aspiration{color:#a5e9e0}.blueprint .notice p{line-height:1.6}
.design-potential{margin:13px 0;padding:10px;border-radius:8px;background:#0f2c40}.design-potential b{font-size:14px;color:#73e8bf}.design-potential small{display:block;margin-top:6px;font-size:9px!important}.design-assumptions{font-size:11px}.design-assumptions summary{cursor:pointer;color:#a8dcf0}.design-assumptions p{font-size:11px}
.blueprint-hero .blueprint-payoff{font-size:21px;color:#83edc9;font-weight:850;margin-bottom:0}.blueprint-payoff small{display:block;font-size:10px;line-height:1.6;color:#b6cede;font-weight:500;margin-top:4px}
/* Investments remain visible on the map; badges review, never buy. */
.upgrade-ready{display:inline-grid;place-items:center;width:21px;height:23px;margin-left:5px;border-radius:7px;border:1px solid #a9ffca;background:linear-gradient(#69f59d,#16b67e);color:#073b36;font-size:18px;font-weight:1000;text-shadow:none;box-shadow:0 2px 0 #087254,0 0 12px #6bffd544;vertical-align:middle;flex-shrink:0}
.campaign-site>.upgrade-ready{position:absolute;right:18px;top:30px;z-index:2;width:26px;height:28px}.upgrade-benefits{clear:both;padding:12px;margin:12px 0;border:1px solid #52bda455;border-radius:11px;background:linear-gradient(120deg,#173e49,#122f45)}.upgrade-benefits>small{display:block;font-size:8px;letter-spacing:1px;color:#84daca;font-weight:900;margin-bottom:9px}.upgrade-benefits>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:7px 0;font-size:11px}.upgrade-benefits>div>span{color:#b9d4df}.upgrade-benefits strong{color:#a4f3d2;text-align:right;font-size:12px;white-space:normal}.upgrade-benefits em{font-style:normal;color:#709eae;padding:0 3px}.upgrade-benefits p{margin:10px 0 0;font-size:9px;line-height:1.5;color:#9dbccc}.module-box .upgrade-benefits{padding:8px}.network-upgrade .upgrade-benefits{margin:13px 0}.network-upgrade>div:first-child:not(.upgrade-benefits){align-items:center}.network-card .facility-flows{line-height:1.55}.region-purpose{font-size:12px;line-height:1.65;color:#b7d8e7;max-width:740px}.delivery-chip{text-align:left;cursor:pointer;border-color:#64bacb}.delivery-icon{font-size:33px;color:#78e4df;font-weight:900;flex-shrink:0}.delivery-chip em{font-size:10px;font-style:normal;color:#a6d0db;margin-left:3px}.delivery-link{margin-left:auto;color:#b8eff0;font-size:28px}.transport-flow strong{font-size:15px}.transport-flow small{letter-spacing:.6px}.resource-chip .resource-text em{font-size:11px;font-style:normal;color:#a6c8d9}.network-resource-choices{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.network-resource-choices button{flex:1}.local-utilities{font-size:11px;color:#a9c8d9;margin:12px 0}.local-utilities summary{cursor:pointer}.local-utilities .local-inventory{margin:8px 0}
@media(max-width:800px){.upgrade-ready{width:18px;height:20px;font-size:16px;margin-left:3px}.campaign-site>.upgrade-ready{right:12px;top:18px;width:24px;height:25px}.delivery-icon{font-size:24px}.delivery-chip em{display:block;margin:3px 0 0;font-size:7px}.resource-chip .resource-text em{font-size:8px}.delivery-link{font-size:20px}.delivery-chip{gap:5px}.transport-flow strong{font-size:12px}.upgrade-benefits>div{font-size:10px}.upgrade-benefits strong{font-size:11px}.network-resource-choices{flex-direction:column}}
.network-facility-heading{gap:18px}.network-facility-heading>.sprite{width:120px;height:120px}.network-facility-heading h2{margin:7px 0;font-size:24px}.network-facility-heading p{margin:6px 0;font-size:12px}.network-facility>.facility-flows{padding:12px;margin:12px 0}.network-facility .network-upgrade{padding:12px}.network-facility .network-upgrade .sprite{width:45px;height:48px}.network-facility .network-upgrade .text-link{display:none}.upgrade-time{display:block;font-size:10px;color:#b4d7df;margin:10px 0 3px}.network-facility>.notice{margin:12px 0}.local-inventory small{font-size:9px;color:#9cc8d8}.network-facility .upgrade-benefits{padding:10px;margin:10px 0}
@media(max-width:800px){.network-facility-heading>.sprite{width:80px;height:85px}.network-facility-heading h2{font-size:19px}.network-facility-heading p{font-size:11px}.network-facility .network-upgrade>div:first-child .sprite{width:37px;height:40px}}
.resource-drilldown{padding:0;background:transparent;color:#8edfdc;text-align:left;font-size:inherit;line-height:inherit;text-decoration:underline;text-decoration-color:#8edfdc55;text-underline-offset:3px}.resource-drilldown:hover{color:#b7fff1}.facility-more{font-size:10px;color:#accbdc;margin:10px 0}.facility-more summary,.build-potential summary{cursor:pointer}.facility-more .fleet-detail{margin-top:10px}.build-flows{font-size:11px;display:grid;gap:5px;margin:9px 0;color:#93e5cb}.build-flows p{font-size:10px;color:#b7cdde;margin:0}.build-potential{font-size:10px;margin:8px 0;color:#a8dce4}.build-potential .build-aspiration{padding:2px 0}.transport-build-benefit{font-size:11px;line-height:1.6;color:#86e8ce;margin:8px 0}.resource-overview{padding:18px 20px;border:1px solid #5795b066;border-radius:15px;background:linear-gradient(120deg,#204a5f,#17384e);margin:0 0 18px}.resource-overview h2{font-size:24px;margin:8px 0}.resource-overview>strong{font-size:17px;color:#a2edd5}.resource-overview>p{font-size:12px;line-height:1.6;color:#c0dce8}.network-resource-choices .action-button{font-size:12px}.network-resource-choices small{display:block;font-size:10px;font-weight:500;margin-top:5px;line-height:1.5}.chapter-readiness{margin:14px 0}.chapter-readiness h3{font-size:14px}.chapter-readiness>p{font-size:10px;line-height:1.6;color:#b8d2e2}.readiness-row{width:100%;text-align:left;padding:10px;border:1px solid #5a8da16b;border-radius:9px;background:#143146;margin-bottom:7px}.readiness-row>span{display:flex;flex-direction:column;gap:4px}.readiness-row b{font-size:11px;color:#d5ebf5}.readiness-row strong{font-size:10px;color:#99e2d0}.readiness-row small{display:block;color:#91b5c9;font-size:9px;line-height:1.5;margin-top:6px}.readiness-row .progress{height:5px;margin-top:7px}.readiness-row.done{border-color:#4aae8055}.chapter-achievements{font-size:10px;color:#9ebfd2;margin:12px 0}.chapter-achievements summary{cursor:pointer}.macro-chapter .chapter-readiness h3{line-height:1.5}.diagnostic-choice .comparison-gain{display:block;color:#98ebcf;font-size:14px;margin-top:9px;font-weight:900}.diagnostic-choice .comparison-cost{display:block;color:#d5ddbc;font-size:10px;margin-top:7px}.diagnostic-choice .comparison-input{display:block;color:#9fc1d2;font-size:10px;margin-top:4px}.diagnostic-choice>small{margin-top:7px}
@media(max-width:800px){#game:not([data-region="earth"]) .resourcebar{display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:5px;padding-bottom:0}#game:not([data-region="earth"]) .resource-chip{width:auto;min-width:0;max-width:none;flex:auto}#game:not([data-region="earth"]) .resource-chip .hud-icon{width:25px;height:30px}#game:not([data-region="earth"]) .resource-text strong{font-size:14px}#game:not([data-region="earth"]) .delivery-chip{grid-column:1/-1;height:38px;gap:6px;padding:4px 9px}#game:not([data-region="earth"]) .delivery-chip .resource-text{display:grid;grid-template-columns:1fr 1fr;gap:2px 5px;width:100%}#game:not([data-region="earth"]) .delivery-chip .resource-name{grid-column:1}#game:not([data-region="earth"]) .delivery-chip strong{grid-column:2;grid-row:1;align-self:center;font-size:12px}#game:not([data-region="earth"]) .delivery-chip em{display:inline;font-size:7px}#game:not([data-region="earth"]) .delivery-chip small{grid-column:1/-1;font-size:7px}#game:not([data-region="earth"]) .region-nav{top:123px}#game:not([data-region="earth"]) #objective-button{top:176px}#game:not([data-region="earth"]) .objective-card{top:244px!important}#game:not([data-region="earth"]) .activity{top:181px}.resource-overview{padding:13px}.resource-overview h2{font-size:21px}}
.comparison-open{display:block;margin-top:12px;font-size:10px;color:#8dddde}.diagnostic-actions{align-items:stretch}.diagnostic-choice{text-align:left}.facility-flows .resource-drilldown{display:block}.transport-build-benefit strong{display:block}.chapter-readiness .readiness-row .progress{pointer-events:none}
.resource-modal .modal-header{height:85px;margin:0;padding:13px 25px;gap:15px}.resource-modal .modal-header h1{font-size:27px;margin:3px 0}.resource-modal .modal-header p{font-size:10px;margin:2px 0}.resource-modal .modal-emblem{font-size:31px;width:36px}.resource-modal .modal-header .eyebrow{font-size:7px}.resource-modal .modal-body{height:calc(100% - 85px);padding:18px 24px}.resource-diagnostics{max-width:1000px;padding:0}.diagnostic-heading .hud-icon{height:38px;width:38px}.diagnostic-heading{gap:12px}.diagnostic-heading h2{font-size:18px}.diagnostic-heading .eyebrow{font-size:8px}.resource-diagnostics>div>p{font-size:12px;margin:9px 0}.resource-diagnostics .stat-pairs{grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0}.resource-diagnostics h3{font-size:15px;margin:12px 0 5px}.diagnostic-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.diagnostic-choice{padding:13px}.diagnostic-choice strong{font-size:13px}.diagnostic-choice small{font-size:10px}.diagnostic-choice .comparison-gain{font-size:14px}.comparison-open{margin-top:9px}
@media(max-width:800px){.resource-modal .modal-header{height:78px;padding:12px 16px}.resource-modal .modal-header h1{font-size:23px}.resource-modal .modal-body{height:calc(100% - 78px);padding:13px}.resource-diagnostics .stat-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostic-actions{grid-template-columns:1fr}.diagnostic-choice{padding:12px}.resource-modal .modal-header p{font-size:8px}}
.network-comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.network-comparison-grid .network-upgrade{padding:13px}.network-comparison-grid .network-card{padding:13px}.network-comparison-grid .network-card>.sprite{height:65px}.network-comparison-grid .network-card h3{font-size:16px}.network-comparison-grid .network-card>p{font-size:11px}.network-comparison-grid .network-card .facility-flows{font-size:11px}.network-comparison-grid .upgrade-benefits>div{flex-direction:column;gap:4px}.network-comparison-grid .network-upgrade h3{font-size:15px}.network-comparison-grid .network-upgrade .sprite{width:40px;height:46px}.network-comparison-grid .network-upgrade .text-link{font-size:10px}.network-comparison-grid .network-card>.action-button{width:100%}
@media(max-width:800px){.network-comparison-grid{grid-template-columns:1fr}.network-comparison-grid .upgrade-benefits>div{flex-direction:row}}

@media(max-width:800px){#game:not([data-region="earth"]) .resource-chip:not(.delivery-chip) .resource-text em{display:none}}
/* More destinations share the same compact navigation and investment grammar. */
.worlds-symbol{font-size:26px;color:#8be8f5;width:28px;text-align:center}.region-nav .worlds-button{border-color:#5bb1cd66;background:#224c6599}.world-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.world-choice{border:1px solid #55899f88;border-radius:16px;background:linear-gradient(145deg,#21465b,#122c43);overflow:hidden;display:flex;flex-direction:column}.world-choice.settled{border-color:#64b99c}.world-postcard{height:116px;background-size:cover;background-position:center 35%;box-shadow:inset 0 -25px 25px #142e4477}.earth-postcard{background:radial-gradient(ellipse at 60% 20%,#80b387,#317463 50%,#12455b)}.world-choice-body{padding:15px;display:flex;flex-direction:column;flex:1}.world-choice h2{display:flex;align-items:center;gap:9px;font-size:19px;margin:8px 0}.world-choice p{font-size:11px;line-height:1.6;color:#c0d8e5;flex:1}.world-choice small{font-size:10px;line-height:1.55;color:#a8c8d7;margin-bottom:10px}.world-choice .action-button{width:100%;font-size:12px;margin-top:10px}.world-choice .text-link{margin-top:12px;font-size:11px}.world-stats{display:flex;flex-wrap:wrap;gap:5px 12px;color:#8ce8c5;font-size:10px}.region-orb.asteroid,.region-orb.belt{border-radius:37% 46% 32% 43%;background:radial-gradient(circle at 33% 25%,#b8aaa0,#6e6566 50%,#2d303e)}.region-orb.belt{background:radial-gradient(circle at 33% 25%,#bbbcb7,#777a78 50%,#323c47)}.region-orb.mars{background:radial-gradient(circle at 30% 25%,#edb38d,#bd6147 45%,#713527)}.region-orb.mercury{background:radial-gradient(circle at 30% 25%,#e3cc9e,#9a8c76 45%,#4d4948)}.region-orb.callisto{background:radial-gradient(circle at 25% 25%,#e4f2f5,#7e98a5 45%,#354450)}.region-orb.titan{background:radial-gradient(circle at 30% 25%,#ffdc90,#be8c47 48%,#654729)}.region-purpose .text-link{display:inline}.campaign-site-label{white-space:normal;width:190px;line-height:1.3}.campaign-site-label small{max-width:190px}.network-intro>.action-button{font-size:11px;margin:10px 0}.region-nav button>span{min-width:0}.region-nav button>span:nth-child(2){max-width:140px}
@media(max-width:800px){.world-choices{grid-template-columns:1fr;gap:13px}.world-postcard{height:125px}.world-choice h2{font-size:20px}.worlds-symbol{font-size:20px;width:20px}.region-nav button{min-width:0}.region-nav button>span:nth-child(2){font-size:9px;overflow:hidden;text-overflow:ellipsis}.campaign-site-label{width:150px;font-size:9px}.campaign-site-label small{max-width:150px}.world-stats{font-size:11px}.world-choice p{font-size:12px}}

.earth-postcard{background-image:url('./assets/world.png');background-size:cover;background-position:center}.network-intro{max-width:900px}
.route-running-inputs{display:flex;align-items:center;flex-wrap:wrap;gap:7px 15px;padding:10px;background:#0d283d;border-radius:9px;font-size:11px}.route-running-inputs small{color:#aac7d4;font-size:10px}.route-running-inputs .resource-drilldown{font-size:11px}
.consumer-inspect{padding:13px;text-align:left;border:1px solid #5aab9c88;background:#1b4650;border-radius:12px}.consumer-inspect strong{display:block;font-size:13px}.consumer-inspect small{display:block;font-size:10px;line-height:1.5;margin-top:8px;color:#9bd8cb}

/* Research explains the investment before the player pays for it. */
.research-payoffs{display:grid;gap:8px;margin:2px 0 10px}.research-payoff{padding:9px;border:1px solid #73c9ce40;border-radius:8px;background:#091e2d55}.research-applies{display:block;color:#d4f8fb;font-size:11px;line-height:1.4}.research-application{display:block;font-size:9px;color:#f0d997;margin:3px 0 8px}.research-gain{display:grid;gap:2px;margin:7px 0;font-size:10px}.research-gain>span{color:#acc6d9}.research-gain>strong{color:#9af0d9;font-size:12px}.research-gain>small{color:#bdded5;font-size:9px}.research-estimate{display:block;font-size:9px;line-height:1.45;color:#acc3d1;margin-top:8px}.research-payoffs summary{font-size:10px;color:#8eddea;cursor:pointer;padding:6px 0}.research-unlock-link{display:block;text-align:left;white-space:normal;line-height:1.45;margin:5px 0;color:#8ee8f5;font-size:11px}.research-tile .research-unlock-link{font-size:10px}.research-tile .research-payoffs .research-payoff{flex:none}