.game-resources { --resource-accent:#c1b47d; min-width:0; color:#eee9d4; font-variant-numeric:tabular-nums; }
.resources-detail { margin:18px 0 22px; padding:18px 22px 14px; background:linear-gradient(115deg,#26372f,#1c2b28 70%,#283129); border:1px solid #65705a; border-radius:16px; box-shadow:inset 0 1px #b7aa6133; }
.resource-heading { display:flex; align-items:center; flex-wrap:wrap; gap:12px; font-size:12px; margin-bottom:14px; }
.resource-heading b { color:#dbd1a4; font-size:13px; letter-spacing:.08em; }
[data-resource-state] { color:#a7ccaf; }
[data-resource-state]::before { content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor; margin-right:6px; }
.resource-values { display:flex; flex-wrap:wrap; align-items:center; gap:14px 24px; }
.resource-item { display:grid; grid-template-columns:30px auto; grid-template-rows:auto auto; gap:2px 9px; align-items:center; min-width:0; }
.resource-caption { font-size:11px; color:#b5bdb2; }
.resource-item strong { font-size:22px; line-height:1.15; font-weight:650; white-space:nowrap; }
.resource-gold strong { color:#ecd790; }
.gold-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:18px; width:100%; }
.gold-summary article { background:#101c1860; border:1px solid #87967044; border-radius:12px; padding:14px 16px; min-width:0; }
.gold-period-note { grid-column:1/-1; margin:0; color:#c9d4cb; font-size:13px; line-height:1.5; }
.gold-summary strong { display:block; color:#ecd790; font-size:20px; line-height:1.5; margin:5px 0; overflow-wrap:anywhere; }
.gold-summary p,.gold-summary small { color:#b8c5bb; font-size:12px; line-height:1.7; margin:6px 0; }
.gold-summary summary { cursor:pointer; color:#b8c5bb; font-size:12px; }
.gold-summary details[open] summary { color:#ecd790; }
.resources-compact .gold-summary { order:3; display:flex; flex-wrap:wrap; gap:7px 16px; margin-top:0; width:100%; }
.resources-compact .gold-summary article { padding:0; background:none; border:0; display:flex; gap:8px; align-items:center; }
.resources-compact .gold-summary .resource-caption { position:static; width:auto; height:auto; clip-path:none; }
.resources-compact .gold-summary strong { font-size:15px; margin:0; }
.resources-compact .gold-summary details,.resources-compact .gold-summary article p,.resources-compact .gold-period-note { display:none; }
@media (max-width:1100px) { .resources-detail .gold-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .resources-detail .gold-summary { grid-template-columns:1fr; } .gold-summary strong { font-size:18px; } }
.resource-icon { grid-row:1 / 3; display:block; width:30px; height:32px; overflow:hidden; font-style:normal; text-align:center; align-content:center; }
.icon-orders,.icon-geste,.icon-silver,.icon-gold { background-image:url('/static/resource-strip.png'); background-size:781.5px 50.25px; background-repeat:no-repeat; }
.icon-orders { background-position:-142px -8px; }
.icon-geste { background-position:-301px -8px; }
.icon-silver { background-position:-461px -8px; }
.icon-gold { background-position:-628px -8px; }
.icon-vip,.icon-activity { color:#ecd790; font-size:10px; border:1px solid #827952; border-radius:7px; background:#394234; height:28px; }
.icon-activity { color:#a6ccba; border-color:#63766a; font-size:16px; }
.resource-foot { display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:13px; color:#aab5ad; font-size:11px; }
.game-resources.is-stale .resource-values { filter:saturate(.4); opacity:.7; }
.game-resources.is-stale [data-resource-state] { color:#bcc0b6; }
.fleet-account-row { row-gap:8px; padding-block:12px; }
.fleet-resource-cell { grid-column:2 / -1; min-width:0; }
.resources-compact { display:flex; flex-wrap:wrap; align-items:center; gap:5px 14px; padding-top:6px; border-top:1px solid #ffffff09; }
.resources-compact .resource-values { gap:6px 18px; order:0; }
.resources-compact .resource-item { display:flex; gap:5px; }
.resources-compact .resource-item strong { font-size:13px; font-weight:600; }
.resources-compact .resource-caption { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.resources-compact .resource-icon { zoom:.6; }
.resources-compact .resource-heading { order:1; margin:0; font-size:10px; }
.resources-compact .resource-heading b { display:none; }
.resources-compact .resource-foot { order:2; margin:0; font-size:10px; }
.resources-compact [data-resource-activity] { display:none; }
@media (max-width:760px) {
  .resources-detail { padding:15px; }
  .resources-detail .resource-values { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 8px; }
  .resource-item strong { font-size:19px; }
  .fleet-account-row > .fleet-resource-cell[role="cell"] { grid-column:2 / -1; }
  .resources-compact .resource-values { gap:9px 14px; }
}