/* Exactly two yellow squares are shown for the latest completed move. */
.square.last-move {
  background-image: none !important;
}

.square.last-move-from {
  background-image: linear-gradient(
    rgba(247, 232, 93, .62),
    rgba(247, 232, 93, .62)
  ) !important;
}

.square.last-move-to {
  background-image: linear-gradient(
    rgba(244, 218, 45, .82),
    rgba(244, 218, 45, .82)
  ) !important;
}

.square.last-move-to .premium-piece .piece-svg,
.square.last-move-to .piece-svg {
  animation: premium-piece-land .22s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  .square.last-move-to .premium-piece .piece-svg,
  .square.last-move-to .piece-svg {
    animation: none;
  }
}