body:has(#sudoku-solver-page-title){background-color:#0c0c0c;color:#fff}body:has(#sudoku-solver-page-title) header{background:#525252}body:has(#sudoku-solver-page-title) header .site-nav .brand{color:#fff}body:has(#sudoku-solver-page-title) header .hamburger-menu .bar{background:#fff}body:has(#sudoku-solver-page-title) header .hamburger-menu.active .bar{background:#000}#sudoku-solver-app{font-size:3.333333333333333333vw}body:has(#sudoku-solver-page-title) h1{font-size:1.5em}body:has(#sudoku-solver-page-title) #sudoku-solver-page-title+ul{font-size:1em}#numberbox-wrap{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:20em;height:20em;margin:0 auto;font-size:1.4em}#numberbox-wrap label{display:flex;position:relative;justify-content:center;align-items:center}#numberbox-wrap input[type=number]{font-size:1em;color:#000;font-weight:700;width:1.7em;height:1.7em;-moz-appearance:textfield;text-align:center;border:none;caret-color:transparent}#numberbox-wrap input[type=number]::-webkit-outer-spin-button,#numberbox-wrap input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#numberbox-wrap label:nth-child(1) input[type=number],#numberbox-wrap label:nth-child(2) input[type=number],#numberbox-wrap label:nth-child(3) input[type=number],#numberbox-wrap label:nth-child(10) input[type=number],#numberbox-wrap label:nth-child(11) input[type=number],#numberbox-wrap label:nth-child(12) input[type=number],#numberbox-wrap label:nth-child(19) input[type=number],#numberbox-wrap label:nth-child(20) input[type=number],#numberbox-wrap label:nth-child(21) input[type=number],#numberbox-wrap label:nth-child(7) input[type=number],#numberbox-wrap label:nth-child(8) input[type=number],#numberbox-wrap label:nth-child(9) input[type=number],#numberbox-wrap label:nth-child(16) input[type=number],#numberbox-wrap label:nth-child(17) input[type=number],#numberbox-wrap label:nth-child(18) input[type=number],#numberbox-wrap label:nth-child(25) input[type=number],#numberbox-wrap label:nth-child(26) input[type=number],#numberbox-wrap label:nth-child(27) input[type=number],#numberbox-wrap label:nth-child(31) input[type=number],#numberbox-wrap label:nth-child(32) input[type=number],#numberbox-wrap label:nth-child(33) input[type=number],#numberbox-wrap label:nth-child(40) input[type=number],#numberbox-wrap label:nth-child(41) input[type=number],#numberbox-wrap label:nth-child(42) input[type=number],#numberbox-wrap label:nth-child(49) input[type=number],#numberbox-wrap label:nth-child(50) input[type=number],#numberbox-wrap label:nth-child(51) input[type=number],#numberbox-wrap label:nth-child(55) input[type=number],#numberbox-wrap label:nth-child(56) input[type=number],#numberbox-wrap label:nth-child(57) input[type=number],#numberbox-wrap label:nth-child(64) input[type=number],#numberbox-wrap label:nth-child(65) input[type=number],#numberbox-wrap label:nth-child(66) input[type=number],#numberbox-wrap label:nth-child(73) input[type=number],#numberbox-wrap label:nth-child(74) input[type=number],#numberbox-wrap label:nth-child(75) input[type=number],#numberbox-wrap label:nth-child(61) input[type=number],#numberbox-wrap label:nth-child(62) input[type=number],#numberbox-wrap label:nth-child(63) input[type=number],#numberbox-wrap label:nth-child(70) input[type=number],#numberbox-wrap label:nth-child(71) input[type=number],#numberbox-wrap label:nth-child(72) input[type=number],#numberbox-wrap label:nth-child(79) input[type=number],#numberbox-wrap label:nth-child(80) input[type=number],#numberbox-wrap label:nth-child(81) input[type=number]{background:#ffc5c5}#numberbox-wrap label input[type=number]:focus{outline:none;color:#fff;background:#fb6d6d}#numberbox-wrap label:has(input[type=number]:focus):after{content:"";display:block;width:42%;height:.12em;background:#000;position:absolute;top:76%;left:50%;transform:translate(-50%);opacity:.9;animation:cursor-blink 1.2s steps(2,start) infinite}#numberbox-wrap label.is-fixed-cell input{color:#333}#numberbox-wrap label.is-solved-cell input{color:#12c211}#numberbox-wrap label:after{content:attr(data-after);display:block;position:absolute;left:.6em;bottom:.7em;font-size:.35em;color:#000;line-height:1em;white-space:pre-wrap}@keyframes cursor-blink{0%{opacity:0}}@supports not selector(body:has(p)){#numberbox-wrap input[type=number]:focus{animation:cursor-blink 1.2s steps(2,start) infinite;border:.15em solid #fbff11}@keyframes cursor-blink{0%{border-color:#000}}}#numberbox-wrap+.button-wrap{display:grid;grid-template-columns:65% 1fr;gap:.5em;font-size:1.4em;max-width:20em;box-sizing:border-box;margin:1em auto}#numberbox-wrap+.button-wrap button{display:block;font-size:1em;max-width:100%;color:#fff;font-weight:700;border:none;height:2em;cursor:pointer;background:#999}#numberbox-wrap+.button-wrap button:nth-child(3){background-color:#fb6d6d;color:#f1f1f1}#numberbox-wrap+.button-wrap button:last-child{flex-grow:1}body:has(#sudoku-solver-page-title) .virtual-keyboard{display:grid;grid-template-columns:repeat(5,1fr);width:20em;margin:1em auto .5em;font-size:1.4em}body:has(#sudoku-solver-page-title) .virtual-keyboard button{font-weight:700;padding:.35em 0;font-size:1em}@media only screen and (min-width: 720px){body:has(#sudoku-solver-page-title) header .hamburger-menu.active .bar{background-color:#fff}body:has(#sudoku-solver-page-title) header .hamburger-menu+ul li a{color:#fff}#sudoku-solver-app,#numberbox-wrap{font-size:24px}#numberbox-wrap+.button-wrap{font-size:1em}body:has(#sudoku-solver-page-title) .virtual-keyboard{font-size:1em;margin-top:2.5em}}@media only screen and (min-width: 1024px){#sudoku-solver-app{font-size:16px}#numberbox-wrap{font-size:24px}}