:root{--square-size:40px}*{box-sizing:border-box;font-family:system-ui,Helvetica,Arial,sans-serif;margin:0;padding:0}.container,body,html{height:100%}.container{display:grid;grid-template-rows:auto 1fr auto;padding:3rem 2rem 2rem}main{align-items:center;display:flex;flex-direction:column;gap:2rem;margin-top:3rem}button{background-color:#dcdcdc;border:1px solid #000;border-radius:4px;font-size:1rem;padding:.5rem 1rem;width:fit-content}h1{font-size:2.5rem;text-align:center}.player-name{font-size:1.2rem}.board-and-player{align-items:center;display:flex;flex-direction:column;gap:1rem}#boards-container{display:flex;flex-direction:row;gap:5rem;justify-content:center}.board{display:grid;grid-template-columns:repeat(10,var(--square-size))}.square{background-color:#c8c8c8;border:1px solid #fff;border-radius:4px;height:var(--square-size);width:var(--square-size)}.ship{background-color:#646464}.miss{background-color:#54a9d6}.hit{background-color:red}#author{margin:2rem 0;text-align:center}#game-over-modal[open]{align-items:center;border:2px solid #000;border-radius:4px;display:flex;flex-direction:column;gap:1rem;margin:auto;padding:2rem 4rem}#game-over-modal::backdrop{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}#winner{font-size:2rem;text-align:center}#screen-size-msg{display:none}@media only screen and (max-width:1000px){.container{display:none}#screen-size-msg{align-items:center;display:flex;height:100%;justify-content:center}}@media (hover:hover){.enemy-square:hover{cursor:pointer;filter:brightness(80%)}button:hover{cursor:pointer;filter:brightness(90%)}}
/*# sourceMappingURL=main.css.map*/