#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;width:28px;height:28px}.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-6)}.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:#ccc}.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;top:1px;left:1px}.bolder-numbers .cell .number{font-weight:700}@media screen{.classic .cell{background-color:#ccc;background-size:0;background-position:15px 15px;border-color:#ccc;width:28px;height:28px}.classic .cell .number{top:1px;left:1px;line-height:24px;font-weight:700;font-size:22px}.classic .cell .number.number-0{color:#999}.classic .cell .number.number-1{color:#00f}.classic .cell .number.number-2{color:#090}.classic .cell .number.number-3{color:red}.classic .cell .number.number-4{color:#009}.classic .cell .number.number-5{color:#900}.classic .cell .number.number-6{color:#099}.classic .cell .number.number-7{color:#000}.classic .cell .number.number-8{color:#909}.classic .cell-off,.classic .cell-on{border-color:#fff #999 #999 #fff}.classic .cell-off .number,.classic .cell-on .number{top:0;left:0;border:2px solid;border-color:#fff #999 #999 #fff;width:24px;height:24px}.classic .cell-on{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjVtbSIgaGVpZ2h0PSIyNW1tIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiIHZpZXdCb3g9IjAgMCAxIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnM+CiAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoKICAgIC5zIHtzdHJva2U6YmxhY2s7c3Ryb2tlLXdpZHRoOjAuMDAzNDA1NjJ9CiAgICAuYmwge2ZpbGw6YmxhY2t9CiAgICAuZiB7ZmlsbDp1cmwoI2lkMCl9CgogIDwvc3R5bGU+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImlkMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwLjMxMzY3NSIgeTE9IjAuMzY2NjYzIiB4Mj0iMC41OTM5MTkiIHkyPSIwLjQxNjcxIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAsIDAuOTAwODQ5LCAwLjA1MDEwNSwgMC4wMzM4MDgpIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRTcwMDMwIj48L3N0b3A+CiAgICAgIDxzdG9wIG9mZnNldD0iMC4zODgyIiBzdHlsZT0ic3RvcC1jb2xvcjojRkY0ODQ4Ij48L3N0b3A+CiAgICAgIDxzdG9wIG9mZnNldD0iMC42MTk2IiBzdHlsZT0ic3RvcC1jb2xvcjojRkYyRjJGIj48L3N0b3A+CiAgICAgIDxzdG9wIG9mZnNldD0iMC43ODgyIiBzdHlsZT0ic3RvcC1jb2xvcjojRkYxQzFDIj48L3N0b3A+CiAgICAgIDxzdG9wIG9mZnNldD0iMC45Njg2IiBzdHlsZT0ic3RvcC1jb2xvcjojQzAxNTE1Ij48L3N0b3A+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0ExMEQwRCI+PC9zdG9wPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPGcgaWQ9IkxheWVyX3gwMDIwXzEiPgogICAgPHJlY3QgY2xhc3M9ImJsIHMiIHg9IjAuNTg4IiB5PSIwLjQ1IiB3aWR0aD0iMC4wNjUiIGhlaWdodD0iMC4yOTQiIHJ4PSIwLjAxIiByeT0iMC4wMSIgc3R5bGU9IiI+PC9yZWN0PgogICAgPHJlY3QgY2xhc3M9ImJsIiB4PSIwLjQwNSIgeT0iMC43MjEiIHdpZHRoPSIwLjM1MiIgaGVpZ2h0PSIwLjEiIHJ4PSIwLjAzNSIgcnk9IjAuMDM1IiBzdHlsZT0iIj48L3JlY3Q+CiAgICA8cmVjdCBjbGFzcz0iYmwiIHg9IjAuMzAxIiB5PSIwLjc3OSIgd2lkdGg9IjAuNTU0IiBoZWlnaHQ9IjAuMTA3IiByeD0iMC4wNCIgcnk9IjAuMDQiIHN0eWxlPSIiPjwvcmVjdD4KICAgIDxwYXRoIGNsYXNzPSJmIiBkPSJNIDAuNjU4IDAuMjE1IEwgMC42NTggMC41NTYgQyAwLjU5MyAwLjQyMiAwLjMzNiAwLjUzOSAwLjI2MiAwLjI3OCBDIDAuMjYyIDAuMjc4IDAuMzQ0IDAuMzEgMC40MzkgMC4yNjggQyAwLjUzNCAwLjIyOCAwLjYwNSAwLjIzOSAwLjY1OCAwLjIxNSBaIiBzdHlsZT0iIj48L3BhdGg+CiAgPC9nPgo8L3N2Zz4=);background-size:20px;background-repeat:no-repeat;background-position:3px 3px}}.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-6)}.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}.cell.completed,.classic .cell.completed{color:#ccc}.cell.cell-off.completed,.classic .cell.completed .number{color:#999}.cell.cell-on.completed{color:#555}.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-6)}.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}.animate-transitions .cell{transition:background-color .2s,background .1s,border-color .2s,color .2s}.animate-transitions .cell .number{transition:color .2s}.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)}.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-6)}.gray-empty-cells .cell.color-1{background-color:var(--bg-color-1)}.gray-empty-cells .cell.highlighted.color-1{background-color:#eee}}