:root {
  font-size: 7px;
}

body {
  height: 100%;
  width: 100%;
  min-height: 90rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

input, label {
  user-select: none;
}

input {
  display: none;
}

.mode-switch {
  font-size: 2rem;
  margin-bottom: 2rem;
  text-align: center;
  align-items: center;
  justify-content: center;
}
input#pen:checked ~ .mode-switch label[for=pen] {
  display: none;
}
input#pencil:checked ~ .mode-switch label[for=pencil] {
  display: none;
}

.sudoku {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 54rem;
  height: 54rem;
  outline: 2px solid #ccc;
}
.sudoku .section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 18rem;
  height: 18rem;
  outline: 2px solid #ccc;
}
.sudoku .section .cell {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
  outline: 1px solid #ccc;
}
.sudoku .section .cell:nth-child(3n+3) {
  border-right: none;
}
.sudoku .section .cell:nth-child(n+7) {
  border-bottom: none;
}
.sudoku .section .cell div.answer {
  display: block;
  text-align: center;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
.sudoku .section .cell label {
  display: none;
  opacity: 0;
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
}
.sudoku .section .cell label.pencil {
  color: #666;
}
.sudoku .section .cell label.pen {
  color: #00255c;
  margin-left: -2rem;
}
.sudoku .section .cell label.unset {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
input#a1-0:checked ~ .sudoku .section .cell.cell-a1 label.pencil {
  display: block;
}
input#pencil:checked ~ input#a1-0:checked ~ .sudoku .section .cell.cell-a1:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#a1-0:checked ~ .sudoku .section .cell.cell-a1:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#a1-0:checked ~ .sudoku .section .cell.cell-a1:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#a1-0:checked ~ .sudoku .section .cell.cell-a1 label.pen {
  display: block;
}
input#pen:checked ~ input#a1-0:checked ~ .sudoku .section .cell.cell-a1 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#a1-0:checked ~ input#a1-1-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-1-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-1-pencil] {
  pointer-events: none;
}
input#a1-0:not(:checked) ~ input#a1-1:checked ~ .sudoku .section .cell.cell-a1 label.pen[for=a1-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a1-0:not(:checked) ~ input#a1-1:checked ~ .sudoku .section .cell.cell-a1 label.unset[for=a1-0] {
  display: block;
}
input#pencil:checked ~ input#a1-0:checked ~ input#a1-2-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-2-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-2-pencil] {
  pointer-events: none;
}
input#a1-0:not(:checked) ~ input#a1-2:checked ~ .sudoku .section .cell.cell-a1 label.pen[for=a1-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a1-0:not(:checked) ~ input#a1-2:checked ~ .sudoku .section .cell.cell-a1 label.unset[for=a1-0] {
  display: block;
}
input#pencil:checked ~ input#a1-0:checked ~ input#a1-3-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-3-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-3-pencil] {
  pointer-events: none;
}
input#a1-0:not(:checked) ~ input#a1-3:checked ~ .sudoku .section .cell.cell-a1 label.pen[for=a1-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a1-0:not(:checked) ~ input#a1-3:checked ~ .sudoku .section .cell.cell-a1 label.unset[for=a1-0] {
  display: block;
}
input#pencil:checked ~ input#a1-0:checked ~ input#a1-4-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-4-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-4-pencil] {
  pointer-events: none;
}
input#a1-0:not(:checked) ~ input#a1-4:checked ~ .sudoku .section .cell.cell-a1 label.pen[for=a1-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a1-0:not(:checked) ~ input#a1-4:checked ~ .sudoku .section .cell.cell-a1 label.unset[for=a1-0] {
  display: block;
}
input#pencil:checked ~ input#a1-0:checked ~ input#a1-5-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-5-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-5-pencil] {
  pointer-events: none;
}
input#a1-0:not(:checked) ~ input#a1-5:checked ~ .sudoku .section .cell.cell-a1 label.pen[for=a1-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a1-0:not(:checked) ~ input#a1-5:checked ~ .sudoku .section .cell.cell-a1 label.unset[for=a1-0] {
  display: block;
}
input#pencil:checked ~ input#a1-0:checked ~ input#a1-6-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-6-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-6-pencil] {
  pointer-events: none;
}
input#a1-0:not(:checked) ~ input#a1-6:checked ~ .sudoku .section .cell.cell-a1 label.pen[for=a1-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a1-0:not(:checked) ~ input#a1-6:checked ~ .sudoku .section .cell.cell-a1 label.unset[for=a1-0] {
  display: block;
}
input#pencil:checked ~ input#a1-0:checked ~ input#a1-7-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-7-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-7-pencil] {
  pointer-events: none;
}
input#a1-0:not(:checked) ~ input#a1-7:checked ~ .sudoku .section .cell.cell-a1 label.pen[for=a1-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a1-0:not(:checked) ~ input#a1-7:checked ~ .sudoku .section .cell.cell-a1 label.unset[for=a1-0] {
  display: block;
}
input#pencil:checked ~ input#a1-0:checked ~ input#a1-8-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-8-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-8-pencil] {
  pointer-events: none;
}
input#a1-0:not(:checked) ~ input#a1-8:checked ~ .sudoku .section .cell.cell-a1 label.pen[for=a1-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a1-0:not(:checked) ~ input#a1-8:checked ~ .sudoku .section .cell.cell-a1 label.unset[for=a1-0] {
  display: block;
}
input#pencil:checked ~ input#a1-0:checked ~ input#a1-9-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-9-pencil:checked ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a1-0:checked ~ input#a1-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-a1 label.pencil[for=a1-9-pencil] {
  pointer-events: none;
}
input#a1-0:not(:checked) ~ input#a1-9:checked ~ .sudoku .section .cell.cell-a1 label.pen[for=a1-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a1-0:not(:checked) ~ input#a1-9:checked ~ .sudoku .section .cell.cell-a1 label.unset[for=a1-0] {
  display: block;
}
input#a2-0:checked ~ .sudoku .section .cell.cell-a2 label.pencil {
  display: block;
}
input#pencil:checked ~ input#a2-0:checked ~ .sudoku .section .cell.cell-a2:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#a2-0:checked ~ .sudoku .section .cell.cell-a2:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#a2-0:checked ~ .sudoku .section .cell.cell-a2:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#a2-0:checked ~ .sudoku .section .cell.cell-a2 label.pen {
  display: block;
}
input#pen:checked ~ input#a2-0:checked ~ .sudoku .section .cell.cell-a2 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#a2-0:checked ~ input#a2-1-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-1-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-1-pencil] {
  pointer-events: none;
}
input#a2-0:not(:checked) ~ input#a2-1:checked ~ .sudoku .section .cell.cell-a2 label.pen[for=a2-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a2-0:not(:checked) ~ input#a2-1:checked ~ .sudoku .section .cell.cell-a2 label.unset[for=a2-0] {
  display: block;
}
input#pencil:checked ~ input#a2-0:checked ~ input#a2-2-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-2-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-2-pencil] {
  pointer-events: none;
}
input#a2-0:not(:checked) ~ input#a2-2:checked ~ .sudoku .section .cell.cell-a2 label.pen[for=a2-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a2-0:not(:checked) ~ input#a2-2:checked ~ .sudoku .section .cell.cell-a2 label.unset[for=a2-0] {
  display: block;
}
input#pencil:checked ~ input#a2-0:checked ~ input#a2-3-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-3-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-3-pencil] {
  pointer-events: none;
}
input#a2-0:not(:checked) ~ input#a2-3:checked ~ .sudoku .section .cell.cell-a2 label.pen[for=a2-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a2-0:not(:checked) ~ input#a2-3:checked ~ .sudoku .section .cell.cell-a2 label.unset[for=a2-0] {
  display: block;
}
input#pencil:checked ~ input#a2-0:checked ~ input#a2-4-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-4-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-4-pencil] {
  pointer-events: none;
}
input#a2-0:not(:checked) ~ input#a2-4:checked ~ .sudoku .section .cell.cell-a2 label.pen[for=a2-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a2-0:not(:checked) ~ input#a2-4:checked ~ .sudoku .section .cell.cell-a2 label.unset[for=a2-0] {
  display: block;
}
input#pencil:checked ~ input#a2-0:checked ~ input#a2-5-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-5-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-5-pencil] {
  pointer-events: none;
}
input#a2-0:not(:checked) ~ input#a2-5:checked ~ .sudoku .section .cell.cell-a2 label.pen[for=a2-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a2-0:not(:checked) ~ input#a2-5:checked ~ .sudoku .section .cell.cell-a2 label.unset[for=a2-0] {
  display: block;
}
input#pencil:checked ~ input#a2-0:checked ~ input#a2-6-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-6-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-6-pencil] {
  pointer-events: none;
}
input#a2-0:not(:checked) ~ input#a2-6:checked ~ .sudoku .section .cell.cell-a2 label.pen[for=a2-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a2-0:not(:checked) ~ input#a2-6:checked ~ .sudoku .section .cell.cell-a2 label.unset[for=a2-0] {
  display: block;
}
input#pencil:checked ~ input#a2-0:checked ~ input#a2-7-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-7-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-7-pencil] {
  pointer-events: none;
}
input#a2-0:not(:checked) ~ input#a2-7:checked ~ .sudoku .section .cell.cell-a2 label.pen[for=a2-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a2-0:not(:checked) ~ input#a2-7:checked ~ .sudoku .section .cell.cell-a2 label.unset[for=a2-0] {
  display: block;
}
input#pencil:checked ~ input#a2-0:checked ~ input#a2-8-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-8-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-8-pencil] {
  pointer-events: none;
}
input#a2-0:not(:checked) ~ input#a2-8:checked ~ .sudoku .section .cell.cell-a2 label.pen[for=a2-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a2-0:not(:checked) ~ input#a2-8:checked ~ .sudoku .section .cell.cell-a2 label.unset[for=a2-0] {
  display: block;
}
input#pencil:checked ~ input#a2-0:checked ~ input#a2-9-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-9-pencil:checked ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a2-0:checked ~ input#a2-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-a2 label.pencil[for=a2-9-pencil] {
  pointer-events: none;
}
input#a2-0:not(:checked) ~ input#a2-9:checked ~ .sudoku .section .cell.cell-a2 label.pen[for=a2-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a2-0:not(:checked) ~ input#a2-9:checked ~ .sudoku .section .cell.cell-a2 label.unset[for=a2-0] {
  display: block;
}
input#a3-0:checked ~ .sudoku .section .cell.cell-a3 label.pencil {
  display: block;
}
input#pencil:checked ~ input#a3-0:checked ~ .sudoku .section .cell.cell-a3:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#a3-0:checked ~ .sudoku .section .cell.cell-a3:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#a3-0:checked ~ .sudoku .section .cell.cell-a3:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#a3-0:checked ~ .sudoku .section .cell.cell-a3 label.pen {
  display: block;
}
input#pen:checked ~ input#a3-0:checked ~ .sudoku .section .cell.cell-a3 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#a3-0:checked ~ input#a3-1-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-1-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-1-pencil] {
  pointer-events: none;
}
input#a3-0:not(:checked) ~ input#a3-1:checked ~ .sudoku .section .cell.cell-a3 label.pen[for=a3-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a3-0:not(:checked) ~ input#a3-1:checked ~ .sudoku .section .cell.cell-a3 label.unset[for=a3-0] {
  display: block;
}
input#pencil:checked ~ input#a3-0:checked ~ input#a3-2-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-2-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-2-pencil] {
  pointer-events: none;
}
input#a3-0:not(:checked) ~ input#a3-2:checked ~ .sudoku .section .cell.cell-a3 label.pen[for=a3-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a3-0:not(:checked) ~ input#a3-2:checked ~ .sudoku .section .cell.cell-a3 label.unset[for=a3-0] {
  display: block;
}
input#pencil:checked ~ input#a3-0:checked ~ input#a3-3-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-3-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-3-pencil] {
  pointer-events: none;
}
input#a3-0:not(:checked) ~ input#a3-3:checked ~ .sudoku .section .cell.cell-a3 label.pen[for=a3-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a3-0:not(:checked) ~ input#a3-3:checked ~ .sudoku .section .cell.cell-a3 label.unset[for=a3-0] {
  display: block;
}
input#pencil:checked ~ input#a3-0:checked ~ input#a3-4-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-4-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-4-pencil] {
  pointer-events: none;
}
input#a3-0:not(:checked) ~ input#a3-4:checked ~ .sudoku .section .cell.cell-a3 label.pen[for=a3-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a3-0:not(:checked) ~ input#a3-4:checked ~ .sudoku .section .cell.cell-a3 label.unset[for=a3-0] {
  display: block;
}
input#pencil:checked ~ input#a3-0:checked ~ input#a3-5-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-5-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-5-pencil] {
  pointer-events: none;
}
input#a3-0:not(:checked) ~ input#a3-5:checked ~ .sudoku .section .cell.cell-a3 label.pen[for=a3-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a3-0:not(:checked) ~ input#a3-5:checked ~ .sudoku .section .cell.cell-a3 label.unset[for=a3-0] {
  display: block;
}
input#pencil:checked ~ input#a3-0:checked ~ input#a3-6-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-6-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-6-pencil] {
  pointer-events: none;
}
input#a3-0:not(:checked) ~ input#a3-6:checked ~ .sudoku .section .cell.cell-a3 label.pen[for=a3-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a3-0:not(:checked) ~ input#a3-6:checked ~ .sudoku .section .cell.cell-a3 label.unset[for=a3-0] {
  display: block;
}
input#pencil:checked ~ input#a3-0:checked ~ input#a3-7-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-7-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-7-pencil] {
  pointer-events: none;
}
input#a3-0:not(:checked) ~ input#a3-7:checked ~ .sudoku .section .cell.cell-a3 label.pen[for=a3-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a3-0:not(:checked) ~ input#a3-7:checked ~ .sudoku .section .cell.cell-a3 label.unset[for=a3-0] {
  display: block;
}
input#pencil:checked ~ input#a3-0:checked ~ input#a3-8-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-8-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-8-pencil] {
  pointer-events: none;
}
input#a3-0:not(:checked) ~ input#a3-8:checked ~ .sudoku .section .cell.cell-a3 label.pen[for=a3-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a3-0:not(:checked) ~ input#a3-8:checked ~ .sudoku .section .cell.cell-a3 label.unset[for=a3-0] {
  display: block;
}
input#pencil:checked ~ input#a3-0:checked ~ input#a3-9-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-9-pencil:checked ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a3-0:checked ~ input#a3-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-a3 label.pencil[for=a3-9-pencil] {
  pointer-events: none;
}
input#a3-0:not(:checked) ~ input#a3-9:checked ~ .sudoku .section .cell.cell-a3 label.pen[for=a3-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a3-0:not(:checked) ~ input#a3-9:checked ~ .sudoku .section .cell.cell-a3 label.unset[for=a3-0] {
  display: block;
}
input#a6-0:checked ~ .sudoku .section .cell.cell-a6 label.pencil {
  display: block;
}
input#pencil:checked ~ input#a6-0:checked ~ .sudoku .section .cell.cell-a6:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#a6-0:checked ~ .sudoku .section .cell.cell-a6:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#a6-0:checked ~ .sudoku .section .cell.cell-a6:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#a6-0:checked ~ .sudoku .section .cell.cell-a6 label.pen {
  display: block;
}
input#pen:checked ~ input#a6-0:checked ~ .sudoku .section .cell.cell-a6 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#a6-0:checked ~ input#a6-1-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-1-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-1-pencil] {
  pointer-events: none;
}
input#a6-0:not(:checked) ~ input#a6-1:checked ~ .sudoku .section .cell.cell-a6 label.pen[for=a6-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a6-0:not(:checked) ~ input#a6-1:checked ~ .sudoku .section .cell.cell-a6 label.unset[for=a6-0] {
  display: block;
}
input#pencil:checked ~ input#a6-0:checked ~ input#a6-2-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-2-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-2-pencil] {
  pointer-events: none;
}
input#a6-0:not(:checked) ~ input#a6-2:checked ~ .sudoku .section .cell.cell-a6 label.pen[for=a6-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a6-0:not(:checked) ~ input#a6-2:checked ~ .sudoku .section .cell.cell-a6 label.unset[for=a6-0] {
  display: block;
}
input#pencil:checked ~ input#a6-0:checked ~ input#a6-3-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-3-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-3-pencil] {
  pointer-events: none;
}
input#a6-0:not(:checked) ~ input#a6-3:checked ~ .sudoku .section .cell.cell-a6 label.pen[for=a6-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a6-0:not(:checked) ~ input#a6-3:checked ~ .sudoku .section .cell.cell-a6 label.unset[for=a6-0] {
  display: block;
}
input#pencil:checked ~ input#a6-0:checked ~ input#a6-4-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-4-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-4-pencil] {
  pointer-events: none;
}
input#a6-0:not(:checked) ~ input#a6-4:checked ~ .sudoku .section .cell.cell-a6 label.pen[for=a6-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a6-0:not(:checked) ~ input#a6-4:checked ~ .sudoku .section .cell.cell-a6 label.unset[for=a6-0] {
  display: block;
}
input#pencil:checked ~ input#a6-0:checked ~ input#a6-5-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-5-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-5-pencil] {
  pointer-events: none;
}
input#a6-0:not(:checked) ~ input#a6-5:checked ~ .sudoku .section .cell.cell-a6 label.pen[for=a6-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a6-0:not(:checked) ~ input#a6-5:checked ~ .sudoku .section .cell.cell-a6 label.unset[for=a6-0] {
  display: block;
}
input#pencil:checked ~ input#a6-0:checked ~ input#a6-6-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-6-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-6-pencil] {
  pointer-events: none;
}
input#a6-0:not(:checked) ~ input#a6-6:checked ~ .sudoku .section .cell.cell-a6 label.pen[for=a6-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a6-0:not(:checked) ~ input#a6-6:checked ~ .sudoku .section .cell.cell-a6 label.unset[for=a6-0] {
  display: block;
}
input#pencil:checked ~ input#a6-0:checked ~ input#a6-7-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-7-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-7-pencil] {
  pointer-events: none;
}
input#a6-0:not(:checked) ~ input#a6-7:checked ~ .sudoku .section .cell.cell-a6 label.pen[for=a6-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a6-0:not(:checked) ~ input#a6-7:checked ~ .sudoku .section .cell.cell-a6 label.unset[for=a6-0] {
  display: block;
}
input#pencil:checked ~ input#a6-0:checked ~ input#a6-8-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-8-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-8-pencil] {
  pointer-events: none;
}
input#a6-0:not(:checked) ~ input#a6-8:checked ~ .sudoku .section .cell.cell-a6 label.pen[for=a6-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a6-0:not(:checked) ~ input#a6-8:checked ~ .sudoku .section .cell.cell-a6 label.unset[for=a6-0] {
  display: block;
}
input#pencil:checked ~ input#a6-0:checked ~ input#a6-9-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-9-pencil:checked ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a6-0:checked ~ input#a6-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-a6 label.pencil[for=a6-9-pencil] {
  pointer-events: none;
}
input#a6-0:not(:checked) ~ input#a6-9:checked ~ .sudoku .section .cell.cell-a6 label.pen[for=a6-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a6-0:not(:checked) ~ input#a6-9:checked ~ .sudoku .section .cell.cell-a6 label.unset[for=a6-0] {
  display: block;
}
input#a9-0:checked ~ .sudoku .section .cell.cell-a9 label.pencil {
  display: block;
}
input#pencil:checked ~ input#a9-0:checked ~ .sudoku .section .cell.cell-a9:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#a9-0:checked ~ .sudoku .section .cell.cell-a9:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#a9-0:checked ~ .sudoku .section .cell.cell-a9:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#a9-0:checked ~ .sudoku .section .cell.cell-a9 label.pen {
  display: block;
}
input#pen:checked ~ input#a9-0:checked ~ .sudoku .section .cell.cell-a9 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#a9-0:checked ~ input#a9-1-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-1-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-1-pencil] {
  pointer-events: none;
}
input#a9-0:not(:checked) ~ input#a9-1:checked ~ .sudoku .section .cell.cell-a9 label.pen[for=a9-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a9-0:not(:checked) ~ input#a9-1:checked ~ .sudoku .section .cell.cell-a9 label.unset[for=a9-0] {
  display: block;
}
input#pencil:checked ~ input#a9-0:checked ~ input#a9-2-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-2-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-2-pencil] {
  pointer-events: none;
}
input#a9-0:not(:checked) ~ input#a9-2:checked ~ .sudoku .section .cell.cell-a9 label.pen[for=a9-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a9-0:not(:checked) ~ input#a9-2:checked ~ .sudoku .section .cell.cell-a9 label.unset[for=a9-0] {
  display: block;
}
input#pencil:checked ~ input#a9-0:checked ~ input#a9-3-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-3-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-3-pencil] {
  pointer-events: none;
}
input#a9-0:not(:checked) ~ input#a9-3:checked ~ .sudoku .section .cell.cell-a9 label.pen[for=a9-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a9-0:not(:checked) ~ input#a9-3:checked ~ .sudoku .section .cell.cell-a9 label.unset[for=a9-0] {
  display: block;
}
input#pencil:checked ~ input#a9-0:checked ~ input#a9-4-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-4-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-4-pencil] {
  pointer-events: none;
}
input#a9-0:not(:checked) ~ input#a9-4:checked ~ .sudoku .section .cell.cell-a9 label.pen[for=a9-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a9-0:not(:checked) ~ input#a9-4:checked ~ .sudoku .section .cell.cell-a9 label.unset[for=a9-0] {
  display: block;
}
input#pencil:checked ~ input#a9-0:checked ~ input#a9-5-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-5-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-5-pencil] {
  pointer-events: none;
}
input#a9-0:not(:checked) ~ input#a9-5:checked ~ .sudoku .section .cell.cell-a9 label.pen[for=a9-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a9-0:not(:checked) ~ input#a9-5:checked ~ .sudoku .section .cell.cell-a9 label.unset[for=a9-0] {
  display: block;
}
input#pencil:checked ~ input#a9-0:checked ~ input#a9-6-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-6-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-6-pencil] {
  pointer-events: none;
}
input#a9-0:not(:checked) ~ input#a9-6:checked ~ .sudoku .section .cell.cell-a9 label.pen[for=a9-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a9-0:not(:checked) ~ input#a9-6:checked ~ .sudoku .section .cell.cell-a9 label.unset[for=a9-0] {
  display: block;
}
input#pencil:checked ~ input#a9-0:checked ~ input#a9-7-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-7-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-7-pencil] {
  pointer-events: none;
}
input#a9-0:not(:checked) ~ input#a9-7:checked ~ .sudoku .section .cell.cell-a9 label.pen[for=a9-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a9-0:not(:checked) ~ input#a9-7:checked ~ .sudoku .section .cell.cell-a9 label.unset[for=a9-0] {
  display: block;
}
input#pencil:checked ~ input#a9-0:checked ~ input#a9-8-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-8-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-8-pencil] {
  pointer-events: none;
}
input#a9-0:not(:checked) ~ input#a9-8:checked ~ .sudoku .section .cell.cell-a9 label.pen[for=a9-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a9-0:not(:checked) ~ input#a9-8:checked ~ .sudoku .section .cell.cell-a9 label.unset[for=a9-0] {
  display: block;
}
input#pencil:checked ~ input#a9-0:checked ~ input#a9-9-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-9-pencil:checked ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#a9-0:checked ~ input#a9-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-a9 label.pencil[for=a9-9-pencil] {
  pointer-events: none;
}
input#a9-0:not(:checked) ~ input#a9-9:checked ~ .sudoku .section .cell.cell-a9 label.pen[for=a9-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#a9-0:not(:checked) ~ input#a9-9:checked ~ .sudoku .section .cell.cell-a9 label.unset[for=a9-0] {
  display: block;
}
input#b3-0:checked ~ .sudoku .section .cell.cell-b3 label.pencil {
  display: block;
}
input#pencil:checked ~ input#b3-0:checked ~ .sudoku .section .cell.cell-b3:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#b3-0:checked ~ .sudoku .section .cell.cell-b3:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#b3-0:checked ~ .sudoku .section .cell.cell-b3:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#b3-0:checked ~ .sudoku .section .cell.cell-b3 label.pen {
  display: block;
}
input#pen:checked ~ input#b3-0:checked ~ .sudoku .section .cell.cell-b3 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#b3-0:checked ~ input#b3-1-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-1-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-1-pencil] {
  pointer-events: none;
}
input#b3-0:not(:checked) ~ input#b3-1:checked ~ .sudoku .section .cell.cell-b3 label.pen[for=b3-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b3-0:not(:checked) ~ input#b3-1:checked ~ .sudoku .section .cell.cell-b3 label.unset[for=b3-0] {
  display: block;
}
input#pencil:checked ~ input#b3-0:checked ~ input#b3-2-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-2-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-2-pencil] {
  pointer-events: none;
}
input#b3-0:not(:checked) ~ input#b3-2:checked ~ .sudoku .section .cell.cell-b3 label.pen[for=b3-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b3-0:not(:checked) ~ input#b3-2:checked ~ .sudoku .section .cell.cell-b3 label.unset[for=b3-0] {
  display: block;
}
input#pencil:checked ~ input#b3-0:checked ~ input#b3-3-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-3-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-3-pencil] {
  pointer-events: none;
}
input#b3-0:not(:checked) ~ input#b3-3:checked ~ .sudoku .section .cell.cell-b3 label.pen[for=b3-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b3-0:not(:checked) ~ input#b3-3:checked ~ .sudoku .section .cell.cell-b3 label.unset[for=b3-0] {
  display: block;
}
input#pencil:checked ~ input#b3-0:checked ~ input#b3-4-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-4-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-4-pencil] {
  pointer-events: none;
}
input#b3-0:not(:checked) ~ input#b3-4:checked ~ .sudoku .section .cell.cell-b3 label.pen[for=b3-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b3-0:not(:checked) ~ input#b3-4:checked ~ .sudoku .section .cell.cell-b3 label.unset[for=b3-0] {
  display: block;
}
input#pencil:checked ~ input#b3-0:checked ~ input#b3-5-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-5-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-5-pencil] {
  pointer-events: none;
}
input#b3-0:not(:checked) ~ input#b3-5:checked ~ .sudoku .section .cell.cell-b3 label.pen[for=b3-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b3-0:not(:checked) ~ input#b3-5:checked ~ .sudoku .section .cell.cell-b3 label.unset[for=b3-0] {
  display: block;
}
input#pencil:checked ~ input#b3-0:checked ~ input#b3-6-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-6-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-6-pencil] {
  pointer-events: none;
}
input#b3-0:not(:checked) ~ input#b3-6:checked ~ .sudoku .section .cell.cell-b3 label.pen[for=b3-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b3-0:not(:checked) ~ input#b3-6:checked ~ .sudoku .section .cell.cell-b3 label.unset[for=b3-0] {
  display: block;
}
input#pencil:checked ~ input#b3-0:checked ~ input#b3-7-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-7-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-7-pencil] {
  pointer-events: none;
}
input#b3-0:not(:checked) ~ input#b3-7:checked ~ .sudoku .section .cell.cell-b3 label.pen[for=b3-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b3-0:not(:checked) ~ input#b3-7:checked ~ .sudoku .section .cell.cell-b3 label.unset[for=b3-0] {
  display: block;
}
input#pencil:checked ~ input#b3-0:checked ~ input#b3-8-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-8-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-8-pencil] {
  pointer-events: none;
}
input#b3-0:not(:checked) ~ input#b3-8:checked ~ .sudoku .section .cell.cell-b3 label.pen[for=b3-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b3-0:not(:checked) ~ input#b3-8:checked ~ .sudoku .section .cell.cell-b3 label.unset[for=b3-0] {
  display: block;
}
input#pencil:checked ~ input#b3-0:checked ~ input#b3-9-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-9-pencil:checked ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b3-0:checked ~ input#b3-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-b3 label.pencil[for=b3-9-pencil] {
  pointer-events: none;
}
input#b3-0:not(:checked) ~ input#b3-9:checked ~ .sudoku .section .cell.cell-b3 label.pen[for=b3-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b3-0:not(:checked) ~ input#b3-9:checked ~ .sudoku .section .cell.cell-b3 label.unset[for=b3-0] {
  display: block;
}
input#b4-0:checked ~ .sudoku .section .cell.cell-b4 label.pencil {
  display: block;
}
input#pencil:checked ~ input#b4-0:checked ~ .sudoku .section .cell.cell-b4:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#b4-0:checked ~ .sudoku .section .cell.cell-b4:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#b4-0:checked ~ .sudoku .section .cell.cell-b4:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#b4-0:checked ~ .sudoku .section .cell.cell-b4 label.pen {
  display: block;
}
input#pen:checked ~ input#b4-0:checked ~ .sudoku .section .cell.cell-b4 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#b4-0:checked ~ input#b4-1-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-1-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-1-pencil] {
  pointer-events: none;
}
input#b4-0:not(:checked) ~ input#b4-1:checked ~ .sudoku .section .cell.cell-b4 label.pen[for=b4-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b4-0:not(:checked) ~ input#b4-1:checked ~ .sudoku .section .cell.cell-b4 label.unset[for=b4-0] {
  display: block;
}
input#pencil:checked ~ input#b4-0:checked ~ input#b4-2-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-2-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-2-pencil] {
  pointer-events: none;
}
input#b4-0:not(:checked) ~ input#b4-2:checked ~ .sudoku .section .cell.cell-b4 label.pen[for=b4-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b4-0:not(:checked) ~ input#b4-2:checked ~ .sudoku .section .cell.cell-b4 label.unset[for=b4-0] {
  display: block;
}
input#pencil:checked ~ input#b4-0:checked ~ input#b4-3-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-3-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-3-pencil] {
  pointer-events: none;
}
input#b4-0:not(:checked) ~ input#b4-3:checked ~ .sudoku .section .cell.cell-b4 label.pen[for=b4-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b4-0:not(:checked) ~ input#b4-3:checked ~ .sudoku .section .cell.cell-b4 label.unset[for=b4-0] {
  display: block;
}
input#pencil:checked ~ input#b4-0:checked ~ input#b4-4-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-4-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-4-pencil] {
  pointer-events: none;
}
input#b4-0:not(:checked) ~ input#b4-4:checked ~ .sudoku .section .cell.cell-b4 label.pen[for=b4-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b4-0:not(:checked) ~ input#b4-4:checked ~ .sudoku .section .cell.cell-b4 label.unset[for=b4-0] {
  display: block;
}
input#pencil:checked ~ input#b4-0:checked ~ input#b4-5-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-5-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-5-pencil] {
  pointer-events: none;
}
input#b4-0:not(:checked) ~ input#b4-5:checked ~ .sudoku .section .cell.cell-b4 label.pen[for=b4-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b4-0:not(:checked) ~ input#b4-5:checked ~ .sudoku .section .cell.cell-b4 label.unset[for=b4-0] {
  display: block;
}
input#pencil:checked ~ input#b4-0:checked ~ input#b4-6-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-6-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-6-pencil] {
  pointer-events: none;
}
input#b4-0:not(:checked) ~ input#b4-6:checked ~ .sudoku .section .cell.cell-b4 label.pen[for=b4-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b4-0:not(:checked) ~ input#b4-6:checked ~ .sudoku .section .cell.cell-b4 label.unset[for=b4-0] {
  display: block;
}
input#pencil:checked ~ input#b4-0:checked ~ input#b4-7-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-7-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-7-pencil] {
  pointer-events: none;
}
input#b4-0:not(:checked) ~ input#b4-7:checked ~ .sudoku .section .cell.cell-b4 label.pen[for=b4-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b4-0:not(:checked) ~ input#b4-7:checked ~ .sudoku .section .cell.cell-b4 label.unset[for=b4-0] {
  display: block;
}
input#pencil:checked ~ input#b4-0:checked ~ input#b4-8-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-8-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-8-pencil] {
  pointer-events: none;
}
input#b4-0:not(:checked) ~ input#b4-8:checked ~ .sudoku .section .cell.cell-b4 label.pen[for=b4-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b4-0:not(:checked) ~ input#b4-8:checked ~ .sudoku .section .cell.cell-b4 label.unset[for=b4-0] {
  display: block;
}
input#pencil:checked ~ input#b4-0:checked ~ input#b4-9-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-9-pencil:checked ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b4-0:checked ~ input#b4-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-b4 label.pencil[for=b4-9-pencil] {
  pointer-events: none;
}
input#b4-0:not(:checked) ~ input#b4-9:checked ~ .sudoku .section .cell.cell-b4 label.pen[for=b4-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b4-0:not(:checked) ~ input#b4-9:checked ~ .sudoku .section .cell.cell-b4 label.unset[for=b4-0] {
  display: block;
}
input#b6-0:checked ~ .sudoku .section .cell.cell-b6 label.pencil {
  display: block;
}
input#pencil:checked ~ input#b6-0:checked ~ .sudoku .section .cell.cell-b6:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#b6-0:checked ~ .sudoku .section .cell.cell-b6:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#b6-0:checked ~ .sudoku .section .cell.cell-b6:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#b6-0:checked ~ .sudoku .section .cell.cell-b6 label.pen {
  display: block;
}
input#pen:checked ~ input#b6-0:checked ~ .sudoku .section .cell.cell-b6 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#b6-0:checked ~ input#b6-1-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-1-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-1-pencil] {
  pointer-events: none;
}
input#b6-0:not(:checked) ~ input#b6-1:checked ~ .sudoku .section .cell.cell-b6 label.pen[for=b6-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b6-0:not(:checked) ~ input#b6-1:checked ~ .sudoku .section .cell.cell-b6 label.unset[for=b6-0] {
  display: block;
}
input#pencil:checked ~ input#b6-0:checked ~ input#b6-2-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-2-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-2-pencil] {
  pointer-events: none;
}
input#b6-0:not(:checked) ~ input#b6-2:checked ~ .sudoku .section .cell.cell-b6 label.pen[for=b6-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b6-0:not(:checked) ~ input#b6-2:checked ~ .sudoku .section .cell.cell-b6 label.unset[for=b6-0] {
  display: block;
}
input#pencil:checked ~ input#b6-0:checked ~ input#b6-3-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-3-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-3-pencil] {
  pointer-events: none;
}
input#b6-0:not(:checked) ~ input#b6-3:checked ~ .sudoku .section .cell.cell-b6 label.pen[for=b6-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b6-0:not(:checked) ~ input#b6-3:checked ~ .sudoku .section .cell.cell-b6 label.unset[for=b6-0] {
  display: block;
}
input#pencil:checked ~ input#b6-0:checked ~ input#b6-4-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-4-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-4-pencil] {
  pointer-events: none;
}
input#b6-0:not(:checked) ~ input#b6-4:checked ~ .sudoku .section .cell.cell-b6 label.pen[for=b6-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b6-0:not(:checked) ~ input#b6-4:checked ~ .sudoku .section .cell.cell-b6 label.unset[for=b6-0] {
  display: block;
}
input#pencil:checked ~ input#b6-0:checked ~ input#b6-5-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-5-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-5-pencil] {
  pointer-events: none;
}
input#b6-0:not(:checked) ~ input#b6-5:checked ~ .sudoku .section .cell.cell-b6 label.pen[for=b6-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b6-0:not(:checked) ~ input#b6-5:checked ~ .sudoku .section .cell.cell-b6 label.unset[for=b6-0] {
  display: block;
}
input#pencil:checked ~ input#b6-0:checked ~ input#b6-6-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-6-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-6-pencil] {
  pointer-events: none;
}
input#b6-0:not(:checked) ~ input#b6-6:checked ~ .sudoku .section .cell.cell-b6 label.pen[for=b6-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b6-0:not(:checked) ~ input#b6-6:checked ~ .sudoku .section .cell.cell-b6 label.unset[for=b6-0] {
  display: block;
}
input#pencil:checked ~ input#b6-0:checked ~ input#b6-7-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-7-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-7-pencil] {
  pointer-events: none;
}
input#b6-0:not(:checked) ~ input#b6-7:checked ~ .sudoku .section .cell.cell-b6 label.pen[for=b6-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b6-0:not(:checked) ~ input#b6-7:checked ~ .sudoku .section .cell.cell-b6 label.unset[for=b6-0] {
  display: block;
}
input#pencil:checked ~ input#b6-0:checked ~ input#b6-8-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-8-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-8-pencil] {
  pointer-events: none;
}
input#b6-0:not(:checked) ~ input#b6-8:checked ~ .sudoku .section .cell.cell-b6 label.pen[for=b6-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b6-0:not(:checked) ~ input#b6-8:checked ~ .sudoku .section .cell.cell-b6 label.unset[for=b6-0] {
  display: block;
}
input#pencil:checked ~ input#b6-0:checked ~ input#b6-9-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-9-pencil:checked ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b6-0:checked ~ input#b6-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-b6 label.pencil[for=b6-9-pencil] {
  pointer-events: none;
}
input#b6-0:not(:checked) ~ input#b6-9:checked ~ .sudoku .section .cell.cell-b6 label.pen[for=b6-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b6-0:not(:checked) ~ input#b6-9:checked ~ .sudoku .section .cell.cell-b6 label.unset[for=b6-0] {
  display: block;
}
input#b7-0:checked ~ .sudoku .section .cell.cell-b7 label.pencil {
  display: block;
}
input#pencil:checked ~ input#b7-0:checked ~ .sudoku .section .cell.cell-b7:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#b7-0:checked ~ .sudoku .section .cell.cell-b7:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#b7-0:checked ~ .sudoku .section .cell.cell-b7:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#b7-0:checked ~ .sudoku .section .cell.cell-b7 label.pen {
  display: block;
}
input#pen:checked ~ input#b7-0:checked ~ .sudoku .section .cell.cell-b7 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#b7-0:checked ~ input#b7-1-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-1-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-1-pencil] {
  pointer-events: none;
}
input#b7-0:not(:checked) ~ input#b7-1:checked ~ .sudoku .section .cell.cell-b7 label.pen[for=b7-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b7-0:not(:checked) ~ input#b7-1:checked ~ .sudoku .section .cell.cell-b7 label.unset[for=b7-0] {
  display: block;
}
input#pencil:checked ~ input#b7-0:checked ~ input#b7-2-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-2-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-2-pencil] {
  pointer-events: none;
}
input#b7-0:not(:checked) ~ input#b7-2:checked ~ .sudoku .section .cell.cell-b7 label.pen[for=b7-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b7-0:not(:checked) ~ input#b7-2:checked ~ .sudoku .section .cell.cell-b7 label.unset[for=b7-0] {
  display: block;
}
input#pencil:checked ~ input#b7-0:checked ~ input#b7-3-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-3-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-3-pencil] {
  pointer-events: none;
}
input#b7-0:not(:checked) ~ input#b7-3:checked ~ .sudoku .section .cell.cell-b7 label.pen[for=b7-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b7-0:not(:checked) ~ input#b7-3:checked ~ .sudoku .section .cell.cell-b7 label.unset[for=b7-0] {
  display: block;
}
input#pencil:checked ~ input#b7-0:checked ~ input#b7-4-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-4-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-4-pencil] {
  pointer-events: none;
}
input#b7-0:not(:checked) ~ input#b7-4:checked ~ .sudoku .section .cell.cell-b7 label.pen[for=b7-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b7-0:not(:checked) ~ input#b7-4:checked ~ .sudoku .section .cell.cell-b7 label.unset[for=b7-0] {
  display: block;
}
input#pencil:checked ~ input#b7-0:checked ~ input#b7-5-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-5-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-5-pencil] {
  pointer-events: none;
}
input#b7-0:not(:checked) ~ input#b7-5:checked ~ .sudoku .section .cell.cell-b7 label.pen[for=b7-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b7-0:not(:checked) ~ input#b7-5:checked ~ .sudoku .section .cell.cell-b7 label.unset[for=b7-0] {
  display: block;
}
input#pencil:checked ~ input#b7-0:checked ~ input#b7-6-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-6-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-6-pencil] {
  pointer-events: none;
}
input#b7-0:not(:checked) ~ input#b7-6:checked ~ .sudoku .section .cell.cell-b7 label.pen[for=b7-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b7-0:not(:checked) ~ input#b7-6:checked ~ .sudoku .section .cell.cell-b7 label.unset[for=b7-0] {
  display: block;
}
input#pencil:checked ~ input#b7-0:checked ~ input#b7-7-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-7-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-7-pencil] {
  pointer-events: none;
}
input#b7-0:not(:checked) ~ input#b7-7:checked ~ .sudoku .section .cell.cell-b7 label.pen[for=b7-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b7-0:not(:checked) ~ input#b7-7:checked ~ .sudoku .section .cell.cell-b7 label.unset[for=b7-0] {
  display: block;
}
input#pencil:checked ~ input#b7-0:checked ~ input#b7-8-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-8-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-8-pencil] {
  pointer-events: none;
}
input#b7-0:not(:checked) ~ input#b7-8:checked ~ .sudoku .section .cell.cell-b7 label.pen[for=b7-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b7-0:not(:checked) ~ input#b7-8:checked ~ .sudoku .section .cell.cell-b7 label.unset[for=b7-0] {
  display: block;
}
input#pencil:checked ~ input#b7-0:checked ~ input#b7-9-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-9-pencil:checked ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b7-0:checked ~ input#b7-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-b7 label.pencil[for=b7-9-pencil] {
  pointer-events: none;
}
input#b7-0:not(:checked) ~ input#b7-9:checked ~ .sudoku .section .cell.cell-b7 label.pen[for=b7-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b7-0:not(:checked) ~ input#b7-9:checked ~ .sudoku .section .cell.cell-b7 label.unset[for=b7-0] {
  display: block;
}
input#b8-0:checked ~ .sudoku .section .cell.cell-b8 label.pencil {
  display: block;
}
input#pencil:checked ~ input#b8-0:checked ~ .sudoku .section .cell.cell-b8:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#b8-0:checked ~ .sudoku .section .cell.cell-b8:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#b8-0:checked ~ .sudoku .section .cell.cell-b8:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#b8-0:checked ~ .sudoku .section .cell.cell-b8 label.pen {
  display: block;
}
input#pen:checked ~ input#b8-0:checked ~ .sudoku .section .cell.cell-b8 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#b8-0:checked ~ input#b8-1-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-1-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-1-pencil] {
  pointer-events: none;
}
input#b8-0:not(:checked) ~ input#b8-1:checked ~ .sudoku .section .cell.cell-b8 label.pen[for=b8-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b8-0:not(:checked) ~ input#b8-1:checked ~ .sudoku .section .cell.cell-b8 label.unset[for=b8-0] {
  display: block;
}
input#pencil:checked ~ input#b8-0:checked ~ input#b8-2-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-2-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-2-pencil] {
  pointer-events: none;
}
input#b8-0:not(:checked) ~ input#b8-2:checked ~ .sudoku .section .cell.cell-b8 label.pen[for=b8-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b8-0:not(:checked) ~ input#b8-2:checked ~ .sudoku .section .cell.cell-b8 label.unset[for=b8-0] {
  display: block;
}
input#pencil:checked ~ input#b8-0:checked ~ input#b8-3-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-3-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-3-pencil] {
  pointer-events: none;
}
input#b8-0:not(:checked) ~ input#b8-3:checked ~ .sudoku .section .cell.cell-b8 label.pen[for=b8-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b8-0:not(:checked) ~ input#b8-3:checked ~ .sudoku .section .cell.cell-b8 label.unset[for=b8-0] {
  display: block;
}
input#pencil:checked ~ input#b8-0:checked ~ input#b8-4-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-4-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-4-pencil] {
  pointer-events: none;
}
input#b8-0:not(:checked) ~ input#b8-4:checked ~ .sudoku .section .cell.cell-b8 label.pen[for=b8-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b8-0:not(:checked) ~ input#b8-4:checked ~ .sudoku .section .cell.cell-b8 label.unset[for=b8-0] {
  display: block;
}
input#pencil:checked ~ input#b8-0:checked ~ input#b8-5-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-5-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-5-pencil] {
  pointer-events: none;
}
input#b8-0:not(:checked) ~ input#b8-5:checked ~ .sudoku .section .cell.cell-b8 label.pen[for=b8-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b8-0:not(:checked) ~ input#b8-5:checked ~ .sudoku .section .cell.cell-b8 label.unset[for=b8-0] {
  display: block;
}
input#pencil:checked ~ input#b8-0:checked ~ input#b8-6-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-6-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-6-pencil] {
  pointer-events: none;
}
input#b8-0:not(:checked) ~ input#b8-6:checked ~ .sudoku .section .cell.cell-b8 label.pen[for=b8-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b8-0:not(:checked) ~ input#b8-6:checked ~ .sudoku .section .cell.cell-b8 label.unset[for=b8-0] {
  display: block;
}
input#pencil:checked ~ input#b8-0:checked ~ input#b8-7-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-7-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-7-pencil] {
  pointer-events: none;
}
input#b8-0:not(:checked) ~ input#b8-7:checked ~ .sudoku .section .cell.cell-b8 label.pen[for=b8-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b8-0:not(:checked) ~ input#b8-7:checked ~ .sudoku .section .cell.cell-b8 label.unset[for=b8-0] {
  display: block;
}
input#pencil:checked ~ input#b8-0:checked ~ input#b8-8-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-8-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-8-pencil] {
  pointer-events: none;
}
input#b8-0:not(:checked) ~ input#b8-8:checked ~ .sudoku .section .cell.cell-b8 label.pen[for=b8-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b8-0:not(:checked) ~ input#b8-8:checked ~ .sudoku .section .cell.cell-b8 label.unset[for=b8-0] {
  display: block;
}
input#pencil:checked ~ input#b8-0:checked ~ input#b8-9-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-9-pencil:checked ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#b8-0:checked ~ input#b8-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-b8 label.pencil[for=b8-9-pencil] {
  pointer-events: none;
}
input#b8-0:not(:checked) ~ input#b8-9:checked ~ .sudoku .section .cell.cell-b8 label.pen[for=b8-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#b8-0:not(:checked) ~ input#b8-9:checked ~ .sudoku .section .cell.cell-b8 label.unset[for=b8-0] {
  display: block;
}
input#c2-0:checked ~ .sudoku .section .cell.cell-c2 label.pencil {
  display: block;
}
input#pencil:checked ~ input#c2-0:checked ~ .sudoku .section .cell.cell-c2:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#c2-0:checked ~ .sudoku .section .cell.cell-c2:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#c2-0:checked ~ .sudoku .section .cell.cell-c2:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#c2-0:checked ~ .sudoku .section .cell.cell-c2 label.pen {
  display: block;
}
input#pen:checked ~ input#c2-0:checked ~ .sudoku .section .cell.cell-c2 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#c2-0:checked ~ input#c2-1-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-1-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-1-pencil] {
  pointer-events: none;
}
input#c2-0:not(:checked) ~ input#c2-1:checked ~ .sudoku .section .cell.cell-c2 label.pen[for=c2-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c2-0:not(:checked) ~ input#c2-1:checked ~ .sudoku .section .cell.cell-c2 label.unset[for=c2-0] {
  display: block;
}
input#pencil:checked ~ input#c2-0:checked ~ input#c2-2-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-2-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-2-pencil] {
  pointer-events: none;
}
input#c2-0:not(:checked) ~ input#c2-2:checked ~ .sudoku .section .cell.cell-c2 label.pen[for=c2-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c2-0:not(:checked) ~ input#c2-2:checked ~ .sudoku .section .cell.cell-c2 label.unset[for=c2-0] {
  display: block;
}
input#pencil:checked ~ input#c2-0:checked ~ input#c2-3-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-3-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-3-pencil] {
  pointer-events: none;
}
input#c2-0:not(:checked) ~ input#c2-3:checked ~ .sudoku .section .cell.cell-c2 label.pen[for=c2-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c2-0:not(:checked) ~ input#c2-3:checked ~ .sudoku .section .cell.cell-c2 label.unset[for=c2-0] {
  display: block;
}
input#pencil:checked ~ input#c2-0:checked ~ input#c2-4-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-4-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-4-pencil] {
  pointer-events: none;
}
input#c2-0:not(:checked) ~ input#c2-4:checked ~ .sudoku .section .cell.cell-c2 label.pen[for=c2-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c2-0:not(:checked) ~ input#c2-4:checked ~ .sudoku .section .cell.cell-c2 label.unset[for=c2-0] {
  display: block;
}
input#pencil:checked ~ input#c2-0:checked ~ input#c2-5-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-5-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-5-pencil] {
  pointer-events: none;
}
input#c2-0:not(:checked) ~ input#c2-5:checked ~ .sudoku .section .cell.cell-c2 label.pen[for=c2-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c2-0:not(:checked) ~ input#c2-5:checked ~ .sudoku .section .cell.cell-c2 label.unset[for=c2-0] {
  display: block;
}
input#pencil:checked ~ input#c2-0:checked ~ input#c2-6-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-6-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-6-pencil] {
  pointer-events: none;
}
input#c2-0:not(:checked) ~ input#c2-6:checked ~ .sudoku .section .cell.cell-c2 label.pen[for=c2-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c2-0:not(:checked) ~ input#c2-6:checked ~ .sudoku .section .cell.cell-c2 label.unset[for=c2-0] {
  display: block;
}
input#pencil:checked ~ input#c2-0:checked ~ input#c2-7-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-7-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-7-pencil] {
  pointer-events: none;
}
input#c2-0:not(:checked) ~ input#c2-7:checked ~ .sudoku .section .cell.cell-c2 label.pen[for=c2-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c2-0:not(:checked) ~ input#c2-7:checked ~ .sudoku .section .cell.cell-c2 label.unset[for=c2-0] {
  display: block;
}
input#pencil:checked ~ input#c2-0:checked ~ input#c2-8-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-8-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-8-pencil] {
  pointer-events: none;
}
input#c2-0:not(:checked) ~ input#c2-8:checked ~ .sudoku .section .cell.cell-c2 label.pen[for=c2-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c2-0:not(:checked) ~ input#c2-8:checked ~ .sudoku .section .cell.cell-c2 label.unset[for=c2-0] {
  display: block;
}
input#pencil:checked ~ input#c2-0:checked ~ input#c2-9-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-9-pencil:checked ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c2-0:checked ~ input#c2-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-c2 label.pencil[for=c2-9-pencil] {
  pointer-events: none;
}
input#c2-0:not(:checked) ~ input#c2-9:checked ~ .sudoku .section .cell.cell-c2 label.pen[for=c2-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c2-0:not(:checked) ~ input#c2-9:checked ~ .sudoku .section .cell.cell-c2 label.unset[for=c2-0] {
  display: block;
}
input#c4-0:checked ~ .sudoku .section .cell.cell-c4 label.pencil {
  display: block;
}
input#pencil:checked ~ input#c4-0:checked ~ .sudoku .section .cell.cell-c4:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#c4-0:checked ~ .sudoku .section .cell.cell-c4:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#c4-0:checked ~ .sudoku .section .cell.cell-c4:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#c4-0:checked ~ .sudoku .section .cell.cell-c4 label.pen {
  display: block;
}
input#pen:checked ~ input#c4-0:checked ~ .sudoku .section .cell.cell-c4 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#c4-0:checked ~ input#c4-1-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-1-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-1-pencil] {
  pointer-events: none;
}
input#c4-0:not(:checked) ~ input#c4-1:checked ~ .sudoku .section .cell.cell-c4 label.pen[for=c4-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c4-0:not(:checked) ~ input#c4-1:checked ~ .sudoku .section .cell.cell-c4 label.unset[for=c4-0] {
  display: block;
}
input#pencil:checked ~ input#c4-0:checked ~ input#c4-2-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-2-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-2-pencil] {
  pointer-events: none;
}
input#c4-0:not(:checked) ~ input#c4-2:checked ~ .sudoku .section .cell.cell-c4 label.pen[for=c4-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c4-0:not(:checked) ~ input#c4-2:checked ~ .sudoku .section .cell.cell-c4 label.unset[for=c4-0] {
  display: block;
}
input#pencil:checked ~ input#c4-0:checked ~ input#c4-3-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-3-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-3-pencil] {
  pointer-events: none;
}
input#c4-0:not(:checked) ~ input#c4-3:checked ~ .sudoku .section .cell.cell-c4 label.pen[for=c4-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c4-0:not(:checked) ~ input#c4-3:checked ~ .sudoku .section .cell.cell-c4 label.unset[for=c4-0] {
  display: block;
}
input#pencil:checked ~ input#c4-0:checked ~ input#c4-4-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-4-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-4-pencil] {
  pointer-events: none;
}
input#c4-0:not(:checked) ~ input#c4-4:checked ~ .sudoku .section .cell.cell-c4 label.pen[for=c4-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c4-0:not(:checked) ~ input#c4-4:checked ~ .sudoku .section .cell.cell-c4 label.unset[for=c4-0] {
  display: block;
}
input#pencil:checked ~ input#c4-0:checked ~ input#c4-5-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-5-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-5-pencil] {
  pointer-events: none;
}
input#c4-0:not(:checked) ~ input#c4-5:checked ~ .sudoku .section .cell.cell-c4 label.pen[for=c4-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c4-0:not(:checked) ~ input#c4-5:checked ~ .sudoku .section .cell.cell-c4 label.unset[for=c4-0] {
  display: block;
}
input#pencil:checked ~ input#c4-0:checked ~ input#c4-6-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-6-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-6-pencil] {
  pointer-events: none;
}
input#c4-0:not(:checked) ~ input#c4-6:checked ~ .sudoku .section .cell.cell-c4 label.pen[for=c4-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c4-0:not(:checked) ~ input#c4-6:checked ~ .sudoku .section .cell.cell-c4 label.unset[for=c4-0] {
  display: block;
}
input#pencil:checked ~ input#c4-0:checked ~ input#c4-7-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-7-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-7-pencil] {
  pointer-events: none;
}
input#c4-0:not(:checked) ~ input#c4-7:checked ~ .sudoku .section .cell.cell-c4 label.pen[for=c4-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c4-0:not(:checked) ~ input#c4-7:checked ~ .sudoku .section .cell.cell-c4 label.unset[for=c4-0] {
  display: block;
}
input#pencil:checked ~ input#c4-0:checked ~ input#c4-8-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-8-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-8-pencil] {
  pointer-events: none;
}
input#c4-0:not(:checked) ~ input#c4-8:checked ~ .sudoku .section .cell.cell-c4 label.pen[for=c4-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c4-0:not(:checked) ~ input#c4-8:checked ~ .sudoku .section .cell.cell-c4 label.unset[for=c4-0] {
  display: block;
}
input#pencil:checked ~ input#c4-0:checked ~ input#c4-9-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-9-pencil:checked ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c4-0:checked ~ input#c4-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-c4 label.pencil[for=c4-9-pencil] {
  pointer-events: none;
}
input#c4-0:not(:checked) ~ input#c4-9:checked ~ .sudoku .section .cell.cell-c4 label.pen[for=c4-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c4-0:not(:checked) ~ input#c4-9:checked ~ .sudoku .section .cell.cell-c4 label.unset[for=c4-0] {
  display: block;
}
input#c6-0:checked ~ .sudoku .section .cell.cell-c6 label.pencil {
  display: block;
}
input#pencil:checked ~ input#c6-0:checked ~ .sudoku .section .cell.cell-c6:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#c6-0:checked ~ .sudoku .section .cell.cell-c6:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#c6-0:checked ~ .sudoku .section .cell.cell-c6:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#c6-0:checked ~ .sudoku .section .cell.cell-c6 label.pen {
  display: block;
}
input#pen:checked ~ input#c6-0:checked ~ .sudoku .section .cell.cell-c6 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#c6-0:checked ~ input#c6-1-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-1-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-1-pencil] {
  pointer-events: none;
}
input#c6-0:not(:checked) ~ input#c6-1:checked ~ .sudoku .section .cell.cell-c6 label.pen[for=c6-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c6-0:not(:checked) ~ input#c6-1:checked ~ .sudoku .section .cell.cell-c6 label.unset[for=c6-0] {
  display: block;
}
input#pencil:checked ~ input#c6-0:checked ~ input#c6-2-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-2-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-2-pencil] {
  pointer-events: none;
}
input#c6-0:not(:checked) ~ input#c6-2:checked ~ .sudoku .section .cell.cell-c6 label.pen[for=c6-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c6-0:not(:checked) ~ input#c6-2:checked ~ .sudoku .section .cell.cell-c6 label.unset[for=c6-0] {
  display: block;
}
input#pencil:checked ~ input#c6-0:checked ~ input#c6-3-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-3-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-3-pencil] {
  pointer-events: none;
}
input#c6-0:not(:checked) ~ input#c6-3:checked ~ .sudoku .section .cell.cell-c6 label.pen[for=c6-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c6-0:not(:checked) ~ input#c6-3:checked ~ .sudoku .section .cell.cell-c6 label.unset[for=c6-0] {
  display: block;
}
input#pencil:checked ~ input#c6-0:checked ~ input#c6-4-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-4-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-4-pencil] {
  pointer-events: none;
}
input#c6-0:not(:checked) ~ input#c6-4:checked ~ .sudoku .section .cell.cell-c6 label.pen[for=c6-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c6-0:not(:checked) ~ input#c6-4:checked ~ .sudoku .section .cell.cell-c6 label.unset[for=c6-0] {
  display: block;
}
input#pencil:checked ~ input#c6-0:checked ~ input#c6-5-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-5-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-5-pencil] {
  pointer-events: none;
}
input#c6-0:not(:checked) ~ input#c6-5:checked ~ .sudoku .section .cell.cell-c6 label.pen[for=c6-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c6-0:not(:checked) ~ input#c6-5:checked ~ .sudoku .section .cell.cell-c6 label.unset[for=c6-0] {
  display: block;
}
input#pencil:checked ~ input#c6-0:checked ~ input#c6-6-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-6-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-6-pencil] {
  pointer-events: none;
}
input#c6-0:not(:checked) ~ input#c6-6:checked ~ .sudoku .section .cell.cell-c6 label.pen[for=c6-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c6-0:not(:checked) ~ input#c6-6:checked ~ .sudoku .section .cell.cell-c6 label.unset[for=c6-0] {
  display: block;
}
input#pencil:checked ~ input#c6-0:checked ~ input#c6-7-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-7-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-7-pencil] {
  pointer-events: none;
}
input#c6-0:not(:checked) ~ input#c6-7:checked ~ .sudoku .section .cell.cell-c6 label.pen[for=c6-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c6-0:not(:checked) ~ input#c6-7:checked ~ .sudoku .section .cell.cell-c6 label.unset[for=c6-0] {
  display: block;
}
input#pencil:checked ~ input#c6-0:checked ~ input#c6-8-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-8-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-8-pencil] {
  pointer-events: none;
}
input#c6-0:not(:checked) ~ input#c6-8:checked ~ .sudoku .section .cell.cell-c6 label.pen[for=c6-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c6-0:not(:checked) ~ input#c6-8:checked ~ .sudoku .section .cell.cell-c6 label.unset[for=c6-0] {
  display: block;
}
input#pencil:checked ~ input#c6-0:checked ~ input#c6-9-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-9-pencil:checked ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c6-0:checked ~ input#c6-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-c6 label.pencil[for=c6-9-pencil] {
  pointer-events: none;
}
input#c6-0:not(:checked) ~ input#c6-9:checked ~ .sudoku .section .cell.cell-c6 label.pen[for=c6-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c6-0:not(:checked) ~ input#c6-9:checked ~ .sudoku .section .cell.cell-c6 label.unset[for=c6-0] {
  display: block;
}
input#c8-0:checked ~ .sudoku .section .cell.cell-c8 label.pencil {
  display: block;
}
input#pencil:checked ~ input#c8-0:checked ~ .sudoku .section .cell.cell-c8:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#c8-0:checked ~ .sudoku .section .cell.cell-c8:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#c8-0:checked ~ .sudoku .section .cell.cell-c8:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#c8-0:checked ~ .sudoku .section .cell.cell-c8 label.pen {
  display: block;
}
input#pen:checked ~ input#c8-0:checked ~ .sudoku .section .cell.cell-c8 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#c8-0:checked ~ input#c8-1-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-1-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-1-pencil] {
  pointer-events: none;
}
input#c8-0:not(:checked) ~ input#c8-1:checked ~ .sudoku .section .cell.cell-c8 label.pen[for=c8-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c8-0:not(:checked) ~ input#c8-1:checked ~ .sudoku .section .cell.cell-c8 label.unset[for=c8-0] {
  display: block;
}
input#pencil:checked ~ input#c8-0:checked ~ input#c8-2-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-2-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-2-pencil] {
  pointer-events: none;
}
input#c8-0:not(:checked) ~ input#c8-2:checked ~ .sudoku .section .cell.cell-c8 label.pen[for=c8-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c8-0:not(:checked) ~ input#c8-2:checked ~ .sudoku .section .cell.cell-c8 label.unset[for=c8-0] {
  display: block;
}
input#pencil:checked ~ input#c8-0:checked ~ input#c8-3-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-3-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-3-pencil] {
  pointer-events: none;
}
input#c8-0:not(:checked) ~ input#c8-3:checked ~ .sudoku .section .cell.cell-c8 label.pen[for=c8-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c8-0:not(:checked) ~ input#c8-3:checked ~ .sudoku .section .cell.cell-c8 label.unset[for=c8-0] {
  display: block;
}
input#pencil:checked ~ input#c8-0:checked ~ input#c8-4-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-4-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-4-pencil] {
  pointer-events: none;
}
input#c8-0:not(:checked) ~ input#c8-4:checked ~ .sudoku .section .cell.cell-c8 label.pen[for=c8-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c8-0:not(:checked) ~ input#c8-4:checked ~ .sudoku .section .cell.cell-c8 label.unset[for=c8-0] {
  display: block;
}
input#pencil:checked ~ input#c8-0:checked ~ input#c8-5-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-5-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-5-pencil] {
  pointer-events: none;
}
input#c8-0:not(:checked) ~ input#c8-5:checked ~ .sudoku .section .cell.cell-c8 label.pen[for=c8-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c8-0:not(:checked) ~ input#c8-5:checked ~ .sudoku .section .cell.cell-c8 label.unset[for=c8-0] {
  display: block;
}
input#pencil:checked ~ input#c8-0:checked ~ input#c8-6-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-6-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-6-pencil] {
  pointer-events: none;
}
input#c8-0:not(:checked) ~ input#c8-6:checked ~ .sudoku .section .cell.cell-c8 label.pen[for=c8-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c8-0:not(:checked) ~ input#c8-6:checked ~ .sudoku .section .cell.cell-c8 label.unset[for=c8-0] {
  display: block;
}
input#pencil:checked ~ input#c8-0:checked ~ input#c8-7-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-7-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-7-pencil] {
  pointer-events: none;
}
input#c8-0:not(:checked) ~ input#c8-7:checked ~ .sudoku .section .cell.cell-c8 label.pen[for=c8-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c8-0:not(:checked) ~ input#c8-7:checked ~ .sudoku .section .cell.cell-c8 label.unset[for=c8-0] {
  display: block;
}
input#pencil:checked ~ input#c8-0:checked ~ input#c8-8-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-8-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-8-pencil] {
  pointer-events: none;
}
input#c8-0:not(:checked) ~ input#c8-8:checked ~ .sudoku .section .cell.cell-c8 label.pen[for=c8-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c8-0:not(:checked) ~ input#c8-8:checked ~ .sudoku .section .cell.cell-c8 label.unset[for=c8-0] {
  display: block;
}
input#pencil:checked ~ input#c8-0:checked ~ input#c8-9-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-9-pencil:checked ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c8-0:checked ~ input#c8-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-c8 label.pencil[for=c8-9-pencil] {
  pointer-events: none;
}
input#c8-0:not(:checked) ~ input#c8-9:checked ~ .sudoku .section .cell.cell-c8 label.pen[for=c8-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c8-0:not(:checked) ~ input#c8-9:checked ~ .sudoku .section .cell.cell-c8 label.unset[for=c8-0] {
  display: block;
}
input#c9-0:checked ~ .sudoku .section .cell.cell-c9 label.pencil {
  display: block;
}
input#pencil:checked ~ input#c9-0:checked ~ .sudoku .section .cell.cell-c9:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#c9-0:checked ~ .sudoku .section .cell.cell-c9:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#c9-0:checked ~ .sudoku .section .cell.cell-c9:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#c9-0:checked ~ .sudoku .section .cell.cell-c9 label.pen {
  display: block;
}
input#pen:checked ~ input#c9-0:checked ~ .sudoku .section .cell.cell-c9 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#c9-0:checked ~ input#c9-1-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-1-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-1-pencil] {
  pointer-events: none;
}
input#c9-0:not(:checked) ~ input#c9-1:checked ~ .sudoku .section .cell.cell-c9 label.pen[for=c9-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c9-0:not(:checked) ~ input#c9-1:checked ~ .sudoku .section .cell.cell-c9 label.unset[for=c9-0] {
  display: block;
}
input#pencil:checked ~ input#c9-0:checked ~ input#c9-2-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-2-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-2-pencil] {
  pointer-events: none;
}
input#c9-0:not(:checked) ~ input#c9-2:checked ~ .sudoku .section .cell.cell-c9 label.pen[for=c9-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c9-0:not(:checked) ~ input#c9-2:checked ~ .sudoku .section .cell.cell-c9 label.unset[for=c9-0] {
  display: block;
}
input#pencil:checked ~ input#c9-0:checked ~ input#c9-3-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-3-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-3-pencil] {
  pointer-events: none;
}
input#c9-0:not(:checked) ~ input#c9-3:checked ~ .sudoku .section .cell.cell-c9 label.pen[for=c9-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c9-0:not(:checked) ~ input#c9-3:checked ~ .sudoku .section .cell.cell-c9 label.unset[for=c9-0] {
  display: block;
}
input#pencil:checked ~ input#c9-0:checked ~ input#c9-4-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-4-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-4-pencil] {
  pointer-events: none;
}
input#c9-0:not(:checked) ~ input#c9-4:checked ~ .sudoku .section .cell.cell-c9 label.pen[for=c9-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c9-0:not(:checked) ~ input#c9-4:checked ~ .sudoku .section .cell.cell-c9 label.unset[for=c9-0] {
  display: block;
}
input#pencil:checked ~ input#c9-0:checked ~ input#c9-5-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-5-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-5-pencil] {
  pointer-events: none;
}
input#c9-0:not(:checked) ~ input#c9-5:checked ~ .sudoku .section .cell.cell-c9 label.pen[for=c9-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c9-0:not(:checked) ~ input#c9-5:checked ~ .sudoku .section .cell.cell-c9 label.unset[for=c9-0] {
  display: block;
}
input#pencil:checked ~ input#c9-0:checked ~ input#c9-6-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-6-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-6-pencil] {
  pointer-events: none;
}
input#c9-0:not(:checked) ~ input#c9-6:checked ~ .sudoku .section .cell.cell-c9 label.pen[for=c9-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c9-0:not(:checked) ~ input#c9-6:checked ~ .sudoku .section .cell.cell-c9 label.unset[for=c9-0] {
  display: block;
}
input#pencil:checked ~ input#c9-0:checked ~ input#c9-7-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-7-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-7-pencil] {
  pointer-events: none;
}
input#c9-0:not(:checked) ~ input#c9-7:checked ~ .sudoku .section .cell.cell-c9 label.pen[for=c9-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c9-0:not(:checked) ~ input#c9-7:checked ~ .sudoku .section .cell.cell-c9 label.unset[for=c9-0] {
  display: block;
}
input#pencil:checked ~ input#c9-0:checked ~ input#c9-8-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-8-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-8-pencil] {
  pointer-events: none;
}
input#c9-0:not(:checked) ~ input#c9-8:checked ~ .sudoku .section .cell.cell-c9 label.pen[for=c9-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c9-0:not(:checked) ~ input#c9-8:checked ~ .sudoku .section .cell.cell-c9 label.unset[for=c9-0] {
  display: block;
}
input#pencil:checked ~ input#c9-0:checked ~ input#c9-9-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-9-pencil:checked ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#c9-0:checked ~ input#c9-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-c9 label.pencil[for=c9-9-pencil] {
  pointer-events: none;
}
input#c9-0:not(:checked) ~ input#c9-9:checked ~ .sudoku .section .cell.cell-c9 label.pen[for=c9-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#c9-0:not(:checked) ~ input#c9-9:checked ~ .sudoku .section .cell.cell-c9 label.unset[for=c9-0] {
  display: block;
}
input#d3-0:checked ~ .sudoku .section .cell.cell-d3 label.pencil {
  display: block;
}
input#pencil:checked ~ input#d3-0:checked ~ .sudoku .section .cell.cell-d3:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#d3-0:checked ~ .sudoku .section .cell.cell-d3:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#d3-0:checked ~ .sudoku .section .cell.cell-d3:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#d3-0:checked ~ .sudoku .section .cell.cell-d3 label.pen {
  display: block;
}
input#pen:checked ~ input#d3-0:checked ~ .sudoku .section .cell.cell-d3 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#d3-0:checked ~ input#d3-1-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-1-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-1-pencil] {
  pointer-events: none;
}
input#d3-0:not(:checked) ~ input#d3-1:checked ~ .sudoku .section .cell.cell-d3 label.pen[for=d3-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d3-0:not(:checked) ~ input#d3-1:checked ~ .sudoku .section .cell.cell-d3 label.unset[for=d3-0] {
  display: block;
}
input#pencil:checked ~ input#d3-0:checked ~ input#d3-2-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-2-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-2-pencil] {
  pointer-events: none;
}
input#d3-0:not(:checked) ~ input#d3-2:checked ~ .sudoku .section .cell.cell-d3 label.pen[for=d3-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d3-0:not(:checked) ~ input#d3-2:checked ~ .sudoku .section .cell.cell-d3 label.unset[for=d3-0] {
  display: block;
}
input#pencil:checked ~ input#d3-0:checked ~ input#d3-3-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-3-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-3-pencil] {
  pointer-events: none;
}
input#d3-0:not(:checked) ~ input#d3-3:checked ~ .sudoku .section .cell.cell-d3 label.pen[for=d3-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d3-0:not(:checked) ~ input#d3-3:checked ~ .sudoku .section .cell.cell-d3 label.unset[for=d3-0] {
  display: block;
}
input#pencil:checked ~ input#d3-0:checked ~ input#d3-4-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-4-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-4-pencil] {
  pointer-events: none;
}
input#d3-0:not(:checked) ~ input#d3-4:checked ~ .sudoku .section .cell.cell-d3 label.pen[for=d3-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d3-0:not(:checked) ~ input#d3-4:checked ~ .sudoku .section .cell.cell-d3 label.unset[for=d3-0] {
  display: block;
}
input#pencil:checked ~ input#d3-0:checked ~ input#d3-5-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-5-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-5-pencil] {
  pointer-events: none;
}
input#d3-0:not(:checked) ~ input#d3-5:checked ~ .sudoku .section .cell.cell-d3 label.pen[for=d3-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d3-0:not(:checked) ~ input#d3-5:checked ~ .sudoku .section .cell.cell-d3 label.unset[for=d3-0] {
  display: block;
}
input#pencil:checked ~ input#d3-0:checked ~ input#d3-6-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-6-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-6-pencil] {
  pointer-events: none;
}
input#d3-0:not(:checked) ~ input#d3-6:checked ~ .sudoku .section .cell.cell-d3 label.pen[for=d3-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d3-0:not(:checked) ~ input#d3-6:checked ~ .sudoku .section .cell.cell-d3 label.unset[for=d3-0] {
  display: block;
}
input#pencil:checked ~ input#d3-0:checked ~ input#d3-7-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-7-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-7-pencil] {
  pointer-events: none;
}
input#d3-0:not(:checked) ~ input#d3-7:checked ~ .sudoku .section .cell.cell-d3 label.pen[for=d3-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d3-0:not(:checked) ~ input#d3-7:checked ~ .sudoku .section .cell.cell-d3 label.unset[for=d3-0] {
  display: block;
}
input#pencil:checked ~ input#d3-0:checked ~ input#d3-8-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-8-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-8-pencil] {
  pointer-events: none;
}
input#d3-0:not(:checked) ~ input#d3-8:checked ~ .sudoku .section .cell.cell-d3 label.pen[for=d3-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d3-0:not(:checked) ~ input#d3-8:checked ~ .sudoku .section .cell.cell-d3 label.unset[for=d3-0] {
  display: block;
}
input#pencil:checked ~ input#d3-0:checked ~ input#d3-9-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-9-pencil:checked ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d3-0:checked ~ input#d3-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-d3 label.pencil[for=d3-9-pencil] {
  pointer-events: none;
}
input#d3-0:not(:checked) ~ input#d3-9:checked ~ .sudoku .section .cell.cell-d3 label.pen[for=d3-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d3-0:not(:checked) ~ input#d3-9:checked ~ .sudoku .section .cell.cell-d3 label.unset[for=d3-0] {
  display: block;
}
input#d4-0:checked ~ .sudoku .section .cell.cell-d4 label.pencil {
  display: block;
}
input#pencil:checked ~ input#d4-0:checked ~ .sudoku .section .cell.cell-d4:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#d4-0:checked ~ .sudoku .section .cell.cell-d4:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#d4-0:checked ~ .sudoku .section .cell.cell-d4:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#d4-0:checked ~ .sudoku .section .cell.cell-d4 label.pen {
  display: block;
}
input#pen:checked ~ input#d4-0:checked ~ .sudoku .section .cell.cell-d4 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#d4-0:checked ~ input#d4-1-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-1-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-1-pencil] {
  pointer-events: none;
}
input#d4-0:not(:checked) ~ input#d4-1:checked ~ .sudoku .section .cell.cell-d4 label.pen[for=d4-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d4-0:not(:checked) ~ input#d4-1:checked ~ .sudoku .section .cell.cell-d4 label.unset[for=d4-0] {
  display: block;
}
input#pencil:checked ~ input#d4-0:checked ~ input#d4-2-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-2-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-2-pencil] {
  pointer-events: none;
}
input#d4-0:not(:checked) ~ input#d4-2:checked ~ .sudoku .section .cell.cell-d4 label.pen[for=d4-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d4-0:not(:checked) ~ input#d4-2:checked ~ .sudoku .section .cell.cell-d4 label.unset[for=d4-0] {
  display: block;
}
input#pencil:checked ~ input#d4-0:checked ~ input#d4-3-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-3-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-3-pencil] {
  pointer-events: none;
}
input#d4-0:not(:checked) ~ input#d4-3:checked ~ .sudoku .section .cell.cell-d4 label.pen[for=d4-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d4-0:not(:checked) ~ input#d4-3:checked ~ .sudoku .section .cell.cell-d4 label.unset[for=d4-0] {
  display: block;
}
input#pencil:checked ~ input#d4-0:checked ~ input#d4-4-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-4-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-4-pencil] {
  pointer-events: none;
}
input#d4-0:not(:checked) ~ input#d4-4:checked ~ .sudoku .section .cell.cell-d4 label.pen[for=d4-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d4-0:not(:checked) ~ input#d4-4:checked ~ .sudoku .section .cell.cell-d4 label.unset[for=d4-0] {
  display: block;
}
input#pencil:checked ~ input#d4-0:checked ~ input#d4-5-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-5-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-5-pencil] {
  pointer-events: none;
}
input#d4-0:not(:checked) ~ input#d4-5:checked ~ .sudoku .section .cell.cell-d4 label.pen[for=d4-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d4-0:not(:checked) ~ input#d4-5:checked ~ .sudoku .section .cell.cell-d4 label.unset[for=d4-0] {
  display: block;
}
input#pencil:checked ~ input#d4-0:checked ~ input#d4-6-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-6-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-6-pencil] {
  pointer-events: none;
}
input#d4-0:not(:checked) ~ input#d4-6:checked ~ .sudoku .section .cell.cell-d4 label.pen[for=d4-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d4-0:not(:checked) ~ input#d4-6:checked ~ .sudoku .section .cell.cell-d4 label.unset[for=d4-0] {
  display: block;
}
input#pencil:checked ~ input#d4-0:checked ~ input#d4-7-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-7-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-7-pencil] {
  pointer-events: none;
}
input#d4-0:not(:checked) ~ input#d4-7:checked ~ .sudoku .section .cell.cell-d4 label.pen[for=d4-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d4-0:not(:checked) ~ input#d4-7:checked ~ .sudoku .section .cell.cell-d4 label.unset[for=d4-0] {
  display: block;
}
input#pencil:checked ~ input#d4-0:checked ~ input#d4-8-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-8-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-8-pencil] {
  pointer-events: none;
}
input#d4-0:not(:checked) ~ input#d4-8:checked ~ .sudoku .section .cell.cell-d4 label.pen[for=d4-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d4-0:not(:checked) ~ input#d4-8:checked ~ .sudoku .section .cell.cell-d4 label.unset[for=d4-0] {
  display: block;
}
input#pencil:checked ~ input#d4-0:checked ~ input#d4-9-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-9-pencil:checked ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d4-0:checked ~ input#d4-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-d4 label.pencil[for=d4-9-pencil] {
  pointer-events: none;
}
input#d4-0:not(:checked) ~ input#d4-9:checked ~ .sudoku .section .cell.cell-d4 label.pen[for=d4-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d4-0:not(:checked) ~ input#d4-9:checked ~ .sudoku .section .cell.cell-d4 label.unset[for=d4-0] {
  display: block;
}
input#d5-0:checked ~ .sudoku .section .cell.cell-d5 label.pencil {
  display: block;
}
input#pencil:checked ~ input#d5-0:checked ~ .sudoku .section .cell.cell-d5:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#d5-0:checked ~ .sudoku .section .cell.cell-d5:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#d5-0:checked ~ .sudoku .section .cell.cell-d5:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#d5-0:checked ~ .sudoku .section .cell.cell-d5 label.pen {
  display: block;
}
input#pen:checked ~ input#d5-0:checked ~ .sudoku .section .cell.cell-d5 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#d5-0:checked ~ input#d5-1-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-1-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-1-pencil] {
  pointer-events: none;
}
input#d5-0:not(:checked) ~ input#d5-1:checked ~ .sudoku .section .cell.cell-d5 label.pen[for=d5-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d5-0:not(:checked) ~ input#d5-1:checked ~ .sudoku .section .cell.cell-d5 label.unset[for=d5-0] {
  display: block;
}
input#pencil:checked ~ input#d5-0:checked ~ input#d5-2-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-2-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-2-pencil] {
  pointer-events: none;
}
input#d5-0:not(:checked) ~ input#d5-2:checked ~ .sudoku .section .cell.cell-d5 label.pen[for=d5-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d5-0:not(:checked) ~ input#d5-2:checked ~ .sudoku .section .cell.cell-d5 label.unset[for=d5-0] {
  display: block;
}
input#pencil:checked ~ input#d5-0:checked ~ input#d5-3-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-3-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-3-pencil] {
  pointer-events: none;
}
input#d5-0:not(:checked) ~ input#d5-3:checked ~ .sudoku .section .cell.cell-d5 label.pen[for=d5-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d5-0:not(:checked) ~ input#d5-3:checked ~ .sudoku .section .cell.cell-d5 label.unset[for=d5-0] {
  display: block;
}
input#pencil:checked ~ input#d5-0:checked ~ input#d5-4-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-4-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-4-pencil] {
  pointer-events: none;
}
input#d5-0:not(:checked) ~ input#d5-4:checked ~ .sudoku .section .cell.cell-d5 label.pen[for=d5-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d5-0:not(:checked) ~ input#d5-4:checked ~ .sudoku .section .cell.cell-d5 label.unset[for=d5-0] {
  display: block;
}
input#pencil:checked ~ input#d5-0:checked ~ input#d5-5-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-5-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-5-pencil] {
  pointer-events: none;
}
input#d5-0:not(:checked) ~ input#d5-5:checked ~ .sudoku .section .cell.cell-d5 label.pen[for=d5-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d5-0:not(:checked) ~ input#d5-5:checked ~ .sudoku .section .cell.cell-d5 label.unset[for=d5-0] {
  display: block;
}
input#pencil:checked ~ input#d5-0:checked ~ input#d5-6-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-6-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-6-pencil] {
  pointer-events: none;
}
input#d5-0:not(:checked) ~ input#d5-6:checked ~ .sudoku .section .cell.cell-d5 label.pen[for=d5-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d5-0:not(:checked) ~ input#d5-6:checked ~ .sudoku .section .cell.cell-d5 label.unset[for=d5-0] {
  display: block;
}
input#pencil:checked ~ input#d5-0:checked ~ input#d5-7-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-7-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-7-pencil] {
  pointer-events: none;
}
input#d5-0:not(:checked) ~ input#d5-7:checked ~ .sudoku .section .cell.cell-d5 label.pen[for=d5-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d5-0:not(:checked) ~ input#d5-7:checked ~ .sudoku .section .cell.cell-d5 label.unset[for=d5-0] {
  display: block;
}
input#pencil:checked ~ input#d5-0:checked ~ input#d5-8-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-8-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-8-pencil] {
  pointer-events: none;
}
input#d5-0:not(:checked) ~ input#d5-8:checked ~ .sudoku .section .cell.cell-d5 label.pen[for=d5-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d5-0:not(:checked) ~ input#d5-8:checked ~ .sudoku .section .cell.cell-d5 label.unset[for=d5-0] {
  display: block;
}
input#pencil:checked ~ input#d5-0:checked ~ input#d5-9-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-9-pencil:checked ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d5-0:checked ~ input#d5-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-d5 label.pencil[for=d5-9-pencil] {
  pointer-events: none;
}
input#d5-0:not(:checked) ~ input#d5-9:checked ~ .sudoku .section .cell.cell-d5 label.pen[for=d5-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d5-0:not(:checked) ~ input#d5-9:checked ~ .sudoku .section .cell.cell-d5 label.unset[for=d5-0] {
  display: block;
}
input#d7-0:checked ~ .sudoku .section .cell.cell-d7 label.pencil {
  display: block;
}
input#pencil:checked ~ input#d7-0:checked ~ .sudoku .section .cell.cell-d7:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#d7-0:checked ~ .sudoku .section .cell.cell-d7:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#d7-0:checked ~ .sudoku .section .cell.cell-d7:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#d7-0:checked ~ .sudoku .section .cell.cell-d7 label.pen {
  display: block;
}
input#pen:checked ~ input#d7-0:checked ~ .sudoku .section .cell.cell-d7 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#d7-0:checked ~ input#d7-1-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-1-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-1-pencil] {
  pointer-events: none;
}
input#d7-0:not(:checked) ~ input#d7-1:checked ~ .sudoku .section .cell.cell-d7 label.pen[for=d7-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d7-0:not(:checked) ~ input#d7-1:checked ~ .sudoku .section .cell.cell-d7 label.unset[for=d7-0] {
  display: block;
}
input#pencil:checked ~ input#d7-0:checked ~ input#d7-2-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-2-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-2-pencil] {
  pointer-events: none;
}
input#d7-0:not(:checked) ~ input#d7-2:checked ~ .sudoku .section .cell.cell-d7 label.pen[for=d7-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d7-0:not(:checked) ~ input#d7-2:checked ~ .sudoku .section .cell.cell-d7 label.unset[for=d7-0] {
  display: block;
}
input#pencil:checked ~ input#d7-0:checked ~ input#d7-3-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-3-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-3-pencil] {
  pointer-events: none;
}
input#d7-0:not(:checked) ~ input#d7-3:checked ~ .sudoku .section .cell.cell-d7 label.pen[for=d7-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d7-0:not(:checked) ~ input#d7-3:checked ~ .sudoku .section .cell.cell-d7 label.unset[for=d7-0] {
  display: block;
}
input#pencil:checked ~ input#d7-0:checked ~ input#d7-4-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-4-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-4-pencil] {
  pointer-events: none;
}
input#d7-0:not(:checked) ~ input#d7-4:checked ~ .sudoku .section .cell.cell-d7 label.pen[for=d7-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d7-0:not(:checked) ~ input#d7-4:checked ~ .sudoku .section .cell.cell-d7 label.unset[for=d7-0] {
  display: block;
}
input#pencil:checked ~ input#d7-0:checked ~ input#d7-5-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-5-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-5-pencil] {
  pointer-events: none;
}
input#d7-0:not(:checked) ~ input#d7-5:checked ~ .sudoku .section .cell.cell-d7 label.pen[for=d7-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d7-0:not(:checked) ~ input#d7-5:checked ~ .sudoku .section .cell.cell-d7 label.unset[for=d7-0] {
  display: block;
}
input#pencil:checked ~ input#d7-0:checked ~ input#d7-6-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-6-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-6-pencil] {
  pointer-events: none;
}
input#d7-0:not(:checked) ~ input#d7-6:checked ~ .sudoku .section .cell.cell-d7 label.pen[for=d7-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d7-0:not(:checked) ~ input#d7-6:checked ~ .sudoku .section .cell.cell-d7 label.unset[for=d7-0] {
  display: block;
}
input#pencil:checked ~ input#d7-0:checked ~ input#d7-7-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-7-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-7-pencil] {
  pointer-events: none;
}
input#d7-0:not(:checked) ~ input#d7-7:checked ~ .sudoku .section .cell.cell-d7 label.pen[for=d7-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d7-0:not(:checked) ~ input#d7-7:checked ~ .sudoku .section .cell.cell-d7 label.unset[for=d7-0] {
  display: block;
}
input#pencil:checked ~ input#d7-0:checked ~ input#d7-8-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-8-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-8-pencil] {
  pointer-events: none;
}
input#d7-0:not(:checked) ~ input#d7-8:checked ~ .sudoku .section .cell.cell-d7 label.pen[for=d7-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d7-0:not(:checked) ~ input#d7-8:checked ~ .sudoku .section .cell.cell-d7 label.unset[for=d7-0] {
  display: block;
}
input#pencil:checked ~ input#d7-0:checked ~ input#d7-9-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-9-pencil:checked ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d7-0:checked ~ input#d7-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-d7 label.pencil[for=d7-9-pencil] {
  pointer-events: none;
}
input#d7-0:not(:checked) ~ input#d7-9:checked ~ .sudoku .section .cell.cell-d7 label.pen[for=d7-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d7-0:not(:checked) ~ input#d7-9:checked ~ .sudoku .section .cell.cell-d7 label.unset[for=d7-0] {
  display: block;
}
input#d9-0:checked ~ .sudoku .section .cell.cell-d9 label.pencil {
  display: block;
}
input#pencil:checked ~ input#d9-0:checked ~ .sudoku .section .cell.cell-d9:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#d9-0:checked ~ .sudoku .section .cell.cell-d9:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#d9-0:checked ~ .sudoku .section .cell.cell-d9:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#d9-0:checked ~ .sudoku .section .cell.cell-d9 label.pen {
  display: block;
}
input#pen:checked ~ input#d9-0:checked ~ .sudoku .section .cell.cell-d9 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#d9-0:checked ~ input#d9-1-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-1-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-1-pencil] {
  pointer-events: none;
}
input#d9-0:not(:checked) ~ input#d9-1:checked ~ .sudoku .section .cell.cell-d9 label.pen[for=d9-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d9-0:not(:checked) ~ input#d9-1:checked ~ .sudoku .section .cell.cell-d9 label.unset[for=d9-0] {
  display: block;
}
input#pencil:checked ~ input#d9-0:checked ~ input#d9-2-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-2-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-2-pencil] {
  pointer-events: none;
}
input#d9-0:not(:checked) ~ input#d9-2:checked ~ .sudoku .section .cell.cell-d9 label.pen[for=d9-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d9-0:not(:checked) ~ input#d9-2:checked ~ .sudoku .section .cell.cell-d9 label.unset[for=d9-0] {
  display: block;
}
input#pencil:checked ~ input#d9-0:checked ~ input#d9-3-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-3-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-3-pencil] {
  pointer-events: none;
}
input#d9-0:not(:checked) ~ input#d9-3:checked ~ .sudoku .section .cell.cell-d9 label.pen[for=d9-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d9-0:not(:checked) ~ input#d9-3:checked ~ .sudoku .section .cell.cell-d9 label.unset[for=d9-0] {
  display: block;
}
input#pencil:checked ~ input#d9-0:checked ~ input#d9-4-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-4-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-4-pencil] {
  pointer-events: none;
}
input#d9-0:not(:checked) ~ input#d9-4:checked ~ .sudoku .section .cell.cell-d9 label.pen[for=d9-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d9-0:not(:checked) ~ input#d9-4:checked ~ .sudoku .section .cell.cell-d9 label.unset[for=d9-0] {
  display: block;
}
input#pencil:checked ~ input#d9-0:checked ~ input#d9-5-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-5-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-5-pencil] {
  pointer-events: none;
}
input#d9-0:not(:checked) ~ input#d9-5:checked ~ .sudoku .section .cell.cell-d9 label.pen[for=d9-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d9-0:not(:checked) ~ input#d9-5:checked ~ .sudoku .section .cell.cell-d9 label.unset[for=d9-0] {
  display: block;
}
input#pencil:checked ~ input#d9-0:checked ~ input#d9-6-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-6-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-6-pencil] {
  pointer-events: none;
}
input#d9-0:not(:checked) ~ input#d9-6:checked ~ .sudoku .section .cell.cell-d9 label.pen[for=d9-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d9-0:not(:checked) ~ input#d9-6:checked ~ .sudoku .section .cell.cell-d9 label.unset[for=d9-0] {
  display: block;
}
input#pencil:checked ~ input#d9-0:checked ~ input#d9-7-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-7-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-7-pencil] {
  pointer-events: none;
}
input#d9-0:not(:checked) ~ input#d9-7:checked ~ .sudoku .section .cell.cell-d9 label.pen[for=d9-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d9-0:not(:checked) ~ input#d9-7:checked ~ .sudoku .section .cell.cell-d9 label.unset[for=d9-0] {
  display: block;
}
input#pencil:checked ~ input#d9-0:checked ~ input#d9-8-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-8-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-8-pencil] {
  pointer-events: none;
}
input#d9-0:not(:checked) ~ input#d9-8:checked ~ .sudoku .section .cell.cell-d9 label.pen[for=d9-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d9-0:not(:checked) ~ input#d9-8:checked ~ .sudoku .section .cell.cell-d9 label.unset[for=d9-0] {
  display: block;
}
input#pencil:checked ~ input#d9-0:checked ~ input#d9-9-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-9-pencil:checked ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#d9-0:checked ~ input#d9-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-d9 label.pencil[for=d9-9-pencil] {
  pointer-events: none;
}
input#d9-0:not(:checked) ~ input#d9-9:checked ~ .sudoku .section .cell.cell-d9 label.pen[for=d9-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#d9-0:not(:checked) ~ input#d9-9:checked ~ .sudoku .section .cell.cell-d9 label.unset[for=d9-0] {
  display: block;
}
input#e2-0:checked ~ .sudoku .section .cell.cell-e2 label.pencil {
  display: block;
}
input#pencil:checked ~ input#e2-0:checked ~ .sudoku .section .cell.cell-e2:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#e2-0:checked ~ .sudoku .section .cell.cell-e2:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#e2-0:checked ~ .sudoku .section .cell.cell-e2:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#e2-0:checked ~ .sudoku .section .cell.cell-e2 label.pen {
  display: block;
}
input#pen:checked ~ input#e2-0:checked ~ .sudoku .section .cell.cell-e2 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#e2-0:checked ~ input#e2-1-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-1-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-1-pencil] {
  pointer-events: none;
}
input#e2-0:not(:checked) ~ input#e2-1:checked ~ .sudoku .section .cell.cell-e2 label.pen[for=e2-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e2-0:not(:checked) ~ input#e2-1:checked ~ .sudoku .section .cell.cell-e2 label.unset[for=e2-0] {
  display: block;
}
input#pencil:checked ~ input#e2-0:checked ~ input#e2-2-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-2-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-2-pencil] {
  pointer-events: none;
}
input#e2-0:not(:checked) ~ input#e2-2:checked ~ .sudoku .section .cell.cell-e2 label.pen[for=e2-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e2-0:not(:checked) ~ input#e2-2:checked ~ .sudoku .section .cell.cell-e2 label.unset[for=e2-0] {
  display: block;
}
input#pencil:checked ~ input#e2-0:checked ~ input#e2-3-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-3-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-3-pencil] {
  pointer-events: none;
}
input#e2-0:not(:checked) ~ input#e2-3:checked ~ .sudoku .section .cell.cell-e2 label.pen[for=e2-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e2-0:not(:checked) ~ input#e2-3:checked ~ .sudoku .section .cell.cell-e2 label.unset[for=e2-0] {
  display: block;
}
input#pencil:checked ~ input#e2-0:checked ~ input#e2-4-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-4-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-4-pencil] {
  pointer-events: none;
}
input#e2-0:not(:checked) ~ input#e2-4:checked ~ .sudoku .section .cell.cell-e2 label.pen[for=e2-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e2-0:not(:checked) ~ input#e2-4:checked ~ .sudoku .section .cell.cell-e2 label.unset[for=e2-0] {
  display: block;
}
input#pencil:checked ~ input#e2-0:checked ~ input#e2-5-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-5-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-5-pencil] {
  pointer-events: none;
}
input#e2-0:not(:checked) ~ input#e2-5:checked ~ .sudoku .section .cell.cell-e2 label.pen[for=e2-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e2-0:not(:checked) ~ input#e2-5:checked ~ .sudoku .section .cell.cell-e2 label.unset[for=e2-0] {
  display: block;
}
input#pencil:checked ~ input#e2-0:checked ~ input#e2-6-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-6-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-6-pencil] {
  pointer-events: none;
}
input#e2-0:not(:checked) ~ input#e2-6:checked ~ .sudoku .section .cell.cell-e2 label.pen[for=e2-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e2-0:not(:checked) ~ input#e2-6:checked ~ .sudoku .section .cell.cell-e2 label.unset[for=e2-0] {
  display: block;
}
input#pencil:checked ~ input#e2-0:checked ~ input#e2-7-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-7-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-7-pencil] {
  pointer-events: none;
}
input#e2-0:not(:checked) ~ input#e2-7:checked ~ .sudoku .section .cell.cell-e2 label.pen[for=e2-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e2-0:not(:checked) ~ input#e2-7:checked ~ .sudoku .section .cell.cell-e2 label.unset[for=e2-0] {
  display: block;
}
input#pencil:checked ~ input#e2-0:checked ~ input#e2-8-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-8-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-8-pencil] {
  pointer-events: none;
}
input#e2-0:not(:checked) ~ input#e2-8:checked ~ .sudoku .section .cell.cell-e2 label.pen[for=e2-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e2-0:not(:checked) ~ input#e2-8:checked ~ .sudoku .section .cell.cell-e2 label.unset[for=e2-0] {
  display: block;
}
input#pencil:checked ~ input#e2-0:checked ~ input#e2-9-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-9-pencil:checked ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e2-0:checked ~ input#e2-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-e2 label.pencil[for=e2-9-pencil] {
  pointer-events: none;
}
input#e2-0:not(:checked) ~ input#e2-9:checked ~ .sudoku .section .cell.cell-e2 label.pen[for=e2-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e2-0:not(:checked) ~ input#e2-9:checked ~ .sudoku .section .cell.cell-e2 label.unset[for=e2-0] {
  display: block;
}
input#e3-0:checked ~ .sudoku .section .cell.cell-e3 label.pencil {
  display: block;
}
input#pencil:checked ~ input#e3-0:checked ~ .sudoku .section .cell.cell-e3:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#e3-0:checked ~ .sudoku .section .cell.cell-e3:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#e3-0:checked ~ .sudoku .section .cell.cell-e3:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#e3-0:checked ~ .sudoku .section .cell.cell-e3 label.pen {
  display: block;
}
input#pen:checked ~ input#e3-0:checked ~ .sudoku .section .cell.cell-e3 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#e3-0:checked ~ input#e3-1-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-1-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-1-pencil] {
  pointer-events: none;
}
input#e3-0:not(:checked) ~ input#e3-1:checked ~ .sudoku .section .cell.cell-e3 label.pen[for=e3-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e3-0:not(:checked) ~ input#e3-1:checked ~ .sudoku .section .cell.cell-e3 label.unset[for=e3-0] {
  display: block;
}
input#pencil:checked ~ input#e3-0:checked ~ input#e3-2-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-2-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-2-pencil] {
  pointer-events: none;
}
input#e3-0:not(:checked) ~ input#e3-2:checked ~ .sudoku .section .cell.cell-e3 label.pen[for=e3-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e3-0:not(:checked) ~ input#e3-2:checked ~ .sudoku .section .cell.cell-e3 label.unset[for=e3-0] {
  display: block;
}
input#pencil:checked ~ input#e3-0:checked ~ input#e3-3-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-3-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-3-pencil] {
  pointer-events: none;
}
input#e3-0:not(:checked) ~ input#e3-3:checked ~ .sudoku .section .cell.cell-e3 label.pen[for=e3-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e3-0:not(:checked) ~ input#e3-3:checked ~ .sudoku .section .cell.cell-e3 label.unset[for=e3-0] {
  display: block;
}
input#pencil:checked ~ input#e3-0:checked ~ input#e3-4-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-4-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-4-pencil] {
  pointer-events: none;
}
input#e3-0:not(:checked) ~ input#e3-4:checked ~ .sudoku .section .cell.cell-e3 label.pen[for=e3-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e3-0:not(:checked) ~ input#e3-4:checked ~ .sudoku .section .cell.cell-e3 label.unset[for=e3-0] {
  display: block;
}
input#pencil:checked ~ input#e3-0:checked ~ input#e3-5-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-5-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-5-pencil] {
  pointer-events: none;
}
input#e3-0:not(:checked) ~ input#e3-5:checked ~ .sudoku .section .cell.cell-e3 label.pen[for=e3-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e3-0:not(:checked) ~ input#e3-5:checked ~ .sudoku .section .cell.cell-e3 label.unset[for=e3-0] {
  display: block;
}
input#pencil:checked ~ input#e3-0:checked ~ input#e3-6-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-6-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-6-pencil] {
  pointer-events: none;
}
input#e3-0:not(:checked) ~ input#e3-6:checked ~ .sudoku .section .cell.cell-e3 label.pen[for=e3-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e3-0:not(:checked) ~ input#e3-6:checked ~ .sudoku .section .cell.cell-e3 label.unset[for=e3-0] {
  display: block;
}
input#pencil:checked ~ input#e3-0:checked ~ input#e3-7-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-7-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-7-pencil] {
  pointer-events: none;
}
input#e3-0:not(:checked) ~ input#e3-7:checked ~ .sudoku .section .cell.cell-e3 label.pen[for=e3-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e3-0:not(:checked) ~ input#e3-7:checked ~ .sudoku .section .cell.cell-e3 label.unset[for=e3-0] {
  display: block;
}
input#pencil:checked ~ input#e3-0:checked ~ input#e3-8-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-8-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-8-pencil] {
  pointer-events: none;
}
input#e3-0:not(:checked) ~ input#e3-8:checked ~ .sudoku .section .cell.cell-e3 label.pen[for=e3-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e3-0:not(:checked) ~ input#e3-8:checked ~ .sudoku .section .cell.cell-e3 label.unset[for=e3-0] {
  display: block;
}
input#pencil:checked ~ input#e3-0:checked ~ input#e3-9-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-9-pencil:checked ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e3-0:checked ~ input#e3-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-e3 label.pencil[for=e3-9-pencil] {
  pointer-events: none;
}
input#e3-0:not(:checked) ~ input#e3-9:checked ~ .sudoku .section .cell.cell-e3 label.pen[for=e3-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e3-0:not(:checked) ~ input#e3-9:checked ~ .sudoku .section .cell.cell-e3 label.unset[for=e3-0] {
  display: block;
}
input#e5-0:checked ~ .sudoku .section .cell.cell-e5 label.pencil {
  display: block;
}
input#pencil:checked ~ input#e5-0:checked ~ .sudoku .section .cell.cell-e5:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#e5-0:checked ~ .sudoku .section .cell.cell-e5:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#e5-0:checked ~ .sudoku .section .cell.cell-e5:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#e5-0:checked ~ .sudoku .section .cell.cell-e5 label.pen {
  display: block;
}
input#pen:checked ~ input#e5-0:checked ~ .sudoku .section .cell.cell-e5 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#e5-0:checked ~ input#e5-1-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-1-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-1-pencil] {
  pointer-events: none;
}
input#e5-0:not(:checked) ~ input#e5-1:checked ~ .sudoku .section .cell.cell-e5 label.pen[for=e5-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e5-0:not(:checked) ~ input#e5-1:checked ~ .sudoku .section .cell.cell-e5 label.unset[for=e5-0] {
  display: block;
}
input#pencil:checked ~ input#e5-0:checked ~ input#e5-2-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-2-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-2-pencil] {
  pointer-events: none;
}
input#e5-0:not(:checked) ~ input#e5-2:checked ~ .sudoku .section .cell.cell-e5 label.pen[for=e5-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e5-0:not(:checked) ~ input#e5-2:checked ~ .sudoku .section .cell.cell-e5 label.unset[for=e5-0] {
  display: block;
}
input#pencil:checked ~ input#e5-0:checked ~ input#e5-3-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-3-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-3-pencil] {
  pointer-events: none;
}
input#e5-0:not(:checked) ~ input#e5-3:checked ~ .sudoku .section .cell.cell-e5 label.pen[for=e5-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e5-0:not(:checked) ~ input#e5-3:checked ~ .sudoku .section .cell.cell-e5 label.unset[for=e5-0] {
  display: block;
}
input#pencil:checked ~ input#e5-0:checked ~ input#e5-4-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-4-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-4-pencil] {
  pointer-events: none;
}
input#e5-0:not(:checked) ~ input#e5-4:checked ~ .sudoku .section .cell.cell-e5 label.pen[for=e5-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e5-0:not(:checked) ~ input#e5-4:checked ~ .sudoku .section .cell.cell-e5 label.unset[for=e5-0] {
  display: block;
}
input#pencil:checked ~ input#e5-0:checked ~ input#e5-5-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-5-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-5-pencil] {
  pointer-events: none;
}
input#e5-0:not(:checked) ~ input#e5-5:checked ~ .sudoku .section .cell.cell-e5 label.pen[for=e5-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e5-0:not(:checked) ~ input#e5-5:checked ~ .sudoku .section .cell.cell-e5 label.unset[for=e5-0] {
  display: block;
}
input#pencil:checked ~ input#e5-0:checked ~ input#e5-6-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-6-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-6-pencil] {
  pointer-events: none;
}
input#e5-0:not(:checked) ~ input#e5-6:checked ~ .sudoku .section .cell.cell-e5 label.pen[for=e5-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e5-0:not(:checked) ~ input#e5-6:checked ~ .sudoku .section .cell.cell-e5 label.unset[for=e5-0] {
  display: block;
}
input#pencil:checked ~ input#e5-0:checked ~ input#e5-7-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-7-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-7-pencil] {
  pointer-events: none;
}
input#e5-0:not(:checked) ~ input#e5-7:checked ~ .sudoku .section .cell.cell-e5 label.pen[for=e5-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e5-0:not(:checked) ~ input#e5-7:checked ~ .sudoku .section .cell.cell-e5 label.unset[for=e5-0] {
  display: block;
}
input#pencil:checked ~ input#e5-0:checked ~ input#e5-8-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-8-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-8-pencil] {
  pointer-events: none;
}
input#e5-0:not(:checked) ~ input#e5-8:checked ~ .sudoku .section .cell.cell-e5 label.pen[for=e5-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e5-0:not(:checked) ~ input#e5-8:checked ~ .sudoku .section .cell.cell-e5 label.unset[for=e5-0] {
  display: block;
}
input#pencil:checked ~ input#e5-0:checked ~ input#e5-9-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-9-pencil:checked ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e5-0:checked ~ input#e5-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-e5 label.pencil[for=e5-9-pencil] {
  pointer-events: none;
}
input#e5-0:not(:checked) ~ input#e5-9:checked ~ .sudoku .section .cell.cell-e5 label.pen[for=e5-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e5-0:not(:checked) ~ input#e5-9:checked ~ .sudoku .section .cell.cell-e5 label.unset[for=e5-0] {
  display: block;
}
input#e7-0:checked ~ .sudoku .section .cell.cell-e7 label.pencil {
  display: block;
}
input#pencil:checked ~ input#e7-0:checked ~ .sudoku .section .cell.cell-e7:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#e7-0:checked ~ .sudoku .section .cell.cell-e7:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#e7-0:checked ~ .sudoku .section .cell.cell-e7:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#e7-0:checked ~ .sudoku .section .cell.cell-e7 label.pen {
  display: block;
}
input#pen:checked ~ input#e7-0:checked ~ .sudoku .section .cell.cell-e7 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#e7-0:checked ~ input#e7-1-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-1-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-1-pencil] {
  pointer-events: none;
}
input#e7-0:not(:checked) ~ input#e7-1:checked ~ .sudoku .section .cell.cell-e7 label.pen[for=e7-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e7-0:not(:checked) ~ input#e7-1:checked ~ .sudoku .section .cell.cell-e7 label.unset[for=e7-0] {
  display: block;
}
input#pencil:checked ~ input#e7-0:checked ~ input#e7-2-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-2-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-2-pencil] {
  pointer-events: none;
}
input#e7-0:not(:checked) ~ input#e7-2:checked ~ .sudoku .section .cell.cell-e7 label.pen[for=e7-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e7-0:not(:checked) ~ input#e7-2:checked ~ .sudoku .section .cell.cell-e7 label.unset[for=e7-0] {
  display: block;
}
input#pencil:checked ~ input#e7-0:checked ~ input#e7-3-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-3-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-3-pencil] {
  pointer-events: none;
}
input#e7-0:not(:checked) ~ input#e7-3:checked ~ .sudoku .section .cell.cell-e7 label.pen[for=e7-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e7-0:not(:checked) ~ input#e7-3:checked ~ .sudoku .section .cell.cell-e7 label.unset[for=e7-0] {
  display: block;
}
input#pencil:checked ~ input#e7-0:checked ~ input#e7-4-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-4-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-4-pencil] {
  pointer-events: none;
}
input#e7-0:not(:checked) ~ input#e7-4:checked ~ .sudoku .section .cell.cell-e7 label.pen[for=e7-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e7-0:not(:checked) ~ input#e7-4:checked ~ .sudoku .section .cell.cell-e7 label.unset[for=e7-0] {
  display: block;
}
input#pencil:checked ~ input#e7-0:checked ~ input#e7-5-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-5-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-5-pencil] {
  pointer-events: none;
}
input#e7-0:not(:checked) ~ input#e7-5:checked ~ .sudoku .section .cell.cell-e7 label.pen[for=e7-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e7-0:not(:checked) ~ input#e7-5:checked ~ .sudoku .section .cell.cell-e7 label.unset[for=e7-0] {
  display: block;
}
input#pencil:checked ~ input#e7-0:checked ~ input#e7-6-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-6-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-6-pencil] {
  pointer-events: none;
}
input#e7-0:not(:checked) ~ input#e7-6:checked ~ .sudoku .section .cell.cell-e7 label.pen[for=e7-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e7-0:not(:checked) ~ input#e7-6:checked ~ .sudoku .section .cell.cell-e7 label.unset[for=e7-0] {
  display: block;
}
input#pencil:checked ~ input#e7-0:checked ~ input#e7-7-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-7-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-7-pencil] {
  pointer-events: none;
}
input#e7-0:not(:checked) ~ input#e7-7:checked ~ .sudoku .section .cell.cell-e7 label.pen[for=e7-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e7-0:not(:checked) ~ input#e7-7:checked ~ .sudoku .section .cell.cell-e7 label.unset[for=e7-0] {
  display: block;
}
input#pencil:checked ~ input#e7-0:checked ~ input#e7-8-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-8-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-8-pencil] {
  pointer-events: none;
}
input#e7-0:not(:checked) ~ input#e7-8:checked ~ .sudoku .section .cell.cell-e7 label.pen[for=e7-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e7-0:not(:checked) ~ input#e7-8:checked ~ .sudoku .section .cell.cell-e7 label.unset[for=e7-0] {
  display: block;
}
input#pencil:checked ~ input#e7-0:checked ~ input#e7-9-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-9-pencil:checked ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e7-0:checked ~ input#e7-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-e7 label.pencil[for=e7-9-pencil] {
  pointer-events: none;
}
input#e7-0:not(:checked) ~ input#e7-9:checked ~ .sudoku .section .cell.cell-e7 label.pen[for=e7-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e7-0:not(:checked) ~ input#e7-9:checked ~ .sudoku .section .cell.cell-e7 label.unset[for=e7-0] {
  display: block;
}
input#e8-0:checked ~ .sudoku .section .cell.cell-e8 label.pencil {
  display: block;
}
input#pencil:checked ~ input#e8-0:checked ~ .sudoku .section .cell.cell-e8:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#e8-0:checked ~ .sudoku .section .cell.cell-e8:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#e8-0:checked ~ .sudoku .section .cell.cell-e8:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#e8-0:checked ~ .sudoku .section .cell.cell-e8 label.pen {
  display: block;
}
input#pen:checked ~ input#e8-0:checked ~ .sudoku .section .cell.cell-e8 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#e8-0:checked ~ input#e8-1-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-1-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-1-pencil] {
  pointer-events: none;
}
input#e8-0:not(:checked) ~ input#e8-1:checked ~ .sudoku .section .cell.cell-e8 label.pen[for=e8-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e8-0:not(:checked) ~ input#e8-1:checked ~ .sudoku .section .cell.cell-e8 label.unset[for=e8-0] {
  display: block;
}
input#pencil:checked ~ input#e8-0:checked ~ input#e8-2-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-2-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-2-pencil] {
  pointer-events: none;
}
input#e8-0:not(:checked) ~ input#e8-2:checked ~ .sudoku .section .cell.cell-e8 label.pen[for=e8-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e8-0:not(:checked) ~ input#e8-2:checked ~ .sudoku .section .cell.cell-e8 label.unset[for=e8-0] {
  display: block;
}
input#pencil:checked ~ input#e8-0:checked ~ input#e8-3-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-3-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-3-pencil] {
  pointer-events: none;
}
input#e8-0:not(:checked) ~ input#e8-3:checked ~ .sudoku .section .cell.cell-e8 label.pen[for=e8-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e8-0:not(:checked) ~ input#e8-3:checked ~ .sudoku .section .cell.cell-e8 label.unset[for=e8-0] {
  display: block;
}
input#pencil:checked ~ input#e8-0:checked ~ input#e8-4-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-4-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-4-pencil] {
  pointer-events: none;
}
input#e8-0:not(:checked) ~ input#e8-4:checked ~ .sudoku .section .cell.cell-e8 label.pen[for=e8-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e8-0:not(:checked) ~ input#e8-4:checked ~ .sudoku .section .cell.cell-e8 label.unset[for=e8-0] {
  display: block;
}
input#pencil:checked ~ input#e8-0:checked ~ input#e8-5-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-5-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-5-pencil] {
  pointer-events: none;
}
input#e8-0:not(:checked) ~ input#e8-5:checked ~ .sudoku .section .cell.cell-e8 label.pen[for=e8-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e8-0:not(:checked) ~ input#e8-5:checked ~ .sudoku .section .cell.cell-e8 label.unset[for=e8-0] {
  display: block;
}
input#pencil:checked ~ input#e8-0:checked ~ input#e8-6-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-6-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-6-pencil] {
  pointer-events: none;
}
input#e8-0:not(:checked) ~ input#e8-6:checked ~ .sudoku .section .cell.cell-e8 label.pen[for=e8-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e8-0:not(:checked) ~ input#e8-6:checked ~ .sudoku .section .cell.cell-e8 label.unset[for=e8-0] {
  display: block;
}
input#pencil:checked ~ input#e8-0:checked ~ input#e8-7-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-7-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-7-pencil] {
  pointer-events: none;
}
input#e8-0:not(:checked) ~ input#e8-7:checked ~ .sudoku .section .cell.cell-e8 label.pen[for=e8-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e8-0:not(:checked) ~ input#e8-7:checked ~ .sudoku .section .cell.cell-e8 label.unset[for=e8-0] {
  display: block;
}
input#pencil:checked ~ input#e8-0:checked ~ input#e8-8-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-8-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-8-pencil] {
  pointer-events: none;
}
input#e8-0:not(:checked) ~ input#e8-8:checked ~ .sudoku .section .cell.cell-e8 label.pen[for=e8-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e8-0:not(:checked) ~ input#e8-8:checked ~ .sudoku .section .cell.cell-e8 label.unset[for=e8-0] {
  display: block;
}
input#pencil:checked ~ input#e8-0:checked ~ input#e8-9-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-9-pencil:checked ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#e8-0:checked ~ input#e8-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-e8 label.pencil[for=e8-9-pencil] {
  pointer-events: none;
}
input#e8-0:not(:checked) ~ input#e8-9:checked ~ .sudoku .section .cell.cell-e8 label.pen[for=e8-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#e8-0:not(:checked) ~ input#e8-9:checked ~ .sudoku .section .cell.cell-e8 label.unset[for=e8-0] {
  display: block;
}
input#f1-0:checked ~ .sudoku .section .cell.cell-f1 label.pencil {
  display: block;
}
input#pencil:checked ~ input#f1-0:checked ~ .sudoku .section .cell.cell-f1:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#f1-0:checked ~ .sudoku .section .cell.cell-f1:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#f1-0:checked ~ .sudoku .section .cell.cell-f1:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#f1-0:checked ~ .sudoku .section .cell.cell-f1 label.pen {
  display: block;
}
input#pen:checked ~ input#f1-0:checked ~ .sudoku .section .cell.cell-f1 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#f1-0:checked ~ input#f1-1-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-1-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-1-pencil] {
  pointer-events: none;
}
input#f1-0:not(:checked) ~ input#f1-1:checked ~ .sudoku .section .cell.cell-f1 label.pen[for=f1-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f1-0:not(:checked) ~ input#f1-1:checked ~ .sudoku .section .cell.cell-f1 label.unset[for=f1-0] {
  display: block;
}
input#pencil:checked ~ input#f1-0:checked ~ input#f1-2-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-2-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-2-pencil] {
  pointer-events: none;
}
input#f1-0:not(:checked) ~ input#f1-2:checked ~ .sudoku .section .cell.cell-f1 label.pen[for=f1-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f1-0:not(:checked) ~ input#f1-2:checked ~ .sudoku .section .cell.cell-f1 label.unset[for=f1-0] {
  display: block;
}
input#pencil:checked ~ input#f1-0:checked ~ input#f1-3-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-3-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-3-pencil] {
  pointer-events: none;
}
input#f1-0:not(:checked) ~ input#f1-3:checked ~ .sudoku .section .cell.cell-f1 label.pen[for=f1-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f1-0:not(:checked) ~ input#f1-3:checked ~ .sudoku .section .cell.cell-f1 label.unset[for=f1-0] {
  display: block;
}
input#pencil:checked ~ input#f1-0:checked ~ input#f1-4-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-4-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-4-pencil] {
  pointer-events: none;
}
input#f1-0:not(:checked) ~ input#f1-4:checked ~ .sudoku .section .cell.cell-f1 label.pen[for=f1-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f1-0:not(:checked) ~ input#f1-4:checked ~ .sudoku .section .cell.cell-f1 label.unset[for=f1-0] {
  display: block;
}
input#pencil:checked ~ input#f1-0:checked ~ input#f1-5-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-5-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-5-pencil] {
  pointer-events: none;
}
input#f1-0:not(:checked) ~ input#f1-5:checked ~ .sudoku .section .cell.cell-f1 label.pen[for=f1-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f1-0:not(:checked) ~ input#f1-5:checked ~ .sudoku .section .cell.cell-f1 label.unset[for=f1-0] {
  display: block;
}
input#pencil:checked ~ input#f1-0:checked ~ input#f1-6-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-6-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-6-pencil] {
  pointer-events: none;
}
input#f1-0:not(:checked) ~ input#f1-6:checked ~ .sudoku .section .cell.cell-f1 label.pen[for=f1-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f1-0:not(:checked) ~ input#f1-6:checked ~ .sudoku .section .cell.cell-f1 label.unset[for=f1-0] {
  display: block;
}
input#pencil:checked ~ input#f1-0:checked ~ input#f1-7-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-7-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-7-pencil] {
  pointer-events: none;
}
input#f1-0:not(:checked) ~ input#f1-7:checked ~ .sudoku .section .cell.cell-f1 label.pen[for=f1-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f1-0:not(:checked) ~ input#f1-7:checked ~ .sudoku .section .cell.cell-f1 label.unset[for=f1-0] {
  display: block;
}
input#pencil:checked ~ input#f1-0:checked ~ input#f1-8-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-8-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-8-pencil] {
  pointer-events: none;
}
input#f1-0:not(:checked) ~ input#f1-8:checked ~ .sudoku .section .cell.cell-f1 label.pen[for=f1-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f1-0:not(:checked) ~ input#f1-8:checked ~ .sudoku .section .cell.cell-f1 label.unset[for=f1-0] {
  display: block;
}
input#pencil:checked ~ input#f1-0:checked ~ input#f1-9-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-9-pencil:checked ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f1-0:checked ~ input#f1-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-f1 label.pencil[for=f1-9-pencil] {
  pointer-events: none;
}
input#f1-0:not(:checked) ~ input#f1-9:checked ~ .sudoku .section .cell.cell-f1 label.pen[for=f1-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f1-0:not(:checked) ~ input#f1-9:checked ~ .sudoku .section .cell.cell-f1 label.unset[for=f1-0] {
  display: block;
}
input#f3-0:checked ~ .sudoku .section .cell.cell-f3 label.pencil {
  display: block;
}
input#pencil:checked ~ input#f3-0:checked ~ .sudoku .section .cell.cell-f3:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#f3-0:checked ~ .sudoku .section .cell.cell-f3:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#f3-0:checked ~ .sudoku .section .cell.cell-f3:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#f3-0:checked ~ .sudoku .section .cell.cell-f3 label.pen {
  display: block;
}
input#pen:checked ~ input#f3-0:checked ~ .sudoku .section .cell.cell-f3 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#f3-0:checked ~ input#f3-1-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-1-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-1-pencil] {
  pointer-events: none;
}
input#f3-0:not(:checked) ~ input#f3-1:checked ~ .sudoku .section .cell.cell-f3 label.pen[for=f3-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f3-0:not(:checked) ~ input#f3-1:checked ~ .sudoku .section .cell.cell-f3 label.unset[for=f3-0] {
  display: block;
}
input#pencil:checked ~ input#f3-0:checked ~ input#f3-2-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-2-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-2-pencil] {
  pointer-events: none;
}
input#f3-0:not(:checked) ~ input#f3-2:checked ~ .sudoku .section .cell.cell-f3 label.pen[for=f3-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f3-0:not(:checked) ~ input#f3-2:checked ~ .sudoku .section .cell.cell-f3 label.unset[for=f3-0] {
  display: block;
}
input#pencil:checked ~ input#f3-0:checked ~ input#f3-3-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-3-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-3-pencil] {
  pointer-events: none;
}
input#f3-0:not(:checked) ~ input#f3-3:checked ~ .sudoku .section .cell.cell-f3 label.pen[for=f3-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f3-0:not(:checked) ~ input#f3-3:checked ~ .sudoku .section .cell.cell-f3 label.unset[for=f3-0] {
  display: block;
}
input#pencil:checked ~ input#f3-0:checked ~ input#f3-4-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-4-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-4-pencil] {
  pointer-events: none;
}
input#f3-0:not(:checked) ~ input#f3-4:checked ~ .sudoku .section .cell.cell-f3 label.pen[for=f3-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f3-0:not(:checked) ~ input#f3-4:checked ~ .sudoku .section .cell.cell-f3 label.unset[for=f3-0] {
  display: block;
}
input#pencil:checked ~ input#f3-0:checked ~ input#f3-5-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-5-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-5-pencil] {
  pointer-events: none;
}
input#f3-0:not(:checked) ~ input#f3-5:checked ~ .sudoku .section .cell.cell-f3 label.pen[for=f3-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f3-0:not(:checked) ~ input#f3-5:checked ~ .sudoku .section .cell.cell-f3 label.unset[for=f3-0] {
  display: block;
}
input#pencil:checked ~ input#f3-0:checked ~ input#f3-6-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-6-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-6-pencil] {
  pointer-events: none;
}
input#f3-0:not(:checked) ~ input#f3-6:checked ~ .sudoku .section .cell.cell-f3 label.pen[for=f3-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f3-0:not(:checked) ~ input#f3-6:checked ~ .sudoku .section .cell.cell-f3 label.unset[for=f3-0] {
  display: block;
}
input#pencil:checked ~ input#f3-0:checked ~ input#f3-7-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-7-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-7-pencil] {
  pointer-events: none;
}
input#f3-0:not(:checked) ~ input#f3-7:checked ~ .sudoku .section .cell.cell-f3 label.pen[for=f3-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f3-0:not(:checked) ~ input#f3-7:checked ~ .sudoku .section .cell.cell-f3 label.unset[for=f3-0] {
  display: block;
}
input#pencil:checked ~ input#f3-0:checked ~ input#f3-8-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-8-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-8-pencil] {
  pointer-events: none;
}
input#f3-0:not(:checked) ~ input#f3-8:checked ~ .sudoku .section .cell.cell-f3 label.pen[for=f3-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f3-0:not(:checked) ~ input#f3-8:checked ~ .sudoku .section .cell.cell-f3 label.unset[for=f3-0] {
  display: block;
}
input#pencil:checked ~ input#f3-0:checked ~ input#f3-9-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-9-pencil:checked ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f3-0:checked ~ input#f3-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-f3 label.pencil[for=f3-9-pencil] {
  pointer-events: none;
}
input#f3-0:not(:checked) ~ input#f3-9:checked ~ .sudoku .section .cell.cell-f3 label.pen[for=f3-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f3-0:not(:checked) ~ input#f3-9:checked ~ .sudoku .section .cell.cell-f3 label.unset[for=f3-0] {
  display: block;
}
input#f5-0:checked ~ .sudoku .section .cell.cell-f5 label.pencil {
  display: block;
}
input#pencil:checked ~ input#f5-0:checked ~ .sudoku .section .cell.cell-f5:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#f5-0:checked ~ .sudoku .section .cell.cell-f5:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#f5-0:checked ~ .sudoku .section .cell.cell-f5:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#f5-0:checked ~ .sudoku .section .cell.cell-f5 label.pen {
  display: block;
}
input#pen:checked ~ input#f5-0:checked ~ .sudoku .section .cell.cell-f5 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#f5-0:checked ~ input#f5-1-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-1-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-1-pencil] {
  pointer-events: none;
}
input#f5-0:not(:checked) ~ input#f5-1:checked ~ .sudoku .section .cell.cell-f5 label.pen[for=f5-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f5-0:not(:checked) ~ input#f5-1:checked ~ .sudoku .section .cell.cell-f5 label.unset[for=f5-0] {
  display: block;
}
input#pencil:checked ~ input#f5-0:checked ~ input#f5-2-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-2-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-2-pencil] {
  pointer-events: none;
}
input#f5-0:not(:checked) ~ input#f5-2:checked ~ .sudoku .section .cell.cell-f5 label.pen[for=f5-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f5-0:not(:checked) ~ input#f5-2:checked ~ .sudoku .section .cell.cell-f5 label.unset[for=f5-0] {
  display: block;
}
input#pencil:checked ~ input#f5-0:checked ~ input#f5-3-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-3-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-3-pencil] {
  pointer-events: none;
}
input#f5-0:not(:checked) ~ input#f5-3:checked ~ .sudoku .section .cell.cell-f5 label.pen[for=f5-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f5-0:not(:checked) ~ input#f5-3:checked ~ .sudoku .section .cell.cell-f5 label.unset[for=f5-0] {
  display: block;
}
input#pencil:checked ~ input#f5-0:checked ~ input#f5-4-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-4-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-4-pencil] {
  pointer-events: none;
}
input#f5-0:not(:checked) ~ input#f5-4:checked ~ .sudoku .section .cell.cell-f5 label.pen[for=f5-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f5-0:not(:checked) ~ input#f5-4:checked ~ .sudoku .section .cell.cell-f5 label.unset[for=f5-0] {
  display: block;
}
input#pencil:checked ~ input#f5-0:checked ~ input#f5-5-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-5-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-5-pencil] {
  pointer-events: none;
}
input#f5-0:not(:checked) ~ input#f5-5:checked ~ .sudoku .section .cell.cell-f5 label.pen[for=f5-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f5-0:not(:checked) ~ input#f5-5:checked ~ .sudoku .section .cell.cell-f5 label.unset[for=f5-0] {
  display: block;
}
input#pencil:checked ~ input#f5-0:checked ~ input#f5-6-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-6-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-6-pencil] {
  pointer-events: none;
}
input#f5-0:not(:checked) ~ input#f5-6:checked ~ .sudoku .section .cell.cell-f5 label.pen[for=f5-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f5-0:not(:checked) ~ input#f5-6:checked ~ .sudoku .section .cell.cell-f5 label.unset[for=f5-0] {
  display: block;
}
input#pencil:checked ~ input#f5-0:checked ~ input#f5-7-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-7-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-7-pencil] {
  pointer-events: none;
}
input#f5-0:not(:checked) ~ input#f5-7:checked ~ .sudoku .section .cell.cell-f5 label.pen[for=f5-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f5-0:not(:checked) ~ input#f5-7:checked ~ .sudoku .section .cell.cell-f5 label.unset[for=f5-0] {
  display: block;
}
input#pencil:checked ~ input#f5-0:checked ~ input#f5-8-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-8-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-8-pencil] {
  pointer-events: none;
}
input#f5-0:not(:checked) ~ input#f5-8:checked ~ .sudoku .section .cell.cell-f5 label.pen[for=f5-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f5-0:not(:checked) ~ input#f5-8:checked ~ .sudoku .section .cell.cell-f5 label.unset[for=f5-0] {
  display: block;
}
input#pencil:checked ~ input#f5-0:checked ~ input#f5-9-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-9-pencil:checked ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f5-0:checked ~ input#f5-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-f5 label.pencil[for=f5-9-pencil] {
  pointer-events: none;
}
input#f5-0:not(:checked) ~ input#f5-9:checked ~ .sudoku .section .cell.cell-f5 label.pen[for=f5-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f5-0:not(:checked) ~ input#f5-9:checked ~ .sudoku .section .cell.cell-f5 label.unset[for=f5-0] {
  display: block;
}
input#f6-0:checked ~ .sudoku .section .cell.cell-f6 label.pencil {
  display: block;
}
input#pencil:checked ~ input#f6-0:checked ~ .sudoku .section .cell.cell-f6:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#f6-0:checked ~ .sudoku .section .cell.cell-f6:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#f6-0:checked ~ .sudoku .section .cell.cell-f6:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#f6-0:checked ~ .sudoku .section .cell.cell-f6 label.pen {
  display: block;
}
input#pen:checked ~ input#f6-0:checked ~ .sudoku .section .cell.cell-f6 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#f6-0:checked ~ input#f6-1-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-1-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-1-pencil] {
  pointer-events: none;
}
input#f6-0:not(:checked) ~ input#f6-1:checked ~ .sudoku .section .cell.cell-f6 label.pen[for=f6-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f6-0:not(:checked) ~ input#f6-1:checked ~ .sudoku .section .cell.cell-f6 label.unset[for=f6-0] {
  display: block;
}
input#pencil:checked ~ input#f6-0:checked ~ input#f6-2-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-2-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-2-pencil] {
  pointer-events: none;
}
input#f6-0:not(:checked) ~ input#f6-2:checked ~ .sudoku .section .cell.cell-f6 label.pen[for=f6-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f6-0:not(:checked) ~ input#f6-2:checked ~ .sudoku .section .cell.cell-f6 label.unset[for=f6-0] {
  display: block;
}
input#pencil:checked ~ input#f6-0:checked ~ input#f6-3-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-3-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-3-pencil] {
  pointer-events: none;
}
input#f6-0:not(:checked) ~ input#f6-3:checked ~ .sudoku .section .cell.cell-f6 label.pen[for=f6-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f6-0:not(:checked) ~ input#f6-3:checked ~ .sudoku .section .cell.cell-f6 label.unset[for=f6-0] {
  display: block;
}
input#pencil:checked ~ input#f6-0:checked ~ input#f6-4-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-4-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-4-pencil] {
  pointer-events: none;
}
input#f6-0:not(:checked) ~ input#f6-4:checked ~ .sudoku .section .cell.cell-f6 label.pen[for=f6-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f6-0:not(:checked) ~ input#f6-4:checked ~ .sudoku .section .cell.cell-f6 label.unset[for=f6-0] {
  display: block;
}
input#pencil:checked ~ input#f6-0:checked ~ input#f6-5-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-5-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-5-pencil] {
  pointer-events: none;
}
input#f6-0:not(:checked) ~ input#f6-5:checked ~ .sudoku .section .cell.cell-f6 label.pen[for=f6-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f6-0:not(:checked) ~ input#f6-5:checked ~ .sudoku .section .cell.cell-f6 label.unset[for=f6-0] {
  display: block;
}
input#pencil:checked ~ input#f6-0:checked ~ input#f6-6-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-6-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-6-pencil] {
  pointer-events: none;
}
input#f6-0:not(:checked) ~ input#f6-6:checked ~ .sudoku .section .cell.cell-f6 label.pen[for=f6-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f6-0:not(:checked) ~ input#f6-6:checked ~ .sudoku .section .cell.cell-f6 label.unset[for=f6-0] {
  display: block;
}
input#pencil:checked ~ input#f6-0:checked ~ input#f6-7-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-7-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-7-pencil] {
  pointer-events: none;
}
input#f6-0:not(:checked) ~ input#f6-7:checked ~ .sudoku .section .cell.cell-f6 label.pen[for=f6-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f6-0:not(:checked) ~ input#f6-7:checked ~ .sudoku .section .cell.cell-f6 label.unset[for=f6-0] {
  display: block;
}
input#pencil:checked ~ input#f6-0:checked ~ input#f6-8-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-8-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-8-pencil] {
  pointer-events: none;
}
input#f6-0:not(:checked) ~ input#f6-8:checked ~ .sudoku .section .cell.cell-f6 label.pen[for=f6-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f6-0:not(:checked) ~ input#f6-8:checked ~ .sudoku .section .cell.cell-f6 label.unset[for=f6-0] {
  display: block;
}
input#pencil:checked ~ input#f6-0:checked ~ input#f6-9-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-9-pencil:checked ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f6-0:checked ~ input#f6-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-f6 label.pencil[for=f6-9-pencil] {
  pointer-events: none;
}
input#f6-0:not(:checked) ~ input#f6-9:checked ~ .sudoku .section .cell.cell-f6 label.pen[for=f6-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f6-0:not(:checked) ~ input#f6-9:checked ~ .sudoku .section .cell.cell-f6 label.unset[for=f6-0] {
  display: block;
}
input#f7-0:checked ~ .sudoku .section .cell.cell-f7 label.pencil {
  display: block;
}
input#pencil:checked ~ input#f7-0:checked ~ .sudoku .section .cell.cell-f7:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#f7-0:checked ~ .sudoku .section .cell.cell-f7:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#f7-0:checked ~ .sudoku .section .cell.cell-f7:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#f7-0:checked ~ .sudoku .section .cell.cell-f7 label.pen {
  display: block;
}
input#pen:checked ~ input#f7-0:checked ~ .sudoku .section .cell.cell-f7 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#f7-0:checked ~ input#f7-1-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-1-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-1-pencil] {
  pointer-events: none;
}
input#f7-0:not(:checked) ~ input#f7-1:checked ~ .sudoku .section .cell.cell-f7 label.pen[for=f7-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f7-0:not(:checked) ~ input#f7-1:checked ~ .sudoku .section .cell.cell-f7 label.unset[for=f7-0] {
  display: block;
}
input#pencil:checked ~ input#f7-0:checked ~ input#f7-2-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-2-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-2-pencil] {
  pointer-events: none;
}
input#f7-0:not(:checked) ~ input#f7-2:checked ~ .sudoku .section .cell.cell-f7 label.pen[for=f7-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f7-0:not(:checked) ~ input#f7-2:checked ~ .sudoku .section .cell.cell-f7 label.unset[for=f7-0] {
  display: block;
}
input#pencil:checked ~ input#f7-0:checked ~ input#f7-3-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-3-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-3-pencil] {
  pointer-events: none;
}
input#f7-0:not(:checked) ~ input#f7-3:checked ~ .sudoku .section .cell.cell-f7 label.pen[for=f7-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f7-0:not(:checked) ~ input#f7-3:checked ~ .sudoku .section .cell.cell-f7 label.unset[for=f7-0] {
  display: block;
}
input#pencil:checked ~ input#f7-0:checked ~ input#f7-4-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-4-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-4-pencil] {
  pointer-events: none;
}
input#f7-0:not(:checked) ~ input#f7-4:checked ~ .sudoku .section .cell.cell-f7 label.pen[for=f7-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f7-0:not(:checked) ~ input#f7-4:checked ~ .sudoku .section .cell.cell-f7 label.unset[for=f7-0] {
  display: block;
}
input#pencil:checked ~ input#f7-0:checked ~ input#f7-5-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-5-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-5-pencil] {
  pointer-events: none;
}
input#f7-0:not(:checked) ~ input#f7-5:checked ~ .sudoku .section .cell.cell-f7 label.pen[for=f7-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f7-0:not(:checked) ~ input#f7-5:checked ~ .sudoku .section .cell.cell-f7 label.unset[for=f7-0] {
  display: block;
}
input#pencil:checked ~ input#f7-0:checked ~ input#f7-6-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-6-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-6-pencil] {
  pointer-events: none;
}
input#f7-0:not(:checked) ~ input#f7-6:checked ~ .sudoku .section .cell.cell-f7 label.pen[for=f7-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f7-0:not(:checked) ~ input#f7-6:checked ~ .sudoku .section .cell.cell-f7 label.unset[for=f7-0] {
  display: block;
}
input#pencil:checked ~ input#f7-0:checked ~ input#f7-7-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-7-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-7-pencil] {
  pointer-events: none;
}
input#f7-0:not(:checked) ~ input#f7-7:checked ~ .sudoku .section .cell.cell-f7 label.pen[for=f7-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f7-0:not(:checked) ~ input#f7-7:checked ~ .sudoku .section .cell.cell-f7 label.unset[for=f7-0] {
  display: block;
}
input#pencil:checked ~ input#f7-0:checked ~ input#f7-8-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-8-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-8-pencil] {
  pointer-events: none;
}
input#f7-0:not(:checked) ~ input#f7-8:checked ~ .sudoku .section .cell.cell-f7 label.pen[for=f7-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f7-0:not(:checked) ~ input#f7-8:checked ~ .sudoku .section .cell.cell-f7 label.unset[for=f7-0] {
  display: block;
}
input#pencil:checked ~ input#f7-0:checked ~ input#f7-9-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-9-pencil:checked ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#f7-0:checked ~ input#f7-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-f7 label.pencil[for=f7-9-pencil] {
  pointer-events: none;
}
input#f7-0:not(:checked) ~ input#f7-9:checked ~ .sudoku .section .cell.cell-f7 label.pen[for=f7-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#f7-0:not(:checked) ~ input#f7-9:checked ~ .sudoku .section .cell.cell-f7 label.unset[for=f7-0] {
  display: block;
}
input#g1-0:checked ~ .sudoku .section .cell.cell-g1 label.pencil {
  display: block;
}
input#pencil:checked ~ input#g1-0:checked ~ .sudoku .section .cell.cell-g1:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#g1-0:checked ~ .sudoku .section .cell.cell-g1:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#g1-0:checked ~ .sudoku .section .cell.cell-g1:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#g1-0:checked ~ .sudoku .section .cell.cell-g1 label.pen {
  display: block;
}
input#pen:checked ~ input#g1-0:checked ~ .sudoku .section .cell.cell-g1 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#g1-0:checked ~ input#g1-1-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-1-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-1-pencil] {
  pointer-events: none;
}
input#g1-0:not(:checked) ~ input#g1-1:checked ~ .sudoku .section .cell.cell-g1 label.pen[for=g1-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g1-0:not(:checked) ~ input#g1-1:checked ~ .sudoku .section .cell.cell-g1 label.unset[for=g1-0] {
  display: block;
}
input#pencil:checked ~ input#g1-0:checked ~ input#g1-2-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-2-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-2-pencil] {
  pointer-events: none;
}
input#g1-0:not(:checked) ~ input#g1-2:checked ~ .sudoku .section .cell.cell-g1 label.pen[for=g1-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g1-0:not(:checked) ~ input#g1-2:checked ~ .sudoku .section .cell.cell-g1 label.unset[for=g1-0] {
  display: block;
}
input#pencil:checked ~ input#g1-0:checked ~ input#g1-3-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-3-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-3-pencil] {
  pointer-events: none;
}
input#g1-0:not(:checked) ~ input#g1-3:checked ~ .sudoku .section .cell.cell-g1 label.pen[for=g1-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g1-0:not(:checked) ~ input#g1-3:checked ~ .sudoku .section .cell.cell-g1 label.unset[for=g1-0] {
  display: block;
}
input#pencil:checked ~ input#g1-0:checked ~ input#g1-4-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-4-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-4-pencil] {
  pointer-events: none;
}
input#g1-0:not(:checked) ~ input#g1-4:checked ~ .sudoku .section .cell.cell-g1 label.pen[for=g1-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g1-0:not(:checked) ~ input#g1-4:checked ~ .sudoku .section .cell.cell-g1 label.unset[for=g1-0] {
  display: block;
}
input#pencil:checked ~ input#g1-0:checked ~ input#g1-5-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-5-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-5-pencil] {
  pointer-events: none;
}
input#g1-0:not(:checked) ~ input#g1-5:checked ~ .sudoku .section .cell.cell-g1 label.pen[for=g1-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g1-0:not(:checked) ~ input#g1-5:checked ~ .sudoku .section .cell.cell-g1 label.unset[for=g1-0] {
  display: block;
}
input#pencil:checked ~ input#g1-0:checked ~ input#g1-6-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-6-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-6-pencil] {
  pointer-events: none;
}
input#g1-0:not(:checked) ~ input#g1-6:checked ~ .sudoku .section .cell.cell-g1 label.pen[for=g1-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g1-0:not(:checked) ~ input#g1-6:checked ~ .sudoku .section .cell.cell-g1 label.unset[for=g1-0] {
  display: block;
}
input#pencil:checked ~ input#g1-0:checked ~ input#g1-7-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-7-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-7-pencil] {
  pointer-events: none;
}
input#g1-0:not(:checked) ~ input#g1-7:checked ~ .sudoku .section .cell.cell-g1 label.pen[for=g1-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g1-0:not(:checked) ~ input#g1-7:checked ~ .sudoku .section .cell.cell-g1 label.unset[for=g1-0] {
  display: block;
}
input#pencil:checked ~ input#g1-0:checked ~ input#g1-8-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-8-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-8-pencil] {
  pointer-events: none;
}
input#g1-0:not(:checked) ~ input#g1-8:checked ~ .sudoku .section .cell.cell-g1 label.pen[for=g1-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g1-0:not(:checked) ~ input#g1-8:checked ~ .sudoku .section .cell.cell-g1 label.unset[for=g1-0] {
  display: block;
}
input#pencil:checked ~ input#g1-0:checked ~ input#g1-9-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-9-pencil:checked ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g1-0:checked ~ input#g1-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-g1 label.pencil[for=g1-9-pencil] {
  pointer-events: none;
}
input#g1-0:not(:checked) ~ input#g1-9:checked ~ .sudoku .section .cell.cell-g1 label.pen[for=g1-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g1-0:not(:checked) ~ input#g1-9:checked ~ .sudoku .section .cell.cell-g1 label.unset[for=g1-0] {
  display: block;
}
input#g2-0:checked ~ .sudoku .section .cell.cell-g2 label.pencil {
  display: block;
}
input#pencil:checked ~ input#g2-0:checked ~ .sudoku .section .cell.cell-g2:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#g2-0:checked ~ .sudoku .section .cell.cell-g2:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#g2-0:checked ~ .sudoku .section .cell.cell-g2:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#g2-0:checked ~ .sudoku .section .cell.cell-g2 label.pen {
  display: block;
}
input#pen:checked ~ input#g2-0:checked ~ .sudoku .section .cell.cell-g2 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#g2-0:checked ~ input#g2-1-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-1-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-1-pencil] {
  pointer-events: none;
}
input#g2-0:not(:checked) ~ input#g2-1:checked ~ .sudoku .section .cell.cell-g2 label.pen[for=g2-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g2-0:not(:checked) ~ input#g2-1:checked ~ .sudoku .section .cell.cell-g2 label.unset[for=g2-0] {
  display: block;
}
input#pencil:checked ~ input#g2-0:checked ~ input#g2-2-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-2-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-2-pencil] {
  pointer-events: none;
}
input#g2-0:not(:checked) ~ input#g2-2:checked ~ .sudoku .section .cell.cell-g2 label.pen[for=g2-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g2-0:not(:checked) ~ input#g2-2:checked ~ .sudoku .section .cell.cell-g2 label.unset[for=g2-0] {
  display: block;
}
input#pencil:checked ~ input#g2-0:checked ~ input#g2-3-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-3-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-3-pencil] {
  pointer-events: none;
}
input#g2-0:not(:checked) ~ input#g2-3:checked ~ .sudoku .section .cell.cell-g2 label.pen[for=g2-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g2-0:not(:checked) ~ input#g2-3:checked ~ .sudoku .section .cell.cell-g2 label.unset[for=g2-0] {
  display: block;
}
input#pencil:checked ~ input#g2-0:checked ~ input#g2-4-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-4-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-4-pencil] {
  pointer-events: none;
}
input#g2-0:not(:checked) ~ input#g2-4:checked ~ .sudoku .section .cell.cell-g2 label.pen[for=g2-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g2-0:not(:checked) ~ input#g2-4:checked ~ .sudoku .section .cell.cell-g2 label.unset[for=g2-0] {
  display: block;
}
input#pencil:checked ~ input#g2-0:checked ~ input#g2-5-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-5-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-5-pencil] {
  pointer-events: none;
}
input#g2-0:not(:checked) ~ input#g2-5:checked ~ .sudoku .section .cell.cell-g2 label.pen[for=g2-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g2-0:not(:checked) ~ input#g2-5:checked ~ .sudoku .section .cell.cell-g2 label.unset[for=g2-0] {
  display: block;
}
input#pencil:checked ~ input#g2-0:checked ~ input#g2-6-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-6-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-6-pencil] {
  pointer-events: none;
}
input#g2-0:not(:checked) ~ input#g2-6:checked ~ .sudoku .section .cell.cell-g2 label.pen[for=g2-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g2-0:not(:checked) ~ input#g2-6:checked ~ .sudoku .section .cell.cell-g2 label.unset[for=g2-0] {
  display: block;
}
input#pencil:checked ~ input#g2-0:checked ~ input#g2-7-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-7-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-7-pencil] {
  pointer-events: none;
}
input#g2-0:not(:checked) ~ input#g2-7:checked ~ .sudoku .section .cell.cell-g2 label.pen[for=g2-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g2-0:not(:checked) ~ input#g2-7:checked ~ .sudoku .section .cell.cell-g2 label.unset[for=g2-0] {
  display: block;
}
input#pencil:checked ~ input#g2-0:checked ~ input#g2-8-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-8-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-8-pencil] {
  pointer-events: none;
}
input#g2-0:not(:checked) ~ input#g2-8:checked ~ .sudoku .section .cell.cell-g2 label.pen[for=g2-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g2-0:not(:checked) ~ input#g2-8:checked ~ .sudoku .section .cell.cell-g2 label.unset[for=g2-0] {
  display: block;
}
input#pencil:checked ~ input#g2-0:checked ~ input#g2-9-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-9-pencil:checked ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g2-0:checked ~ input#g2-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-g2 label.pencil[for=g2-9-pencil] {
  pointer-events: none;
}
input#g2-0:not(:checked) ~ input#g2-9:checked ~ .sudoku .section .cell.cell-g2 label.pen[for=g2-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g2-0:not(:checked) ~ input#g2-9:checked ~ .sudoku .section .cell.cell-g2 label.unset[for=g2-0] {
  display: block;
}
input#g4-0:checked ~ .sudoku .section .cell.cell-g4 label.pencil {
  display: block;
}
input#pencil:checked ~ input#g4-0:checked ~ .sudoku .section .cell.cell-g4:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#g4-0:checked ~ .sudoku .section .cell.cell-g4:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#g4-0:checked ~ .sudoku .section .cell.cell-g4:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#g4-0:checked ~ .sudoku .section .cell.cell-g4 label.pen {
  display: block;
}
input#pen:checked ~ input#g4-0:checked ~ .sudoku .section .cell.cell-g4 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#g4-0:checked ~ input#g4-1-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-1-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-1-pencil] {
  pointer-events: none;
}
input#g4-0:not(:checked) ~ input#g4-1:checked ~ .sudoku .section .cell.cell-g4 label.pen[for=g4-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g4-0:not(:checked) ~ input#g4-1:checked ~ .sudoku .section .cell.cell-g4 label.unset[for=g4-0] {
  display: block;
}
input#pencil:checked ~ input#g4-0:checked ~ input#g4-2-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-2-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-2-pencil] {
  pointer-events: none;
}
input#g4-0:not(:checked) ~ input#g4-2:checked ~ .sudoku .section .cell.cell-g4 label.pen[for=g4-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g4-0:not(:checked) ~ input#g4-2:checked ~ .sudoku .section .cell.cell-g4 label.unset[for=g4-0] {
  display: block;
}
input#pencil:checked ~ input#g4-0:checked ~ input#g4-3-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-3-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-3-pencil] {
  pointer-events: none;
}
input#g4-0:not(:checked) ~ input#g4-3:checked ~ .sudoku .section .cell.cell-g4 label.pen[for=g4-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g4-0:not(:checked) ~ input#g4-3:checked ~ .sudoku .section .cell.cell-g4 label.unset[for=g4-0] {
  display: block;
}
input#pencil:checked ~ input#g4-0:checked ~ input#g4-4-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-4-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-4-pencil] {
  pointer-events: none;
}
input#g4-0:not(:checked) ~ input#g4-4:checked ~ .sudoku .section .cell.cell-g4 label.pen[for=g4-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g4-0:not(:checked) ~ input#g4-4:checked ~ .sudoku .section .cell.cell-g4 label.unset[for=g4-0] {
  display: block;
}
input#pencil:checked ~ input#g4-0:checked ~ input#g4-5-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-5-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-5-pencil] {
  pointer-events: none;
}
input#g4-0:not(:checked) ~ input#g4-5:checked ~ .sudoku .section .cell.cell-g4 label.pen[for=g4-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g4-0:not(:checked) ~ input#g4-5:checked ~ .sudoku .section .cell.cell-g4 label.unset[for=g4-0] {
  display: block;
}
input#pencil:checked ~ input#g4-0:checked ~ input#g4-6-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-6-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-6-pencil] {
  pointer-events: none;
}
input#g4-0:not(:checked) ~ input#g4-6:checked ~ .sudoku .section .cell.cell-g4 label.pen[for=g4-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g4-0:not(:checked) ~ input#g4-6:checked ~ .sudoku .section .cell.cell-g4 label.unset[for=g4-0] {
  display: block;
}
input#pencil:checked ~ input#g4-0:checked ~ input#g4-7-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-7-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-7-pencil] {
  pointer-events: none;
}
input#g4-0:not(:checked) ~ input#g4-7:checked ~ .sudoku .section .cell.cell-g4 label.pen[for=g4-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g4-0:not(:checked) ~ input#g4-7:checked ~ .sudoku .section .cell.cell-g4 label.unset[for=g4-0] {
  display: block;
}
input#pencil:checked ~ input#g4-0:checked ~ input#g4-8-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-8-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-8-pencil] {
  pointer-events: none;
}
input#g4-0:not(:checked) ~ input#g4-8:checked ~ .sudoku .section .cell.cell-g4 label.pen[for=g4-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g4-0:not(:checked) ~ input#g4-8:checked ~ .sudoku .section .cell.cell-g4 label.unset[for=g4-0] {
  display: block;
}
input#pencil:checked ~ input#g4-0:checked ~ input#g4-9-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-9-pencil:checked ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g4-0:checked ~ input#g4-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-g4 label.pencil[for=g4-9-pencil] {
  pointer-events: none;
}
input#g4-0:not(:checked) ~ input#g4-9:checked ~ .sudoku .section .cell.cell-g4 label.pen[for=g4-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g4-0:not(:checked) ~ input#g4-9:checked ~ .sudoku .section .cell.cell-g4 label.unset[for=g4-0] {
  display: block;
}
input#g6-0:checked ~ .sudoku .section .cell.cell-g6 label.pencil {
  display: block;
}
input#pencil:checked ~ input#g6-0:checked ~ .sudoku .section .cell.cell-g6:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#g6-0:checked ~ .sudoku .section .cell.cell-g6:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#g6-0:checked ~ .sudoku .section .cell.cell-g6:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#g6-0:checked ~ .sudoku .section .cell.cell-g6 label.pen {
  display: block;
}
input#pen:checked ~ input#g6-0:checked ~ .sudoku .section .cell.cell-g6 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#g6-0:checked ~ input#g6-1-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-1-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-1-pencil] {
  pointer-events: none;
}
input#g6-0:not(:checked) ~ input#g6-1:checked ~ .sudoku .section .cell.cell-g6 label.pen[for=g6-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g6-0:not(:checked) ~ input#g6-1:checked ~ .sudoku .section .cell.cell-g6 label.unset[for=g6-0] {
  display: block;
}
input#pencil:checked ~ input#g6-0:checked ~ input#g6-2-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-2-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-2-pencil] {
  pointer-events: none;
}
input#g6-0:not(:checked) ~ input#g6-2:checked ~ .sudoku .section .cell.cell-g6 label.pen[for=g6-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g6-0:not(:checked) ~ input#g6-2:checked ~ .sudoku .section .cell.cell-g6 label.unset[for=g6-0] {
  display: block;
}
input#pencil:checked ~ input#g6-0:checked ~ input#g6-3-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-3-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-3-pencil] {
  pointer-events: none;
}
input#g6-0:not(:checked) ~ input#g6-3:checked ~ .sudoku .section .cell.cell-g6 label.pen[for=g6-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g6-0:not(:checked) ~ input#g6-3:checked ~ .sudoku .section .cell.cell-g6 label.unset[for=g6-0] {
  display: block;
}
input#pencil:checked ~ input#g6-0:checked ~ input#g6-4-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-4-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-4-pencil] {
  pointer-events: none;
}
input#g6-0:not(:checked) ~ input#g6-4:checked ~ .sudoku .section .cell.cell-g6 label.pen[for=g6-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g6-0:not(:checked) ~ input#g6-4:checked ~ .sudoku .section .cell.cell-g6 label.unset[for=g6-0] {
  display: block;
}
input#pencil:checked ~ input#g6-0:checked ~ input#g6-5-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-5-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-5-pencil] {
  pointer-events: none;
}
input#g6-0:not(:checked) ~ input#g6-5:checked ~ .sudoku .section .cell.cell-g6 label.pen[for=g6-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g6-0:not(:checked) ~ input#g6-5:checked ~ .sudoku .section .cell.cell-g6 label.unset[for=g6-0] {
  display: block;
}
input#pencil:checked ~ input#g6-0:checked ~ input#g6-6-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-6-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-6-pencil] {
  pointer-events: none;
}
input#g6-0:not(:checked) ~ input#g6-6:checked ~ .sudoku .section .cell.cell-g6 label.pen[for=g6-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g6-0:not(:checked) ~ input#g6-6:checked ~ .sudoku .section .cell.cell-g6 label.unset[for=g6-0] {
  display: block;
}
input#pencil:checked ~ input#g6-0:checked ~ input#g6-7-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-7-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-7-pencil] {
  pointer-events: none;
}
input#g6-0:not(:checked) ~ input#g6-7:checked ~ .sudoku .section .cell.cell-g6 label.pen[for=g6-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g6-0:not(:checked) ~ input#g6-7:checked ~ .sudoku .section .cell.cell-g6 label.unset[for=g6-0] {
  display: block;
}
input#pencil:checked ~ input#g6-0:checked ~ input#g6-8-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-8-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-8-pencil] {
  pointer-events: none;
}
input#g6-0:not(:checked) ~ input#g6-8:checked ~ .sudoku .section .cell.cell-g6 label.pen[for=g6-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g6-0:not(:checked) ~ input#g6-8:checked ~ .sudoku .section .cell.cell-g6 label.unset[for=g6-0] {
  display: block;
}
input#pencil:checked ~ input#g6-0:checked ~ input#g6-9-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-9-pencil:checked ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g6-0:checked ~ input#g6-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-g6 label.pencil[for=g6-9-pencil] {
  pointer-events: none;
}
input#g6-0:not(:checked) ~ input#g6-9:checked ~ .sudoku .section .cell.cell-g6 label.pen[for=g6-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g6-0:not(:checked) ~ input#g6-9:checked ~ .sudoku .section .cell.cell-g6 label.unset[for=g6-0] {
  display: block;
}
input#g8-0:checked ~ .sudoku .section .cell.cell-g8 label.pencil {
  display: block;
}
input#pencil:checked ~ input#g8-0:checked ~ .sudoku .section .cell.cell-g8:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#g8-0:checked ~ .sudoku .section .cell.cell-g8:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#g8-0:checked ~ .sudoku .section .cell.cell-g8:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#g8-0:checked ~ .sudoku .section .cell.cell-g8 label.pen {
  display: block;
}
input#pen:checked ~ input#g8-0:checked ~ .sudoku .section .cell.cell-g8 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#g8-0:checked ~ input#g8-1-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-1-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-1-pencil] {
  pointer-events: none;
}
input#g8-0:not(:checked) ~ input#g8-1:checked ~ .sudoku .section .cell.cell-g8 label.pen[for=g8-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g8-0:not(:checked) ~ input#g8-1:checked ~ .sudoku .section .cell.cell-g8 label.unset[for=g8-0] {
  display: block;
}
input#pencil:checked ~ input#g8-0:checked ~ input#g8-2-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-2-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-2-pencil] {
  pointer-events: none;
}
input#g8-0:not(:checked) ~ input#g8-2:checked ~ .sudoku .section .cell.cell-g8 label.pen[for=g8-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g8-0:not(:checked) ~ input#g8-2:checked ~ .sudoku .section .cell.cell-g8 label.unset[for=g8-0] {
  display: block;
}
input#pencil:checked ~ input#g8-0:checked ~ input#g8-3-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-3-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-3-pencil] {
  pointer-events: none;
}
input#g8-0:not(:checked) ~ input#g8-3:checked ~ .sudoku .section .cell.cell-g8 label.pen[for=g8-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g8-0:not(:checked) ~ input#g8-3:checked ~ .sudoku .section .cell.cell-g8 label.unset[for=g8-0] {
  display: block;
}
input#pencil:checked ~ input#g8-0:checked ~ input#g8-4-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-4-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-4-pencil] {
  pointer-events: none;
}
input#g8-0:not(:checked) ~ input#g8-4:checked ~ .sudoku .section .cell.cell-g8 label.pen[for=g8-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g8-0:not(:checked) ~ input#g8-4:checked ~ .sudoku .section .cell.cell-g8 label.unset[for=g8-0] {
  display: block;
}
input#pencil:checked ~ input#g8-0:checked ~ input#g8-5-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-5-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-5-pencil] {
  pointer-events: none;
}
input#g8-0:not(:checked) ~ input#g8-5:checked ~ .sudoku .section .cell.cell-g8 label.pen[for=g8-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g8-0:not(:checked) ~ input#g8-5:checked ~ .sudoku .section .cell.cell-g8 label.unset[for=g8-0] {
  display: block;
}
input#pencil:checked ~ input#g8-0:checked ~ input#g8-6-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-6-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-6-pencil] {
  pointer-events: none;
}
input#g8-0:not(:checked) ~ input#g8-6:checked ~ .sudoku .section .cell.cell-g8 label.pen[for=g8-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g8-0:not(:checked) ~ input#g8-6:checked ~ .sudoku .section .cell.cell-g8 label.unset[for=g8-0] {
  display: block;
}
input#pencil:checked ~ input#g8-0:checked ~ input#g8-7-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-7-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-7-pencil] {
  pointer-events: none;
}
input#g8-0:not(:checked) ~ input#g8-7:checked ~ .sudoku .section .cell.cell-g8 label.pen[for=g8-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g8-0:not(:checked) ~ input#g8-7:checked ~ .sudoku .section .cell.cell-g8 label.unset[for=g8-0] {
  display: block;
}
input#pencil:checked ~ input#g8-0:checked ~ input#g8-8-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-8-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-8-pencil] {
  pointer-events: none;
}
input#g8-0:not(:checked) ~ input#g8-8:checked ~ .sudoku .section .cell.cell-g8 label.pen[for=g8-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g8-0:not(:checked) ~ input#g8-8:checked ~ .sudoku .section .cell.cell-g8 label.unset[for=g8-0] {
  display: block;
}
input#pencil:checked ~ input#g8-0:checked ~ input#g8-9-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-9-pencil:checked ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#g8-0:checked ~ input#g8-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-g8 label.pencil[for=g8-9-pencil] {
  pointer-events: none;
}
input#g8-0:not(:checked) ~ input#g8-9:checked ~ .sudoku .section .cell.cell-g8 label.pen[for=g8-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#g8-0:not(:checked) ~ input#g8-9:checked ~ .sudoku .section .cell.cell-g8 label.unset[for=g8-0] {
  display: block;
}
input#h2-0:checked ~ .sudoku .section .cell.cell-h2 label.pencil {
  display: block;
}
input#pencil:checked ~ input#h2-0:checked ~ .sudoku .section .cell.cell-h2:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#h2-0:checked ~ .sudoku .section .cell.cell-h2:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#h2-0:checked ~ .sudoku .section .cell.cell-h2:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#h2-0:checked ~ .sudoku .section .cell.cell-h2 label.pen {
  display: block;
}
input#pen:checked ~ input#h2-0:checked ~ .sudoku .section .cell.cell-h2 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#h2-0:checked ~ input#h2-1-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-1-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-1-pencil] {
  pointer-events: none;
}
input#h2-0:not(:checked) ~ input#h2-1:checked ~ .sudoku .section .cell.cell-h2 label.pen[for=h2-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h2-0:not(:checked) ~ input#h2-1:checked ~ .sudoku .section .cell.cell-h2 label.unset[for=h2-0] {
  display: block;
}
input#pencil:checked ~ input#h2-0:checked ~ input#h2-2-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-2-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-2-pencil] {
  pointer-events: none;
}
input#h2-0:not(:checked) ~ input#h2-2:checked ~ .sudoku .section .cell.cell-h2 label.pen[for=h2-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h2-0:not(:checked) ~ input#h2-2:checked ~ .sudoku .section .cell.cell-h2 label.unset[for=h2-0] {
  display: block;
}
input#pencil:checked ~ input#h2-0:checked ~ input#h2-3-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-3-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-3-pencil] {
  pointer-events: none;
}
input#h2-0:not(:checked) ~ input#h2-3:checked ~ .sudoku .section .cell.cell-h2 label.pen[for=h2-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h2-0:not(:checked) ~ input#h2-3:checked ~ .sudoku .section .cell.cell-h2 label.unset[for=h2-0] {
  display: block;
}
input#pencil:checked ~ input#h2-0:checked ~ input#h2-4-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-4-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-4-pencil] {
  pointer-events: none;
}
input#h2-0:not(:checked) ~ input#h2-4:checked ~ .sudoku .section .cell.cell-h2 label.pen[for=h2-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h2-0:not(:checked) ~ input#h2-4:checked ~ .sudoku .section .cell.cell-h2 label.unset[for=h2-0] {
  display: block;
}
input#pencil:checked ~ input#h2-0:checked ~ input#h2-5-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-5-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-5-pencil] {
  pointer-events: none;
}
input#h2-0:not(:checked) ~ input#h2-5:checked ~ .sudoku .section .cell.cell-h2 label.pen[for=h2-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h2-0:not(:checked) ~ input#h2-5:checked ~ .sudoku .section .cell.cell-h2 label.unset[for=h2-0] {
  display: block;
}
input#pencil:checked ~ input#h2-0:checked ~ input#h2-6-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-6-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-6-pencil] {
  pointer-events: none;
}
input#h2-0:not(:checked) ~ input#h2-6:checked ~ .sudoku .section .cell.cell-h2 label.pen[for=h2-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h2-0:not(:checked) ~ input#h2-6:checked ~ .sudoku .section .cell.cell-h2 label.unset[for=h2-0] {
  display: block;
}
input#pencil:checked ~ input#h2-0:checked ~ input#h2-7-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-7-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-7-pencil] {
  pointer-events: none;
}
input#h2-0:not(:checked) ~ input#h2-7:checked ~ .sudoku .section .cell.cell-h2 label.pen[for=h2-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h2-0:not(:checked) ~ input#h2-7:checked ~ .sudoku .section .cell.cell-h2 label.unset[for=h2-0] {
  display: block;
}
input#pencil:checked ~ input#h2-0:checked ~ input#h2-8-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-8-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-8-pencil] {
  pointer-events: none;
}
input#h2-0:not(:checked) ~ input#h2-8:checked ~ .sudoku .section .cell.cell-h2 label.pen[for=h2-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h2-0:not(:checked) ~ input#h2-8:checked ~ .sudoku .section .cell.cell-h2 label.unset[for=h2-0] {
  display: block;
}
input#pencil:checked ~ input#h2-0:checked ~ input#h2-9-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-9-pencil:checked ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h2-0:checked ~ input#h2-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-h2 label.pencil[for=h2-9-pencil] {
  pointer-events: none;
}
input#h2-0:not(:checked) ~ input#h2-9:checked ~ .sudoku .section .cell.cell-h2 label.pen[for=h2-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h2-0:not(:checked) ~ input#h2-9:checked ~ .sudoku .section .cell.cell-h2 label.unset[for=h2-0] {
  display: block;
}
input#h3-0:checked ~ .sudoku .section .cell.cell-h3 label.pencil {
  display: block;
}
input#pencil:checked ~ input#h3-0:checked ~ .sudoku .section .cell.cell-h3:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#h3-0:checked ~ .sudoku .section .cell.cell-h3:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#h3-0:checked ~ .sudoku .section .cell.cell-h3:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#h3-0:checked ~ .sudoku .section .cell.cell-h3 label.pen {
  display: block;
}
input#pen:checked ~ input#h3-0:checked ~ .sudoku .section .cell.cell-h3 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#h3-0:checked ~ input#h3-1-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-1-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-1-pencil] {
  pointer-events: none;
}
input#h3-0:not(:checked) ~ input#h3-1:checked ~ .sudoku .section .cell.cell-h3 label.pen[for=h3-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h3-0:not(:checked) ~ input#h3-1:checked ~ .sudoku .section .cell.cell-h3 label.unset[for=h3-0] {
  display: block;
}
input#pencil:checked ~ input#h3-0:checked ~ input#h3-2-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-2-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-2-pencil] {
  pointer-events: none;
}
input#h3-0:not(:checked) ~ input#h3-2:checked ~ .sudoku .section .cell.cell-h3 label.pen[for=h3-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h3-0:not(:checked) ~ input#h3-2:checked ~ .sudoku .section .cell.cell-h3 label.unset[for=h3-0] {
  display: block;
}
input#pencil:checked ~ input#h3-0:checked ~ input#h3-3-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-3-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-3-pencil] {
  pointer-events: none;
}
input#h3-0:not(:checked) ~ input#h3-3:checked ~ .sudoku .section .cell.cell-h3 label.pen[for=h3-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h3-0:not(:checked) ~ input#h3-3:checked ~ .sudoku .section .cell.cell-h3 label.unset[for=h3-0] {
  display: block;
}
input#pencil:checked ~ input#h3-0:checked ~ input#h3-4-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-4-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-4-pencil] {
  pointer-events: none;
}
input#h3-0:not(:checked) ~ input#h3-4:checked ~ .sudoku .section .cell.cell-h3 label.pen[for=h3-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h3-0:not(:checked) ~ input#h3-4:checked ~ .sudoku .section .cell.cell-h3 label.unset[for=h3-0] {
  display: block;
}
input#pencil:checked ~ input#h3-0:checked ~ input#h3-5-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-5-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-5-pencil] {
  pointer-events: none;
}
input#h3-0:not(:checked) ~ input#h3-5:checked ~ .sudoku .section .cell.cell-h3 label.pen[for=h3-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h3-0:not(:checked) ~ input#h3-5:checked ~ .sudoku .section .cell.cell-h3 label.unset[for=h3-0] {
  display: block;
}
input#pencil:checked ~ input#h3-0:checked ~ input#h3-6-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-6-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-6-pencil] {
  pointer-events: none;
}
input#h3-0:not(:checked) ~ input#h3-6:checked ~ .sudoku .section .cell.cell-h3 label.pen[for=h3-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h3-0:not(:checked) ~ input#h3-6:checked ~ .sudoku .section .cell.cell-h3 label.unset[for=h3-0] {
  display: block;
}
input#pencil:checked ~ input#h3-0:checked ~ input#h3-7-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-7-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-7-pencil] {
  pointer-events: none;
}
input#h3-0:not(:checked) ~ input#h3-7:checked ~ .sudoku .section .cell.cell-h3 label.pen[for=h3-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h3-0:not(:checked) ~ input#h3-7:checked ~ .sudoku .section .cell.cell-h3 label.unset[for=h3-0] {
  display: block;
}
input#pencil:checked ~ input#h3-0:checked ~ input#h3-8-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-8-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-8-pencil] {
  pointer-events: none;
}
input#h3-0:not(:checked) ~ input#h3-8:checked ~ .sudoku .section .cell.cell-h3 label.pen[for=h3-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h3-0:not(:checked) ~ input#h3-8:checked ~ .sudoku .section .cell.cell-h3 label.unset[for=h3-0] {
  display: block;
}
input#pencil:checked ~ input#h3-0:checked ~ input#h3-9-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-9-pencil:checked ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h3-0:checked ~ input#h3-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-h3 label.pencil[for=h3-9-pencil] {
  pointer-events: none;
}
input#h3-0:not(:checked) ~ input#h3-9:checked ~ .sudoku .section .cell.cell-h3 label.pen[for=h3-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h3-0:not(:checked) ~ input#h3-9:checked ~ .sudoku .section .cell.cell-h3 label.unset[for=h3-0] {
  display: block;
}
input#h4-0:checked ~ .sudoku .section .cell.cell-h4 label.pencil {
  display: block;
}
input#pencil:checked ~ input#h4-0:checked ~ .sudoku .section .cell.cell-h4:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#h4-0:checked ~ .sudoku .section .cell.cell-h4:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#h4-0:checked ~ .sudoku .section .cell.cell-h4:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#h4-0:checked ~ .sudoku .section .cell.cell-h4 label.pen {
  display: block;
}
input#pen:checked ~ input#h4-0:checked ~ .sudoku .section .cell.cell-h4 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#h4-0:checked ~ input#h4-1-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-1-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-1-pencil] {
  pointer-events: none;
}
input#h4-0:not(:checked) ~ input#h4-1:checked ~ .sudoku .section .cell.cell-h4 label.pen[for=h4-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h4-0:not(:checked) ~ input#h4-1:checked ~ .sudoku .section .cell.cell-h4 label.unset[for=h4-0] {
  display: block;
}
input#pencil:checked ~ input#h4-0:checked ~ input#h4-2-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-2-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-2-pencil] {
  pointer-events: none;
}
input#h4-0:not(:checked) ~ input#h4-2:checked ~ .sudoku .section .cell.cell-h4 label.pen[for=h4-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h4-0:not(:checked) ~ input#h4-2:checked ~ .sudoku .section .cell.cell-h4 label.unset[for=h4-0] {
  display: block;
}
input#pencil:checked ~ input#h4-0:checked ~ input#h4-3-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-3-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-3-pencil] {
  pointer-events: none;
}
input#h4-0:not(:checked) ~ input#h4-3:checked ~ .sudoku .section .cell.cell-h4 label.pen[for=h4-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h4-0:not(:checked) ~ input#h4-3:checked ~ .sudoku .section .cell.cell-h4 label.unset[for=h4-0] {
  display: block;
}
input#pencil:checked ~ input#h4-0:checked ~ input#h4-4-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-4-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-4-pencil] {
  pointer-events: none;
}
input#h4-0:not(:checked) ~ input#h4-4:checked ~ .sudoku .section .cell.cell-h4 label.pen[for=h4-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h4-0:not(:checked) ~ input#h4-4:checked ~ .sudoku .section .cell.cell-h4 label.unset[for=h4-0] {
  display: block;
}
input#pencil:checked ~ input#h4-0:checked ~ input#h4-5-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-5-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-5-pencil] {
  pointer-events: none;
}
input#h4-0:not(:checked) ~ input#h4-5:checked ~ .sudoku .section .cell.cell-h4 label.pen[for=h4-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h4-0:not(:checked) ~ input#h4-5:checked ~ .sudoku .section .cell.cell-h4 label.unset[for=h4-0] {
  display: block;
}
input#pencil:checked ~ input#h4-0:checked ~ input#h4-6-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-6-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-6-pencil] {
  pointer-events: none;
}
input#h4-0:not(:checked) ~ input#h4-6:checked ~ .sudoku .section .cell.cell-h4 label.pen[for=h4-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h4-0:not(:checked) ~ input#h4-6:checked ~ .sudoku .section .cell.cell-h4 label.unset[for=h4-0] {
  display: block;
}
input#pencil:checked ~ input#h4-0:checked ~ input#h4-7-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-7-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-7-pencil] {
  pointer-events: none;
}
input#h4-0:not(:checked) ~ input#h4-7:checked ~ .sudoku .section .cell.cell-h4 label.pen[for=h4-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h4-0:not(:checked) ~ input#h4-7:checked ~ .sudoku .section .cell.cell-h4 label.unset[for=h4-0] {
  display: block;
}
input#pencil:checked ~ input#h4-0:checked ~ input#h4-8-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-8-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-8-pencil] {
  pointer-events: none;
}
input#h4-0:not(:checked) ~ input#h4-8:checked ~ .sudoku .section .cell.cell-h4 label.pen[for=h4-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h4-0:not(:checked) ~ input#h4-8:checked ~ .sudoku .section .cell.cell-h4 label.unset[for=h4-0] {
  display: block;
}
input#pencil:checked ~ input#h4-0:checked ~ input#h4-9-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-9-pencil:checked ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h4-0:checked ~ input#h4-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-h4 label.pencil[for=h4-9-pencil] {
  pointer-events: none;
}
input#h4-0:not(:checked) ~ input#h4-9:checked ~ .sudoku .section .cell.cell-h4 label.pen[for=h4-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h4-0:not(:checked) ~ input#h4-9:checked ~ .sudoku .section .cell.cell-h4 label.unset[for=h4-0] {
  display: block;
}
input#h6-0:checked ~ .sudoku .section .cell.cell-h6 label.pencil {
  display: block;
}
input#pencil:checked ~ input#h6-0:checked ~ .sudoku .section .cell.cell-h6:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#h6-0:checked ~ .sudoku .section .cell.cell-h6:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#h6-0:checked ~ .sudoku .section .cell.cell-h6:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#h6-0:checked ~ .sudoku .section .cell.cell-h6 label.pen {
  display: block;
}
input#pen:checked ~ input#h6-0:checked ~ .sudoku .section .cell.cell-h6 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#h6-0:checked ~ input#h6-1-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-1-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-1-pencil] {
  pointer-events: none;
}
input#h6-0:not(:checked) ~ input#h6-1:checked ~ .sudoku .section .cell.cell-h6 label.pen[for=h6-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h6-0:not(:checked) ~ input#h6-1:checked ~ .sudoku .section .cell.cell-h6 label.unset[for=h6-0] {
  display: block;
}
input#pencil:checked ~ input#h6-0:checked ~ input#h6-2-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-2-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-2-pencil] {
  pointer-events: none;
}
input#h6-0:not(:checked) ~ input#h6-2:checked ~ .sudoku .section .cell.cell-h6 label.pen[for=h6-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h6-0:not(:checked) ~ input#h6-2:checked ~ .sudoku .section .cell.cell-h6 label.unset[for=h6-0] {
  display: block;
}
input#pencil:checked ~ input#h6-0:checked ~ input#h6-3-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-3-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-3-pencil] {
  pointer-events: none;
}
input#h6-0:not(:checked) ~ input#h6-3:checked ~ .sudoku .section .cell.cell-h6 label.pen[for=h6-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h6-0:not(:checked) ~ input#h6-3:checked ~ .sudoku .section .cell.cell-h6 label.unset[for=h6-0] {
  display: block;
}
input#pencil:checked ~ input#h6-0:checked ~ input#h6-4-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-4-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-4-pencil] {
  pointer-events: none;
}
input#h6-0:not(:checked) ~ input#h6-4:checked ~ .sudoku .section .cell.cell-h6 label.pen[for=h6-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h6-0:not(:checked) ~ input#h6-4:checked ~ .sudoku .section .cell.cell-h6 label.unset[for=h6-0] {
  display: block;
}
input#pencil:checked ~ input#h6-0:checked ~ input#h6-5-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-5-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-5-pencil] {
  pointer-events: none;
}
input#h6-0:not(:checked) ~ input#h6-5:checked ~ .sudoku .section .cell.cell-h6 label.pen[for=h6-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h6-0:not(:checked) ~ input#h6-5:checked ~ .sudoku .section .cell.cell-h6 label.unset[for=h6-0] {
  display: block;
}
input#pencil:checked ~ input#h6-0:checked ~ input#h6-6-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-6-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-6-pencil] {
  pointer-events: none;
}
input#h6-0:not(:checked) ~ input#h6-6:checked ~ .sudoku .section .cell.cell-h6 label.pen[for=h6-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h6-0:not(:checked) ~ input#h6-6:checked ~ .sudoku .section .cell.cell-h6 label.unset[for=h6-0] {
  display: block;
}
input#pencil:checked ~ input#h6-0:checked ~ input#h6-7-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-7-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-7-pencil] {
  pointer-events: none;
}
input#h6-0:not(:checked) ~ input#h6-7:checked ~ .sudoku .section .cell.cell-h6 label.pen[for=h6-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h6-0:not(:checked) ~ input#h6-7:checked ~ .sudoku .section .cell.cell-h6 label.unset[for=h6-0] {
  display: block;
}
input#pencil:checked ~ input#h6-0:checked ~ input#h6-8-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-8-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-8-pencil] {
  pointer-events: none;
}
input#h6-0:not(:checked) ~ input#h6-8:checked ~ .sudoku .section .cell.cell-h6 label.pen[for=h6-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h6-0:not(:checked) ~ input#h6-8:checked ~ .sudoku .section .cell.cell-h6 label.unset[for=h6-0] {
  display: block;
}
input#pencil:checked ~ input#h6-0:checked ~ input#h6-9-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-9-pencil:checked ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h6-0:checked ~ input#h6-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-h6 label.pencil[for=h6-9-pencil] {
  pointer-events: none;
}
input#h6-0:not(:checked) ~ input#h6-9:checked ~ .sudoku .section .cell.cell-h6 label.pen[for=h6-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h6-0:not(:checked) ~ input#h6-9:checked ~ .sudoku .section .cell.cell-h6 label.unset[for=h6-0] {
  display: block;
}
input#h7-0:checked ~ .sudoku .section .cell.cell-h7 label.pencil {
  display: block;
}
input#pencil:checked ~ input#h7-0:checked ~ .sudoku .section .cell.cell-h7:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#h7-0:checked ~ .sudoku .section .cell.cell-h7:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#h7-0:checked ~ .sudoku .section .cell.cell-h7:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#h7-0:checked ~ .sudoku .section .cell.cell-h7 label.pen {
  display: block;
}
input#pen:checked ~ input#h7-0:checked ~ .sudoku .section .cell.cell-h7 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#h7-0:checked ~ input#h7-1-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-1-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-1-pencil] {
  pointer-events: none;
}
input#h7-0:not(:checked) ~ input#h7-1:checked ~ .sudoku .section .cell.cell-h7 label.pen[for=h7-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h7-0:not(:checked) ~ input#h7-1:checked ~ .sudoku .section .cell.cell-h7 label.unset[for=h7-0] {
  display: block;
}
input#pencil:checked ~ input#h7-0:checked ~ input#h7-2-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-2-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-2-pencil] {
  pointer-events: none;
}
input#h7-0:not(:checked) ~ input#h7-2:checked ~ .sudoku .section .cell.cell-h7 label.pen[for=h7-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h7-0:not(:checked) ~ input#h7-2:checked ~ .sudoku .section .cell.cell-h7 label.unset[for=h7-0] {
  display: block;
}
input#pencil:checked ~ input#h7-0:checked ~ input#h7-3-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-3-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-3-pencil] {
  pointer-events: none;
}
input#h7-0:not(:checked) ~ input#h7-3:checked ~ .sudoku .section .cell.cell-h7 label.pen[for=h7-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h7-0:not(:checked) ~ input#h7-3:checked ~ .sudoku .section .cell.cell-h7 label.unset[for=h7-0] {
  display: block;
}
input#pencil:checked ~ input#h7-0:checked ~ input#h7-4-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-4-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-4-pencil] {
  pointer-events: none;
}
input#h7-0:not(:checked) ~ input#h7-4:checked ~ .sudoku .section .cell.cell-h7 label.pen[for=h7-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h7-0:not(:checked) ~ input#h7-4:checked ~ .sudoku .section .cell.cell-h7 label.unset[for=h7-0] {
  display: block;
}
input#pencil:checked ~ input#h7-0:checked ~ input#h7-5-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-5-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-5-pencil] {
  pointer-events: none;
}
input#h7-0:not(:checked) ~ input#h7-5:checked ~ .sudoku .section .cell.cell-h7 label.pen[for=h7-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h7-0:not(:checked) ~ input#h7-5:checked ~ .sudoku .section .cell.cell-h7 label.unset[for=h7-0] {
  display: block;
}
input#pencil:checked ~ input#h7-0:checked ~ input#h7-6-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-6-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-6-pencil] {
  pointer-events: none;
}
input#h7-0:not(:checked) ~ input#h7-6:checked ~ .sudoku .section .cell.cell-h7 label.pen[for=h7-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h7-0:not(:checked) ~ input#h7-6:checked ~ .sudoku .section .cell.cell-h7 label.unset[for=h7-0] {
  display: block;
}
input#pencil:checked ~ input#h7-0:checked ~ input#h7-7-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-7-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-7-pencil] {
  pointer-events: none;
}
input#h7-0:not(:checked) ~ input#h7-7:checked ~ .sudoku .section .cell.cell-h7 label.pen[for=h7-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h7-0:not(:checked) ~ input#h7-7:checked ~ .sudoku .section .cell.cell-h7 label.unset[for=h7-0] {
  display: block;
}
input#pencil:checked ~ input#h7-0:checked ~ input#h7-8-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-8-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-8-pencil] {
  pointer-events: none;
}
input#h7-0:not(:checked) ~ input#h7-8:checked ~ .sudoku .section .cell.cell-h7 label.pen[for=h7-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h7-0:not(:checked) ~ input#h7-8:checked ~ .sudoku .section .cell.cell-h7 label.unset[for=h7-0] {
  display: block;
}
input#pencil:checked ~ input#h7-0:checked ~ input#h7-9-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-9-pencil:checked ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#h7-0:checked ~ input#h7-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-h7 label.pencil[for=h7-9-pencil] {
  pointer-events: none;
}
input#h7-0:not(:checked) ~ input#h7-9:checked ~ .sudoku .section .cell.cell-h7 label.pen[for=h7-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#h7-0:not(:checked) ~ input#h7-9:checked ~ .sudoku .section .cell.cell-h7 label.unset[for=h7-0] {
  display: block;
}
input#i1-0:checked ~ .sudoku .section .cell.cell-i1 label.pencil {
  display: block;
}
input#pencil:checked ~ input#i1-0:checked ~ .sudoku .section .cell.cell-i1:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#i1-0:checked ~ .sudoku .section .cell.cell-i1:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#i1-0:checked ~ .sudoku .section .cell.cell-i1:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#i1-0:checked ~ .sudoku .section .cell.cell-i1 label.pen {
  display: block;
}
input#pen:checked ~ input#i1-0:checked ~ .sudoku .section .cell.cell-i1 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#i1-0:checked ~ input#i1-1-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-1-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-1-pencil] {
  pointer-events: none;
}
input#i1-0:not(:checked) ~ input#i1-1:checked ~ .sudoku .section .cell.cell-i1 label.pen[for=i1-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i1-0:not(:checked) ~ input#i1-1:checked ~ .sudoku .section .cell.cell-i1 label.unset[for=i1-0] {
  display: block;
}
input#pencil:checked ~ input#i1-0:checked ~ input#i1-2-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-2-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-2-pencil] {
  pointer-events: none;
}
input#i1-0:not(:checked) ~ input#i1-2:checked ~ .sudoku .section .cell.cell-i1 label.pen[for=i1-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i1-0:not(:checked) ~ input#i1-2:checked ~ .sudoku .section .cell.cell-i1 label.unset[for=i1-0] {
  display: block;
}
input#pencil:checked ~ input#i1-0:checked ~ input#i1-3-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-3-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-3-pencil] {
  pointer-events: none;
}
input#i1-0:not(:checked) ~ input#i1-3:checked ~ .sudoku .section .cell.cell-i1 label.pen[for=i1-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i1-0:not(:checked) ~ input#i1-3:checked ~ .sudoku .section .cell.cell-i1 label.unset[for=i1-0] {
  display: block;
}
input#pencil:checked ~ input#i1-0:checked ~ input#i1-4-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-4-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-4-pencil] {
  pointer-events: none;
}
input#i1-0:not(:checked) ~ input#i1-4:checked ~ .sudoku .section .cell.cell-i1 label.pen[for=i1-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i1-0:not(:checked) ~ input#i1-4:checked ~ .sudoku .section .cell.cell-i1 label.unset[for=i1-0] {
  display: block;
}
input#pencil:checked ~ input#i1-0:checked ~ input#i1-5-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-5-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-5-pencil] {
  pointer-events: none;
}
input#i1-0:not(:checked) ~ input#i1-5:checked ~ .sudoku .section .cell.cell-i1 label.pen[for=i1-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i1-0:not(:checked) ~ input#i1-5:checked ~ .sudoku .section .cell.cell-i1 label.unset[for=i1-0] {
  display: block;
}
input#pencil:checked ~ input#i1-0:checked ~ input#i1-6-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-6-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-6-pencil] {
  pointer-events: none;
}
input#i1-0:not(:checked) ~ input#i1-6:checked ~ .sudoku .section .cell.cell-i1 label.pen[for=i1-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i1-0:not(:checked) ~ input#i1-6:checked ~ .sudoku .section .cell.cell-i1 label.unset[for=i1-0] {
  display: block;
}
input#pencil:checked ~ input#i1-0:checked ~ input#i1-7-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-7-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-7-pencil] {
  pointer-events: none;
}
input#i1-0:not(:checked) ~ input#i1-7:checked ~ .sudoku .section .cell.cell-i1 label.pen[for=i1-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i1-0:not(:checked) ~ input#i1-7:checked ~ .sudoku .section .cell.cell-i1 label.unset[for=i1-0] {
  display: block;
}
input#pencil:checked ~ input#i1-0:checked ~ input#i1-8-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-8-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-8-pencil] {
  pointer-events: none;
}
input#i1-0:not(:checked) ~ input#i1-8:checked ~ .sudoku .section .cell.cell-i1 label.pen[for=i1-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i1-0:not(:checked) ~ input#i1-8:checked ~ .sudoku .section .cell.cell-i1 label.unset[for=i1-0] {
  display: block;
}
input#pencil:checked ~ input#i1-0:checked ~ input#i1-9-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-9-pencil:checked ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i1-0:checked ~ input#i1-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-i1 label.pencil[for=i1-9-pencil] {
  pointer-events: none;
}
input#i1-0:not(:checked) ~ input#i1-9:checked ~ .sudoku .section .cell.cell-i1 label.pen[for=i1-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i1-0:not(:checked) ~ input#i1-9:checked ~ .sudoku .section .cell.cell-i1 label.unset[for=i1-0] {
  display: block;
}
input#i4-0:checked ~ .sudoku .section .cell.cell-i4 label.pencil {
  display: block;
}
input#pencil:checked ~ input#i4-0:checked ~ .sudoku .section .cell.cell-i4:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#i4-0:checked ~ .sudoku .section .cell.cell-i4:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#i4-0:checked ~ .sudoku .section .cell.cell-i4:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#i4-0:checked ~ .sudoku .section .cell.cell-i4 label.pen {
  display: block;
}
input#pen:checked ~ input#i4-0:checked ~ .sudoku .section .cell.cell-i4 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#i4-0:checked ~ input#i4-1-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-1-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-1-pencil] {
  pointer-events: none;
}
input#i4-0:not(:checked) ~ input#i4-1:checked ~ .sudoku .section .cell.cell-i4 label.pen[for=i4-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i4-0:not(:checked) ~ input#i4-1:checked ~ .sudoku .section .cell.cell-i4 label.unset[for=i4-0] {
  display: block;
}
input#pencil:checked ~ input#i4-0:checked ~ input#i4-2-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-2-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-2-pencil] {
  pointer-events: none;
}
input#i4-0:not(:checked) ~ input#i4-2:checked ~ .sudoku .section .cell.cell-i4 label.pen[for=i4-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i4-0:not(:checked) ~ input#i4-2:checked ~ .sudoku .section .cell.cell-i4 label.unset[for=i4-0] {
  display: block;
}
input#pencil:checked ~ input#i4-0:checked ~ input#i4-3-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-3-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-3-pencil] {
  pointer-events: none;
}
input#i4-0:not(:checked) ~ input#i4-3:checked ~ .sudoku .section .cell.cell-i4 label.pen[for=i4-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i4-0:not(:checked) ~ input#i4-3:checked ~ .sudoku .section .cell.cell-i4 label.unset[for=i4-0] {
  display: block;
}
input#pencil:checked ~ input#i4-0:checked ~ input#i4-4-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-4-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-4-pencil] {
  pointer-events: none;
}
input#i4-0:not(:checked) ~ input#i4-4:checked ~ .sudoku .section .cell.cell-i4 label.pen[for=i4-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i4-0:not(:checked) ~ input#i4-4:checked ~ .sudoku .section .cell.cell-i4 label.unset[for=i4-0] {
  display: block;
}
input#pencil:checked ~ input#i4-0:checked ~ input#i4-5-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-5-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-5-pencil] {
  pointer-events: none;
}
input#i4-0:not(:checked) ~ input#i4-5:checked ~ .sudoku .section .cell.cell-i4 label.pen[for=i4-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i4-0:not(:checked) ~ input#i4-5:checked ~ .sudoku .section .cell.cell-i4 label.unset[for=i4-0] {
  display: block;
}
input#pencil:checked ~ input#i4-0:checked ~ input#i4-6-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-6-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-6-pencil] {
  pointer-events: none;
}
input#i4-0:not(:checked) ~ input#i4-6:checked ~ .sudoku .section .cell.cell-i4 label.pen[for=i4-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i4-0:not(:checked) ~ input#i4-6:checked ~ .sudoku .section .cell.cell-i4 label.unset[for=i4-0] {
  display: block;
}
input#pencil:checked ~ input#i4-0:checked ~ input#i4-7-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-7-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-7-pencil] {
  pointer-events: none;
}
input#i4-0:not(:checked) ~ input#i4-7:checked ~ .sudoku .section .cell.cell-i4 label.pen[for=i4-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i4-0:not(:checked) ~ input#i4-7:checked ~ .sudoku .section .cell.cell-i4 label.unset[for=i4-0] {
  display: block;
}
input#pencil:checked ~ input#i4-0:checked ~ input#i4-8-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-8-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-8-pencil] {
  pointer-events: none;
}
input#i4-0:not(:checked) ~ input#i4-8:checked ~ .sudoku .section .cell.cell-i4 label.pen[for=i4-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i4-0:not(:checked) ~ input#i4-8:checked ~ .sudoku .section .cell.cell-i4 label.unset[for=i4-0] {
  display: block;
}
input#pencil:checked ~ input#i4-0:checked ~ input#i4-9-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-9-pencil:checked ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i4-0:checked ~ input#i4-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-i4 label.pencil[for=i4-9-pencil] {
  pointer-events: none;
}
input#i4-0:not(:checked) ~ input#i4-9:checked ~ .sudoku .section .cell.cell-i4 label.pen[for=i4-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i4-0:not(:checked) ~ input#i4-9:checked ~ .sudoku .section .cell.cell-i4 label.unset[for=i4-0] {
  display: block;
}
input#i7-0:checked ~ .sudoku .section .cell.cell-i7 label.pencil {
  display: block;
}
input#pencil:checked ~ input#i7-0:checked ~ .sudoku .section .cell.cell-i7:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#i7-0:checked ~ .sudoku .section .cell.cell-i7:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#i7-0:checked ~ .sudoku .section .cell.cell-i7:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#i7-0:checked ~ .sudoku .section .cell.cell-i7 label.pen {
  display: block;
}
input#pen:checked ~ input#i7-0:checked ~ .sudoku .section .cell.cell-i7 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#i7-0:checked ~ input#i7-1-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-1-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-1-pencil] {
  pointer-events: none;
}
input#i7-0:not(:checked) ~ input#i7-1:checked ~ .sudoku .section .cell.cell-i7 label.pen[for=i7-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i7-0:not(:checked) ~ input#i7-1:checked ~ .sudoku .section .cell.cell-i7 label.unset[for=i7-0] {
  display: block;
}
input#pencil:checked ~ input#i7-0:checked ~ input#i7-2-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-2-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-2-pencil] {
  pointer-events: none;
}
input#i7-0:not(:checked) ~ input#i7-2:checked ~ .sudoku .section .cell.cell-i7 label.pen[for=i7-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i7-0:not(:checked) ~ input#i7-2:checked ~ .sudoku .section .cell.cell-i7 label.unset[for=i7-0] {
  display: block;
}
input#pencil:checked ~ input#i7-0:checked ~ input#i7-3-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-3-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-3-pencil] {
  pointer-events: none;
}
input#i7-0:not(:checked) ~ input#i7-3:checked ~ .sudoku .section .cell.cell-i7 label.pen[for=i7-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i7-0:not(:checked) ~ input#i7-3:checked ~ .sudoku .section .cell.cell-i7 label.unset[for=i7-0] {
  display: block;
}
input#pencil:checked ~ input#i7-0:checked ~ input#i7-4-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-4-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-4-pencil] {
  pointer-events: none;
}
input#i7-0:not(:checked) ~ input#i7-4:checked ~ .sudoku .section .cell.cell-i7 label.pen[for=i7-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i7-0:not(:checked) ~ input#i7-4:checked ~ .sudoku .section .cell.cell-i7 label.unset[for=i7-0] {
  display: block;
}
input#pencil:checked ~ input#i7-0:checked ~ input#i7-5-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-5-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-5-pencil] {
  pointer-events: none;
}
input#i7-0:not(:checked) ~ input#i7-5:checked ~ .sudoku .section .cell.cell-i7 label.pen[for=i7-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i7-0:not(:checked) ~ input#i7-5:checked ~ .sudoku .section .cell.cell-i7 label.unset[for=i7-0] {
  display: block;
}
input#pencil:checked ~ input#i7-0:checked ~ input#i7-6-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-6-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-6-pencil] {
  pointer-events: none;
}
input#i7-0:not(:checked) ~ input#i7-6:checked ~ .sudoku .section .cell.cell-i7 label.pen[for=i7-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i7-0:not(:checked) ~ input#i7-6:checked ~ .sudoku .section .cell.cell-i7 label.unset[for=i7-0] {
  display: block;
}
input#pencil:checked ~ input#i7-0:checked ~ input#i7-7-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-7-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-7-pencil] {
  pointer-events: none;
}
input#i7-0:not(:checked) ~ input#i7-7:checked ~ .sudoku .section .cell.cell-i7 label.pen[for=i7-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i7-0:not(:checked) ~ input#i7-7:checked ~ .sudoku .section .cell.cell-i7 label.unset[for=i7-0] {
  display: block;
}
input#pencil:checked ~ input#i7-0:checked ~ input#i7-8-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-8-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-8-pencil] {
  pointer-events: none;
}
input#i7-0:not(:checked) ~ input#i7-8:checked ~ .sudoku .section .cell.cell-i7 label.pen[for=i7-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i7-0:not(:checked) ~ input#i7-8:checked ~ .sudoku .section .cell.cell-i7 label.unset[for=i7-0] {
  display: block;
}
input#pencil:checked ~ input#i7-0:checked ~ input#i7-9-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-9-pencil:checked ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i7-0:checked ~ input#i7-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-i7 label.pencil[for=i7-9-pencil] {
  pointer-events: none;
}
input#i7-0:not(:checked) ~ input#i7-9:checked ~ .sudoku .section .cell.cell-i7 label.pen[for=i7-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i7-0:not(:checked) ~ input#i7-9:checked ~ .sudoku .section .cell.cell-i7 label.unset[for=i7-0] {
  display: block;
}
input#i8-0:checked ~ .sudoku .section .cell.cell-i8 label.pencil {
  display: block;
}
input#pencil:checked ~ input#i8-0:checked ~ .sudoku .section .cell.cell-i8:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#i8-0:checked ~ .sudoku .section .cell.cell-i8:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#i8-0:checked ~ .sudoku .section .cell.cell-i8:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#i8-0:checked ~ .sudoku .section .cell.cell-i8 label.pen {
  display: block;
}
input#pen:checked ~ input#i8-0:checked ~ .sudoku .section .cell.cell-i8 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#i8-0:checked ~ input#i8-1-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-1-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-1-pencil] {
  pointer-events: none;
}
input#i8-0:not(:checked) ~ input#i8-1:checked ~ .sudoku .section .cell.cell-i8 label.pen[for=i8-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i8-0:not(:checked) ~ input#i8-1:checked ~ .sudoku .section .cell.cell-i8 label.unset[for=i8-0] {
  display: block;
}
input#pencil:checked ~ input#i8-0:checked ~ input#i8-2-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-2-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-2-pencil] {
  pointer-events: none;
}
input#i8-0:not(:checked) ~ input#i8-2:checked ~ .sudoku .section .cell.cell-i8 label.pen[for=i8-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i8-0:not(:checked) ~ input#i8-2:checked ~ .sudoku .section .cell.cell-i8 label.unset[for=i8-0] {
  display: block;
}
input#pencil:checked ~ input#i8-0:checked ~ input#i8-3-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-3-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-3-pencil] {
  pointer-events: none;
}
input#i8-0:not(:checked) ~ input#i8-3:checked ~ .sudoku .section .cell.cell-i8 label.pen[for=i8-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i8-0:not(:checked) ~ input#i8-3:checked ~ .sudoku .section .cell.cell-i8 label.unset[for=i8-0] {
  display: block;
}
input#pencil:checked ~ input#i8-0:checked ~ input#i8-4-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-4-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-4-pencil] {
  pointer-events: none;
}
input#i8-0:not(:checked) ~ input#i8-4:checked ~ .sudoku .section .cell.cell-i8 label.pen[for=i8-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i8-0:not(:checked) ~ input#i8-4:checked ~ .sudoku .section .cell.cell-i8 label.unset[for=i8-0] {
  display: block;
}
input#pencil:checked ~ input#i8-0:checked ~ input#i8-5-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-5-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-5-pencil] {
  pointer-events: none;
}
input#i8-0:not(:checked) ~ input#i8-5:checked ~ .sudoku .section .cell.cell-i8 label.pen[for=i8-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i8-0:not(:checked) ~ input#i8-5:checked ~ .sudoku .section .cell.cell-i8 label.unset[for=i8-0] {
  display: block;
}
input#pencil:checked ~ input#i8-0:checked ~ input#i8-6-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-6-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-6-pencil] {
  pointer-events: none;
}
input#i8-0:not(:checked) ~ input#i8-6:checked ~ .sudoku .section .cell.cell-i8 label.pen[for=i8-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i8-0:not(:checked) ~ input#i8-6:checked ~ .sudoku .section .cell.cell-i8 label.unset[for=i8-0] {
  display: block;
}
input#pencil:checked ~ input#i8-0:checked ~ input#i8-7-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-7-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-7-pencil] {
  pointer-events: none;
}
input#i8-0:not(:checked) ~ input#i8-7:checked ~ .sudoku .section .cell.cell-i8 label.pen[for=i8-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i8-0:not(:checked) ~ input#i8-7:checked ~ .sudoku .section .cell.cell-i8 label.unset[for=i8-0] {
  display: block;
}
input#pencil:checked ~ input#i8-0:checked ~ input#i8-8-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-8-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-8-pencil] {
  pointer-events: none;
}
input#i8-0:not(:checked) ~ input#i8-8:checked ~ .sudoku .section .cell.cell-i8 label.pen[for=i8-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i8-0:not(:checked) ~ input#i8-8:checked ~ .sudoku .section .cell.cell-i8 label.unset[for=i8-0] {
  display: block;
}
input#pencil:checked ~ input#i8-0:checked ~ input#i8-9-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-9-pencil:checked ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i8-0:checked ~ input#i8-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-i8 label.pencil[for=i8-9-pencil] {
  pointer-events: none;
}
input#i8-0:not(:checked) ~ input#i8-9:checked ~ .sudoku .section .cell.cell-i8 label.pen[for=i8-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i8-0:not(:checked) ~ input#i8-9:checked ~ .sudoku .section .cell.cell-i8 label.unset[for=i8-0] {
  display: block;
}
input#i9-0:checked ~ .sudoku .section .cell.cell-i9 label.pencil {
  display: block;
}
input#pencil:checked ~ input#i9-0:checked ~ .sudoku .section .cell.cell-i9:hover label.pencil {
  opacity: 0.5;
}
input#pencil:checked ~ input#i9-0:checked ~ .sudoku .section .cell.cell-i9:hover label.pencil:hover {
  opacity: 0.8;
}
input#pen:checked ~ input#i9-0:checked ~ .sudoku .section .cell.cell-i9:hover label.pencil {
  opacity: 0.5;
}
input#pen:checked ~ input#i9-0:checked ~ .sudoku .section .cell.cell-i9 label.pen {
  display: block;
}
input#pen:checked ~ input#i9-0:checked ~ .sudoku .section .cell.cell-i9 label.pen:hover {
  opacity: 0.5;
}
input#pencil:checked ~ input#i9-0:checked ~ input#i9-1-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-1-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-1-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-1-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-1-pencil:not(:checked) ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-1-pencil] {
  pointer-events: none;
}
input#i9-0:not(:checked) ~ input#i9-1:checked ~ .sudoku .section .cell.cell-i9 label.pen[for=i9-1] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i9-0:not(:checked) ~ input#i9-1:checked ~ .sudoku .section .cell.cell-i9 label.unset[for=i9-0] {
  display: block;
}
input#pencil:checked ~ input#i9-0:checked ~ input#i9-2-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-2-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-2-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-2-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-2-pencil:not(:checked) ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-2-pencil] {
  pointer-events: none;
}
input#i9-0:not(:checked) ~ input#i9-2:checked ~ .sudoku .section .cell.cell-i9 label.pen[for=i9-2] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i9-0:not(:checked) ~ input#i9-2:checked ~ .sudoku .section .cell.cell-i9 label.unset[for=i9-0] {
  display: block;
}
input#pencil:checked ~ input#i9-0:checked ~ input#i9-3-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-3-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-3-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-3-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-3-pencil:not(:checked) ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-3-pencil] {
  pointer-events: none;
}
input#i9-0:not(:checked) ~ input#i9-3:checked ~ .sudoku .section .cell.cell-i9 label.pen[for=i9-3] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i9-0:not(:checked) ~ input#i9-3:checked ~ .sudoku .section .cell.cell-i9 label.unset[for=i9-0] {
  display: block;
}
input#pencil:checked ~ input#i9-0:checked ~ input#i9-4-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-4-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-4-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-4-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-4-pencil:not(:checked) ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-4-pencil] {
  pointer-events: none;
}
input#i9-0:not(:checked) ~ input#i9-4:checked ~ .sudoku .section .cell.cell-i9 label.pen[for=i9-4] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i9-0:not(:checked) ~ input#i9-4:checked ~ .sudoku .section .cell.cell-i9 label.unset[for=i9-0] {
  display: block;
}
input#pencil:checked ~ input#i9-0:checked ~ input#i9-5-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-5-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-5-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-5-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-5-pencil:not(:checked) ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-5-pencil] {
  pointer-events: none;
}
input#i9-0:not(:checked) ~ input#i9-5:checked ~ .sudoku .section .cell.cell-i9 label.pen[for=i9-5] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i9-0:not(:checked) ~ input#i9-5:checked ~ .sudoku .section .cell.cell-i9 label.unset[for=i9-0] {
  display: block;
}
input#pencil:checked ~ input#i9-0:checked ~ input#i9-6-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-6-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-6-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-6-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-6-pencil:not(:checked) ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-6-pencil] {
  pointer-events: none;
}
input#i9-0:not(:checked) ~ input#i9-6:checked ~ .sudoku .section .cell.cell-i9 label.pen[for=i9-6] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i9-0:not(:checked) ~ input#i9-6:checked ~ .sudoku .section .cell.cell-i9 label.unset[for=i9-0] {
  display: block;
}
input#pencil:checked ~ input#i9-0:checked ~ input#i9-7-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-7-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-7-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-7-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-7-pencil:not(:checked) ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-7-pencil] {
  pointer-events: none;
}
input#i9-0:not(:checked) ~ input#i9-7:checked ~ .sudoku .section .cell.cell-i9 label.pen[for=i9-7] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i9-0:not(:checked) ~ input#i9-7:checked ~ .sudoku .section .cell.cell-i9 label.unset[for=i9-0] {
  display: block;
}
input#pencil:checked ~ input#i9-0:checked ~ input#i9-8-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-8-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-8-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-8-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-8-pencil:not(:checked) ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-8-pencil] {
  pointer-events: none;
}
input#i9-0:not(:checked) ~ input#i9-8:checked ~ .sudoku .section .cell.cell-i9 label.pen[for=i9-8] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i9-0:not(:checked) ~ input#i9-8:checked ~ .sudoku .section .cell.cell-i9 label.unset[for=i9-0] {
  display: block;
}
input#pencil:checked ~ input#i9-0:checked ~ input#i9-9-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-9-pencil] {
  opacity: 1;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-9-pencil:checked ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-9-pencil] {
  opacity: 1;
  pointer-events: none;
}
input#pen:checked ~ input#i9-0:checked ~ input#i9-9-pencil:not(:checked) ~ .sudoku .section .cell.cell-i9 label.pencil[for=i9-9-pencil] {
  pointer-events: none;
}
input#i9-0:not(:checked) ~ input#i9-9:checked ~ .sudoku .section .cell.cell-i9 label.pen[for=i9-9] {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 1;
  margin-left: 0;
  width: 6rem;
  height: 6rem;
  font-size: 5rem;
  line-height: 6rem;
}
input#i9-0:not(:checked) ~ input#i9-9:checked ~ .sudoku .section .cell.cell-i9 label.unset[for=i9-0] {
  display: block;
}

