#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}.btn .game-style{position:absolute;background-color:var(--game-bg);border:1px solid #000;position:absolute;top:10px;left:10px;width:20px;height:20px;font-size:15px;line-height:18px;overflow:hidden}.btn .game-style span{display:block;width:11px;height:11px}.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-x{color:#c00}.btn .game-style-x:before{display:block;margin-left:0;margin-top:0}.btn.rotate .game-style{width:13px;height:13px;font-size:10px;line-height:12px}.style-circles .btn.rotate .game-style{border:none}.btn.rotate .game-style-on{top:10px;left:7px}.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}.board-back{background-color:#ddd}.cell,.task-cell{outline:0;position:absolute;border:1px solid var(--game-bg);background-color:var(--game-bg);font-size:13px;overflow:hidden}.cell span,.task-cell span{display:block;width:22px;height:22px;pointer-events:none}.kbd .cell:focus,.kbd .task-cell:focus{outline:1px solid #2196f3;outline:-webkit-focus-ring-color auto 5px}.kbd .cell:-moz-focusring,.kbd .task-cell:-moz-focusring{outline:1px solid #2196f3}body #scene .cell.err span,body #scene .task-cell.err span{border-color:#c00;color:#c00}body.colorblind #scene .cell.err span,body.colorblind #scene .task-cell.err span{border-color:#6cf;color:#6cf}.style-circles .cell span{border-radius:13px;border:1px solid transparent}.style-circles .cell-0 span{border:1px solid #000;border-radius:13px;text-align:center;color:#ccc;font-weight:700}.style-circles .cell-1 span{border:1px solid #000;border-radius:13px;background-color:#000;text-align:center;color:#666;font-weight:700}.style-circles .task-cell span:before{content:"."}.style-squares .cell span{border:1px solid transparent}.style-squares .cell-0 span{border:1px solid #000;text-align:center;color:#ccc;font-weight:700}.style-squares .cell-1 span{border:1px solid #000;background-color:#000;text-align:center;color:#666;font-weight:700}.style-squares .task-cell span:before{content:"."}.style-binary .cell,.style-binary .task-cell{font-size:20px}.style-binary .cell-0 span{text-align:center;color:#000}.style-binary .cell-0 span:before{content:"1"}.style-binary .cell-1 span{text-align:center;color:#000}.style-binary .cell-1 span:before{content:"0"}.style-binary .task-cell{background-color:#eee}.style-tictac .cell,.style-tictac .task-cell{font-size:20px}.style-tictac .cell-0 span{text-align:center;color:#000}.style-tictac .cell-0 span:before{content:"O"}.style-tictac .cell-1 span{text-align:center;color:#000}.style-tictac .cell-1 span:before{content:"X"}.style-tictac .task-cell{background-color:#eee}.cell-off{background-color:var(--game-bg)}.bgcolor-1 .cell-off{background-color:var(--bg-color-1);border:1px solid var(--bg-color-1)}.bgcolor-2 .cell-off{background-color:var(--bg-color-2);border:1px solid var(--bg-color-2)}.bgcolor-3 .cell-off{background-color:var(--bg-color-9);border:1px solid var(--bg-color-9)}.bgcolor-4 .cell-off{background-color:var(--bg-color-4);border:1px solid var(--bg-color-4)}.bgcolor-5 .cell-off{background-color:var(--bg-color-5);border:1px solid var(--bg-color-5)}.cell.cell-active,.task-cell.cell-active{border:1px solid #2196f3}.cell.cell-crosshair{border:1px solid red}.sc1,.sc2{width:20px;display:inline-block}.sc1.succ,.sc2.succ{color:#0c0}.sc1.err,.sc2.err{color:#c00}.colorblind .sc1.err,.colorblind .sc2.err{color:#6cf}.side-counter{box-sizing:border-box;font-size:14px;padding-left:1px}.side-counter .sc1,.side-counter .sc2{text-align:center}.side-counter .counters{line-height:26px}.side-counter .icon{display:none;font-size:17px;color:#0c0;margin-left:15px}.bottom-counter{box-sizing:border-box;font-size:14px;line-height:34px;padding-top:0;text-align:center}.bottom-counter .sc1{width:15px;border-bottom:1px solid #000}.bottom-counter .icon{display:none;font-size:17px;color:#0c0;line-height:65px}.coordinate-sign{position:absolute;font-size:13px;color:#999;z-index:1000;line-height:30px}body #scene .errors-style-prominent .cell.err,body #scene .errors-style-prominent .task-cell.err{background-color:#f66;border-color:#c00}body #scene .errors-style-prominent .cell.err.cell-0 span,body #scene .errors-style-prominent .task-cell.err.cell-0 span{border-color:#000;color:#000}body #scene .errors-style-prominent .cell.err.cell-1 span,body #scene .errors-style-prominent .task-cell.err.cell-1 span{border-color:#000;color:#000}body #scene .errors-style-prominent.style-squares .cell.err,body #scene .errors-style-prominent.style-squares .task-cell.err{background-color:#c00}body #scene .errors-style-prominent.style-circles .cell.err.cell-0 span,body #scene .errors-style-prominent.style-circles .task-cell.err.cell-0 span,body #scene .errors-style-prominent.style-squares .cell.err.cell-0 span,body #scene .errors-style-prominent.style-squares .task-cell.err.cell-0 span{background-color:var(--game-bg);color:#ccc}body #scene .errors-style-prominent.style-circles .cell.err.cell-1 span,body #scene .errors-style-prominent.style-circles .task-cell.err.cell-1 span,body #scene .errors-style-prominent.style-squares .cell.err.cell-1 span,body #scene .errors-style-prominent.style-squares .task-cell.err.cell-1 span{background-color:#000;color:#666}body #scene .errors-style-prominent.style-circles .cell.err.cell-off span,body #scene .errors-style-prominent.style-circles .task-cell.err.cell-off span,body #scene .errors-style-prominent.style-squares .cell.err.cell-off span,body #scene .errors-style-prominent.style-squares .task-cell.err.cell-off span{border-color:transparent}body #scene .errors-style-prominent.style-squares .cell.err span,body #scene .errors-style-prominent.style-squares .task-cell.err span{border-color:#c00}body #scene .errors-style-prominent.style-binary .cell.err,body #scene .errors-style-prominent.style-tictac .cell.err{background-color:#f33;border-color:#f33}body.colorblind #scene .errors-style-prominent .cell.err,body.colorblind #scene .errors-style-prominent .task-cell.err{background-color:#6cf;border-color:#6cf}.animate-transitions .cell,.animate-transitions .cell span{transition:background-color .2s,border-color .2s}@media screen{.darkmode #game{filter:invert(100%) hue-rotate(180deg)}.darkmode .comparison-clue{background-color:#f8ecc2;color:#666}.darkmode .bgcolor-3 .cell-off{background-color:var(--bg-color-3);border:1px solid var(--bg-color-3)}.darkmode .game-color-fill.color-9{background-color:var(--bg-color-3)}.darkmode .counters{color:#f4f4f2}.darkmode .counters .sc1.err,.darkmode .counters .sc2.err{color:red}.nightmode #game{background-color:#2a2b23}.nightmode .bgcolor-3 .cell-off{background-color:var(--bg-color-9);border:1px solid var(--bg-color-9)}.darkmode #scene .errors-style-prominent.style-circles .cell.err.cell-0 span,.darkmode #scene .errors-style-prominent.style-circles .task-cell.err.cell-0 span,.darkmode #scene .errors-style-prominent.style-squares .cell.err.cell-0 span,.darkmode #scene .errors-style-prominent.style-squares .task-cell.err.cell-0 span,.nightmode #scene .errors-style-prominent.style-circles .cell.err.cell-0 span,.nightmode #scene .errors-style-prominent.style-circles .task-cell.err.cell-0 span,.nightmode #scene .errors-style-prominent.style-squares .cell.err.cell-0 span,.nightmode #scene .errors-style-prominent.style-squares .task-cell.err.cell-0 span{background-color:#f8ecc2}.darkmode .board-back,.nightmode .board-back{background-color:#999}.darkmode .cell,.nightmode .cell{background-color:#f8ecc2;border:1px solid #f8ecc2}.darkmode .cell-off,.nightmode .cell-off{background-color:#f8ecc2}.darkmode .bgcolor-1 .cell-off,.nightmode .bgcolor-1 .cell-off{background-color:var(--bg-color-1);border:1px solid var(--bg-color-1)}.darkmode .bgcolor-2 .cell-off,.nightmode .bgcolor-2 .cell-off{background-color:var(--bg-color-2);border:1px solid var(--bg-color-2)}.darkmode .bgcolor-4 .cell-off,.nightmode .bgcolor-4 .cell-off{background-color:var(--bg-color-4);border:1px solid var(--bg-color-4)}.darkmode .bgcolor-5 .cell-off,.nightmode .bgcolor-5 .cell-off{background-color:var(--bg-color-5);border:1px solid var(--bg-color-5)}.darkmode .task-cell,.nightmode .task-cell{background-color:#f8ecc2;border:1px solid #f8ecc2}.darkmode .bottom-counter .sc1,.nightmode .bottom-counter .sc1{border-bottom:1px solid #f4f4f2}.darkmode .cell.cell-active,.darkmode .task-cell.cell-active,.nightmode .cell.cell-active,.nightmode .task-cell.cell-active{border:1px solid #2196f3}.darkmode .cell.cell-crosshair,.nightmode .cell.cell-crosshair{border:1px solid red}}