#gridArea{display:block;width:fit-content;margin-inline:auto;white-space:nowrap;padding-right:12px}#grid{display:inline-block}#grid input[readonly]{pointer-events:none}#statusBar{display:flex;justify-content:space-between;align-items:center;margin:16px 0}#solver p{max-width:65ch;margin-inline:auto}input[type=text]{border:1px solid black;border-radius:0;margin-right:-1px;margin-bottom:-1px;height:40px;width:40px;font-size:24px;font-weight:700;text-align:center;padding:0}#solver p a,#solver p a:visited{color:#4d4d4d}#solver p a:hover{text-decoration:underline}.error{font-weight:700;color:red}.keyboard-toggle{float:right;height:39px;padding:0 10px;margin-top:5px;cursor:pointer;border:2px solid #ccc;border-radius:8px;background:#fff;font-family:Arial,sans-serif;font-size:14px;font-weight:700;color:#000;display:none;align-items:center;justify-content:center}@media (pointer: coarse){.keyboard-toggle{display:flex}}#buttons{display:flex;gap:9px}#buttons button{width:56px;height:56px;padding:12px;cursor:pointer;border:2px solid #ccc;border-radius:8px;background:#fff}#buttons button:enabled:hover{background-color:#f5f5f5}#buttons button svg{width:100%;height:100%}#solveButton:enabled polyline,#solveCellButton:enabled polyline{stroke:#0891b2}.btn-group{display:flex;flex-direction:column;align-items:center;gap:4px}.btn-group label{font-size:12px;color:#666}#previousButton,#nextButton{background:none;border:none;width:28px;height:28px;padding:2px;cursor:pointer;vertical-align:middle}#previousButton{margin-right:12px}#previousButton svg,#nextButton svg{width:100%;height:100%}#previousButton:hover,#nextButton:hover{text-decoration:underline;cursor:pointer}.top{border-top:2px solid black!important}.bottom{border-bottom:2px solid black!important}.left{border-left:2px solid black!important}.right{border-right:2px solid black!important}.empty{color:#0891b2}.invalid{color:red}.grey{background-color:#c8c8c8}.darkgrey{background-color:#a0a0a0}.bicolor.color-0{background-color:#c8c8c8}.bicolor.color-1,.multicolor.color-0{background-color:#fff}.multicolor.color-1{background-color:#ffb8b8}.multicolor.color-2{background-color:#b8ffb8}.multicolor.color-3{background-color:#b8b8ff}.multicolor.color-4{background-color:#fffad6}.multicolor.color-5{background-color:#e0b8ff}.multicolor.color-6{background-color:#d6ffff}.multicolor.color-7{background-color:#ffe0b8}.multicolor.color-8{background-color:#b8ffe0}.multicolor.color-9{background-color:#d6d6d6}.multicolor.color-10{background-color:#ffd6ff}.multicolor.color-11{background-color:#b8e0ff}.multicolor.color-12{background-color:#ffb8e0}.multicolor.color-13{background-color:#ffd6d6}.multicolor.color-14{background-color:#d6ffd6}.multicolor.color-15{background-color:#d6d6ff}.multicolor.color-16{background-color:#b8b8b8}.selected{box-shadow:inset 0 0 0 3px #00000080}.diagonal-nw{background-image:linear-gradient(45deg,transparent calc(50% - 1px),rgba(0,0,0,.3) 50%,transparent calc(50% + 1px))}.diagonal-ne{background-image:linear-gradient(135deg,transparent calc(50% - 1px),rgba(0,0,0,.3) 50%,transparent calc(50% + 1px))}.diagonal-nw.diagonal-ne{background-image:linear-gradient(45deg,transparent calc(50% - 1px),rgba(0,0,0,.3) 50%,transparent calc(50% + 1px)),linear-gradient(135deg,transparent calc(50% - 1px),rgba(0,0,0,.3) 50%,transparent calc(50% + 1px))}#footer{bottom:0;position:relative;margin-bottom:1em;max-width:65ch;margin-inline:auto}#footer a,#footer a:visited{color:#4d4d4d}#footer a:hover{text-decoration:underline}#footer #donate{color:#f97316;font-weight:600}#footer #donate:visited{color:#f97316}#contact{float:right}