.ttt__wrap[data-v-aabf9558]{max-width:400px;margin:0 auto}.ttt__info[data-v-aabf9558]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.ttt__turn[data-v-aabf9558]{color:var(--el-text-color-secondary);font-size:18px;font-weight:600;transition:color .3s}.ttt__turn--active[data-v-aabf9558]{color:var(--el-color-primary)}.ttt__score[data-v-aabf9558]{gap:12px;font-size:14px;display:flex}.ttt__score-item--win[data-v-aabf9558]{color:var(--el-color-success)}.ttt__score-item--draw[data-v-aabf9558]{color:var(--el-color-warning)}.ttt__score-item--lose[data-v-aabf9558]{color:var(--el-color-danger)}.ttt__board[data-v-aabf9558]{background:var(--el-border-color);aspect-ratio:1;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:6px;max-width:360px;margin:0 auto;display:grid;overflow:hidden}.ttt__board--over[data-v-aabf9558]{pointer-events:none}.ttt__cell[data-v-aabf9558]{aspect-ratio:1;background:var(--el-bg-color);cursor:pointer;justify-content:center;align-items:center;font-size:48px;font-weight:800;transition:background .2s;display:flex}.ttt__cell[data-v-aabf9558]:hover:not(.ttt__cell--x):not(.ttt__cell--o){background:var(--el-fill-color-light)}.ttt__cell--x .ttt__mark[data-v-aabf9558]{color:var(--el-color-primary)}.ttt__cell--o .ttt__mark[data-v-aabf9558]{color:var(--el-color-danger)}.ttt__cell--win[data-v-aabf9558]{background:var(--el-color-success-light-9)}html.dark .ttt__cell--win[data-v-aabf9558]{background:#67c23a33}.ttt__mark[data-v-aabf9558]{line-height:1}.ttt__actions[data-v-aabf9558]{justify-content:center;margin-top:24px;display:flex}@media screen and (width<=600px){.ttt__board[data-v-aabf9558]{max-width:300px}.ttt__cell[data-v-aabf9558]{font-size:36px}}