.ttt-board {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;
  background: var(--panel-2); padding: 8px; border: 1px solid var(--border);
  max-width: 240px; margin: 0 auto;
}
.ttt-cell {
  aspect-ratio: 1; background: var(--bg); border: 1px solid var(--border);
  display: flex; align-items: center; justify-content: center; font-size: 26px; cursor: pointer;
}
.ttt-cell.p1, .ttt-cell.p2 { cursor: default; }
.ttt-cell:not(.p1):not(.p2):hover { background: rgba(0,240,255,0.15); }