:root {
  --game: #4d7cff;
  --game-deep: #1e293b;
  --game-ink: #ffffff;
}

/* Game-specific: board/tiles only. Shell: ../../assets/css/game-shared.css */
.grid {
  display: grid;
  grid-template-columns: repeat(9, minmax(26px, 34px));
  gap: 0;
  border: 2px solid var(--game);
  border-radius: 12px;
  overflow: hidden;
  background: #cbd5e1;
}
.cell {
  aspect-ratio: 1;
  padding: 0;
  border: 0;
  border-right: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  background: #fff;
  color: #0f172a;
  font: inherit;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  touch-action: manipulation;
  font-variant-numeric: tabular-nums;
}
.cell:nth-child(3n) {
  border-right: 1px solid #0f172a;
}
.cell:nth-child(n+19):nth-child(-n+27),
.cell:nth-child(n+46):nth-child(-n+54) {
  border-bottom: 1px solid #0f172a;
}
.cell.given {
  background: #e2e8f0;
  color: #334155;
  cursor: default;
}
.cell.selected {
  background: #bfdbfe;
}
.cell.same {
  background: #dbeafe;
}
.cell.error {
  background: #fecaca;
  color: #b91c1c;
}
.cell:disabled {
  cursor: default;
}
.pad {
  display: grid;
  grid-template-columns: repeat(9, minmax(26px, 34px));}
.controls {
  display: flex;
  gap: 0.75rem;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}
/* Исторический фон страницы (до unified shell): shell даёт layout,
   доступность и HUD-структуру, цвет страницы — из истории игры. */
body {
  background: #f1f5f9;
  color: #0f172a;
}

.hud {
  background: #0f172a;
  color: #f8fafc;
}