.kk-board{aspect-ratio:1;grid-template-columns:repeat(var(--n), 1fr);grid-template-rows:repeat(var(--n), 1fr);gap:10px;width:min(100%,100dvh - 140px,560px);display:grid;position:relative}.kk-board.is-big{gap:4px;width:min(100%,100dvh - 140px,640px)}.kk-cell{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);cursor:pointer;place-items:center;padding:0;transition:background .2s,border-color .2s;display:grid}.is-big .kk-cell{border-radius:8px}.kk-cell:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.kk-cell:disabled{cursor:default}.kk-cell.is-win{background:rgba(var(--accent-rgb),.14);border-color:var(--orange)}.kk-cell.is-fading svg{opacity:.35}.kk-cell svg{fill:none;stroke-width:11px;stroke-linecap:round;width:78%;height:78%}.kk-x path{stroke:var(--orange);stroke-dasharray:160;filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.6));animation:.3s ease-out both kk-draw}.kk-o circle{stroke:#4dd9ff;stroke-dasharray:190;filter:drop-shadow(0 0 8px #4dd9ff99);animation:.35s ease-out both kk-draw}@keyframes kk-draw{0%{stroke-dashoffset:190px}to{stroke-dashoffset:0}}