#game{outline:0;background-color:transparent}.nonograms-cell-back{background-color:#000}.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 .game-draw-mode-line1{top:17px;left:7px}.btn .game-draw-mode-line2{top:17px;left:16px}.btn .game-draw-mode-line3{top:17px;left:25px}.btn .game-draw-mode-rect1{top:12px;left:7px}.btn .game-draw-mode-rect2{top:12px;left:16px}.btn .game-draw-mode-rect3{top:12px;left:25px}.btn .game-draw-mode-rect4{top:20px;left:7px}.btn .game-draw-mode-rect5{top:20px;left:16px}.btn .game-draw-mode-rect6{top:20px;left:25px}.btn .game-draw-mode-free1{top:12px;left:7px}.btn .game-draw-mode-free2{top:12px;left:16px}.btn .game-draw-mode-free3{top:20px;left:16px}.btn .game-draw-mode-free4{top:20px;left:25px}.btn.rotate .game-style{width:13px;height:13px;font-size:13px}.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}.nonograms-coordinate-helper{position:absolute;font-size:8px;font-weight:700;line-height:15px;pointer-events:none;text-align:right;text-shadow:0 0 0 transparent,-1px -1px 0 #fff,0 -1px 0 #fff,1px -1px 0 #fff,-1px 0 0 #fff,0 0 0 #fff,1px 0 0 #fff,-1px 1px 0 #fff,0 1px 0 #fff,1px 1px 0 #fff}.lefthanded .nonograms-coordinate-helper{text-align:left}.nonograms-bottom-coordinate-helper .nonograms-coordinate-helper{text-align:right}.nonograms-highlight-current-line{position:absolute;background-color:#0f0;opacity:.05;z-index:600;display:none;pointer-events:none}.row{position:absolute}.cell{outline:0;position:absolute;box-sizing:border-box;border:1px solid #fff;background-color:#fff;font-size:13px}.kbd .cell:focus{outline:1px solid #2196f3;outline:-webkit-focus-ring-color auto 5px}.kbd .cell:-moz-focusring{outline:1px solid #2196f3}.cell.cell-active,.task-cell.cell-active{border:1px solid #2196f3}.cell.cell-crosshair{border:1px solid red}.task-cell.cell-crosshair{border:1px solid red;padding:4px;margin:-5px;font-size:16px;z-index:600}.cell-on{background-color:#000}.cell-off{background-color:#fff}.cell-x{background-color:#fff;color:#c00}.cell-x:before{display:block;margin-left:0;margin-top:0}#taskBottom,#taskTop{background-color:#000;padding:2px 0}#taskBottom .task-group,#taskTop .task-group{position:absolute;margin-top:1px;background-color:#fff}#taskLeft,#taskRight{background-color:#000}#taskLeft .task-group,#taskRight .task-group{position:absolute;background-color:#fff;margin-left:3px}#taskLeft .task-cell,#taskRight .task-cell{float:left}.task-cell{font-size:11px;font-weight:700;line-height:15px;text-align:center;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.task-cell.cross{position:relative;display:block;top:0!important;left:0!important}.cross{color:#f60;position:absolute;display:inline-block}.cross::after,.cross::before{content:"";width:100%;position:absolute;right:0;top:46%}.cross::before{border-bottom:none;-webkit-transform:skewY(0);transform:skewY(0)}.cross::after{border-bottom:none;-webkit-transform:skewY(0);transform:skewY(0)}.style-task-x .cross{color:#000}.style-task-x .cross::after,.style-task-x .cross::before{content:"";width:100%;position:absolute;right:0;top:46%}.style-task-x .cross::before{border-bottom:1px solid #c00;-webkit-transform:skewY(-45deg);transform:skewY(-45deg)}.style-task-x .cross::after{border-bottom:1px solid #c00;-webkit-transform:skewY(45deg);transform:skewY(45deg)}.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 .nonograms-cell-back{background-color:#333}.darkmode #taskBottom,.darkmode #taskTop{background-color:#333}.darkmode #taskLeft,.darkmode #taskRight{background-color:#333}.darkmode .nonograms-highlight-current-line{opacity:.1}.nightmode #game{background-color:#2a2b23}.darkmode .cell,.nightmode .cell{background-color:#f8ecc2}.darkmode .cell:not(.cell-active),.nightmode .cell:not(.cell-active){border-color:#f8ecc2}.darkmode .cell-on,.nightmode .cell-on{background-color:#000}.darkmode .task-cell,.nightmode .task-cell{background-color:#f8ecc2;color:#000}.darkmode .task-cell.cross,.nightmode .task-cell.cross{color:#f60}.darkmode .style-task-x .cross,.nightmode .style-task-x .cross{color:#000}.darkmode #taskBottom .task-group,.darkmode #taskTop .task-group,.nightmode #taskBottom .task-group,.nightmode #taskTop .task-group{background-color:#f8ecc2}.darkmode #taskLeft .task-group,.darkmode #taskRight .task-group,.nightmode #taskLeft .task-group,.nightmode #taskRight .task-group{background-color:#f8ecc2}.darkmode .nonograms-coordinate-helper,.nightmode .nonograms-coordinate-helper{color:#000;text-shadow:0 0 0 transparent,-1px -1px 0 #f8ecc2,0 -1px 0 #f8ecc2,1px -1px 0 #f8ecc2,-1px 0 0 #f8ecc2,0 0 0 #f8ecc2,1px 0 0 #f8ecc2,-1px 1px 0 #f8ecc2,0 1px 0 #f8ecc2,1px 1px 0 #f8ecc2}.darkmode .helper-nodc,.nightmode .helper-nodc{color:#000}}@media print{.nonograms-cell-back .cell-on:before{content:" ";margin:1px;display:block;border-width:0;border-top:13px solid #000;width:13px;height:0}}