/* Barcos: un mar de 6 × 6 compartido. */
.barcos { background: #DCEBFA; }
.ba-centro { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; }
.ba-cartel { font-size: 1.8rem; font-weight: var(--tg-w-strong); text-align: center; min-height: 2.2rem; }
.ba-cartel .tg-personaje--linea { width: 1.8rem; height: 1.8rem; vertical-align: -.35rem; }
.ba-mar { display: grid; grid-template-columns: repeat(6, 3.3rem); gap: .3rem; padding: .6rem; background: #1C5D99; border-radius: 1rem; }
.ba-celda { width: 3.3rem; height: 3.3rem; border-radius: .5rem; background: #3D7FC0; display: flex; align-items: center; justify-content: center; font-size: 1.9rem; line-height: 1; }
.ba-celda--agua { background: #A9CDEF; }
.ba-celda--tocado { background: var(--c); }
.ba-celda--barco { background: var(--c); opacity: .75; }
.barcos .cl-jugadores { align-self: center; }