/* Match the account CTA without moving the surrounding layout. */
:is(#map-play, #marathon-play, #ladder-play) {
  transition: filter .15s, transform .15s;
}

@media (hover: hover) and (pointer: fine) {
  :is(#map-play, #marathon-play, #ladder-play):enabled:hover {
    filter: brightness(1.12);
    transform: translateY(-2px);
  }
}

:is(#map-play, #marathon-play, #ladder-play):enabled:focus-visible {
  filter: brightness(1.12);
  transform: translateY(-2px);
}

:is(#map-play, #marathon-play, #ladder-play):enabled:active {
  filter: brightness(1.06);
  transform: translateY(0);
}

body.comfort-mode :is(#map-play, #marathon-play, #ladder-play) {
  transition: none;
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  :is(#map-play, #marathon-play, #ladder-play) {
    transition: none;
    transform: none !important;
  }
}