body{font-family:sans-serif;font-size:16px;line-height:1.5;color:#333}h1,h2,h3,h4,h5,h6{font-family:sans-serif;font-weight:600;line-height:1.25;margin-top:0;margin-bottom:.5rem}#app{padding:1rem}.game-container{display:flex;gap:40px;justify-content:center;padding:20px}.grid{display:grid;grid-template-columns:repeat(10,30px);grid-template-rows:repeat(10,30px);gap:2px;background:#ccc;border:2px solid #333}.cell{width:30px;height:30px;background:#ebfaff;cursor:pointer}.cell:hover{background:#b3e5fc}.cell.ship{background:#546e7a}.cell.hit{background:#ff5252;position:relative}.cell.hit:after{content:"X";color:#fff;display:flex;justify-content:center;align-items:center;height:100%}.cell.miss{background:#cfd8dc}.cell.miss:after{content:"\2022";color:#90a4ae;display:flex;justify-content:center;align-items:center;height:100%}#status-msg{font-size:1.2rem;font-weight:700;margin:10px;color:#0277bd}
/*# sourceMappingURL=client.css.map */