#alerts{left:0;margin:0 auto;padding-top:50px;position:absolute;right:0;width:fit-content;z-index:999}.customAlert.show{opacity:.9}*{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{margin:0;padding:0;box-sizing:border-box;background-color:#f8f9fa}body .container{width:100%;margin:0 auto;padding:0}body .container #form-register,body .container #form-login{font-weight:100;margin:0 auto;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}:is(body .container #form-register,body .container #form-login) h1{font-weight:100}:is(body .container #form-register,body .container #form-login) button{background-color:#007bff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:16px;background-color:#0056b3;color:#fff}:is(body .container #form-register,body .container #form-login) input,:is(body .container #form-register,body .container #form-login) select{color:#495057;background-color:#fff}:is(body .container #form-register,body .container #form-login) input,:is(body .container #form-register,body .container #form-login) select,:is(body .container #form-register,body .container #form-login) button{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}:is(:is(body .container #form-register,body .container #form-login) input,:is(body .container #form-register,body .container #form-login) select,:is(body .container #form-register,body .container #form-login) button):focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}:is(:is(body .container #form-register,body .container #form-login) input,:is(body .container #form-register,body .container #form-login) select,:is(body .container #form-register,body .container #form-login) button),:is(:is(body .container #form-register,body .container #form-login) input,:is(body .container #form-register,body .container #form-login) select,:is(body .container #form-register,body .container #form-login) button) label{margin-bottom:10px}body .container #shipSelectorControl{text-align:center;margin-bottom:10px}body .container #shipSelectorControl button{font-size:24px;background:none;border:none;cursor:pointer}body .container #shipSelectorControl #startBtn{font-size:18px;padding:8px 16px;background-color:#123658;color:#fff;margin:0 10px;border-radius:20px}body .container #shipSelectorControl #startBtn:hover{background-color:#1236587f}body .container #shipSelectorControl #nextShip,body .container #shipSelectorControl #previousShip{font-size:35px;vertical-align:middle}:is(body .container #shipSelectorControl #nextShip,body .container #shipSelectorControl #previousShip):hover{color:#123658}body .container #newProjectBtn{margin-top:10px;display:block;width:100%;height:32px;font-size:1rem;font-weight:400;line-height:1.5;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer;text-decoration:none;text-align:center;color:#000;padding:6px 0 0;background-color:#eee}body .container #newProjectBtn:hover{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}body .container #projectBoard{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}body .container #projectBoard .projectCard{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}body .container #projectBoard .projectCard .deleteButton{float:right;position:relative;top:5px;right:5px;background-color:red;color:#fff;border:none;border-radius:3px;padding:2px 5px;cursor:pointer}body .container #projectBoard .projectCard h5{margin-bottom:10px}body .container #projectBoard .projectCard a{text-decoration:none;color:#007bff}body .container #projectBoard .projectCard a:hover{text-decoration:underline}body .container #projectBoard .projectCard label{display:block;font-size:12px;color:#6c757d}@media(min-width:576px){body .container,body .container-sm{max-width:540px}}@media(min-width:768px){body .container,body .container-sm,body .container-md{max-width:720px}}@media(min-width:992px){body .container,body .container-sm,body .container-md,body .container-lg{max-width:960px}}@media(min-width:1200px){body .container,body .container-sm,body .container-md,body .container-lg,body .container-xl{max-width:1140px}}body #mainNavbar{background-color:#343a40;color:#fff;display:flex;align-items:center;padding:.5rem 1rem}body #mainNavbar .mainNavbar-brand{font-size:1.25rem;font-weight:700;color:#fff;text-decoration:none}body #mainNavbar .navbar-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;display:none}@media(max-width:992px){body #mainNavbar .navbar-button{display:inline-block}body #mainNavbar .navbarMenu.collapsable[collapsed-expanded]{display:block!important;position:absolute;background-color:#343a40;top:60px;left:0;width:100%;z-index:1000;margin:0!important}body #mainNavbar .navbarMenu.collapsable[collapsed-expanded] li{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin:0;padding:10px 0;display:block}body #mainNavbar .navbarMenu.collapsable[collapsed-expanded] li:hover{background-color:#495057}body #mainNavbar .navbarMenu.collapsable[collapsed-expanded] li>a{width:100%!important;display:block}}body #mainNavbar #navbarMenuRight{margin-left:auto}@media(max-width:992px){body #mainNavbar .navbarMenu.collapsable{display:none;flex-direction:column;width:100%}body #mainNavbar .navbarMenu.collapsable.show{display:flex}}body #mainNavbar .navbarMenu{display:flex;margin:12px;padding:0}body #mainNavbar .navbarMenu>li{list-style:none;display:inline-block}body #mainNavbar .navbarMenu>li>a{color:#ffffff80;text-decoration:none;font-size:16px;padding:8px;border-radius:4px}body #mainNavbar .navbarMenu>li>a:hover{color:#fff}body .alert{padding:20px;background-color:#f44336;color:#fff;margin-bottom:15px;opacity:0;transition:opacity .6s;border-radius:10px;position:fixed;max-width:500px;width:fit-content;left:calc(50% - 250px);top:20px}body .alert #alertMessage{display:block;margin-top:5px;font-weight:400;font-size:14px;margin-right:25px}body .alert.show{opacity:.9}body .alert.primary{background-color:#007bff}body .alert.secondary{background-color:#6c757d}body .alert.success{background-color:#28a745}body .alert.danger{background-color:#dc3545}body .alert.warning{background-color:#ffc107;color:#000}body .alert.info{background-color:#17a2b8;color:#fff}body .alert.light{background-color:#f8f9fa;color:#000}body .alert.dark{background-color:#343a40;color:#fff}body .alert .close{margin-left:15px;color:#fff;font-weight:700;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:.3s;position:relative;top:-15px;right:-16px;background-color:#0000;border-style:none}body .alert .close:hover{color:#000}@font-face{font-family:Arcade;src:url(/fonts/Arcade.ttf)}@font-face{font-family:Digitek;src:url(/fonts/Digitek.ttf)}:is(.container.game,.container.gameStatus) #shipSelector{width:100%;text-align:center;margin-top:50px;padding:0}:is(.container.game,.container.gameStatus) #shipsBlock{width:200px;text-align:center;display:inline-block;height:200px;max-height:200px}:is(.container.game,.container.gameStatus) #shipsBlock>.shipBlock{text-align:center;border:0px solid;height:200px;max-height:200px}:is(.container.game,.container.gameStatus) #canvas{border:solid 1px #000000;left:0;margin:0 auto;width:100%}:is(.container.game,.container.gameStatus) a body.fullscreen{overflow:hidden}:is(.container.game,.container.gameStatus) a body.fullscreen #canvas{position:absolute;left:0;top:0;width:100%}*{-webkit-user-select:none;user-select:none}body:has(.container.paintingBoard){overflow:hidden}.container.paintingBoard #projectTitleBar{padding-left:5px}.container.paintingBoard #projectTitleBar input{border-top:none;border-right:none;border-radius:100px;outline:none}.container.paintingBoard #projectTitleBar input[type=number]{width:60px}.container.paintingBoard #projectTitleBar input[type=text]{width:200px}.container.paintingBoard #projectTitleBar #save{border-style:none;background:linear-gradient(to top right,#004d00,transparent);border-radius:100px;cursor:pointer;color:#fff;font-weight:700}.container.paintingBoard #projectTitleBar #save:hover{background:linear-gradient(to top right,#00004d,#004d00);transition:background .3s}.container.paintingBoard #canvasBorder{display:inline-block;max-width:100%!important;overflow:scroll;border:solid 1px;margin-left:52px}.container.paintingBoard #canvas{cursor:url(/icons/pencil.ico),default;display:block;left:0;margin:0 auto}.container.paintingBoard #canvas[tool=ColorPicker]{cursor:url(/icons/picker.png),default}.container.paintingBoard #layerExampleCanvas{border:solid 1px #000000;width:100%}.container.paintingBoard #shapeList canvas{height:30px;width:30px;height:auto}.container.paintingBoard .shapeItem{align-items:center;display:flex;padding:0}.container.paintingBoard .shapeItem.active{background-color:#747fd6}.container.paintingBoard .shapeItem>div{align-items:center;display:flex}.container.paintingBoard .shapeItem>.moveShapesBlock{display:flex;flex-direction:column;gap:4px}.container.paintingBoard .shapeItem button{background-color:#0000;border-style:none;padding:5px 0}.container.paintingBoard .list-group-item>.deleteBlock{margin-left:auto;display:flex;align-items:center}.container.paintingBoard .shapeDesc{vertical-align:top}.container.paintingBoard #layerExampleCanvas{width:200px}.paintingBoardWindowed .window{position:absolute;background-color:#fff;border-style:ridge;max-height:1000px;cursor:default}.paintingBoardWindowed .window .windowBar{background-color:#00f;width:100%;display:inline-block;color:#fff}:is(.paintingBoardWindowed .window#toolsWindow,.paintingBoardWindowed .window#colorWindow) .windowContent{overflow:hidden!important;resize:none!important;height:auto!important}.paintingBoardWindowed .window#layerWindow,.paintingBoardWindowed .window#colorWindow{width:225px}.paintingBoardWindowed .window#toolsWindow label{display:inline-block;text-align:center;width:32px;height:32px;margin:2px;cursor:pointer;background-color:#ddf;border:dotted 1px black;line-height:32px;font-size:20px}.paintingBoardWindowed .window#toolsWindow label:hover{background-color:#aaf}.paintingBoardWindowed .window#toolsWindow input[type=checkbox]{display:none}.paintingBoardWindowed .window#toolsWindow #followGrid:checked+label[for=followGrid]{color:red!important}.paintingBoardWindowed .window#toolsWindow #followGrid:checked~label[for=followGrid]~br~span{display:inline-block!important}.paintingBoardWindowed .window#toolsWindow #followGrid~label[for=followGrid]~br~span{display:none}.paintingBoardWindowed .window#toolsWindow #toolList input:checked+label{color:red!important}.paintingBoardWindowed .window#toolsWindow #toolList input[type=radio]{display:none}.paintingBoardWindowed .window #layerWindow_buttons{margin:5px 0 0;padding:0 5px 5px}.paintingBoardWindowed .window #layerWindow_buttons>input{width:100%}.paintingBoardWindowed .window .windowContent{resize:vertical;overflow-y:scroll;border-style:ridge;display:block;background-color:#ccc}.paintingBoardWindowed .window .windowContent input[type=number]{width:50px}.paintingBoardWindowed .window .windowContent input[type=text]{width:100px}.paintingBoardWindowed .window .windowContent .windowBar{background-color:#00f;width:100%;display:inline-block;color:#fff}.paintingBoardWindowed .window .windowContent label[for=imageLoader]{cursor:pointer}.paintingBoardWindowed .window .windowContent #imageLoader{display:none}.paintingBoardWindowed .window .windowContent #layersManager{background-color:#fff;border:solid 1px black;margin:5px}.paintingBoardWindowed .window .windowContent #layersManager .layersManager_layer_title,.paintingBoardWindowed .window .windowContent #layersManager .layersManager_shapes_title{cursor:grabbing;line-height:25px}.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer{background-color:#fff}.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer[selected=true]>.layersManager_layer_head,.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer[selected=true]>.layersManager_layer_head>.layersManager_layer_tools{background-color:#88f}.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer>.layersManager_layer_head{display:flow-root;padding:5px;border-bottom:solid 1px black;border-top:solid 1px black}.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer>.layersManager_layer_shapes{min-height:30px;transition:all .3s ease}.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer>.layersManager_layer_shapes.hidden{display:none}.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer>.layersManager_layer_shapes>.layersManager_shapes_head{padding:5px 5px 5px 20px;display:flow-root}.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer .layersManager_layer_tools,.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer .layersManager_shape_tools{float:right}:is(.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer .layersManager_layer_tools,.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer .layersManager_shape_tools)>button{width:25px;height:25px;gap:5px;background-color:#fff0;border-style:none;outline:none;cursor:pointer;text-align:center;vertical-align:middle;border-radius:13px}:is(.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer .layersManager_layer_tools,.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer .layersManager_shape_tools)>button:hover{background-color:#0005}:is(.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer .layersManager_layer_tools,.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer .layersManager_shape_tools)>button.btnShowShapes:before{content:"-"}:is(.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer .layersManager_layer_tools,.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer .layersManager_shape_tools)>button.btnShowShapes.closed:before{content:"+"!important}:is(.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer .layersManager_layer_tools,.paintingBoardWindowed .window .windowContent #layersManager>.layersManager_layer .layersManager_shape_tools)>button.btnLayerHide[hide=true]{color:#888}.paintingBoardWindowed .window#shapeEditor,.paintingBoardWindowed .window#projectShapeWindow{width:500px;z-index:999999}:is(.paintingBoardWindowed .window#shapeEditor,.paintingBoardWindowed .window#projectShapeWindow).hidden{display:none}:is(.paintingBoardWindowed .window#shapeEditor,.paintingBoardWindowed .window#projectShapeWindow) .closeButton{float:right}:is(.paintingBoardWindowed .window#shapeEditor,.paintingBoardWindowed .window#projectShapeWindow) .windowContent{max-height:400px;overflow-y:auto}:is(.paintingBoardWindowed .window#shapeEditor,.paintingBoardWindowed .window#projectShapeWindow) .windowContent .propertyRow{display:flex;padding:5px 10px;background-color:#fff!important;border:solid 1px #000000}:is(.paintingBoardWindowed .window#shapeEditor,.paintingBoardWindowed .window#projectShapeWindow) .windowContent .propertyRow.hidden{display:none}:is(.paintingBoardWindowed .window#shapeEditor,.paintingBoardWindowed .window#projectShapeWindow) .windowContent .propertyRow .col-50{width:50%;box-sizing:border-box;padding:0 5px}:is(.paintingBoardWindowed .window#shapeEditor,.paintingBoardWindowed .window#projectShapeWindow) .windowContent .propertyRow .col-50 label{white-space:nowrap}:is(.paintingBoardWindowed .window#shapeEditor,.paintingBoardWindowed .window#projectShapeWindow) .windowContent .propertyRow .col-50 input,:is(.paintingBoardWindowed .window#shapeEditor,.paintingBoardWindowed .window#projectShapeWindow) .windowContent .propertyRow .col-50 select{width:100%;box-sizing:border-box;border-style:none;outline:none}:is(.paintingBoardWindowed .window#shapeEditor,.paintingBoardWindowed .window#projectShapeWindow) .windowContent .propertyRow .col-50:first-child{border-right:solid 1px #000000}.layersManager_layer{background-color:#fff}.layersManager_layer.moving{width:200px;z-index:9999999;position:absolute}.layersManager_layer.moving .layersManager_layer_tools,.layersManager_layer.moving .layersManager_layer_shapes{display:none}.layersManager_shapes_head{background-color:#fff}.layersManager_shapes_head.moving{width:200px;z-index:9999999;position:absolute}