*{margin:0;padding:0;box-sizing:border-box}body{font-size:1rem;font-family:Arial,sans-serif}h1,h2{text-decoration:underline}h1,h2,h3{padding:.5rem}.introduction{position:fixed;top:0;left:0;right:0;bottom:0;width:75%;height:75%;margin:auto;padding:2rem;background:rgba(0,0,0,.8);display:none;justify-content:center;align-items:center;flex-direction:column;text-align:center;color:#f9f9f9}#closeButton{font-size:2rem;padding:.6rem 1.2rem;margin-top:1.25rem;background:#dc143c;color:#f9f9f9;border:none;border-radius:5px;cursor:pointer}.container{display:flex;flex-direction:column;max-width:1200px;margin:.5rem;padding:1.25rem;border:2px solid #333;border-radius:.6rem}.title{display:flex;justify-content:center}.header{display:flex;justify-content:space-around}.buttonContainer{display:flex;align-items:center;justify-content:center;margin-top:1rem}#startBtn{background-color:#007bff;color:#f5f5f5;border:none;border-radius:5px;cursor:pointer;font-size:1rem;width:200px;padding:.5rem 1rem;font-size:1.2rem;transition:background-color .3s ease}#startBtn:hover{background-color:#005cb2}#startBtn:active{background-color:#003d80}.boardContainer{display:flex;justify-content:space-around;margin-top:2rem;padding:1rem}.opponentBoardContainer,.playersBoardContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.opponentBoard,.playersBoard{display:grid;grid-template-columns:repeat(var(--num),minmax(20px,1fr));grid-auto-rows:20px;gap:3px}.cell{background:linear-gradient(180deg,#3e92cc 0,#00a8cc);border:2px solid #000;height:20px;width:20px}.cell:hover{background:#0077b6}.ship{background:green}.missedAttacks{background:#2f4f4f}.hits{background:red}.difficultyCheck{margin:1.25rem 0;display:flex;align-items:center;justify-content:center;gap:.6rem}.difficultyCheck label{font-size:1.2rem;color:#333;font-weight:700}#difficulty{padding:.5rem 1.25rem .5rem .5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;color:#333;background-color:#f9f9f9;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="black" viewBox="0 0 32 32"><path d="M16 22L6 9h20l-10 13z"/></svg>');background-repeat:no-repeat;background-position:100%;background-size:1.25rem}.gameInfoContainer{display:flex;justify-content:space-around;gap:1rem;padding:1rem}.compInfo,.humanInfo{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;width:25rem}@media (max-width:600px){.introduction{height:90%}.boardContainer{flex-direction:column}.opponentBoard,.playersBoard{margin-bottom:1rem}}
/*# sourceMappingURL=/styles.64ed4e39.css.map */