.board{margin:30px auto;border-radius:8px;overflow:hidden;border-collapse:collapse}.board__square{background:#ccc;padding:5px;text-align:center;font-size:.8rem}.board-small .board__square{width:12px;height:12px}.board-guessing .board__square{width:28px;height:28px}.board-large .board__square{width:40px;height:40px}.board-end .board__square{width:25px;height:25px}.board-small .board__header,.board-small th{font-size:.8rem}.player-board table{background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/static/media/ocean.a7699336.jpg);background-size:contain;background-position:50%}.player-board .board__square{opacity:.7;border:1px solid #aaa}.player-board .board-small .board__square{opacity:.7;border:.5px solid #aaa}.player-board .board__square[data-status=Empty]{opacity:.4}.player-board .board-large .board__square[data-status=Empty]:hover{cursor:pointer;background:#fff;opacity:.6}.board-guessing .board__square[data-status=Ship],.board__square[data-status=Empty]{background:#61bdf3}.board__square[data-status=Ship]{background:#184a67}.board__square[data-status=Miss]{background:#848482}.board__square[data-status=Hit]{background:#e3a702}.board__square[data-status=Sunk]{background:#d41f1f}.opponent-board table{background-image:url(/static/media/radar.d3ca619b.jpg);background-size:contain;background-position:50%}.opponent-board .board__square{opacity:0;border:1px solid #555}.opponent-board .board__square[data-status=Miss]{opacity:.8;background:#848482}.opponent-board .board__square[data-status=Hit]{opacity:.8;background:#e3a702}.opponent-board .board__square[data-status=Sunk]{opacity:.8;background:#d41f1f}.opponent-board .board-end .board__square[data-status=Hit],.opponent-board .board-end .board__square[data-status=Miss],.opponent-board .board-end .board__square[data-status=Sunk]{opacity:.7;cursor:unset}.opponent-board .board-guessing .board__square[data-status=Empty]:hover,.opponent-board .board-guessing .board__square[data-status=Ship]:hover{opacity:.7;background:#fff;cursor:pointer}.opponent-board .board-end .board__square:hover{cursor:unset}.opponent-board .board-end .board__square[data-status=Empty]:hover{opacity:0}.loading{margin:30px auto;font-style:italic}.high-scores table{table-layout:fixed;border-collapse:collapse;width:100%;border:1px solid #ccc;margin-bottom:30px;text-align:center;background-color:#fff}.high-scores table thead{position:-webkit-sticky;position:sticky;top:0;background:#555;color:#fff;border:1px solid #ccc}.high-scores table td,.high-scores table th{border:1px solid #ccc;padding:5px;text-align:center}.high-scores table td{font-size:14px}.high-scores table tbody tr:nth-of-type(odd){background:#efefef}.add-new-high-score form{display:flex;flex-direction:column;align-items:flex-start}.add-new-high-score label{font-size:14px;color:#777;margin-bottom:5px}.add-new-high-score input{width:90%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:4px;margin-bottom:4px;display:block}.ships-group{padding:0 15px}.ships-group .ship{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #ccc}.ships-group .ship.active-placing .ship-blocks span{opacity:.7}.ships-group .ship .ship-header button{font-size:.6rem;border:none;display:block;background:#333;color:#fff;border-radius:4px;width:25px;height:25px;margin-top:5px}.ships-group .ship .ship-blocks{cursor:pointer;display:flex;justify-content:center;align-items:center}.ships-group .ship[data-shipblocks=Destroyer] .ship-blocks{height:50px;width:50px}.ships-group .ship[data-shipblocks=Cruiser] .ship-blocks,.ships-group .ship[data-shipblocks=Submarine] .ship-blocks{height:70px;width:70px}.ships-group .ship[data-shipblocks=Battleship] .ship-blocks{height:90px;width:90px}.ships-group .ship[data-shipblocks=Carrier] .ship-blocks{height:120px;width:120px}.ships-group .ship .ship-blocks span{display:inline-block;border:1px solid #000;background-color:#6030ff;width:20px;height:20px}.ships-group .ship .ship-blocks.vertical span{display:block}.turns-table{text-align:center}.turns-table h4{margin:0 0 15px}.turns-table p{font-size:14px;font-style:italic}.turns-table .table-wrapper{overflow-y:auto;height:490px;border:1px solid #ccc;border-radius:8px}.turns-table table{table-layout:fixed;border-collapse:collapse;width:100%;border:1px solid #ccc}.turns-table table thead{position:-webkit-sticky;position:sticky;top:0;background:#555;color:#fff;border:1px solid #ccc}.turns-table table td,.turns-table table th{border:1px solid #ccc;padding:5px;text-align:center}.turns-table table td{font-size:14px}.turns-table table td:first-of-type,.turns-table table th:first-of-type{width:10%}.turns-table table td:nth-of-type(2),.turns-table table th:nth-of-type(2){width:40%}.turns-table table td:nth-of-type(3),.turns-table table td:nth-of-type(4),.turns-table table th:nth-of-type(3),.turns-table table th:nth-of-type(4){width:25%}.turns-table table tbody tr:nth-of-type(odd){background:#efefef}.turns-table table caption{font-size:small;margin:0 0 10px}.error-msg{color:#d70303;font-size:.9rem;font-weight:700;font-style:italic}.container{width:90%;max-width:1200px;height:auto;margin:0 auto;position:relative}.app-header{background-color:#282c34;min-height:100px;display:flex;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.app-header h1{font-size:28px;margin:20px 0}.app-content{min-height:calc(100vh - 200px);padding:50px 0}.status-box{border:3px solid #ccc;border-radius:8px;padding:15px;margin-bottom:30px;text-align:center}.app.high-scores,.app.main-menu{background:url(/static/media/welcome_bg.dee9bbd2.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:100vh}.app.high-scores .container,.app.main-menu .container{max-width:95%}.app.high-scores .wrapper-box,.app.main-menu .welcome-box{border:2px solid #ccc;border-radius:8px;background:hsla(0,0%,100%,.6);padding:30px;margin:100px auto 0 0}.app.main-menu .welcome-box{max-width:400px}.app.high-scores .wrapper-box{max-width:600px}.app.high-scores button,.app.main-menu button{display:block;width:180px;background:#fff;border:2px solid #333;color:#333}.app.high-scores button:hover,.app.main-menu button:hover{background:#333;color:#fff}.btn{border:none;border-radius:3px;padding:10px 15px;text-transform:uppercase;font-weight:700;cursor:pointer;background-color:#333;color:#efefef;margin:5px}.btn:hover{opacity:.9}.btn.primary{background-color:#585ae8;color:#fff}.btn.success{background-color:#1a971c;color:#fff}.btn.info{background-color:#ccc;color:#333}.btn.danger{background-color:#bb0404;color:#fff}.quitGameBtn{position:absolute;right:0;top:20px;margin:0}.grid{display:flex;flex:0 1 auto;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:top;margin-left:-15px;margin-right:-15px}.grid .col{flex-basis:100%;max-width:100%}.grid .col.col-3{flex-basis:25%;max-width:25%}.grid .col.col-4{flex-basis:33.33333333%;max-width:33.33333333%}.grid .col.col-6{flex-basis:50%;max-width:50%}.grid .col.col-8{flex-basis:66.66666666%;max-width:66.66666666%}.grid .col.col-9{flex-basis:75%;max-width:75%}.text-center{display:block;text-align:center}.text-left{display:block;text-align:left}body{margin: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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.79b0ffa8.chunk.css.map */