#game{outline:0;background-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cell{outline:0;position:absolute;border:1px solid #ccc;background-color:#ccc;color:#000;font-size:20px;line-height:28px;text-align:center}.bgcolor-1 .cell{background-color:var(--bg-color-1);border:1px solid var(--bg-color-1)}.bgcolor-2 .cell{background-color:var(--bg-color-2);border:1px solid var(--bg-color-2)}.bgcolor-3 .cell{background-color:var(--bg-color-9);border:1px solid var(--bg-color-9)}.bgcolor-4 .cell{background-color:var(--bg-color-4);border:1px solid var(--bg-color-4)}.bgcolor-5 .cell{background-color:var(--bg-color-5);border:1px solid var(--bg-color-5)}.cell.bl:before{margin-left:3px}.cell.bt{line-height:26px}.thicker-lines .cell.bl:before{margin-left:2px}.thicker-lines .cell.bt{line-height:24px}.cell.color-1{background-color:var(--bg-color-1)}.cell.color-2{background-color:var(--bg-color-2)}.cell.color-3{background-color:var(--bg-color-9)}.cell.color-4{background-color:var(--bg-color-4)}.cell.color-5{background-color:var(--bg-color-5)}.cell.color-6{background-color:var(--bg-color-1)}.cell.color-7{background-color:var(--bg-color-3)}.cell.color-8{background-color:var(--bg-color-8)}.cell.color-9{background-color:var(--bg-color-9)}.cell.cell-x{background-color:#fff;border-color:#fff}.cell.cell-x.err{background-color:#fcc;color:#000}.colorblind .cell.cell-x.err{background-color:#ccf}.cell.cell-off.err{background-color:#fcc;color:#000}.colorblind .cell.cell-off.err{background-color:#ccf}.cell.cell-on{font-size:17px;background-color:#000;border-color:#000;color:#000}.show-shaded .cell.cell-on{color:#999}.cell.cell-on.err{background-color:#c00;color:#fff}.colorblind .cell.cell-on.err{background-color:#00c}.cell.cell-on.err .number.err{color:#fff}.cell.cell-on .number.err{color:#f66}.colorblind .cell.cell-on .number.err{color:#99f}.cell .number{font-size:18px;width:26px;height:26px;line-height:26px;pointer-events:none}.bolder-numbers .cell .number{font-weight:700}.kbd .cell:focus{outline:1px solid #2196f3;outline:-webkit-focus-ring-color auto 5px}.kbd .cell:-moz-focusring{outline:1px solid #2196f3}.cell.active{border:1px solid #2196f3}.bgcolor-1 .highlighted,.bgcolor-2 .highlighted,.bgcolor-3 .highlighted,.bgcolor-5 .highlighted,.gray-empty-cells .highlighted,.highlighted{background-color:var(--bg-color-4)}.bgcolor-1 .highlighted.cell-on,.bgcolor-2 .highlighted.cell-on,.bgcolor-3 .highlighted.cell-on,.bgcolor-5 .highlighted.cell-on,.gray-empty-cells .highlighted.cell-on,.highlighted.cell-on{background-color:#414a41}.bgcolor-1 .highlighted.cell-x,.bgcolor-2 .highlighted.cell-x,.bgcolor-3 .highlighted.cell-x,.bgcolor-5 .highlighted.cell-x,.gray-empty-cells .highlighted.cell-x,.highlighted.cell-x{background-color:#e6ffe6}.bgcolor-4 .highlighted{background-color:var(--bg-color-5)}.bgcolor-4 .highlighted.cell-on{background-color:#2d3e4e}.bgcolor-4 .highlighted.cell-x{background-color:#deebf7}.cell.cell-crosshair{border:1px solid red}.cell.err,.number.err{color:#c00}.colorblind .cell.err,.colorblind .number.err{color:#6cf}.coordinate-sign{position:absolute;font-size:13px;color:#999;z-index:1000;line-height:30px}.btn .game-style{position:absolute;background-color:#ccc;border:1px solid #000;position:absolute;top:10px;left:10px;width:20px;height:20px;font-size:20px}.btn .game-style.color-1{background-color:var(--bg-color-1)}.btn .game-style.color-2{background-color:var(--bg-color-2)}.btn .game-style.color-3{background-color:var(--bg-color-9)}.btn .game-style.color-4{background-color:var(--bg-color-4)}.btn .game-style.color-5{background-color:var(--bg-color-5)}.btn .game-style.color-6{background-color:var(--bg-color-1)}.btn .game-style.color-7{background-color:var(--bg-color-3)}.btn .game-style.color-8{background-color:var(--bg-color-8)}.btn .game-style.color-9{background-color:var(--bg-color-9)}.btn .game-style-on{font-size:15px;background-color:#000}.btn .game-style-x{background-color:#fff}.btn .color-arrow-down{transform:rotate(45deg);-webkit-transform:rotate(45deg);border:solid #000;border-width:0 2px 2px 0;padding:1px;display:block;width:2px;height:2px;position:absolute;top:34px;left:18px}.portrait .mobile .btn .color-arrow-down{transform:rotate(225deg);-webkit-transform:rotate(225deg);top:4px}.landscape .mobile .btn .color-arrow-down{transform:rotate(135deg);-webkit-transform:rotate(135deg);top:18px;left:4px}.btn.rotate .game-style{width:13px;height:13px;font-size:13px}.btn.rotate .game-style-on{top:10px;left:7px;font-size:11px}.btn.rotate .game-style-on:before{margin-left:1px;margin-top:1px}.btn.rotate .game-style-off{top:21px;left:12px}.btn.rotate .game-style-x{top:14px;left:22px}.options .bgcolor{padding-top:5px;height:60px}.options .bgcolor .btn{padding:0;min-width:0}.options .bgcolor .btn:active{box-shadow:none;background-color:rgba(0,0,0,0)}.options .bgcolor .btn .game-style{top:5px}.options .bgcolor .btn span{margin:15px 10px 0 0}.options .bgcolor .btn input{margin-left:15px}.game-btn-on{--game-style-color:#000}.game-btn-x{--game-style-color:#fff}@media screen{.darkmode{--bg-color-9:var(--bg-color-3)}.darkmode #game{filter:invert(100%) hue-rotate(180deg)}.darkmode .hitori-cell-back{outline:3px solid #333}.nightmode #game{background-color:#f8ecc2}.gray-empty-cells .cell-off,.gray-empty-cells .game-style-off{background-color:#ddd}.gray-empty-cells .cell-off.color-1,.gray-empty-cells .game-style-off.color-1{background-color:var(--bg-color-1)}.gray-empty-cells .cell-off.color-2,.gray-empty-cells .game-style-off.color-2{background-color:var(--bg-color-2)}.gray-empty-cells .cell-off.color-3,.gray-empty-cells .game-style-off.color-3{background-color:var(--bg-color-9)}.gray-empty-cells .cell-off.color-4,.gray-empty-cells .game-style-off.color-4{background-color:var(--bg-color-4)}.gray-empty-cells .cell-off.color-5,.gray-empty-cells .game-style-off.color-5{background-color:var(--bg-color-5)}.gray-empty-cells .cell-off.color-6,.gray-empty-cells .game-style-off.color-6{background-color:var(--bg-color-1)}.gray-empty-cells .cell-off.color-7,.gray-empty-cells .game-style-off.color-7{background-color:var(--bg-color-3)}.gray-empty-cells .cell-off.color-8,.gray-empty-cells .game-style-off.color-8{background-color:var(--bg-color-8)}.gray-empty-cells .cell-off.color-9,.gray-empty-cells .game-style-off.color-9{background-color:var(--bg-color-9)}.gray-empty-cells .cell.color-1{background-color:var(--bg-color-1)}.gray-empty-cells .cell.highlighted.color-1{background-color:#eee}}