.sudoku-grid{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:min(100%,540px);aspect-ratio:1;margin:18px auto;border:3px solid var(--ink);background:var(--white)}
.sudoku-cell{width:100%;height:100%;min-width:0;min-height:0;border:1px solid #b9c0b3;border-radius:0;padding:0;text-align:center;font:600 clamp(18px,4.6vw,30px)/1 var(--sans);color:var(--purple-dark);background:transparent;caret-color:var(--purple)}
.sudoku-cell.given{color:var(--ink);font-weight:700;background:var(--sage)}
.sudoku-cell:nth-child(9n+3),.sudoku-cell:nth-child(9n+6){border-right:3px solid var(--ink)}
.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid var(--ink)}
.sudoku-cell:focus{outline:3px solid var(--purple);outline-offset:-3px;background:var(--lilac)}
.sudoku-cell.conflict{color:#a3302a;background:#f7dfdb}