#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{box-sizing:border-box;outline:0;position:absolute;background-color:#fff;color:#000;font-size:20px;line-height:28px;text-align:center;overflow:hidden}.cell.bl:before{margin-left:3px}.cell.bt{line-height:26px}.cell.cell-x{border:none}.cell.cell-x:before{content:"";width:100%;position:absolute;right:0;top:46%;transform:skewY(-45deg);border-top:1px solid #000;border-bottom:2px solid #000}.cell.cell-on{font-size:17px;border-color:#fff;color:#000}.cell.cell-on:before{content:"";width:100%;position:absolute;right:0;top:46%;transform:skewY(45deg);border-top:1px solid #000;border-bottom:2px solid #000}.show-shaded .cell.cell-on{color:#999}.bgcolor-0 .cell.cell-off{background-color:#fff;border:1px solid #fff}.nightmode .bgcolor-0 .cell.cell-off{background-color:#f8ecc2;border:1px solid #f8ecc2}.bgcolor-1 .cell.cell-off{background-color:var(--bg-color-7);border:1px solid var(--bg-color-7)}.bgcolor-2 .cell.cell-off{background-color:var(--bg-color-1);border:1px solid var(--bg-color-1)}.bgcolor-3 .cell.cell-off{background-color:var(--bg-color-9);border:1px solid var(--bg-color-9)}.bgcolor-4 .cell.cell-off{background-color:var(--bg-color-4);border:1px solid var(--bg-color-4)}.bgcolor-5 .cell.cell-off{background-color:var(--bg-color-5);border:1px solid var(--bg-color-5)}.cell .number{font-size:18px;width:26px;height:26px;line-height:26px;pointer-events:none}.cell.current:before{border-color:#a3b79a}.cell.err:before{border-color:#c00}.colorblind .cell.err:before{border-color:#00c}.task{position:absolute;width:19px;height:19px;font-size:14px;line-height:18px;border:1px solid #000;border-radius:10px;background-color:#fff;font-weight:700;pointer-events:none;text-align:center}.task.completed{background-color:#ccc;color:#666}.nightmode .task.err,.task.err{color:#c00;background-color:#fcc}.colorblind .nightmode .task.err,.colorblind .task.err{color:#00c;background-color:#ccf}.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}.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-0{background-color:#fff}.btn .game-style.color-1{background-color:var(--bg-color-7)}.btn .game-style.color-2{background-color:var(--bg-color-1)}.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-5)}.btn .game-style-on{background-image:linear-gradient(to top right,rgba(0,0,0,0) 0,rgba(0,0,0,0) calc(50% - 1.5px),#000 50%,rgba(0,0,0,0) calc(50% + 1.5px),rgba(0,0,0,0) 100%);background-color:#fff;font-size:15px}.btn .game-style-x{background-image:linear-gradient(to top left,rgba(0,0,0,0) 0,rgba(0,0,0,0) calc(50% - 1.5px),#000 50%,rgba(0,0,0,0) calc(50% + 1.5px),rgba(0,0,0,0) 100%);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{background-color:#fff;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{background-image:linear-gradient(to top right,rgba(0,0,0,0) 0,rgba(0,0,0,0) calc(50% - 1.5px),#000 50%,rgba(0,0,0,0) calc(50% + 1.5px),rgba(0,0,0,0) 100%);--game-style-color:#fff}.game-btn-x{background-image:linear-gradient(to top left,rgba(0,0,0,0) 0,rgba(0,0,0,0) calc(50% - 1.5px),#000 50%,rgba(0,0,0,0) calc(50% + 1.5px),rgba(0,0,0,0) 100%);--game-style-color:#fff}@media screen{.darkmode{--bg-color-9:var(--bg-color-3)}.darkmode #game{filter:invert(100%) hue-rotate(180deg)}.nightmode #game{background-color:#f8ecc2}.darkmode .cell,.nightmode .cell{background-color:#f8ecc2}.darkmode .task:not(.err):not(.completed),.nightmode .task:not(.err):not(.completed){color:#000}}