:root{--chalkboard:#22322c;--chalk:rgba(232,239,239,.8);--warning-text:#721c24;--footer-background:#090b0b44;--footer-text:#fff;--board-width:10;--board-height:10;--default-font-size:2rem}*{box-sizing:border-box;font-family:Fredericka the Great,cursive;margin:0;padding:0}html{background-color:var(--chalkboard);color:var(--chalk);height:100vh}.board{border:2px solid var(--chalk);display:grid;grid-template-columns:repeat(var(--board-height),1fr);grid-template-rows:repeat(var(--board-width),1fr);height:20rem;width:20rem}.board.player{margin-right:1rem}.board.ai{margin-left:1rem}.ai.shooting,.player.placement{cursor:pointer}.cell.ai.shooting:hover{background-color:rgba(145,73,73,.583)}.board-container{align-items:center;display:flex;flex-direction:column}.board-label{font-size:2rem;margin-bottom:1rem}.cell{border:2px solid var(--chalk);border-image:url(images/cell.b7bbdb9c1bcbe828a5de.png) 50}[cell-type=miss]{background-image:url(images/miss.b9eb68233efe71026cad.png)}[cell-type=miss],[cell-type=wreckage]{background-position:50%;background-repeat:no-repeat;background-size:cover}[cell-type=wreckage]{background-image:url(images/wreckage.1038bbae562299c500b9.png)}[cell-type=hit]{background-image:url(images/hit.b6723b2cb4145e971895.png)}.player[cell-type=carrier],[cell-type=hit]{background-position:50%;background-repeat:no-repeat;background-size:cover}.player[cell-type=carrier]{background-image:url(images/shipFillWhite.a3db516bb952f48b18fe.png)}.player[cell-type=battleship]{background-image:url(images/shipFillPurple.b583fb954cacd5a31a51.png)}.player[cell-type=battleship],.player[cell-type=cruiser]{background-position:50%;background-repeat:no-repeat;background-size:cover}.player[cell-type=cruiser]{background-image:url(images/shipFillRed.ea5147646c5ec7127153.png)}.player[cell-type=submarine]{background-image:url(images/shipFillYellow.a289486bc9bb2fdeb56d.png)}.player[cell-type=destroyer],.player[cell-type=submarine]{background-position:50%;background-repeat:no-repeat;background-size:cover}.player[cell-type=destroyer]{background-image:url(images/shipFillBlue.75f540339bdcc6738f16.png)}.hovered{box-shadow:inset 0 0 0 1000px rgba(28,30,35,.5)}input[type=radio]{opacity:0;position:absolute}input[type=radio]+label{border:2px solid transparent;border-radius:50px;cursor:pointer;display:inline-block;font-size:var(--default-font-size);margin:10px;padding:10px 20px;position:relative}input[type=radio]:checked+label{border-color:transparent;box-shadow:3px 3px 0 2px hsla(0,0%,100%,.8),-3px -3px 0 2px hsla(0,0%,100%,.8),3px -3px 0 2px hsla(0,0%,100%,.8),-3px 3px 0 2px hsla(0,0%,100%,.8)}input[type=radio]+label:hover{text-shadow:2px 2px 8px hsla(0,0%,100%,.5)}#rotation-instructions{font-size:var(--default-font-size);margin-bottom:1rem}button{all:unset;background-color:#f0f0f0c9;border-radius:6px;box-shadow:0 4px 0 #d67b7b,inset 0 0 5px rgba(0,0,0,.05);box-sizing:border-box;color:#22322c;cursor:pointer;font-size:var(--default-font-size);font-weight:700;padding:.75rem 2rem;transition:background-color .2s ease,transform .1s ease,box-shadow .1s ease}button:hover{background-color:#f0f0f097;box-shadow:0 3px 0 #d67b7bc6,inset 0 0 8px rgba(0,0,0,.1)}button:active{box-shadow:0 1px 0 #aaa,inset 0 0 10px rgba(0,0,0,.15);transform:translateY(2px)}.warning{background-color:hsla(0,0%,77%,.7);border:1px solid #c4c4c4;color:var(--warning-text);left:0;margin:0 auto;opacity:0;padding:12px;pointer-events:none;position:fixed;right:0;text-align:center;top:50%;transform:translateY(-10px);transition:opacity .4s ease,transform .4s ease;width:100%;z-index:9999}.warning.visible{opacity:1;pointer-events:none}#footer{background-color:var(--footer-background);bottom:0;color:var(--footer-text);display:flex;justify-content:center;left:0;padding:12px;position:fixed;right:0;width:100%;z-index:9999}#github-link{background-image:url(images/github-symbol.2f5630302a61a5ee883e.svg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:20px;margin-left:1rem;opacity:1;width:20px}#github-link:hover{opacity:.7}body{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body,body>*{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}body>*{width:100%;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}h1{font-size:5rem;padding:2rem}#boards-container{width:100%;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:1rem}#placement-options-container{margin-bottom:1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#results-container{width:100%;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:3rem}#button-container{margin-bottom:.5rem;margin-top:.5rem}#results{font-size:4rem}