#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}#taskTop{background-color:var(--body-bg)}.nightmode #taskTop{background-color:#f8ecc2}#taskTop .bottom{background:linear-gradient(to bottom,var(--body-bg),rgba(255,255,255,0))}.nightmode #taskTop .bottom{background:linear-gradient(to bottom,#f8ecc2,rgba(248,236,194,0))}#taskLeft{background-color:var(--body-bg)}.nightmode #taskLeft{background-color:#f8ecc2}#taskLeft .right{background:linear-gradient(to right,var(--body-bg),rgba(255,255,255,0))}.nightmode #taskLeft .right{background:linear-gradient(to right,#f8ecc2,rgba(248,236,194,0))}#taskBottom{background-color:var(--body-bg)}.nightmode #taskBottom{background-color:#f8ecc2}#taskBottom .top{background:linear-gradient(to top,var(--body-bg),rgba(255,255,255,0))}.nightmode #taskBottom .top{background:linear-gradient(to top,#f8ecc2,rgba(248,236,194,0))}#taskRight{background-color:var(--body-bg)}.nightmode #taskRight{background-color:#f8ecc2}#taskRight .left{background:linear-gradient(to left,var(--body-bg),rgba(255,255,255,0))}.nightmode #taskRight .left{background:linear-gradient(to left,#f8ecc2,rgba(248,236,194,0))}.task{outline:0;position:absolute;font-weight:700}.task.cell{border:0;background-color:transparent}.task.h{text-align:right;line-height:30px;padding-right:10px}.task.v{line-height:45px;padding-bottom:10px}.task.done{color:#aaa}.nightmode .task.done{color:#aaa}.task.err{color:#c00;font-weight:700}.nightmode .task.err{color:#c00}.colorblind .task.err{color:#6cf}.nightmode .task.cell{background-color:transparent;border-color:transparent}.counter{position:absolute;font-size:12px;text-align:center}.counter.h{line-height:30px;white-space:nowrap}.counter.v{line-height:10px}.counter .icon{display:none;color:#0c0}.counter .icon:before{margin-left:0}.nightmode .counter{color:#000}.cell{outline:0;position:absolute;border:1px solid #fff;background-color:#fff;color:#000;font-size:18px;line-height:28px;text-align:center}.cell:before{margin-left:4px}.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:#ddd;border-color:#ddd}.cell.color-2{background-color:#f99;border-color:#f99}.cell.color-3{background-color:#ff9;border-color:#ff9}.cell.color-4{background-color:#9f9;border-color:#9f9}.cell.color-5{background-color:#9cf;border-color:#9cf}.cell.color-6{background-color:#c9f;border-color:#c9f}.cell.color-7{background-color:#fc9;border-color:#fc9}.cell.color-8{background-color:#9ff;border-color:#9ff}.cell.color-9{background-color:#f9f;border-color:#f9f}.cell.tree-cell{background-color:#9f9;border-color:#9f9}.cell .tree{pointer-events:none;width:4px!important;position:absolute;left:11px;top:2px;background-color:#804803;height:23px!important;border:1px solid #000}.cell .tree:before{content:" ";display:block;position:absolute;top:-1px;left:-9px;width:20px;height:15px;background-color:#0c0;border:1px solid #000;border-radius:11px}.cell .tent{display:none;position:absolute;width:8px;height:8px}.cell .tent .stitch{display:none;position:absolute;background-color:#000}.cell.stitch-left .tent{display:block}.cell.stitch-left .stitch{display:block;top:3px;right:2px;height:6px;width:20px;border-radius:0 3px 3px 0}.style-thin .cell.stitch-left .stitch{height:2px}.cell.stitch-right .tent{display:block}.cell.stitch-right .stitch{display:block;top:3px;left:2px;height:6px;width:20px;border-radius:3px 0 0 3px}.style-thin .cell.stitch-right .stitch{height:2px}.cell.stitch-down .tent{display:block}.cell.stitch-down .stitch{display:block;top:2px;left:3px;height:20px;width:6px;border-radius:3px 3px 0 0}.style-thin .cell.stitch-down .stitch{width:2px}.cell.stitch-up .tent{display:block}.cell.stitch-up .stitch{display:block;bottom:2px;left:3px;height:20px;width:6px;border-radius:0 0 3px 3px}.style-thin .cell.stitch-up .stitch{width:2px}.cell.cell-on{line-height:35px;background-color:#9f9;border-color:#9f9}.cell.cell-on .tent{display:block}.cell .down-x,.cell .right-x{position:absolute;display:none;background-color:#c00}.cell.stitch-right-x{border-right-color:#c00}.cell.stitch-right-x .right-x{display:block}.cell.stitch-left-x{border-left-color:#c00}.cell.stitch-down-x{border-bottom-color:#c00}.cell.stitch-down-x .down-x{display:block}.cell.stitch-up-x{border-top-color:#c00}.err .tent .stitch{background-color:#c00}.colorblind .err .tent .stitch{background-color:#6cf}.cell.cell-x{background-color:#9f9;border-color:#9f9}.style-thin .cell.cell-x{font-size:12px;line-height:27px;text-indent:-1px}.cell.cell-x.stitch-right-x{border-right-color:#c00}.cell.cell-x.stitch-right-x .right-x{display:block}.cell.cell-x.stitch-left-x{border-left-color:#c00}.cell.cell-x.stitch-down-x{border-bottom-color:#c00}.cell.cell-x.stitch-down-x .down-x{display:block}.cell.cell-x.stitch-up-x{border-top-color:#c00}.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.highlighted,.gray-empty-cells .cell.highlighted{background-color:#e6ffe6}.cell.highlighted.color-1,.gray-empty-cells .cell.highlighted.color-1{background-color:rgb(182.75,182.75,182.75);border-color:rgb(182.75,182.75,182.75)}.cell.highlighted.color-2,.gray-empty-cells .cell.highlighted.color-2{background-color:rgb(255,76.5,76.5);border-color:rgb(255,76.5,76.5)}.cell.highlighted.color-3,.gray-empty-cells .cell.highlighted.color-3{background-color:rgb(255,255,76.5);border-color:rgb(255,255,76.5)}.cell.highlighted.color-4,.gray-empty-cells .cell.highlighted.color-4{background-color:rgb(76.5,255,76.5);border-color:rgb(76.5,255,76.5)}.cell.highlighted.color-5,.gray-empty-cells .cell.highlighted.color-5{background-color:rgb(76.5,165.75,255);border-color:rgb(76.5,165.75,255)}.cell.highlighted.color-6,.gray-empty-cells .cell.highlighted.color-6{background-color:rgb(165.75,76.5,255);border-color:rgb(165.75,76.5,255)}.cell.highlighted.color-7,.gray-empty-cells .cell.highlighted.color-7{background-color:rgb(255,165.75,76.5);border-color:rgb(255,165.75,76.5)}.cell.highlighted.color-8,.gray-empty-cells .cell.highlighted.color-8{background-color:rgb(76.5,255,255);border-color:rgb(76.5,255,255)}.cell.highlighted.color-9,.gray-empty-cells .cell.highlighted.color-9{background-color:rgb(255,76.5,255);border-color:rgb(255,76.5,255)}.cell.cell-crosshair{border:1px solid red}.cell.err{color:#c00}.colorblind .cell.err{color:#6cf}.cell.blockerr{background-color:#f66}.colorblind .cell.blockerr{background-color:#6cf}.coordinate-sign{position:absolute;font-size:13px;color:#999;z-index:1000;line-height:30px}.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:#ddd}.btn .game-style.color-2{background-color:#f99}.btn .game-style.color-3{background-color:#ff9}.btn .game-style.color-4{background-color:#9f9}.btn .game-style.color-5{background-color:#9cf}.btn .game-style.color-6{background-color:#c9f}.btn .game-style.color-7{background-color:#fc9}.btn .game-style.color-8{background-color:#9ff}.btn .game-style.color-9{background-color:#f9f}.btn .game-style-on{font-size:15px;line-height:17px;text-indent:1px;font-weight:700;color:#000;background-color:#9f9}.btn .game-style-on:before{display:block;margin-left:2px;margin-top:5px}.btn .game-style-x{color:#c00;background-color:#9f9}.btn .game-style-x:before{display:block;margin-left:0;margin-top:0}.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{background-color:#9f9;top:10px;left:7px;font-size:10px;line-height:11px}.btn.rotate .game-style-on:before{margin-left:1px;margin-top:3px}.btn.rotate .game-style-off{top:21px;left:12px}.btn.rotate .game-style-x{background-color:#9f9;top:14px;left:22px}.game-btn-on:before{display:block;margin-left:3px;margin-top:3px;width:10px;height:10px;background-color:#000;border-radius:50%}.game-btn-x{--game-style-color:#9f9}@media screen{.darkmode .tents-cell-back{filter:invert(100%) hue-rotate(180deg);outline:3px solid #333}.darkmode .task.done{color:#aaa}.nightmode #game{background-color:#f8ecc2}.nightmode .cell:not(.tree-cell){background-color:#f8ecc2;border-color:#f8ecc2}.darkmode .cell.selectable,.nightmode .cell.selectable{background-color:#f8ecc2}.darkmode .cell.selectable:not(.active),.nightmode .cell.selectable:not(.active){border-color:#f8ecc2}.darkmode .cell.selectable.cell-on,.darkmode .cell.selectable.cell-x,.darkmode .cell.selectable.tree-cell,.nightmode .cell.selectable.cell-on,.nightmode .cell.selectable.cell-x,.nightmode .cell.selectable.tree-cell{background-color:#9f9}.darkmode .cell.selectable.cell-on:not(.active),.darkmode .cell.selectable.cell-x:not(.active),.darkmode .cell.selectable.tree-cell:not(.active),.nightmode .cell.selectable.cell-on:not(.active),.nightmode .cell.selectable.cell-x:not(.active),.nightmode .cell.selectable.tree-cell:not(.active){border-color:#9f9}.darkmode .cell.selectable.highlighted,.nightmode .cell.selectable.highlighted{background-color:#e6ffe6}.darkmode .cell.selectable.color-1,.nightmode .cell.selectable.color-1{background-color:#ddd;border-color:#ddd}.darkmode .cell.selectable.color-2,.nightmode .cell.selectable.color-2{background-color:#f99;border-color:#f99}.darkmode .cell.selectable.color-3,.nightmode .cell.selectable.color-3{background-color:#ff9;border-color:#ff9}.darkmode .cell.selectable.color-4,.nightmode .cell.selectable.color-4{background-color:#9f9;border-color:#9f9}.darkmode .cell.selectable.color-5,.nightmode .cell.selectable.color-5{background-color:#9cf;border-color:#9cf}.darkmode .cell.selectable.color-6,.nightmode .cell.selectable.color-6{background-color:#c9f;border-color:#c9f}.darkmode .cell.selectable.color-7,.nightmode .cell.selectable.color-7{background-color:#fc9;border-color:#fc9}.darkmode .cell.selectable.color-8,.nightmode .cell.selectable.color-8{background-color:#9ff;border-color:#9ff}.darkmode .cell.selectable.color-9,.nightmode .cell.selectable.color-9{background-color:#f9f;border-color:#f9f}.darkmode .cell.selectable.blockerr,.nightmode .cell.selectable.blockerr{background-color:#f66}.colorblind .darkmode .cell.selectable.blockerr,.colorblind .nightmode .cell.selectable.blockerr{background-color:#6cf}.darkmode .cell.selectable .down-x,.darkmode .cell.selectable .right-x,.nightmode .cell.selectable .down-x,.nightmode .cell.selectable .right-x{background-color:#c00}.darkmode .cell.selectable.stitch-right-x,.nightmode .cell.selectable.stitch-right-x{border-right-color:#c00}.darkmode .cell.selectable.stitch-left-x,.nightmode .cell.selectable.stitch-left-x{border-left-color:#c00}.darkmode .cell.selectable.stitch-down-x,.nightmode .cell.selectable.stitch-down-x{border-bottom-color:#c00}.darkmode .cell.selectable.stitch-up-x,.nightmode .cell.selectable.stitch-up-x{border-top-color:#c00}.darkmode .control,.nightmode .control{background-color:#f8ecc2}.darkmode .task,.nightmode .task{color:#000}}