#game{outline:0;background-color:#fff}.show-grid #game{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='1'%3E%3Cpath opacity='1' d='M12 12h333z'/%3E%3Cpath d='M0 2 h31 v1 h-31 v+1 M2 0 v31 h1 v-31 h+1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.show-grid.offset-grid #game{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-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.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-off{background-color:none}.ghost-lines .cell-off{background-color:#f8ecc2;z-index:-1}.nightmode .ghost-lines .cell-off{background-color:#ccc}.cell-x{background-color:none;color:#c00}.ghost-lines .cell-x:before{display:none;background-color:#fff}.cell-x:before{display:block}.loop-horizontal.cell-x:before{margin-left:11px;margin-top:-4px}.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:11px}.loop-vertical.cell-x:before{margin-left:-4px;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:11px}.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.completed{color:#999}.loop-task-cell.task-err{color:#c00}.colorblind .loop-task-cell.task-err{color:#6cf}.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}.show-grid.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}#game .loop-dot.dot-black{background-color:#000;border:2px solid #000;border-radius:13px;width:13px;height:13px;margin-left:-6px;margin-top:-6px}#game .loop-dot.dot-black.err{background-color:#c00}.colorblind #game .loop-dot.dot-black.err{background-color:#6cf}#game .loop-dot.dot-white{background-color:#fff;border:2px solid #000;border-radius:13px;width:13px;height:13px;margin-left:-6px;margin-top:-6px}#game .loop-dot.dot-white.err{border-color:#c00}.colorblind #game .loop-dot.dot-white.err{border-color:#6cf}.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}@media screen{.nightmode #game{background-color:#f8ecc2}.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:13px;width:13px!important;height:13px!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}}