/* Solo orquestación: frase en 2 filas (los dos pads están en comun.css) */
.senal{height:1.3rem;white-space:nowrap;overflow:hidden;text-align:center;color:var(--senal);font-weight:600;font-size:.9rem;margin-bottom:.2rem}
.fila + .fila{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--line)}
.review .timeline + .timeline{margin-top:.3rem}

/* niveles 4-6: frase elegida arriba y seña del director abajo */
.frase{display:grid;gap:.35rem;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.7rem .8rem .8rem;margin-top:1rem}
.frase-titulo{margin:0;font-weight:600;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}
.frase .frase-manos{width:78%;margin:0 auto}
.frase-botones{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.frase-botones .go{padding:.6rem .4rem;font-size:.95rem}
.frase-botones .go[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.go:disabled{opacity:.45;cursor:default}
/* durante el juego el panel se achica para que frase, seña y pads entren juntos en el celular */
.frase.jugando{padding:.4rem .6rem .5rem;gap:.1rem}
.frase.jugando .frase-titulo, .frase.jugando .frase-botones{display:none}
.frase.jugando .frase-manos{width:52%}
.senal.dos-lineas{height:2.5rem;white-space:normal;line-height:1.25rem}
.por-sena{margin:.4rem 0 0;padding-left:1.1rem;color:var(--muted);font-variant-numeric:tabular-nums}