.win {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  background: #fff;
  font-size: 2.5em;
  font-family: sans-serif;
  text-align: center;
}

input#a1-4:checked ~ input#a2-3:checked ~ input#a3-5:checked ~ input#a6-2:checked ~ input#a9-7:checked ~ input#b3-9:checked ~ input#b4-5:checked ~ input#b6-1:checked ~ input#b7-8:checked ~ input#b8-3:checked ~ input#c2-8:checked ~ input#c4-4:checked ~ input#c6-3:checked ~ input#c8-6:checked ~ input#c9-2:checked ~ input#d3-6:checked ~ input#d4-3:checked ~ input#d5-7:checked ~ input#d7-9:checked ~ input#d9-1:checked ~ input#e2-9:checked ~ input#e3-5:checked ~ input#e5-8:checked ~ input#e7-7:checked ~ input#e8-4:checked ~ input#f1-3:checked ~ input#f3-7:checked ~ input#f5-1:checked ~ input#f6-5:checked ~ input#f7-6:checked ~ input#g1-5:checked ~ input#g2-1:checked ~ input#g4-2:checked ~ input#g6-8:checked ~ input#g8-6:checked ~ input#h2-2:checked ~ input#h3-6:checked ~ input#h4-9:checked ~ input#h6-7:checked ~ input#h7-4:checked ~ input#i1-8:checked ~ input#i4-1:checked ~ input#i7-2:checked ~ input#i8-5:checked ~ input#i9-9:checked ~ .win {
  display: flex;
}

/*# sourceMappingURL=style.css.map */