.construction-chapter{padding:16px;margin:18px 0;border:1px solid #bda46677;border-radius:12px;background:linear-gradient(130deg,#29463e,#142e3b)}
.construction-chapter h3{margin:6px 0;color:#f3d892}.construction-chapter p{font-size:13px;line-height:1.7}.construction-chapter small{display:block;font-size:11px;color:#bbd5cf}.construction-chapter li{font-size:12px;margin:7px 0}.transition-note{color:#f0dbaa}
.building-upgrades-screen>.section-heading{gap:14px}.building-upgrades-screen>.section-heading h2{margin:6px 0}.building-upgrades-screen>p{font-size:13px}
.upgrade-selection-tools,.upgrade-review-actions{display:flex;gap:9px;flex-wrap:wrap}.upgrade-selection-tools button,.upgrade-family button{font-size:11px;padding:9px 12px;min-height:44px}
.upgrade-selection-summary{margin:16px 0;padding:16px;border:1px solid #78bda8;border-radius:12px;background:#1c403c;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.upgrade-selection-summary>small{color:#c3dad6}.upgrade-selection-summary>.primary{margin-left:auto}
.upgrade-total-cost{display:flex;flex-wrap:wrap;gap:7px}.upgrade-total-cost span{padding:6px 9px;border:1px solid #557978;border-radius:7px;background:#122f38;font:600 12px/1.4 Manrope,Arial,sans-serif;color:#eef4df;font-variant-numeric:tabular-nums}
.building-upgrade-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:14px;align-items:start}.upgrade-family{padding:14px;border:1px solid #42626b;border-radius:12px;background:#102d38}.upgrade-family h3{font:600 15px Manrope,Arial,sans-serif;color:#ebd399}.upgrade-family>.section-heading{margin-bottom:12px;gap:10px}
.upgrade-building{display:grid;grid-template-columns:20px 65px minmax(0,1fr);align-items:center;gap:9px;padding:10px 0;border-top:1px solid #39545c;cursor:pointer}.upgrade-building input{width:18px;height:18px;accent-color:#40dbc1}.upgrade-building-art{width:65px;height:65px;display:flex;align-items:center;justify-content:center}.upgrade-building-art svg{width:100%;height:100%}.upgrade-building b{font-size:13px;color:#eaf3e5}.upgrade-building small{display:block;font-size:11px;color:#b5cfcb;line-height:1.55;margin-top:3px}.upgrade-building .upgrade-building-status{color:#70e0be}.upgrade-building.unavailable{cursor:default;opacity:.7}.upgrade-building.unavailable .upgrade-building-status{color:#dac6a0}
#building-upgrade-review{width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 36px);padding:24px;overflow:auto;border:1px solid #c4b57b;border-radius:15px;background:linear-gradient(135deg,#214250,#102631);color:#e6f0e6}#building-upgrade-review h2{margin:10px 0 18px}#building-upgrade-review>p{font-size:13px;line-height:1.6}
.upgrade-review-list{display:grid;gap:7px;max-height:230px;overflow:auto;padding:7px 0;margin:10px 0}.upgrade-review-list>div{padding:10px;border:1px solid #45636b;border-radius:8px;background:#142f3a}.upgrade-review-list b{font-size:12px}.upgrade-review-list small{display:block;margin-top:4px;color:#bdd7d2;font-size:11px}
.upgrade-worker-sources{padding:14px;border:1px solid #638e82;border-radius:10px}.upgrade-worker-sources h3{font-size:15px}.upgrade-worker-sources p{font-size:12px}.upgrade-worker-sources label{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #3b5b62;padding:10px 0;font-size:12px}.upgrade-worker-sources small{display:block;font-size:10px;margin-top:4px;color:#aac8c2}.upgrade-worker-sources input{width:78px;min-height:44px;padding:8px;background:#122c36;border:1px solid #719d91;border-radius:7px;color:#e7f4df;font-size:16px}.upgrade-review-error{color:#ffbca3;font-size:12px}.upgrade-review-actions{position:sticky;bottom:-24px;padding:14px 0;background:#142e39}.upgrade-review-actions button{min-height:46px}.upgrade-review-actions .primary{flex:1}
@media(max-width:500px){.building-upgrades-screen>.section-heading{align-items:flex-start;flex-direction:column}.upgrade-selection-summary>.primary{width:100%;margin-left:0}.upgrade-family{padding:11px}.upgrade-family h3{font-size:13px}.upgrade-building{grid-template-columns:19px 55px minmax(0,1fr);gap:7px}.upgrade-building-art{width:55px;height:59px}#building-upgrade-review{padding:18px}.upgrade-review-actions{bottom:-18px}.upgrade-total-cost span{font-size:11px}.upgrade-review-list{max-height:200px}}

.construction-chapter summary{cursor:pointer;font:600 13px/1.5 Manrope,Arial,sans-serif;color:#ead59c}.construction-chapter summary small{margin-top:4px;font-weight:400;color:#bedad1}.construction-chapter:not([open]){padding:12px 14px}.construction-chapter summary:focus-visible{outline:2px solid #7ce5cb;outline-offset:5px}

.upgrade-building .upgrade-timer-button{min-height:40px;margin-top:7px;padding:7px 12px;font-size:11px}

.upgrade-new-buildings{padding:14px;border:1px solid #697f67;border-radius:10px;margin:14px 0}.upgrade-new-buildings h3{font-size:14px;color:#ebd399}.upgrade-new-buildings article{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0}.upgrade-new-buildings b{font-size:12px}.upgrade-new-buildings small{font-size:11px;color:#b8d4cc}.upgrade-new-buildings button{min-height:40px;font-size:11px;padding:7px 12px}