.tile[data-v-09b5a319]{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-09b5a319]{cursor:pointer}.board[data-player=O] .tile[data-player=none]:hover .token[data-player=O][data-v-09b5a319],.board[data-player=X] .tile[data-player=none]:hover .token[data-player=X][data-v-09b5a319]{cursor:pointer;opacity:.5}.token[data-v-09b5a319]{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-09b5a319]:after,.token[data-player=X][data-v-09b5a319]:before{border-top:3px dotted;content:"";height:0;position:absolute;width:calc(100% - 3rem)}.token[data-player=X][data-v-09b5a319]:before{rotate:-45deg}.token[data-player=X][data-v-09b5a319]:after{rotate:45deg}.tile[data-player=X] .token[data-player=X][data-v-09b5a319]{opacity:1}.tile[data-player=X] .token[data-player=X][data-v-09b5a319]:after,.tile[data-player=X] .token[data-player=X][data-v-09b5a319]:before{border-top:3px solid}.token[data-player=O][data-v-09b5a319]: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-09b5a319]{opacity:1}.tile[data-player=O] .token[data-player=O][data-v-09b5a319]:before{border-style:solid}.pip-slots[data-v-09b5a319]{color:var(--fg-down);display:flex;gap:4px;transition:opacity .5s ease}.pip-slots div[data-v-09b5a319]{aspect-ratio:1;background-color:currentcolor;border-radius:50%;opacity:.25;width:7px}.tile[data-player=none] .pip-slots[data-v-09b5a319]{opacity:0}