/* A compact game HUD leaves the industrial district as the main surface. */
.growth-values{display:flex;justify-content:space-between;font-size:11px;color:#92a9bf;gap:14px;margin-top:4px}.growth-values strong{font-family:'Space Grotesk',sans-serif;font-size:15px;color:#ffb781;font-weight:500;margin-left:5px}.growth-values>span:last-child strong{color:#9bb1ca}
main{padding:14px 20px;max-width:2400px}.masthead{margin-bottom:13px;gap:30px}.headline h1{font-size:24px}.headline p{font-size:13px}.edition{font-size:10px}.world-panel{height:calc(100svh - 235px);min-height:500px;max-height:1100px;background:#17283b}.scene-header{top:16px}.clock-card{padding:9px 13px}#period-label{font-size:12px;max-width:145px}.population{left:auto;right:128px;top:16px;border-color:#abc9df21;background:#102133bd}.population>div{padding:8px 14px;min-width:145px}.population strong{font-size:25px;margin-top:3px}.population small{font-size:10px}.stat-title{font-size:11px}.coverage{margin-top:5px}.live-state{margin-top:4px}.place-label{font-size:12px;padding:7px 10px;border-radius:7px;border-color:#adc6db35;box-shadow:0 6px 18px #07132235}.place-label .label-number{font-size:10px}.place-label.active{border-color:#c3ffe7;box-shadow:0 0 0 3px #91d8bb16}.place-label.active small{font-size:11px;padding-left:0}.inspector{top:112px;right:20px;width:292px;border-color:#aac9df26;background:#102132f2;padding:18px;max-height:calc(100% - 218px);overflow:auto;scrollbar-width:thin}.inspector-head{font-size:16px}.inspector p{font-size:13px;margin-bottom:14px}.inspector-numbers span{font-size:12px}.place-product{font-size:11px}.place-status{font-size:13px;border-radius:7px;padding:10px;background:#ffb5640a;border:1px solid #ffbd5c24}.place-status[data-state=working],.place-status[data-state=ready]{color:#a7e3cb;background:#a7e3cb08;border-color:#a7e3cb25}.place-status[data-state=rest]{color:#9bb4d1;border-color:#9bb4d125;background:#9bb4d108}.capacity-caption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#849db6;margin-top:17px}.capacity-caption strong{font-weight:500;color:#c9dfed}.capacity-track{height:5px;background:#2c4055;border-radius:4px;margin-top:8px;overflow:hidden}.capacity-track i{display:block;height:100%;background:#a4dfc9;transition:width .3s}.inspector h3{font-size:12px;font-weight:500;margin:20px 0 8px;color:#a9bfd4}.stock-row{display:flex;justify-content:space-between;gap:12px;background:#ffffff04;border-bottom:1px solid #ffffff07;padding:7px 9px;font-size:12px}.stock-row strong{font-family:'Space Grotesk',sans-serif;color:#cae4e0;font-weight:500}.stock-row.empty{color:#f6b781;background:#ffc48208}.stock-row.empty strong{color:#ffad6a}#stock-footnote{font-size:10px;line-height:1.45;color:#7c94ac;margin:9px 0 12px}.map-tools{position:absolute;bottom:92px;right:73px;z-index:2}.map-tools button{font-size:12px;border:1px solid #adc6db25;color:#adc5d9;background:#102031db;border-radius:9px;padding:10px 13px;backdrop-filter:blur(12px)}.map-tools button span{margin-right:5px;color:#a6dccb;font-size:18px;vertical-align:middle}.map-tools button[aria-pressed=true]{background:#21443f;color:#c2f2e3;border-color:#a6dccb88}.map-card{background:#0e2030b3;border-color:#adc6db26}.map-card>div{font-size:9px}.event-toast{font-size:13px;max-width:min(720px,calc(100% - 48px));background:#102032e8}.scene-legend{font-size:11px}.scene-legend .navigation-hint{font-size:11px}.day-shortcuts{margin-top:12px}.day-shortcuts button{font-size:12px}.milestones{display:flex;align-items:center;gap:7px;margin:12px 4px 0}.milestones>span{font-size:9px;letter-spacing:.07em;color:#8094ab;min-width:109px}.milestones button{font-size:12px;border:1px solid #ffffff0c;background:none;color:#9fb5cc;border-radius:7px;padding:7px 11px}.milestones button b{font-size:10px;font-weight:500;color:#e6ad82;margin-right:6px}.milestones button:hover{background:#ffffff06}.milestones button[aria-pressed=true]{background:#ffb17b0a;border-color:#ffb17b30;color:#ffbb8b}.milestones button:disabled{opacity:.35;cursor:default}.experiment-controls{gap:24px;padding-top:13px;padding-bottom:8px;margin-top:15px}.growth{margin-left:auto;flex:0 1 290px;min-width:220px}.growth-caption{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#92a9bf}.growth-caption>span:last-child{font-size:9px;display:flex;align-items:center;gap:5px}.growth-caption i{display:inline-block;width:9px;height:2px;background:#ffac75}.growth-caption i.reference{background:#8297b2;margin-left:4px}#growth-chart{width:100%;height:74px;display:block;margin-top:6px}.comparison{margin-left:0;max-width:170px}.comparison strong{font-size:22px}.control-label{font-size:11px}.segmented button{font-size:13px}.simulation-shell:fullscreen .milestones{padding-bottom:2px;flex-shrink:0}
@media(max-width:1200px){.population .fleet-stat{display:none}.population>div{min-width:127px}.growth{flex-basis:250px}.experiment-controls{gap:18px}.comparison{display:none}.inspector{width:270px}.scene-legend .navigation-hint{display:none}}
@media(max-width:900px){.population{top:87px;left:20px;right:auto}.inspector{top:87px;width:265px}.population:has(~.inspector:not([hidden])){display:none}.world-panel{height:calc(100svh - 220px);min-height:490px}.growth{flex-basis:230px}.experiment-controls{flex-wrap:wrap}.map-tools{bottom:90px;right:67px}.headline h1{font-size:21px}.headline p{font-size:12px}}
@media(max-width:680px){main{padding:10px 9px}.masthead{flex-wrap:nowrap;margin-bottom:10px;gap:12px}.headline{display:none}.identity{font-size:12px;min-width:0}.brand-mark{width:34px;height:34px;font-size:25px;border-radius:10px}.edition{font-size:8px}.quiet-button{font-size:11px;padding:8px 10px}.quiet-button span{margin-left:6px}.world-panel{height:calc(100svh - 180px);min-height:400px}.scene-header{top:12px;left:12px;right:12px}.clock-card{padding:7px 10px}#period-label{font-size:10px;max-width:91px}.population{left:12px;right:auto;top:78px}.population>div{padding:7px 10px;min-width:121px}.population strong{font-size:22px}.stat-title{font-size:10px}.population small{font-size:9px}.coverage{height:2px}.live-state{font-size:10px}.place-label{padding:7px;font-size:0}.place-label .label-number{font-size:12px}.inspector{top:auto;bottom:91px;left:12px;right:12px;width:auto;max-height:39%;padding:13px 15px;border-radius:13px}.inspector-head{font-size:15px}.inspector p{font-size:12px;margin:8px 0}.inspector-numbers{max-width:250px}.inspector-numbers strong{font-size:22px}.inspector-numbers span{font-size:11px}.stock-row{padding:6px 8px}.inspector h3{margin-top:12px}.place-status{font-size:12px;padding:8px}.world-panel:has(.inspector:not([hidden])) .map-card,.world-panel:has(.inspector:not([hidden])) .population{display:none}.map-card{bottom:115px;width:101px}.map-card>div{font-size:6px}.camera-controls{bottom:115px}.map-tools{bottom:auto;top:145px;right:12px}.map-tools button{font-size:10px;padding:5px 8px}.map-tools button span{font-size:14px}.event-toast{font-size:11px;bottom:38px;line-height:1.4}.scene-legend{font-size:9px;gap:11px;bottom:14px}.control-deck{margin-top:10px;gap:10px}.play-button{padding:12px 16px}.timeline-label label{font-size:10px}.timeline-label strong{font-size:14px}#rate-label{font-size:10px}.day-shortcuts{gap:5px;margin-top:7px}.day-shortcuts button{font-size:11px;padding:7px 8px}.milestones{gap:4px;flex-wrap:wrap;margin-top:12px}.milestones>span{flex-basis:100%;font-size:9px;margin-bottom:2px}.milestones button{flex:1;padding:8px 6px;font-size:11px;white-space:nowrap}.milestones button b{display:none}.experiment-controls{margin-top:14px;gap:15px}.growth{flex:1 1 100%;min-width:0;border-top:1px solid #ffffff10;padding-top:14px}.growth-caption{font-size:10px}.growth-caption>span:last-child{font-size:10px}#growth-chart{height:90px}.switch{font-size:13px}.segmented button{font-size:12px}.simulation-shell:fullscreen .milestones>span{display:none}.simulation-shell:fullscreen .milestones{margin-top:7px}.simulation-shell:fullscreen .world-panel{min-height:220px}}