/* Player pages only: profile, binder and QR cross-fade into each other, and binder pages turn. */
@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:.24s}
.player-binder-spread{view-transition-name:binder-page}
::view-transition-old(binder-page){animation:.2s ease-in both player-turn-out}
::view-transition-new(binder-page){animation:.26s ease-out both player-turn-in}
@keyframes player-turn-out{to{opacity:0;transform:scale(.985)}}
@keyframes player-turn-in{from{opacity:0;transform:scale(1.015)}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}