.rr{flex-direction:column;justify-content:space-evenly;align-items:center;gap:8px;width:100%;height:100%;min-height:0;display:flex}.rr__progreso{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rr__progreso i{background:var(--salvia-tinte);border:2px solid var(--salvia);border-radius:50%;width:14px;height:14px}.rr__progreso i.actual{background:var(--coral-tinte);border-color:var(--coral)}.rr__progreso i.hecho{background:var(--salvia)}.rr__cabeza{justify-content:center;align-items:center;gap:10px;width:100%;max-width:640px;display:flex}.rr__texto{font:600 clamp(1.125rem, 4.4vw, 1.5rem)/1.25 var(--fuente-titulo);color:var(--violeta);text-align:center;text-wrap:balance;margin:0}.rr__repetir{background:var(--violeta-tinte);width:48px;height:48px;color:var(--violeta);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.rr__repetir:focus-visible,.rr__opcion:focus-visible{outline:3px solid var(--violeta);outline-offset:3px}.rr__escena{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:100%;min-height:0;display:flex}.rr__escena:empty{display:none}.rr__grande{font-size:clamp(64px,20dvh,140px);line-height:1}.rr__tarjeta{border-radius:var(--radio-grande);background:var(--superficie);border:4px solid var(--coral-tinte);justify-content:center;align-items:center;gap:12px;max-width:min(640px,100%);padding:12px 18px;display:flex}.rr__frase{font:600 clamp(1.125rem, 4.2vw, 1.5rem)/1.3 var(--fuente-titulo);text-align:center;color:var(--texto);margin:0}.rr__escuchar{aspect-ratio:1;border:6px solid var(--violeta-tinte);background:var(--superficie);cursor:pointer;touch-action:manipulation;border-radius:50%;place-items:center;width:min(30vw,20dvh,120px);font-size:min(14vw,9dvh,56px);line-height:1;display:grid;position:relative}.rr__escuchar b{font:700 1.125rem/1 var(--fuente-titulo);color:#fff;background:var(--violeta);border-radius:999px;padding:5px 10px;position:absolute;top:-6px;left:-6px}.rr__escuchar:focus-visible{outline:3px solid var(--violeta);outline-offset:3px}.sonando{animation:.6s ease-out rr-sonando}@keyframes rr-sonando{30%{background:#fff2b8;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.sonando{animation:none}}.rr__opciones{grid-template-columns:repeat(var(--col,3), minmax(0, 1fr));width:min(100%, calc(var(--col,3) * 140px));gap:10px;display:grid}.rr__opciones--anchas{grid-template-columns:1fr;width:min(100%,520px)}.rr__opcion{aspect-ratio:1;border:4px solid var(--violeta-tinte);border-radius:var(--radio);background:var(--superficie);min-width:0;min-height:72px;max-height:22dvh;color:var(--texto);font:700 1rem/1.1 var(--fuente-texto);cursor:pointer;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;transition:border-color .2s,background .2s;display:flex;position:relative;container-type:inline-size}.rr__opciones--grilla .rr__opcion{max-height:none}.rr__opciones--anchas .rr__opcion{aspect-ratio:auto;text-align:center;min-height:60px;padding:10px 14px;font-size:1.125rem}body:is([data-edad="6-8"],[data-edad="9-12"]) .rr__opcion{border-width:3px;min-height:56px}.rr__opcion.bien{border-color:var(--salvia);background:var(--salvia-tinte)}.rr__opcion:disabled{cursor:default}.rr__opcion[data-puesto]:after{content:attr(data-puesto);font:700 1rem/1 var(--fuente-titulo);color:#fff;background:var(--salvia);border-radius:999px;padding:3px 8px;position:absolute;top:-8px;right:-8px}.rr__emoji{font-size:min(48cqw,9dvh,64px);line-height:1.1}.rr__nombre{text-align:center;overflow-wrap:anywhere;font-size:clamp(.8125rem,13cqw,1.0625rem)}@media (height<=500px){.rr{gap:4px}.rr__opciones--anchas{grid-template-columns:repeat(var(--n), minmax(0, 1fr));width:min(100%,760px)}.rr__opciones--anchas .rr__opcion{min-height:48px;padding:6px 8px;font-size:.9375rem}.rr__escena .rr__grande{font-size:14dvh}.rr__opcion{min-height:56px}.rr__grande{font-size:18dvh}}.rr__pie{justify-content:center;margin-top:4px;display:flex}.rr__opciones--final{justify-content:center;width:100%;display:flex}.rr .dos__marcador{margin:2px 0}@media (orientation:landscape) and (height<=500px){.rr[data-dos-activo]{position:relative}.rr .rr__pie{margin:0;position:absolute;top:0;right:0}.rr .dos__marcador{flex-direction:column;gap:6px;margin:0;position:absolute;top:0;left:0}}