/* Cuatro en línea: tablero de 8 × 7 huecos. */
.linea { background: #EAF1FB; }
.li-centro { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; }
.li-cartel { font-size: 2rem; font-weight: var(--tg-w-strong); text-align: center; min-height: 2.4rem; margin-bottom: .3rem !important; }
.li-cartel .tg-personaje--linea { width: 2rem; height: 2rem; vertical-align: -.45rem; }
.li-numeros, .li-tablero { display: grid; grid-template-columns: repeat(8, 2.5rem); gap: .25rem; }
.li-numeros { padding: 0 .6rem; }
.li-numeros span { text-align: center; font-size: 1.3rem; font-weight: var(--tg-w-strong); color: #2D4E7E; }
.li-tablero { background: #2D5BA8; padding: .6rem; border-radius: 1rem; }
.li-hueco { width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #EAF1FB; display: flex; overflow: hidden; }
.li-hueco i { flex: 1; border-radius: 50%; display: flex; }
.li-hueco .li-cara { width: 100%; height: 100%; display: block; }
.li-hueco img.li-cara { border-radius: 50%; object-fit: cover; }
.li-cae { animation: li-cae .4s var(--tg-ease) both; }
@keyframes li-cae { from { transform: translateY(-6rem); } to { transform: translateY(0); } }
.li-gana { border: .35rem solid #fff; animation: li-late .5s ease-in-out infinite alternate; }
@keyframes li-late { from { transform: scale(1); } to { transform: scale(.82); } }