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

body.ds-crossmath .board-wrap {
  overflow-x: clip;
  overflow-y: visible;
}
body.ds-crossmath #board.board-cross .cell.cross-num {
  box-sizing: border-box;
  border-radius: 0;
}
body.ds-crossmath #board.board-cross .cell.cross-num.is-selected {
  box-shadow: inset 0 0 0 3px var(--play-ring-active, #19D65A);
}
body.ds-crossmath #board .cell.entry {
  color: var(--board-entry);
  font-weight: var(--weight-entry);
}

/* Crossmath-only: one responsive numeral size for inputs and results; beat shared DS/six-pending cascades. */
html.is-play body.ds-crossmath #board.board-cross {
  container-type: inline-size;
  width: 100%;
  max-width: min(92vw, 22rem);
}
html.is-play body.ds-crossmath #board.board-cross > .result {
  container-type: normal;
  font-size: inherit;
}
html.is-play body.ds-crossmath #board.board-cross > button.cross-num {
  font-size: inherit;
  container-type: normal;
}
html.is-play body.ds-crossmath #board.board-cross > button.cross-num > :is(.digit, .cell-numeral),
html.is-play body.ds-crossmath #board.board-cross > .result > :is(.cross-result-numeral, .cell-numeral) {
  font-size: inherit !important;
}
html.is-play body.ds-crossmath #board.board-cross .cross-num .digit,
html.is-play body.ds-crossmath #board.board-cross .result .cross-result-numeral {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-variant-numeric: tabular-nums lining-nums;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  letter-spacing: 0;
}
html.is-play body.ds-crossmath #board.board-cross .cross-num .digit:empty::before {
  content: "\00a0";
  visibility: hidden;
}
html.is-play body.ds-crossmath #board.board-cross .result .cell-numeral-wide {
  letter-spacing: 0;
}
html.is-play body.ds-crossmath #board.board-cross .op,
html.is-play body.ds-crossmath #board.board-cross .op.eq {
  font-size: clamp(1.125rem, 5.625vw, 1.5625rem) !important;
  font-weight: 700;
  line-height: 1;
  color: color-mix(in srgb, var(--ink, #140f0a) 72%, #6b6358) !important;
}
html.is-play body.ds-crossmath #board.board-cross .result {
  background: color-mix(in srgb, #edf0df 72%, var(--board-cell, #fffaf0)) !important;
  border: 1px solid color-mix(in srgb, var(--board-line, #c8c4b8) 55%, transparent) !important;
  color: var(--ink, #140f0a);
}