:root{font-family:Rubik Mono One,Helvetica,Arial,sans-serif;color:#fff;background-color:#217685;--cell-size: 3.5rem}*{box-sizing:border-box;padding:0;margin:0;-webkit-user-select:none;user-select:none}button{padding:.5rem;background-color:#217685;color:#fff}#randomize-button{background-color:#b8b5e4;color:#000}#setup-menu,#game-over-screen{padding:2rem;margin:auto;border-radius:20px}#go-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}#header{padding:1.4rem;text-align:center;background-color:#17505a;border-bottom:1px white solid;font-size:large}#main{padding:5rem 0}#boards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:7rem}#cpu-board:hover{cursor:crosshair}.board{display:grid;grid-template-columns:repeat(10,var(--cell-size));border:8px black solid}.cell{width:var(--cell-size);height:var(--cell-size);border:1px black solid;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell-size) - 1rem);color:#000}.selectable:hover{background-color:#bee2f0}.occupied{background-color:#340e9bb4}.miss{background-color:#aaa}.hit{background-color:#ff837ff1}#fleets{display:flex;justify-content:center;padding:2rem;gap:30%}.ship{display:flex;flex-direction:row}