/* ================== ESTILOS COMPARTIDOS POR TODOS LOS JUEGOS ================== */

/* letra ligada escolar chilena para las palabras que se leen (licencia OFL, ver fonts/OFL.txt) */
@font-face {
  font-family:"Playwrite CL"; font-style:normal; font-weight:400; font-display:swap;
  src:url(fonts/playwrite-cl.woff2) format("woff2");
}

/* letra para leer: ligada por defecto; el panel para padres puede cambiarla a imprenta */
:root { --read-font: "Playwrite CL", cursive; }
body.imprenta { --read-font: ui-rounded, "Segoe UI", "Comic Sans MS", system-ui, sans-serif; }
/* nivel de lectura 0: sin subtítulos */
body.read0 #caption { display:none !important; }

/* ============ SUBTÍTULO DE LA VOZ (karaoke en letra ligada) ============ */
#caption {
  font-family:var(--read-font);
  font-size:24px; line-height:1.8; color:#3a3a4a;
  background:rgba(255,255,255,.94); border-radius:22px;
  padding:2px 22px; text-align:center;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
  opacity:0; transform:translateY(-6px);
  transition:opacity .25s, transform .25s;
  pointer-events:none;
}
#caption.show { opacity:1; transform:none; pointer-events:auto; }
#caption .w {
  display:inline-block; padding:0 4px; border-radius:10px; cursor:pointer;
  transition: background .15s, color .15s;
}
#caption .w.on { background:#fff1a8; color:#5e60ce; }