html,body{background:var(--page-bg);width:100dvw;height:100dvh;margin:0;padding:0;overflow:hidden}:root{--page-fade:.25s;--content-slide:.32s}bg-root::part(content){view-transition-name:content}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--page-fade)}::view-transition-new(content):only-child{animation:content-in var(--content-slide) ease-out var(--page-fade) backwards}::view-transition-old(content):only-child{animation:content-out var(--content-slide) ease-in forwards}:root:active-view-transition-type(leave-game)::view-transition-old(root),:root:active-view-transition-type(leave-game)::view-transition-new(root){animation-delay:var(--content-slide);animation-fill-mode:backwards}@keyframes content-in{0%{opacity:0;transform:translate(24px)}}@keyframes content-out{to{opacity:0;transform:translate(24px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}