/* Atlas: a travelling selector frame and a directional symbol stage. */
.v4-symbols.home-stage .symbol-picker { position: relative; }
.v4-symbols.home-stage .symbol-picker button,
.v4-symbols.home-stage .symbol-picker button:hover { transform: none; }
.v4-symbols.home-stage .symbol-picker button {
  transition: background-color 140ms ease, color 140ms ease;
}
.v4-symbols.home-stage .atlas-motion-cursor {
  position: absolute;
  inset: 0 auto auto 0;
  border: 2px solid #beffe6;
  border-radius: 12px;
  box-shadow: 0 0 0 3px #82ffd31a;
  pointer-events: none;
  z-index: 2;
}
.v4-symbols.home-stage .symbol-visual { isolation: isolate; }
.v4-symbols.home-stage #joker-portrait,
.v4-symbols.home-stage #large-symbol { transform-origin: 50% 60%; }
.v4-symbols.home-stage .detail-link > span,
.v4-symbols.home-stage .atlas-header-tools .play-link > span {
  display: inline-block;
  transition: transform 170ms cubic-bezier(.23,1,.32,1);
}
.v4-symbols.home-stage .atlas-header-tools .play-link,
.v4-symbols.home-stage .atlas-header-tools .play-link:hover { transform: none; transition: transform 120ms cubic-bezier(.23,1,.32,1); }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .v4-symbols.home-stage:not([data-motion-input="keyboard"]) .detail-link:hover > span { transform: translateX(4px); }
  .v4-symbols.home-stage:not([data-motion-input="keyboard"]) .atlas-header-tools .play-link:hover { transform: none; }
  .v4-symbols.home-stage:not([data-motion-input="keyboard"]) .atlas-header-tools .play-link:hover > span { transform: rotate(45deg); }
}
@media (prefers-reduced-motion:no-preference) {
  .v4-symbols.home-stage:not([data-motion-input="keyboard"]) .atlas-header-tools .play-link:active { transform: scale(.98); }
}
.v4-symbols.home-stage[data-motion-input="keyboard"] .symbol-picker button,
.v4-symbols.home-stage[data-motion-input="keyboard"] .play-link,
.v4-symbols.home-stage[data-motion-input="keyboard"] .play-link > span,
.v4-symbols.home-stage[data-motion-input="keyboard"] .detail-link > span { transition: none; }
@media (prefers-reduced-motion:reduce) {
  .v4-symbols.home-stage .symbol-picker button,
  .v4-symbols.home-stage .play-link,
  .v4-symbols.home-stage .play-link > span,
  .v4-symbols.home-stage .detail-link > span { transition: none; }
}
.v4-symbols.home-stage .play-link::after { content: none; display: none; }