.pip[data-v-fe93a852]{aspect-ratio:1;background-color:currentcolor;border-radius:50%;left:0;opacity:1;position:absolute;top:0;transition-duration:.3s;transition-timing-function:ease-out;width:7px;z-index:1}.--unspawned[data-v-fe93a852]{opacity:0;transition:none}.--spawning[data-v-fe93a852]{animation:spawning-fe93a852 .2s ease;opacity:1;transition-property:opacity}.--spawned[data-v-fe93a852]{opacity:1;transition-property:translate}@keyframes spawning-fe93a852{0%{top:-5px}to{top:0}}.tile[data-v-af3c0cfd]{align-items:flex-end;aspect-ratio:1;cursor:not-allowed;display:flex;justify-content:center;padding-block-end:.5rem;position:relative}.tile[data-player=none][data-v-af3c0cfd]{cursor:pointer}.board[data-player=O] .tile[data-player=none]:hover .token[data-player=O][data-v-af3c0cfd],.board[data-player=X] .tile[data-player=none]:hover .token[data-player=X][data-v-af3c0cfd]{cursor:pointer;opacity:.5}.token[data-v-af3c0cfd]{align-items:center;aspect-ratio:1;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;text-align:center;transition:opacity .5s ease;width:100%}.token[data-player=X][data-v-af3c0cfd]:after,.token[data-player=X][data-v-af3c0cfd]:before{border-top:3px dotted;content:"";height:0;position:absolute;width:calc(100% - 3rem)}.token[data-player=X][data-v-af3c0cfd]:before{rotate:-45deg}.token[data-player=X][data-v-af3c0cfd]:after{rotate:45deg}.tile[data-player=X] .token[data-player=X][data-v-af3c0cfd]{opacity:1}.tile[data-player=X] .token[data-player=X][data-v-af3c0cfd]:after,.tile[data-player=X] .token[data-player=X][data-v-af3c0cfd]:before{border-top:3px solid}.token[data-player=O][data-v-af3c0cfd]:before{aspect-ratio:1;border:3px dotted;border-radius:50%;content:"";width:calc(100% - 3rem)}.tile[data-player=O] .token[data-player=O][data-v-af3c0cfd]{opacity:1}.tile[data-player=O] .token[data-player=O][data-v-af3c0cfd]:before{border-style:solid}.pip-slots[data-v-af3c0cfd]{color:var(--fg-down);display:flex;gap:4px;transition:opacity .5s ease}.pip-slots div[data-v-af3c0cfd]{aspect-ratio:1;background-color:currentcolor;border-radius:50%;opacity:.25;width:7px}.tile[data-player=none] .pip-slots[data-v-af3c0cfd]{opacity:0}.five-alive[data-v-d5f36fd8]{display:flex;flex-direction:column;min-height:100svh}[data-v-d5f36fd8] .page-header{grid-template-areas:"title navigation" "controls controls"}[data-v-d5f36fd8] .page-header .button-list{grid-area:controls;justify-self:flex-end}@media (width >= 380px){[data-v-d5f36fd8] .page-header{grid-template:var(--navigation-height)/1fr auto auto;grid-template-areas:"title controls navigation"}}.content[data-v-d5f36fd8]{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;padding:var(--sp-lg)}.game[data-v-d5f36fd8]{max-width:500px;position:relative;width:100%}.board[data-v-d5f36fd8]{background-color:var(--fg-down);display:grid;gap:2px;grid-template-columns:repeat(5,1fr)}.content[data-winner] .board[data-v-d5f36fd8]{background-color:oklch(from var(--fg-down) l c h/50%)}.tile[data-v-d5f36fd8]{background-color:var(--bg)}.content[data-winner] .tile[data-v-d5f36fd8]{color:var(--fg-down)}.content[data-winner] .tile[data-winning=true][data-v-d5f36fd8]{color:var(--fg-primary)}.content[data-winner] .tile[data-winning=true][data-v-d5f36fd8] .token:after,.content[data-winner] .tile[data-winning=true][data-v-d5f36fd8] .token:before{animation:win-throb-d5f36fd8 1.1s ease-in-out infinite}.turn-indicator[data-v-d5f36fd8]{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-d5f36fd8]{animation:win-throb-d5f36fd8 1.1s ease-in-out infinite;color:var(--fg-primary)}.board[data-winner][data-v-d5f36fd8]{pointer-events:none}hr[data-v-d5f36fd8]{margin-block-end:var(--sp-md);opacity:.4}@keyframes win-throb-d5f36fd8{0%,to{opacity:1}50%{opacity:.6}}