@tailwind base;@tailwind components;@tailwind utilities;.animate-fade-in{animation:fade-in 1s ease-out forwards}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in 1s ease-out both}@keyframes pop-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.animate-pop-in{animation:pop-in .4s ease-out both}.transition-roster{bottom:max(4rem,8vh);left:0;width:100%;padding:0 1.5rem;text-shadow:0 2px 20px #000,0 2px 8px #000}.transition-names,.transition-roster{position:absolute;pointer-events:none}.transition-names{inset:0;z-index:1;overflow:hidden}.transition-name{position:absolute;top:46%;left:50%;width:max-content;max-width:42vw;color:#fef3c7;font-size:clamp(1.5rem,3.6vw,3.25rem);font-weight:800;line-height:1.2;text-align:center;overflow-wrap:anywhere;text-shadow:0 0 16px rgb(250 204 21/50%),0 3px 12px #000;will-change:transform,opacity;animation:participant-fly-out 2s linear infinite both}@keyframes participant-fly-out{0%{opacity:0;transform:translate(-50%,-50%) translateZ(0) scale(.08)}15%{opacity:.8;transform:translate(-50%,-50%) translate3d(calc(var(--fly-x) * .06),calc(var(--fly-y) * .06),0) scale(.35)}40%{opacity:1;transform:translate(-50%,-50%) translate3d(calc(var(--fly-x) * .23),calc(var(--fly-y) * .23),0) scale(.85)}75%{opacity:1;transform:translate(-50%,-50%) translate3d(calc(var(--fly-x) * .6),calc(var(--fly-y) * .6),0) scale(1.6)}to{opacity:0;transform:translate(-50%,-50%) translate3d(var(--fly-x),var(--fly-y),0) scale(2.5)}}@media (prefers-reduced-motion:reduce){.transition-names{inset:8% 6% 45%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:1rem}.transition-name{position:static;width:auto;max-width:none;font-size:clamp(1rem,3vw,2rem);animation-name:participant-still;will-change:auto}}@keyframes participant-still{0%,to{opacity:1}}