/* Every UI object is a separate generated PNG with genuine transparency.
   Towers keep the portraits of their actual animated 3D models. */
.chest-art{background:url('/art/ui/supply-chest.png') center/contain no-repeat;transform:none;filter:drop-shadow(0 8px 9px #0005)}
.resource-art{display:inline-block;width:1em;height:1em;aspect-ratio:1;flex-shrink:0;vertical-align:middle;background-color:transparent;background-position:center;background-size:contain;background-repeat:no-repeat}
.resource-coin{background-image:url('/art/ui/coin.png')}
.resource-orb{background-image:url('/art/ui/orb.png')}
.resource-mission,.resource-campaign{background-image:url('/art/ui/campaign.png')}
.resource-arsenal{background-image:url('/art/ui/arsenal.png')}
.resource-supply{background-image:url('/art/ui/supply-chest.png')}
.resource-core{background-image:url('/art/ui/core.png')}
.resource-offerwall{background-image:url('/art/ui/offerwall.png')}
.resource-shortlinks{background-image:url('/art/ui/shortlinks.png')}
.resource-ptc{background-image:url('/art/ui/ptc.png')}
.coin-symbol.resource-art{width:35px;height:35px;filter:none;text-shadow:none}
.nav-icon.resource-art{width:31px;height:31px}
.overlay-emblem{width:68px;height:68px;margin-bottom:15px}
.faucet-coin{width:120px;height:120px;display:block;margin:15px auto 8px;filter:drop-shadow(0 10px 14px #0004)}
.partner-icon{background:transparent;border:0;box-shadow:none}
.partner-icon>.resource-art{width:42px;height:42px}
.battle-hud small{display:inline-flex;align-items:center;gap:4px}.battle-hud .resource-art{width:17px;height:17px}
.brand-mark.resource-art{width:42px;height:42px;background-color:transparent;border:0;border-radius:0;box-shadow:none}
@media(max-width:800px){.nav-icon.resource-art{width:27px;height:27px}.faucet-coin{width:100px;height:100px}}