#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}.battleships-cell-back{background-color:#000}.task{outline:0;position:absolute;font-weight:700}.task.h{text-align:right;line-height:25px;padding-right:10px}.task.v{line-height:45px;padding-bottom:10px}.task.done{color:#aaa}.nightmode .task.done{color:#aaa}.task.err{color:#c00}.nightmode .task.err{color:#c00}.colorblind .task.err{color:#36c}.task.cell{background-color:var(--body-bg);border-color:var(--body-bg)}.nightmode .task.cell{background-color:transparent;border-color:transparent}.counter{position:absolute;font-size:12px;text-align:center}.counter.h{line-height:30px}.counter.v{line-height:30px}.counter .icon{display:none;color:#0c0}.counter .icon:before{margin-left:0}.nightmode .counter{color:#000}.cell{outline:0;position:absolute;background-color:var(--game-bg);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.cell-on{background-color:#9cf}.cell.cell-on.err .in,.cell.cell-on.errc .in,.cell.cell-on.errh .in{background-color:#c00}.colorblind .cell.cell-on.err .in,.colorblind .cell.cell-on.errc .in,.colorblind .cell.cell-on.errh .in{background-color:#36c}.cell.cell-on.completed .in{background-color:#666}.cell.cell-on .in{background-color:#000;border:1px solid #9cf;color:var(--game-bg)}.cell.cell-x{background-color:#9cf}.cell.cell-x .in{background-color:#9cf;border:1px solid #9cf}.cell.locked .in:before{content:"."}.cell.ship-single .in{border-radius:15px}.cell.ship-top .in{border-radius:15px 15px 0 0}.cell.ship-right .in{border-radius:0 15px 15px 0}.cell.ship-bottom .in{border-radius:0 0 15px 15px}.cell.ship-left .in{border-radius:15px 0 0 15px}.cell .in{line-height:17px;pointer-events:none}.cell.check{background-color:var(--body-bg);border-color:var(--body-bg)}.cell.check .in{background-color:var(--game-bg);border-color:var(--game-bg);border:1px solid #000;width:20px!important;height:20px!important;margin:5px;font-size:15px;color:#0c0;line-height:18px}.cell.ship.cell-on{background-color:var(--body-bg);border-color:var(--body-bg)}.cell.ship.cell-on.ship-left,.cell.ship.cell-on.ship-single{font-size:10px}.cell.ship.cell-on.ship-left .in,.cell.ship.cell-on.ship-single .in{line-height:26px}.cell.ship.cell-on .in{border-color:var(--game-bg)}.kbd .cell:focus{outline:1px solid #2196f3;outline:-webkit-focus-ring-color auto 5px}.kbd .cell:-moz-focusring{outline:1px solid #2196f3}.cell.active .in{border:1px solid #2196f3}.coordinate-sign{position:absolute;font-size:13px;color:#999;z-index:1000;line-height:30px}.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:#9cf}@media screen{.darkmode #game .battleships-cell-back{filter:invert(100%) hue-rotate(180deg);outline:3px solid #333}.darkmode .cell.selectable{background-color:#f8ecc2}.darkmode .cell.selectable.cell-on{background-color:#9cf}.darkmode .cell.selectable.ship.cell-on{background-color:transparent}.nightmode #game{background-color:#f8ecc2}.nightmode .cell{background-color:#f8ecc2}.nightmode .cell.cell-on{background-color:#9cf}.nightmode .cell.ship.cell-on{background-color:transparent}.nightmode .task{color:#000}.nightmode .control{background-color:#f8ecc2}}