#game{outline:0;background-color:transparent}.show-grid #game .board-back{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23CCCCCC' fill-opacity='1'%3E%3Cpath opacity='1' d='M12 12h333z'/%3E%3Cpath d='M0 1.5 h29 v1 h-29 v+1 M1.5 0 v29 h1 v-29 h+1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.offset-grid #game .board-back{background-position:15px 15px}.btn .game-style{position:absolute;background-color:#fff;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)!important}.btn .game-style.color-2{background-color:var(--bg-color-2)!important}.btn .game-style.color-3{background-color:var(--bg-color-9)!important}.btn .game-style.color-4{background-color:var(--bg-color-4)!important}.btn .game-style.color-5{background-color:var(--bg-color-5)!important}.btn .game-style.color-6{background-color:var(--bg-color-6)!important}.btn .game-style.color-7{background-color:var(--bg-color-7)!important}.btn .game-style.color-8{background-color:var(--bg-color-8)!important}.btn .game-style.color-9{background-color:var(--bg-color-9)!important}.btn .game-style-on{background-color:#000;border:1px solid #fff}.btn .game-style-x{color:#c00}.btn .game-style-x:before{display:block;margin-left:0;margin-top:0}.btn .game-draw-mode{position:absolute;border:1px solid #000}.btn .game-draw-mode i{display:block;background-color:#000;border:1px solid #fff;width:5px;height:5px}.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,.btn.rotate .hatch1{top:10px;left:7px}.btn.rotate .game-style-off{top:21px;left:12px}.btn.rotate .game-style-x,.btn.rotate .hatch2{top:14px;left:22px}.btn.rotate.cross::after,.btn.rotate.cross::before{width:70%;top:54%;right:17%}.loop-dot{outline:0}.kbd .loop-dot:focus{box-shadow:0 0 0 2px #2196f3}.cell-on{background-color:#000}.cell-on.locked{background-color:#666}.cell-off{background-color:none}.cell-x{background-color:none;color:#c00}.cell-x:before{display:block}.loop-horizontal.cell-x:before{margin-left:10px;margin-top:-5px}.loop-horizontal.cell-x.bf:before{margin-left:14px}.show-grid .loop-horizontal.cell-x.bf:before{margin-left:11px}.loop-horizontal.cell-x.af:before{margin-left:8px}.show-grid .loop-horizontal.cell-x.af:before{margin-left:11px}.loop-horizontal.cell-x.af.bf:before{margin-left:10px}.loop-vertical.cell-x:before{margin-left:-5px;margin-top:11px}.loop-vertical.cell-x.bf:before{margin-top:14px}.show-grid .loop-vertical.cell-x.bf:before{margin-top:11px}.loop-vertical.cell-x.af:before{margin-top:8px}.show-grid .loop-vertical.cell-x.af:before{margin-top:11px}.loop-vertical.cell-x.af.bf:before{margin-top:10px}.loop-task-cell{position:absolute;color:#000;font-size:15px;font-weight:700;line-height:25px;text-align:center;pointer-events:none}.loop-task-cell.color-1{background-color:var(--bg-color-1)!important}.loop-task-cell.color-2{background-color:var(--bg-color-2)!important}.loop-task-cell.color-3{background-color:var(--bg-color-9)!important}.loop-task-cell.color-4{background-color:var(--bg-color-4)!important}.loop-task-cell.color-5{background-color:var(--bg-color-5)!important}.loop-task-cell.color-6{background-color:var(--bg-color-6)!important}.loop-task-cell.color-7{background-color:var(--bg-color-7)!important}.loop-task-cell.color-8{background-color:var(--bg-color-8)!important}.loop-task-cell.color-9{background-color:var(--bg-color-9)!important}.loop-task-cell.err,.nightmode #game .loop-task-cell.err{background-color:#c00!important}.colorblind .loop-task-cell.err,.colorblind .nightmode #game .loop-task-cell.err{background-color:#6cf!important}.colorblind .loop-task-cell.err,.nightmode .colorblind #game .loop-task-cell.err{background-color:#6cf}.loop-task-cell.opposite,.nightmode #game .loop-task-cell.opposite{background-color:#edf;border:1px solid #c9f;box-sizing:border-box}.colorblind .loop-task-cell.opposite,.colorblind .nightmode #game .loop-task-cell.opposite{background-color:#edf}.loop-task-cell.opposite-err,.nightmode #game .loop-task-cell.opposite-err{border:2px solid #c00;background-color:#f99}.loop-task-cell.completed{color:#999}.loop-task-cell.task-err{color:#c00}.colorblind .loop-task-cell.task-err{color:#6cf}.board-back{background-color:var(--game-bg)}.board-back,.board-mask{pointer-events:none}.loop-line{pointer-events:none}.loop-dot{min-width:-4px;min-height:2px;line-height:2px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;background-color:#000;width:2px;height:2px;margin-left:2px;margin-top:2px}.offset-grid .loop-dot{background-color:transparent}.cell-on.active,.loop-dot.active{background-color:#a3b79a}.loop-line.cell-active{border:1px solid #0ff;margin-left:-1px;margin-top:-1px}.loop-dot.cell-crosshair,.loop-line.cell-crosshair,.loop-task-cell.cell-crosshair{border:1px solid #c00;margin-left:-1px;margin-top:-1px}.hatch1{background:#ccf}.btn .hatch1{background:#ccf}.hatch2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnPgogIDxyZWN0IHdpZHRoPSc4JyBoZWlnaHQ9JzgnIGZpbGw9JyNmZmYnLz4KICA8cGF0aCBkPSdNMCAwTDggOFpNOCAwTDAgOFonIHN0cm9rZS13aWR0aD0nMScgc3Ryb2tlPScjZmNjJy8+Cjwvc3ZnPgo=);background-repeat:repeat}.loop-dot.dot-black{background-color:#000;border:2px solid #000;border-radius:13px;width:13px;height:13px;margin-left:-6px;margin-top:-6px}.loop-dot.dot-black.err{background-color:#c00}.colorblind .loop-dot.dot-black.err{background-color:#6cf}.loop-dot.dot-white{background-color:#fff;border:2px solid #000;border-radius:9px;width:9px;height:9px;margin-left:-4px;margin-top:-4px;pointer-events:auto}.loop-dot.dot-white.err{background-color:#c00}.colorblind .loop-dot.dot-white.err{background-color:#6cf}.loop-dot.dot-white.locked{background-color:#ccc}.loop-dot.dot-white.opposite,.nightmode #game .loop-dot.dot-white.opposite{background-color:#c9f}.colorblind .loop-dot.dot-white.opposite,.colorblind .nightmode #game .loop-dot.dot-white.opposite{background-color:#c9f}.opposite-helper .loop-dot.dot-white{pointer-events:auto}.helper-nodc{padding:5px}.helper-nodc{min-width:-6px;min-height:0;line-height:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;position:relative;overflow:hidden;width:68px;height:68px;padding:0}.helper-nodc .row::after{display:table;content:"";clear:both}.helper-nodc .clip{position:absolute;width:102px;height:102px}.helper-nodc .mf-cell{position:relative;float:left;width:15px;height:15px;border:1px dotted #999;font-size:10px;line-height:15px}.helper-nodc .mf-cell.hatch1{background-color:#bbb}.helper-nodc .mf-cell .mf-task{width:6px;height:6px;position:absolute;top:-5px;left:-5px;border:1px solid #000;border-radius:4px}.helper-nodc .mf-cell .mf-task.mf-taskB{background-color:#000}.coordinate-sign{position:absolute;font-size:13px;color:#999;z-index:1000;line-height:30px}.game-btn-on{--game-style-color:#000}.game-btn-x{--game-style-color:#fff;line-height:1.3rem}.game-btn-x:before{color:#c00;font-size:15px}@media screen{.darkmode #game{filter:invert(100%) hue-rotate(180deg)}.darkmode .board-back{background-color:#f8ecc2;outline:3px solid #333}.darkmode .color-9:not(.err){background-color:var(--bg-color-3)!important}.nightmode #game{background-color:#f8ecc2}.nightmode .board-back{background-color:#f8ecc2}.nightmode .loop-task-cell.color-1{background-color:var(--bg-color-1)!important}.nightmode .loop-task-cell.color-2{background-color:var(--bg-color-2)!important}.nightmode .loop-task-cell.color-3{background-color:var(--bg-color-9)!important}.nightmode .loop-task-cell.color-4{background-color:var(--bg-color-4)!important}.nightmode .loop-task-cell.color-5{background-color:var(--bg-color-5)!important}.nightmode .loop-task-cell.color-6{background-color:var(--bg-color-6)!important}.nightmode .loop-task-cell.color-7{background-color:var(--bg-color-7)!important}.nightmode .loop-task-cell.color-8{background-color:var(--bg-color-8)!important}.nightmode .loop-task-cell.color-9{background-color:var(--bg-color-9)!important}.nightmode .loop-task-cell.hatch1{background:#fff}.nightmode .loop-task-cell.hatch2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnPgogIDxyZWN0IHdpZHRoPSc4JyBoZWlnaHQ9JzgnIGZpbGw9JyNGOEVDQzInLz4KICA8cGF0aCBkPSdNMCAwTDggOFpNOCAwTDAgOFonIHN0cm9rZS13aWR0aD0nMC41JyBzdHJva2U9JyNjY2MnLz4KPC9zdmc+Cg==)}.nightmode .helper-nodc{color:#000}}@media print{.loop-dot{border:1px solid #000;min-width:0;min-height:0;line-height:0;width:0!important;height:0!important}.loop-dot.dot-black{width:0!important;height:0!important;border:9px solid #000}.loop-dot.dot-white{border:2px solid #000;border-radius:9px;width:9px!important;height:9px!important}.loop-horizontal.cell-on{background-color:#fff;height:0!important;border-top:6px solid #000}.loop-vertical.cell-on{background-color:#fff;width:0!important;border-left:6px solid #000}}