/* La Oca: tablero en serpiente de 9 × 7 casillas (4.5 × 4.05 rem) y columna lateral. */
.oca { background: #E9F5E1; }
.oca-tablero { position: relative; width: 40.5rem; height: 27.8rem; flex: none; align-self: center; }
.oca-celda { position: absolute; left: 0; top: 0; width: 4.3rem; height: 3.8rem; box-sizing: border-box; border-radius: .6rem;
  background: #fff; border: .1rem solid #CFE3C5; }
.oca-celda__n { position: absolute; left: .3rem; top: .1rem; font-size: 1rem; font-weight: var(--tg-w-medium); color: #6A7F63; }
.oca-celda__e { position: absolute; right: .25rem; bottom: .1rem; font-size: 1.6rem; line-height: 1; }
.oca-celda--oca { background: #FFF4C2; border-color: #F0D36B; }
.oca-celda--esp { background: #FFE1DC; border-color: #F2AFA4; }
.oca-celda--meta { background: #2F9E63; border-color: #2F9E63; }
.oca-celda--meta .oca-celda__n { color: #fff; }
.oca-ficha { position: absolute; left: 0; top: 0; transition: transform .7s var(--tg-ease); will-change: transform; }
.oca-ficha .cl-ficha { width: 2rem; height: 2rem; }
.oca-reto { font-size: 2.6rem; vertical-align: middle; }
/* Con 4 jugadores (y su dado al lado) la columna debe caber en el alto de la tele. */
.oca .cl-lado { gap: .5rem; }
.oca .cl-cartel { padding: .6rem 1rem; }
.oca .cl-jugadores { gap: .35rem; }
.oca .cl-jugador { padding: .3rem .6rem; }
.oca .cl-jugador .cl-dado { width: 2.2rem; height: 2.2rem; font-size: 1.3rem; border-radius: .5rem; }
.oca .cl-lado .cl-cartel__grande { font-size: 1.4rem; }