html.is-play.ds-root {
  --accent: #AA6830;
}

body.ds-calcudoku #board.board-calcudoku {
  border: 3px solid var(--board-line-strong, #3b2a1a);
  border-radius: 0;
}
body.ds-calcudoku #board.board-calcudoku .cell {
  box-sizing: border-box;
  border-radius: 0;
  --calc-wall-size: 2px;
}
body.ds-calcudoku #board.board-calcudoku .cell.tint-1 { background-color: color-mix(in srgb, #2457C5 34%, var(--board-cell, #fffaf0)); }
body.ds-calcudoku #board.board-calcudoku .cell.tint-2 { background-color: color-mix(in srgb, #1E8C4E 34%, var(--board-cell, #fffaf0)); }
body.ds-calcudoku #board.board-calcudoku .cell.tint-3 { background-color: color-mix(in srgb, #7A3E9D 34%, var(--board-cell, #fffaf0)); }
body.ds-calcudoku #board.board-calcudoku .cell.tint-4 { background-color: color-mix(in srgb, #D4A017 34%, var(--board-cell, #fffaf0)); }
body.ds-calcudoku #board.board-calcudoku .cell.tint-5 { background-color: color-mix(in srgb, #8C5A3C 34%, var(--board-cell, #fffaf0)); }
body.ds-calcudoku #board.board-calcudoku .cell.tint-6 { background-color: color-mix(in srgb, #C44B86 34%, var(--board-cell, #fffaf0)); }
html.is-play body.ds-calcudoku #board.board-calcudoku .cell.number-match:not(.is-selected):not(.bad):not(.conflict):not(.mismatch):not(.is-conflict):not([aria-invalid="true"]) {
  background-color: color-mix(in srgb, var(--play-ring-same, #5F8F3E) 16%, var(--board-cell, #fffaf0));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--play-ring-same, #5F8F3E) 65%, transparent);
}
body.ds-calcudoku #board.board-calcudoku .cell.is-selected {
  box-shadow: inset 0 0 0 3px var(--play-ring-active, #19D65A);
}
body.ds-calcudoku #board .cell.entry {
  color: var(--board-entry);
  font-weight: var(--weight-entry);
}

html.is-play body.ds-calcudoku #board.board-calcudoku .cell {
  /* The shared button padding otherwise consumes the small cell content box. */
  padding: 0;
}
/* Main digits: same full-cell box for clue and plain cells (cage label overlays top-left). */
html.is-play body.ds-calcudoku #board.board-calcudoku .cell > .digit {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  align-self: stretch;
  justify-self: stretch;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: 1;
  box-sizing: border-box;
  z-index: 0;
}
html.is-play body.ds-calcudoku #board.board-calcudoku .cell > .cage-label {
  z-index: 1;
}