/* Mythox motion tokens, Phase 6 draft. */
:root {
  --mx-dur-fast: 120ms;     /* press, hover, toggles */
  --mx-dur-base: 220ms;     /* panels, bars, chips */
  --mx-dur-slow: 420ms;     /* banners, rank-up */
  --mx-dur-hero: 1800ms;    /* wave and result announcements (total on-screen time) */
  --mx-ease: cubic-bezier(0.2, 0.8, 0.2, 1);        /* arrive: fast then settle */
  --mx-ease-in: cubic-bezier(0.5, 0, 0.9, 0.4);      /* leave */
  --mx-ease-pop: cubic-bezier(0.34, 1.45, 0.5, 1);   /* small overshoot for badges */
  --mx-stagger: 80ms;
}
/* Reduced motion: no movement, only quick fades. Components still show every state. */
@media (prefers-reduced-motion: reduce) {
  :root { --mx-dur-fast: 1ms; --mx-dur-base: 1ms; --mx-dur-slow: 1ms; }
  .mx-motion, .mx-motion * { animation-duration: 1ms !important; animation-delay: 0ms !important; animation-iteration-count: 1 !important; }
}