/* Sudoku table — Author: Dave Greenlaw */

.su-felt { display: flex; flex-direction: column; gap: 0.75rem; align-items: center; }
.su-grid {
  display: grid; grid-template-columns: repeat(9, 1fr); width: min(78vw, 26rem); aspect-ratio: 1;
  border: 2px solid var(--text, #1b1610); background: var(--surface, #fffaf0);
}
.su-cell {
  display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--border, #c4b8a4) 80%, var(--text));
  min-width: 0; min-height: 0; padding: 0; background: transparent; color: var(--text, #1b1610);
  font: 700 1rem/1 Georgia, serif;
}
.su-cell:nth-child(9n+3), .su-cell:nth-child(9n+6) { border-right-width: 2px; border-right-color: var(--text, #1b1610); }
.su-cell:nth-child(n+19):nth-child(-n+27),
.su-cell:nth-child(n+46):nth-child(-n+54) { border-bottom-width: 2px; border-bottom-color: var(--text, #1b1610); }
.su-cell.is-given { font-weight: 800; color: var(--text, #1b1610); }
.su-cell.is-picked { background: color-mix(in srgb, var(--accent, #2563eb) 22%, var(--surface)); }
.su-pad { display: flex; flex-wrap: wrap; gap: 0.35rem; justify-content: center; }
.su-actions, .su-setup { display: flex; flex-wrap: wrap; gap: 0.4rem; justify-content: center; }

.su-app.is-game-focus [data-su-dev-tools],
.su-app.is-game-focus .crib-chat {
  display: none !important;
}

html[data-theme="dark"] .su-grid, html[data-theme="glass"] .su-grid {
  background: color-mix(in srgb, var(--surface, #161310) 90%, #fff);
}
html[data-a11y-view="contrast"] .su-cell.is-picked { outline: 2px solid var(--text); }