body{font-family:sans-serif;margin:16px}
.panel{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.boards{display:flex;gap:16px;margin-bottom:8px}
.board{display:grid;grid-template-columns:repeat(10,28px);gap:2px}
.cell{width:28px;height:28px;border:1px solid #999;background:#eef;box-sizing:border-box}
.ship{background:#8bc}
.hit{background:#e66}
.miss{background:#ccd}
.disabled{opacity:.6;pointer-events:none}
.board.click .cell:hover{outline:2px solid #0a0}