/* Aunty Sudoku - 9x9 with desi taunts. Puzzle generated from a solved grid. */
.sd-arena { display: flex; flex-direction: column; align-items: center; gap: 12px; }

.sd-grid {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 0;
  width: min(94vw, 400px);
  aspect-ratio: 1 / 1;
  background: var(--casino-carbon, #12121e);
  border: 2px solid var(--casino-line, #2e2e44);
  border-radius: 10px;
  overflow: hidden;
}
.sd-cell {
  display: flex; align-items: center; justify-content: center;
  border: 1px solid rgba(255,255,255,.07);
  font: 700 clamp(15px, 4.6vw, 22px) "Chivo", system-ui, sans-serif;
  color: var(--casino-ink, #f5f6fa);
  cursor: pointer;
  user-select: none;
  min-width: 26px; min-height: 26px;
}
.sd-cell.given { color: var(--casino-muted, #9aa0b8); background: rgba(255,255,255,.03); }
.sd-cell.user { color: var(--casino-red-soft, #a58cff); }
.sd-cell.sel { background: rgba(124,92,255,.35); box-shadow: inset 0 0 0 2px var(--casino-red-soft,#a58cff); }
.sd-cell.bad { background: rgba(255,45,85,.3); animation: sd-shake .25s ease; }
.sd-cell.thick-r { border-right: 2px solid var(--casino-line,#2e2e44); }
.sd-cell.thick-b { border-bottom: 2px solid var(--casino-line,#2e2e44); }
.sd-cell.hasnotes { position: relative; }
.sd-notes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  width: 100%;
  height: 100%;
  padding: 2px;
  font: 600 clamp(6px, 1.8vw, 9px) "Chivo", system-ui, sans-serif;
  line-height: 1.05;
  color: var(--casino-muted, #9aa0b8);
  text-align: center;
  align-content: center;
}
#notesBtn.on { background: #ffd400; color: #0a0a14; box-shadow: 0 0 12px rgba(255,212,0,.55); }
@keyframes sd-shake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-3px)} 75%{transform:translateX(3px)} }

.sd-pad {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  width: min(94vw, 400px);
}
.sd-key {
  padding: 12px 0;
  border: 1px solid var(--casino-line,#2e2e44);
  background: var(--casino-panel,#1a1a2a);
  color: var(--casino-ink,#f5f6fa);
  border-radius: 10px;
  font: 800 20px "Chivo", system-ui, sans-serif;
  cursor: pointer;
  min-width: 44px; min-height: 44px;
}
.sd-key:active { background: rgba(124,92,255,.3); }
.sd-key.erase { font-size: 16px; }