.cell{position:absolute;border:1px solid #fff;background-color:#fff;color:rgb(10.2307692308,109.9807692308,189.2692307692);font-size:22px;line-height:27px;text-align:center}.cell.color-1{background-color:var(--bg-color-1)!important}.cell.color-2{background-color:var(--bg-color-2)!important}.cell.color-3{background-color:var(--bg-color-3)!important}.cell.color-4{background-color:var(--bg-color-4)!important}.cell.color-5{background-color:var(--bg-color-5)!important}.cell.color-6{background-color:var(--bg-color-6)!important}.cell.color-7{background-color:var(--bg-color-7)!important}.cell.color-8{background-color:var(--bg-color-8)!important}.cell.color-9{background-color:var(--bg-color-9)!important}.cell.task{color:#000}.landscape #buttonsBottom{display:none}.portrait #buttonsLeft{display:none}.portrait #buttonsRight{display:none}.cell.button{z-index:200;border-radius:3px;border:1px solid #000}.cell.button.completed{background-color:#ddd}.cell.button.pressed{z-index:201;margin-top:-40px;padding-bottom:40px;box-shadow:0 0 8px 2px rgba(0,0,0,.3);border-radius:5px}#buttonsRight .cell.button.pressed{margin-top:0;padding-bottom:0;margin-left:-60px;padding-right:60px}#buttonsLeft .cell.button.pressed{margin-top:0;padding-bottom:0;margin-right:-60px;padding-left:60px}.cell.button.current{background-color:#0a6ebd;color:#fff}.cell.button.current.completed{background-color:#999}.cell.x{background-color:#ddd}.cell.active{border:1px solid #2196f3}.highlight-selection .cell.active{background-color:#ffc}.highlight-selection .cell.active.highlighted{background-color:#ffc}.highlight-selection .cell.active.highlighted.x{background-color:#ffc}.pencil-mode .cell.active{border:1px dashed #f60}.cell.highlighted{background-color:#e6ffe6}.cell.highlighted.x{background-color:rgb(204.5,255,204.5)}.cell.same{background-color:#f8ecc2}.cell.same.x{background-color:rgb(245.375,228.875,171.125)}.cell.sandwichTask{font-size:15px;color:#000}.cell.sandwichTask.succ{color:#0c0;font-weight:400}.pencilNumber.same{color:#000;text-shadow:-1px -1px 2px rgb(237.5,207.5,102.5),1px -1px 2px rgb(237.5,207.5,102.5),-1px 1px 2px rgb(237.5,207.5,102.5),1px 1px 2px rgb(237.5,207.5,102.5)}.darkmode .pencilNumber.same,.nightmode .pencilNumber.same{text-shadow:-1px -1px 2px #85a3e0,1px -1px 2px #85a3e0,-1px 1px 2px #85a3e0,1px 1px 2px #85a3e0}.cell.cell-crosshair{border:1px solid red}.cell.err,.pencilNumber.err{color:red}.colorblind .cell.err,.colorblind .pencilNumber.err{color:#6cf}.cell.task.err{color:#000;border:1px solid red}.colorblind .cell.task.err{border:1px solid #6cf}.cell .number,.cell .pencil,.cell .pencilNumber,.killer{pointer-events:none}.killer{background-color:transparent;box-sizing:border-box;border-style:dashed;border-color:#a3b79a;border-width:0;font-size:8px;text-shadow:0 0 0 transparent,-1px -1px 0 #fff,0 -1px 0 #fff,1px -1px 0 #fff,-1px 0 0 #fff,0 0 0 #fff,1px 0 0 #fff,-1px 1px 0 #fff,0 1px 0 #fff,1px 1px 0 #fff;line-height:4px;text-indent:-2px}.killer.err{border-color:red}.colorblind .killer.err{border-color:#6cf}.pencilNumber{color:#000}.cell .pencilNumber{font-size:8px;line-height:10px}.sudoku14x14 .cell .pencilNumber,.sudoku4x4 .cell .pencilNumber{line-height:8px}.killer4 .cell .pencilNumber{line-height:18px;text-indent:3px}.killer6 .cell .pencilNumber{line-height:24px;text-indent:5px}.killer9 .cell .pencilNumber{line-height:13px;text-indent:8px}#game{outline:0;background-color:transparent;user-select:none}.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-0{background-color:var(--bg-color-0)}.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-3)}.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-6)}.btn .game-style.color-7{background-color:var(--bg-color-7)}.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}@media screen{.darkmode #game{filter:invert(100%) hue-rotate(180deg)}.darkmode .sudoku-cell-back{outline:3px solid #333}.darkmode .cell.sandwichTask{background-color:transparent;border-color:transparent;color:#ccc}.darkmode .highlight-selection .cell.active.highlighted{background-color:#fff}.nightmode #game{background-color:#f8ecc2}.darkmode .cell,.nightmode .cell{background-color:#f8ecc2;border:1px solid #f8ecc2}.darkmode .cell.highlighted,.nightmode .cell.highlighted{background-color:#e6ffe6}.darkmode .cell.x,.nightmode .cell.x{background-color:#ddd}.darkmode .cell.same,.nightmode .cell.same{background-color:#ccc}.darkmode .cell.active,.nightmode .cell.active{border:1px solid #2196f3}.highlight-selection .darkmode .cell.active,.highlight-selection .nightmode .cell.active{background-color:#ff9}.darkmode .cell.color-1,.nightmode .cell.color-1{background-color:var(--bg-color-1)!important}.darkmode .cell.color-2,.nightmode .cell.color-2{background-color:var(--bg-color-2)!important}.darkmode .cell.color-3,.nightmode .cell.color-3{background-color:var(--bg-color-3)!important}.darkmode .cell.color-4,.nightmode .cell.color-4{background-color:var(--bg-color-4)!important}.darkmode .cell.color-5,.nightmode .cell.color-5{background-color:var(--bg-color-5)!important}.darkmode .cell.color-6,.nightmode .cell.color-6{background-color:var(--bg-color-6)!important}.darkmode .cell.color-7,.nightmode .cell.color-7{background-color:var(--bg-color-7)!important}.darkmode .cell.color-8,.nightmode .cell.color-8{background-color:var(--bg-color-8)!important}.darkmode .cell.color-9,.nightmode .cell.color-9{background-color:var(--bg-color-9)!important}.darkmode .control,.nightmode .control{background-color:#f8ecc2}.darkmode .killer,.nightmode .killer{color:#000;text-shadow:0 0 0 transparent,-1px -1px 0 #f8ecc2,0 -1px 0 #f8ecc2,1px -1px 0 #f8ecc2,-1px 0 0 #f8ecc2,0 0 0 #f8ecc2,1px 0 0 #f8ecc2,-1px 1px 0 #f8ecc2,0 1px 0 #f8ecc2,1px 1px 0 #f8ecc2}.darkmode .pencil-mode .cell.active,.nightmode .pencil-mode .cell.active{border:1px dashed #f60}}