.resources.resource-bar{grid-template-columns:repeat(5,minmax(0,1fr)) repeat(2,minmax(175px,1.4fr));gap:9px;padding:10px 24px;align-items:stretch;overflow:visible}
html:has(.resource-bar){scroll-padding-top:130px}
.game-nav{top:125px;max-height:calc(100vh - 145px)}
.resource-bar .resource{gap:7px;border:1px solid #ffffff12;border-radius:6px;padding:7px;background:#ffffff03}
.resource-bar .resource img{width:31px;height:31px;flex:none}
.resource-bar .resource-values{min-width:0}
.resource-bar .resource strong{font-size:14px}
.resource-bar .resource .resource-net{display:inline;color:#a8c8a5;font-size:9px;font-weight:500;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap}
.resource-bar .resource .resource-net.is-negative{color:#dfad93}
.resource-bar .resource-net span{display:block;color:#84969e;font-size:8px}
.resource-bar .resource-status{position:relative;border:1px solid #ffffff16;border-radius:6px;padding:8px 9px;min-width:0;background:#ffffff03}
.resource-status-heading{display:flex;align-items:center;gap:6px;font-size:11px}
.resource-status-heading img{width:22px;height:22px;object-fit:contain;flex:none}
.resource-status p{font-size:10px;line-height:1.45;margin:4px 0;color:#9eafb7}
.resource-status p [data-countdown]{font-weight:700;color:#e1d4ae;white-space:nowrap}
.resource-status>a,.resource-status small{font-size:9px}
.resource-status.has-incoming{border-color:#b95b45;background:#482923}
.resource-status.has-incoming .resource-status-heading{color:#ffc2a4}
.resource-status.has-incoming p{color:#e7bbaa}
.resource-status details{border:0;margin:0;padding:0;background:transparent;color:#bfcad0;font-size:10px}
.resource-status details>summary{cursor:pointer;min-height:24px;display:flex;align-items:center;gap:5px}
.resource-status details>summary::before{content:'›';font-size:17px;line-height:1}
.resource-status details[open]>summary{margin-bottom:0}
.resource-status details[open]>summary::before{transform:rotate(90deg)}
.resource-order-list{position:absolute;right:0;top:calc(100% + 5px);width:340px;max-width:calc(100vw - 24px);max-height:300px;overflow:auto;padding:12px;background:#17232c;border:1px solid #58616a;border-radius:7px;box-shadow:0 8px 24px #0009;z-index:25}
.resource-order{display:flex;gap:10px;justify-content:space-between;padding:7px 0;border-bottom:1px solid #ffffff12;font-size:11px}
.resource-order>[data-countdown]{font-variant-numeric:tabular-nums;white-space:nowrap;color:#dfcfaa}
.resource-order-list>a{display:block;padding-top:10px;font-size:11px}
@media(max-width:1250px){html:has(.resource-bar){scroll-padding-top:185px}.resources.resource-bar{grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 18px}.resource-bar .resource-status{grid-column:span 2}.resource-bar .resource-status:last-child{grid-column:span 3}.resource-status-heading{font-size:11px}.resource-status p{display:inline;margin-right:8px}.game-nav{top:170px;max-height:calc(100vh - 190px)}}
@media(max-width:760px){.resources.resource-bar{gap:4px;padding:5px 7px}.resource-bar .resource{padding:4px 2px;display:block;text-align:center}.resource-bar .resource img{width:23px;height:23px;margin:auto}.resource-bar .resource strong{font-size:10px}.resource-bar .resource small{font-size:8px}.resource-bar .resource .resource-net{font-size:8px}.resource-bar .resource-net span{font-size:7px}.resource-bar .resource-status{padding:5px 7px}.resource-status-heading{font-size:9px;gap:4px}.resource-status-heading img{width:18px;height:18px}.resource-status p{display:block;font-size:8px;margin:2px 0}.resource-status details>summary{font-size:8px;min-height:24px}.resource-status>a{font-size:8px}.resource-order-list{width:330px}.resource-status.has-incoming p [data-countdown]{display:inline}.game-nav{top:auto;max-height:none}}
/* Status counters follow the same icon/label/value rhythm as stock cards. */
.resource-bar .resource-status{display:flex;align-items:center;gap:7px;padding:7px;border-color:#ffffff12;background:#ffffff03}.resource-bar .resource-status>img{width:31px;height:31px;object-fit:contain;flex:none}.resource-bar .resource-status .resource-values>small{display:block;font-size:10px}.resource-bar .resource-status .resource-values>strong{display:block;font-size:14px;font-variant-numeric:tabular-nums}.resource-bar .resource-status .resource-status-time{font-size:9px;color:#84969e}.resource-bar .resource-status.has-incoming{border-color:#b95b45;background:#482923}.resource-bar .resource-status.has-incoming .resource-status-time{color:#ffc2a4}.resource-bar .resource-status details>summary{font-size:9px;min-height:16px}.resource-bar .resource-status [data-countdown]{font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:760px){.resource-bar .resource-status{padding:4px 6px}.resource-bar .resource-status>img{width:23px;height:23px}.resource-bar .resource-status .resource-values>small{font-size:8px}.resource-bar .resource-status .resource-values>strong{font-size:10px}.resource-bar .resource-status .resource-status-time,.resource-bar .resource-status details>summary{font-size:8px}}
.resource-bar .resource-values>small:first-child{font-size:10px;line-height:1.4;font-weight:400;color:#a7bcc7}
@media(min-width:1251px){.resources.resource-bar{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:760px){.resource-bar .resource-values>small:first-child{font-size:8px}}
.resource-bar .resource-values>strong{overflow-wrap:anywhere}
@media(min-width:761px){.resource-bar .resource strong,.resource-bar .resource-status .resource-values>strong{font-size:clamp(11px,.85vw,14px)}}