/* Shared WebP atlases: 128px source cells for resources, 256px for weapons. */
.icon.dashboard-icon {
  display: inline-block;
  object-fit: contain;
  vertical-align: middle;
  flex-shrink: 0;
}
.resource-icon {
  display: inline-block;
  background-image: url('/ui-remastered/resource-icons-v2.webp');
  background-repeat: no-repeat;
  background-size: 400% 400%;
  background-position: var(--ix) var(--iy);
  font-style: normal;
  object-fit: contain;
  vertical-align: middle;
}
.weapon-icon {
  display: inline-block;
  background-image: url('/ui-remastered/weapon-icons-v2.webp');
  background-repeat: no-repeat;
  background-size: 300% 200%;
  background-position: var(--wx) var(--wy);
  font-style: normal;
  vertical-align: middle;
}
.ref-sprite {
  background-image: url('/ui-remastered/troop-icons-v2.webp');
}
.ref-weapon-skills .skill-weapon {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  border: 2px solid #527265;
  border-radius: 8px;
  background-color: #142d33;
  box-shadow:
    inset 0 0 18px #07171d77,
    0 3px 5px #0005;
}
.item-art > .weapon-icon,
.item-art > .resource-icon {
  width: 64px;
  height: 64px;
}
.tutorial-owl > .resource-icon {
  width: 100px;
  height: 100px;
}