/* Keep both images painted so the first selected frame never swaps image URLs.
   The supplied wings have identical opaque silhouettes; the idle layer covers
   the blue layer until flight is selected. Dive retains its native artwork. */
#flyButton[data-flight-wings] span {
  position: relative;
  background-image: url('./ui-icons/flight-wings-active-32.png') !important;
  image-rendering: pixelated;
}
#flyButton[data-flight-wings] span::after {
  content: '';
  position: absolute;
  inset: 0;
  background: url('./ui-icons/flight-wings-32.png') center / contain no-repeat;
  image-rendering: pixelated;
  pointer-events: none;
}
#flyButton[data-flight-wings][aria-pressed="true"] span::after {
  opacity: 0;
}
#flyButton[data-flight-wings][aria-pressed="true"] {
  background: var(--accent);
}