/* Catalogue: shelf placement and comparison feedback, not a hero animation. */
.v4-lobby.home-stage .tile-grid { perspective: 1100px; }
.v4-lobby.home-stage .game-tile { transform-origin: 50% 95%; }
.v4-lobby.home-stage .game-tile > img,
.v4-lobby.home-stage .game-tile:hover > img { transform: none; transition: none; }
.v4-lobby.home-stage .game-tile:has(.compare-choice:checked) {
  box-shadow: inset 0 0 0 2px #b69aff;
  border-color: #d0baff;
}
.v4-lobby.home-stage .tile-bottom label { transition: color 130ms ease; }
.v4-lobby.home-stage .tile-bottom label:has(input:checked) { color: #d6ffea; }
.v4-lobby.home-stage .tile-bottom > a > span {
  display: inline-block;
  transition: transform 160ms cubic-bezier(.23,1,.32,1);
}
.v4-lobby.home-stage .filter { transition: transform 120ms cubic-bezier(.23,1,.32,1), background-color 140ms ease; }
.v4-lobby.home-stage .lobby-top .play-link,
.v4-lobby.home-stage .lobby-top .play-link:hover {
  transform: none;
  transition: transform 120ms cubic-bezier(.23,1,.32,1), box-shadow 140ms ease;
}
.v4-lobby.home-stage .lobby-top .play-link > span {
  display: inline-block;
  transition: transform 170ms cubic-bezier(.23,1,.32,1);
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .v4-lobby.home-stage:not([data-motion-input="keyboard"]) .tile-bottom > a:hover > span { transform: translateX(5px); }
  .v4-lobby.home-stage:not([data-motion-input="keyboard"]) .lobby-top .play-link:hover { transform: none; box-shadow: 0 7px 0 #277f70; }
  .v4-lobby.home-stage:not([data-motion-input="keyboard"]) .lobby-top .play-link:hover > span { transform: translate(3px,-2px); }
}
@media (prefers-reduced-motion:no-preference) {
  .v4-lobby.home-stage:not([data-motion-input="keyboard"]) .filter:active { transform: translateY(2px); }
  .v4-lobby.home-stage:not([data-motion-input="keyboard"]) .lobby-top .play-link:active { transform: translateY(3px); box-shadow: 0 2px 0 #277f70; }
}
.v4-lobby.home-stage[data-motion-input="keyboard"] .filter,
.v4-lobby.home-stage[data-motion-input="keyboard"] .play-link,
.v4-lobby.home-stage[data-motion-input="keyboard"] .play-link > span,
.v4-lobby.home-stage[data-motion-input="keyboard"] .tile-bottom > a > span { transition: none; }
@media (prefers-reduced-motion:reduce) {
  .v4-lobby.home-stage .filter,
  .v4-lobby.home-stage .play-link,
  .v4-lobby.home-stage .play-link > span,
  .v4-lobby.home-stage .tile-bottom > a > span { transition: none; }
}
.v4-lobby.home-stage .play-link::after { content: none; display: none; }