/* Turn emphasis is attached to the authoritative own seat, never the pot or cards. */
#poker-table[data-turn-attention="active"] .player-seat.is-you.is-turn,
#poker-table[data-turn-attention="arriving"] .player-seat.is-you.is-turn {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-primary) 26%, transparent), 0 0 18px color-mix(in srgb, var(--color-primary) 17%, transparent);
}
#poker-table:is([data-turn-attention="active"], [data-turn-attention="arriving"]) .is-you.is-turn .player-avatar {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  box-shadow: 0 0 16px color-mix(in srgb, var(--color-primary) 35%, transparent);
}
@media (prefers-reduced-motion: no-preference) {
  #poker-table[data-turn-attention="arriving"] .is-you.is-turn .player-avatar { animation: table-own-turn-arrive 900ms ease-in-out 2; }
  @keyframes table-own-turn-arrive {
    0%, 100% { outline-offset: 3px; box-shadow: 0 0 14px color-mix(in srgb, var(--color-primary) 28%, transparent); }
    50% { outline-offset: 5px; box-shadow: 0 0 0 5px color-mix(in srgb, var(--color-primary) 10%, transparent), 0 0 26px color-mix(in srgb, var(--color-primary) 48%, transparent); }
  }
}
#poker-table[data-motion="off"] .player-avatar { animation: none !important; }