html.is-play.ds-root { --accent: #4A5C3D; }
body.ds-kuromasu #board .cell { line-height: 1; }
body.ds-kuromasu #board.board-kuromasu > button.cell {
  padding: 0;
  min-width: 0;
  min-height: 0;
}
body.ds-kuromasu #board .cell-numeral {
  font-family: var(--font-digits, inherit);
  font-weight: 700;
  font-variant-numeric: tabular-nums lining-nums;
  line-height: 1;
  letter-spacing: 0;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  container-type: size;
}
body.ds-kuromasu #board .cell-numeral-fit {
  display: block;
  width: max-content;
  margin: 0;
  padding: 0;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  font-variant-numeric: tabular-nums lining-nums;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  font-size: min(
    calc(var(--numeric-cell-ratio, 0.7) * (100cqi + 2px)),
    calc((100cqi - 6px) / 0.66),
    calc((100cqb - 6px) / 0.78),
    var(--numeric-cell-max, 4.8rem)
  );
}
body.ds-kuromasu #board .cell-numeral-wide {
  letter-spacing: 0;
}
body.ds-kuromasu #board .cell-numeral-wide > .cell-numeral-fit {
  font-size: min(
    calc((100cqi - 6px) / 1.3),
    calc((100cqb - 6px) / 0.78),
    var(--numeric-cell-max, 4.8rem)
  );
}