.strategic-resource-strip{position:absolute;z-index:7;left:50%;top:16px;transform:translateX(-50%);display:flex;background:#071016e8;border:1px solid #3b4d52;box-shadow:0 14px 40px #0009;backdrop-filter:blur(14px)}
.strategic-resource-strip button{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;min-width:180px;padding:9px 12px;background:transparent;border:0;border-right:1px solid #2b3b40;color:#e7efed;text-align:left;cursor:pointer}.strategic-resource-strip button:last-child{border-right:0}.strategic-resource-strip button:hover{background:#142724}.strategic-resource-strip i{width:26px;height:26px;display:grid;place-items:center;border:1px solid #8e7848;color:#dfbb70;background:#2d2516;font-style:normal}.strategic-resource-strip small,.strategic-resource-strip strong{display:block}.strategic-resource-strip small{font-size:.48rem;letter-spacing:.12em;color:#809196}.strategic-resource-strip strong{font:700 .82rem "Barlow Condensed"}.strategic-resource-strip em{font-style:normal;font-size:.52rem;color:#58d3b8}
.queue-icon.build{color:#57d5c4;background:#102a27}
.fair-play-banner{display:grid;grid-template-columns:170px 1fr;gap:3px 18px;padding:18px 20px;margin-bottom:14px;background:linear-gradient(115deg,#102b27,#11171d 68%);border:1px solid #315d54;box-shadow:inset 3px 0 #58d3b8}.fair-play-banner span{grid-row:1/3;align-self:center;color:#58d3b8;font-size:.58rem;font-weight:800;letter-spacing:.17em}.fair-play-banner strong{font:700 1.15rem "Barlow Condensed"}.fair-play-banner p{margin:0;color:#8fa09f;font-size:.68rem;line-height:1.4}
.development-resources{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.development-resources article{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:11px;padding:13px 14px;background:#10161d;border:1px solid #26333b}.development-resources i{width:36px;height:36px;display:grid;place-items:center;background:#272215;border:1px solid #5b5035;color:#deb86c;font-style:normal}.development-resources small,.development-resources strong,.development-resources em{display:block}.development-resources small{color:#75878e;font-size:.52rem;letter-spacing:.12em}.development-resources strong{font:700 1.05rem "Barlow Condensed";margin-top:3px}.development-resources em{color:#55cfae;font-size:.55rem;font-style:normal;margin-top:2px}
.last-development-completion{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5px 14px;margin-bottom:14px;padding:12px 16px;border:1px solid #4c665d;background:linear-gradient(100deg,#122620,#10161d 70%);box-shadow:inset 3px 0 #58d3b8}.last-development-completion span{color:#58d3b8;font-size:.52rem;font-weight:800;letter-spacing:.14em}.last-development-completion strong{font:700 1rem "Barlow Condensed";color:#e1ece8}.last-development-completion p{grid-column:3;margin:0;color:#93a7a3;font-size:.6rem;text-align:right}.last-development-completion:focus-within{outline:2px solid #9bf5e8;outline-offset:3px}
.development-production{display:grid;grid-template-columns:auto repeat(2,minmax(130px,1fr));align-items:center;gap:8px 18px;margin-bottom:14px;padding:12px 16px;border:1px solid #435f59;background:linear-gradient(100deg,#101f20,#10161d 70%);box-shadow:inset 3px 0 #d7ad63}.development-production>span{color:#d7ad63;font-size:.52rem;font-weight:800;letter-spacing:.14em}.development-production div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-left:14px;border-left:1px solid #314742}.development-production strong{font:600 .75rem "Barlow Condensed";color:#dce6e3}.development-production em{font-style:normal;color:#72d9c3;font-size:.62rem;white-space:nowrap}
.passive-storage{display:grid;gap:8px;margin-bottom:14px;padding:11px 16px;border:1px solid #3c5155;background:#0e171d}.passive-storage>span{color:#d7ad63;font-size:.52rem;font-weight:800;letter-spacing:.14em}.passive-storage>small{margin:0;color:#e0bb70;font-size:.56rem;letter-spacing:.04em}.passive-storage-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.passive-storage-row{display:grid;gap:4px;padding:9px 11px;border:1px solid #2d4146;background:#101a20}.passive-storage-row strong{color:#d7ad63;font-size:.56rem;letter-spacing:.1em}.passive-storage-row b{font:700 1rem "Barlow Condensed";color:#dce6e3}.passive-storage-row p,.passive-storage-row small{margin:0;color:#8da19e;font-size:.6rem}.passive-storage-row small{color:#e0bb70;letter-spacing:.04em}.passive-storage[data-passive-storage-state="unavailable"],.passive-storage-row[data-passive-storage-state="unavailable"]{border-color:#5c5140}
.construction-live,.construction-idle{margin-bottom:15px;border:1px solid #395a55;background:linear-gradient(90deg,#102622,#11171d);padding:15px 18px}.construction-live{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center}.construction-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #58d3b8;background:#17312d;color:#68e0c9;font-size:1.2rem;animation:constructionPulse 2s ease-in-out infinite}.construction-live small,.construction-live strong,.construction-live span{display:block}.construction-live small,.construction-idle span{color:#58d3b8;font-size:.53rem;font-weight:800;letter-spacing:.14em}.construction-live strong,.construction-idle strong{font:700 1.05rem "Barlow Condensed";margin:4px 0}.construction-live span{color:#91aaa7;font-size:.58rem;text-align:right;margin-top:4px}.construction-progress{height:5px;background:#1d302e;overflow:hidden}.construction-progress i{display:block;height:100%;background:linear-gradient(90deg,#d7ad63,#59dcc2);box-shadow:0 0 14px #59dcc277;transition:width .5s}.construction-idle{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:0 16px}.construction-idle strong{margin:0}.construction-idle small{grid-column:2;color:#83928f;font-size:.6rem}@keyframes constructionPulse{50%{box-shadow:0 0 22px #59dcc244}}
.next-development-opportunity{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:16px;margin-bottom:15px;padding:15px 18px;border:1px solid #51675e;background:linear-gradient(112deg,#102421,#10161d 64%);box-shadow:inset 3px 0 #d7ad63}.next-development-opportunity[data-next-development-state="ready"]{border-color:#5a897e;background:linear-gradient(112deg,#12312a,#10181d 64%)}.next-development-opportunity[data-next-development-state="max"]{grid-template-columns:minmax(0,1fr);border-color:#37454a;background:#10161d;box-shadow:inset 3px 0 #647278}.next-development-copy,.next-development-costs,.next-development-costs div{min-width:0}.next-development-copy>span,.next-development-costs small{display:block;color:#d7ad63;font-size:.53rem;font-weight:800;letter-spacing:.14em}.next-development-copy h2{margin:5px 0;font:700 1.25rem "Barlow Condensed";overflow-wrap:anywhere}.next-development-copy p{margin:0;color:#a9b9b7;font-size:.67rem;line-height:1.45}.next-development-copy>small{display:block;margin-top:7px;color:#d5ae61;font-size:.58rem;line-height:1.4;overflow-wrap:anywhere}.next-development-costs{display:grid;gap:10px;align-content:center;border-left:1px solid #3a514d;padding-left:16px}.next-development-costs div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.next-development-costs small{grid-column:1/-1;color:#7e9691}.next-development-costs span,.next-development-costs strong{min-width:0;color:#dce6e3;font:600 .66rem "Barlow Condensed";overflow-wrap:anywhere}.next-development-costs strong{grid-column:1/-1;color:#e0bb70;font-family:Inter,sans-serif;font-size:.6rem;line-height:1.45}
.development-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.building-card{display:grid;grid-template-columns:132px 1fr;min-height:250px;background:#10151b;border:1px solid #263139;overflow:hidden;transition:.2s}.building-card:hover{border-color:#52625f;transform:translateY(-2px);box-shadow:0 14px 34px #0005}.building-visual{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 65%,#24413c,#0a1115 68%);border-right:1px solid #263139;overflow:hidden}.building-visual:after{content:"";position:absolute;inset:auto -30px 0;height:34%;background:linear-gradient(transparent,#05080b)}.building-visual>span{position:absolute;left:12px;top:12px;width:29px;height:29px;display:grid;place-items:center;border:1px solid #bea05f;color:#d9b56a;background:#2c2518;z-index:2}.building-visual>b{position:absolute;left:12px;bottom:11px;z-index:3;font-size:.55rem;letter-spacing:.12em;color:#67d9c1}.building-silhouette{position:relative;width:76px;height:105px;filter:drop-shadow(0 12px 18px #000)}.building-silhouette i{position:absolute;bottom:0;background:linear-gradient(90deg,#18252a,#36534f 55%,#18262b);border:1px solid #46625d}.building-silhouette i:nth-child(1){left:12px;width:52px;height:75px}.building-silhouette i:nth-child(2){left:24px;width:28px;height:104px}.building-silhouette i:nth-child(3){left:0;width:76px;height:13px}.building-card.workshop .building-silhouette i:nth-child(2){height:55px;left:4px}.building-card.intel-center .building-silhouette i:nth-child(2){width:8px;height:120px;left:34px}.building-card.warehouse .building-silhouette i:nth-child(1){width:72px;height:48px;left:2px}.building-copy{padding:16px}.building-copy>div:first-child{display:flex;justify-content:space-between;gap:10px}.building-copy>div:first-child small{color:#d5ae61;font-size:.5rem;font-weight:800;letter-spacing:.14em}.building-copy>div:first-child span{color:#5bd6bb;font-size:.5rem}.building-copy h3{font:700 1.35rem "Barlow Condensed";margin:6px 0}.building-copy p{min-height:47px;margin:0;color:#85949a;font-size:.65rem;line-height:1.48}.building-effect{display:block;margin-top:11px;padding:8px 9px;background:#13231f;border-left:2px solid #58d3b8;color:#83ddca;font-size:.63rem}.building-cost{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.building-cost span{padding:5px 7px;background:#0a0f13;border:1px solid #273239;color:#c5ccca;font-size:.55rem}.building-copy button{width:100%;margin-top:10px;padding:10px;border:1px solid #8a7446;background:linear-gradient(#2b2519,#1b1812);color:#e0bc70;font-size:.6rem;font-weight:800;letter-spacing:.06em;cursor:pointer}.building-copy button:hover:not(:disabled){background:#d6b36a;color:#090b0d}.building-copy button:disabled{border-color:#30393c;background:#171d20;color:#626f72;cursor:not-allowed}
.development-footer{display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #253138;color:#77878c;font-size:.55rem}.development-loading{display:grid;place-items:center;gap:10px;padding:80px 20px;color:#849399}.development-loading span{font-size:2rem;color:#58d3b8}.development-loading strong{font:700 1.3rem "Barlow Condensed";color:#d9e5e2}.development-loading small{font-size:.65rem}
@media(max-width:1100px){.strategic-resource-strip{display:none}.development-grid{grid-template-columns:1fr}}
@media(max-width:620px){.fair-play-banner,.construction-idle,.next-development-opportunity,.last-development-completion,.development-production{grid-template-columns:1fr}.fair-play-banner span{grid-row:auto}.development-resources{grid-template-columns:1fr}.passive-storage-rows{grid-template-columns:1fr}.construction-idle small{grid-column:1}.last-development-completion p{grid-column:1;text-align:left}.development-production div{padding:8px 0 0;border-left:0;border-top:1px solid #314742}.next-development-costs{border-left:0;border-top:1px solid #3a514d;padding:10px 0 0}.next-development-costs div{grid-template-columns:1fr}.building-card{grid-template-columns:95px 1fr}.development-footer{display:grid}.building-copy p{min-height:0}}

/* Strategic-object pass: visual detail only; all progression data stays server supplied. */
.development-grid{perspective:900px}.building-card{isolation:isolate;background:linear-gradient(135deg,#101820,#090f14)}.building-card:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(115deg,transparent 0 48%,#54d5c508 49% 50%,transparent 51%);pointer-events:none}.building-card>*{position:relative;z-index:1}.building-card.built .building-visual{background:radial-gradient(circle at 50% 62%,#2b544c,#0a1115 70%)}.building-card.unbuilt .building-visual{filter:saturate(.6);background:radial-gradient(circle at 50% 62%,#293137,#0a1115 70%)}.building-card.unbuilt .building-silhouette{opacity:.72}.building-visual:before{content:"";position:absolute;inset:12px;background:repeating-linear-gradient(0deg,transparent 0 8px,#72dfcf0b 9px 10px);border:1px solid #54d5c51f}.building-card:hover:not(:has(button:disabled)),.building-card:focus-within{border-color:#5c9b91;box-shadow:0 0 0 1px #54d5c540,0 18px 42px #0008}.building-card:focus-within{transform:translateY(-2px)}.building-copy>div:first-child span{padding:4px 6px;border:1px solid #3c645e;background:#0e2522;letter-spacing:.08em}.building-card.unbuilt .building-copy>div:first-child span{border-color:#5c5140;background:#201c16;color:#d9b56a}.building-cost span:first-child{border-color:#675835;color:#e0bb70}.building-cost span:nth-child(2){border-color:#35645d;color:#73d9c6}.building-cost span:nth-child(3){border-color:#4c4b74;color:#aaa4eb}.building-copy button:focus{outline:2px solid #9bf5e8;outline-offset:3px}.construction-live{position:relative;overflow:hidden}.construction-live:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 36%,#72dfcf12 48%,transparent 60%);transform:translateX(-120%);animation:constructionSweep 3s ease-in-out infinite;pointer-events:none}@keyframes constructionSweep{to{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){.building-card,.building-card:hover:not(:has(button:disabled)),.building-card:focus-within{transition:none;transform:none}.construction-live:after{animation:none}.construction-icon{animation:none}.construction-progress i{transition:none}}
.development-specialization{margin:0 0 15px;padding:14px 16px;border:1px solid #465c57;background:linear-gradient(105deg,#122522,#10161d 75%);box-shadow:inset 3px 0 #d7ad63}.development-specialization>span{display:block;color:#d7ad63;font-size:.53rem;font-weight:800;letter-spacing:.14em}.development-specialization>strong{display:block;margin-top:5px;color:#e0e8e5;font:700 1.05rem "Barlow Condensed"}.development-specialization p{margin:5px 0 0;color:#a9b9b7;font-size:.62rem;line-height:1.45}.development-specialization>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.development-specialization button{min-width:0;padding:10px;border:1px solid #6d6041;background:#1c1a14;color:#e0bc70;text-align:left;font-size:.62rem;font-weight:800;cursor:pointer}.development-specialization button:hover{background:#d6b36a;color:#090b0d}.development-specialization button small{display:block;margin-top:4px;color:#b9b4a2;font-size:.56rem;font-weight:500}.development-specialization button:focus{outline:2px solid #9bf5e8;outline-offset:3px}@media(max-width:620px){.development-specialization>div{grid-template-columns:1fr}}

.building-readiness{min-height:2.4em;margin:10px 0 0;padding:7px 9px;border-left:2px solid #637276;background:#10181d;color:#a8b5b5;font-size:.58rem;line-height:1.42}.building-readiness[data-building-readiness-state="ready"]{border-color:#57d5c4;background:#102722;color:#8de1d0}.building-readiness[data-building-readiness-state="resources"],.building-readiness[data-building-readiness-state="prerequisite"]{border-color:#d7ad63;background:#211d15;color:#e2c98d}.building-readiness[data-building-readiness-state="queue"]{border-color:#697d91;background:#151d24;color:#aebfcc}.building-readiness[data-building-readiness-state="max"]{border-color:#5a6b70;background:#12191d;color:#a5b0b1}

/* Touch audit: cards may shrink, but their information and primary action may not overflow. */
.building-card{grid-template-columns:132px minmax(0,1fr)}.building-copy{min-width:0}.building-copy h3{overflow-wrap:anywhere}.building-copy button{min-height:44px;touch-action:manipulation}
@media(max-width:620px){.building-card{grid-template-columns:88px minmax(0,1fr)}.building-copy{padding:14px}.building-visual>span{left:8px;top:8px}.building-visual>b{left:8px;bottom:8px}.building-silhouette{transform:scale(.86)}}