.tt-turn { text-align: center; font-size: 16px; }
.tt-turn b { font-size: 20px; }
.tt-board {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;
  width: min(80vw, 300px); aspect-ratio: 1 / 1;
  background: #0f1b2d; border: 3px solid #2b3f5c; border-radius: 12px; padding: 6px;
}
.tt-cell {
  background: #16263c; border-radius: 8px; display: grid; place-items: center;
  font-size: 44px; font-weight: 700; cursor: pointer; color: var(--ink);
  user-select: none; -webkit-user-select: none;
}
.tt-cell:active { background: #20324c; }
.tt-cell.x { color: #ff6b6b; }
.tt-cell.o { color: #4d96ff; }
.tt-cell.win { box-shadow: inset 0 0 0 3px #ffd93d; }