.building-catalog{--accent:#80b8cf}
.building-note{max-width:70ch;color:#bac6d2}
.building-controls{display:flex;flex-wrap:wrap;gap:20px;margin:28px 0 16px}
.building-controls label{display:grid;gap:8px;flex:1;min-width:180px;color:#dce4eb}
.building-controls select{width:100%;min-height:48px;padding:12px;background:#10151c;color:#edf2f7;border:1px solid #586879;border-radius:4px;font:inherit}
.building-controls select:focus-visible{outline:2px solid #a0dfff;outline-offset:4px}
.building-controls[hidden],.building-card[hidden]{display:none!important}
.building-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.building-card{border:1px solid #344453;border-top:3px solid var(--accent);background:#10171f;border-radius:6px;overflow:hidden;min-width:0}
.building-card.category-resource{--accent:#85c39a}.building-card.category-energy{--accent:#d6b868}.building-card.category-military{--accent:#cb9392}.building-card.category-logistics{--accent:#9cbbd0}.building-card.category-research{--accent:#aaa5dc}.building-card.category-social{--accent:#bfaccc}
.building-art{width:100%;aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 76%,#203340 0, #121d27 52%,#10171f 80%)}
.building-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;cursor:default}
.building-placeholder{margin:24px;padding:30px 12px;border:1px dashed #607282;color:#b9c9d7;text-align:center;font-size:14px}
.building-copy{padding:20px;display:grid;grid-template-rows:72px 28px 88px 24px;align-content:start}
.building-copy h2{font-size:23px;line-height:28px;margin:0;overflow-wrap:anywhere}
.building-copy .building-category{font-size:13px;line-height:22px;color:var(--accent);margin:0}
.building-copy .building-description{font-size:14px;line-height:22px;margin:0;color:#c9d3de;overflow:visible}
.building-copy .building-stage{font-size:12px;line-height:20px;margin:0;color:#99adbe;align-self:end}
[data-building-count]{font-size:14px;color:#b9c9d7;min-height:22px}
@media(max-width:1000px){.building-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.building-grid{grid-template-columns:minmax(0,1fr);gap:20px}.building-controls{gap:16px}.building-controls label{flex-basis:100%}.building-copy{grid-template-rows:64px 28px 84px 24px}.building-copy h2{font-size:22px;line-height:27px}.building-copy .building-description{font-size:14px;line-height:21px}}