.sudoku-board{
   min-height:22.75rem;
   min-height:20.75rem;
   margin-bottom:1em
}
.sudoku-board-cell{
   display:inline-block;
   position:relative;
   border:1px solid #ddd;
   background:#fff;max-width:11.11111%
}
[data-board-size="9"].sudoku-board 
.sudoku-board-cell:nth-of-type(9n+1){
     border-left-width:2px;
     border-left-color:gray
}
[data-board-size="9"].sudoku-board 
.sudoku-board-cell:nth-of-type(n):nth-of-type(-n+9){
border-top-width:2px;
border-top-color:gray
}
[data-board-size="9"].sudoku-board 
.sudoku-board-cell:nth-of-type(3n){
border-right-width:2px;
border-right-color:gray
}
[data-board-size="9"].sudoku-board 
.sudoku-board-cell:nth-of-type(n+19):nth-of-type(-n+27),
[data-board-size="9"].sudoku-board 
.sudoku-board-cell:nth-of-type(n+46):nth-of-type(-n+54),
[data-board-size="9"].sudoku-board 
.sudoku-board-cell:nth-of-type(n+73):nth-of-type(-n+81){
border-bottom-width:2px;
border-bottom-color:gray
}
.sudoku-board-cell input{
background:0 0;
font-size:19.2px;
font-size:1.2rem;
text-align:center;
width:2em;
max-width:100%;
height:2em;
border:0;
position:relative;
z-index:1}
.sudoku-board-cell .highlight-val{
color:#00d}
.sudoku-board-cell .board-cell--error{
background:#d00;color:#eee}
.sudoku-board-cell .candidates{
display:none;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
text-align:center;
font-size:.75em;
letter-spacing:-.5px;
font-family:monospace,sans-serif;
line-height:0;
text-align:justify}
.sudoku-board .candidates:after{
content:"";
display:inline-block;
width:100%}
@media(max-width:23em){.sudoku-board .candidates{letter-spacing:-2px}}.showCandidates .candidates{display:block}.sudoku-board .candidates div{display:inline-block;width:20%;line-height:1.13;vertical-align:top;*display:inline;*zoom:1}.candidate--highlight{background-color:#ff0}.candidate--to-remove{background-color:red;color:#fff}