.five-alive[data-v-5a6745db]{display:flex;flex-direction:column;min-height:100svh}[data-v-5a6745db] .page-header{grid-template-areas:"title navigation" "controls controls"}[data-v-5a6745db] .page-header .button-list{grid-area:controls;justify-self:flex-end}@media (width >= 380px){[data-v-5a6745db] .page-header{grid-template:var(--navigation-height)/1fr auto auto;grid-template-areas:"title controls navigation"}}.content[data-v-5a6745db]{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;padding:var(--sp-lg)}.game[data-v-5a6745db]{max-width:500px;position:relative;width:100%}.board[data-v-5a6745db]{background-color:var(--fg-down);display:grid;gap:2px;grid-template-columns:repeat(5,1fr)}.content[data-winner] .board[data-v-5a6745db]{background-color:color-mix(in hsl shorter hue,var(--fg-down) 50%,transparent 0%)}.tile[data-v-5a6745db]{background-color:var(--bg)}.content[data-winner] .tile[data-v-5a6745db]{color:var(--fg-down)}.content[data-winner] .tile[data-winning=true][data-v-5a6745db]{color:var(--fg-accent)}.content[data-winner] .tile[data-winning=true][data-v-5a6745db] .token:after,.content[data-winner] .tile[data-winning=true][data-v-5a6745db] .token:before{animation:win-throb-5a6745db 1.1s ease-in-out infinite}.turn-indicator[data-v-5a6745db]{color:var(--fg-down);font-family:var(--font);font-weight:700;letter-spacing:.1em;padding-top:var(--sp-lg);text-transform:uppercase;text-wrap:pretty}.content[data-winner] .turn-indicator[data-v-5a6745db]{animation:win-throb-5a6745db 1.1s ease-in-out infinite;color:var(--fg-accent)}.board[data-winner][data-v-5a6745db]{pointer-events:none}hr[data-v-5a6745db]{margin-block-end:var(--sp-md);opacity:.4}@keyframes win-throb-5a6745db{0%,to{opacity:1}50%{opacity:.6}}