/* The browser owns navigation/history. Unsupported engines keep normal links. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  img[src*="oddletics-wordmark"] { view-transition-name: club-brand; }
  ::view-transition { pointer-events: none; }
  ::view-transition-group(*) {
    animation-duration: 220ms;
    animation-timing-function: cubic-bezier(.2, .7, .2, 1);
  }
  ::view-transition-old(root) { animation: page-out 140ms ease-out both; }
  ::view-transition-new(root) { animation: page-in 200ms cubic-bezier(.2, .7, .2, 1) both; }
  ::view-transition-old(club-brand), ::view-transition-new(club-brand) {
    animation-duration: 180ms;
  }
  dialog[open] { animation: panel-in 180ms cubic-bezier(.2, .7, .2, 1) both; }
  @keyframes page-out { to { opacity: 0; } }
  @keyframes page-in { from { opacity: 0; transform: translateY(5px); } }
  @keyframes panel-in { from { opacity: 0; translate: 0 6px; scale: .99; } }
}
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  dialog[open] { animation: none; }
}