Short and purposeful: motion shows what changed, never decorates. Everything honors reduced motion.
| Motion | Where | Reduced motion |
|---|
| Dice tumble (~1s) | Die, on a new rollId | Shows the result at once |
| story-pop (0.35s) | Something new appears: the call placard, a cup | None |
| seat-said pulse | A seat’s newest move in Play | None |
| The turn outline glides | Seat (framer-motion layoutId) | Jumps |
| The Hammer token slides | TableOrder | Jumps |
| Rows reorder | Standings | Jumps |
Do
- Keep transitions under 400ms, except a die’s tumble.
- Check prefers-reduced-motion (usePrefersReducedMotion, useReducedMotion).
Don’t
- Animate to decorate.
- Move anything the player is about to tap.