body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#2e2d2d}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{width:1024px;margin:30px auto 0;border-radius:20px;overflow:hidden;height:800px;background:#d3d3d3}.grid{margin-top:20px;display:grid;grid-template-columns:repeat(12,1fr)}.myboard{border:3px solid #000;display:block;grid-column-start:2;grid-column-end:6;padding:0;-webkit-user-select:none;user-select:none}.myboard .cell{width:31.5px;z-index:2;height:31.5px;border:1px solid #000;display:inline-block;background:#0ff;cursor:pointer}.myboard .cell.lod{background:orange}.myboard.selectMode .cell:not(.lod):hover{background:#90ee90;background:#c8ca48}.nahled{position:absolute;padding:0;opacity:.8}.nahled .cell{width:31.5px;height:31.5px;display:inline-block;background:none;border:1px solid transparent}.nahled .cell.lod{visibility:visible;border:1px solid #000;z-index:3;background:red}.nahled .cell.nic{background:#ff0}.nahled.placeable .lod{visibility:visible;border:1px solid #000;z-index:3;background:#006400}.Visualization{height:300px;background:#e0ffff}.controlPanel{margin-top:-40px;height:40px;-webkit-user-select:none;user-select:none;overflow:hidden}.controlPanel .wrapper{background:#ff0;border-top-left-radius:10px;border-top-right-radius:10px;margin:auto;height:100%;width:450px}.controlPanel .time{display:inline-block;width:30%;margin:5px;text-align:center;border-radius:5px;padding-top:4px;padding-bottom:4px}.controlPanel .mytime{background:green}.controlPanel .opponentTime{background:red}.controlPanel .exit{display:inline-block;padding-top:2px;border:3px solid #000;padding-bottom:2px;background:grey;cursor:pointer;transition:background .15s}.controlPanel .exit:hover{background:#a9a9a9}.rotate{display:none}.selected:not(.soldOut) img:hover+.rotate{opacity:0}.selected:not(.soldOut) .rotate:hover,.selected:not(.soldOut) img:hover+.rotate{display:inline-block;position:relative;height:50;width:0;margin:0;padding-top:-30;z-index:2;color:"rgba(255,255,255,0.5)";font-size:80;transform:"translate(-89px,-20px)"}.soldOut img{opacity:.5}.shipSelect{grid-column:6/12}.shipSelect h1{margin:10px auto;font-size:25px;text-align:center}.shipSelect .nabidka{-webkit-user-select:none;user-select:none;display:block}.shipSelect .nabidka .lod{background:hsla(0,0%,100%,.5);border-radius:3px;padding:7px 0;margin:3px 8px;text-align:center;display:inline-block;width:150px;transition:transform .3s}.shipSelect .nabidka .lod:not(.soldOut) img{border-radius:5px;cursor:pointer;transition:all .2s}.shipSelect .nabidka .lod:not(.soldOut):hover{transform:scale(1.05)}.shipSelect .nabidka .lod p{margin-top:-5px;margin-bottom:0}.shipSelect .nabidka .lod.disabled{opacity:.6}.shipSelect .nabidka .lod.selected:not(.soldOut){border:1px solid green;transform:scale(1.03);background:rgba(163,255,163,.5)}.lobby{margin-top:50px;text-align:center}.lobby label{color:#2f4f4f;font-size:30px;font-family:Arial,Helvetica,sans-serif}.lobby input{border:3px dashed #00008b;padding:10px;text-align:center;font-size:30px}.lobby h3{color:red;font-size:30px}.mine{grid-column-start:2;grid-column-end:6}.mine.onturn{box-shadow:1px 1px 8px 5px red}.enemy{grid-column-start:8;grid-column-end:12}.enemy.onturn{box-shadow:1px 1px 8px 5px green}.enemy,.mine{transition:box-shadow 1s;border:3px solid #000;display:block;-webkit-user-select:none;user-select:none}.enemy .cell,.mine .cell{width:31.5px;height:31.5px;border:1px solid #000;display:inline-block;background:#0ff}.enemy .cell.shiphit,.mine .cell.shiphit{background:#aaa45d}.enemy .cell.missed,.mine .cell.missed{background:#00008b}.enemy .cell.lod,.mine .cell.lod{background:orange}.enemy .cell.nothing,.mine .cell.nothing{background:#fff}.enemy.attackMode .cell:hover:not(.missed):not(.shiphit),.mine.attackMode .cell:hover:not(.missed):not(.shiphit){background:tomato;cursor:pointer}.enemy.attackMode .cell.lod:hover,.mine.attackMode .cell.lod:hover{background:#ff8424}
/*# sourceMappingURL=main.f7ba3a1b.chunk.css.map */