.letras{flex-direction:column;justify-content:center;gap:10px;width:min(100%,980px);height:100%;min-height:0;display:flex;position:relative}.letras__cabeza{flex:none;justify-content:center;align-items:center;gap:14px;display:flex}.letras__letra{border-radius:var(--radio);background:var(--superficie);min-width:clamp(64px,14dvh,112px);height:clamp(64px,14dvh,112px);color:var(--coral-texto);font:700 clamp(2.5rem, 10dvh, 5rem)/1 var(--fuente-titulo);white-space:nowrap;border:4px solid #e8c15a;place-items:center;padding:0 8px;display:grid;box-shadow:0 5px #f3dfa2}.letras__letra--doble{font-size:clamp(2rem,8dvh,4rem)}.letras__lado{flex-direction:column;gap:8px;min-width:0;display:flex}.letras__consigna{text-wrap:balance;margin:0;font-size:clamp(1rem,2.8dvh,1.5rem);line-height:1.2}.letras__consigna b{color:var(--coral-texto);font-size:1.25em}.letras__progreso{gap:8px;display:flex}.letras__progreso i{background:var(--salvia-tinte);border:2px solid var(--salvia);border-radius:50%;width:14px;height:14px}.letras__progreso i.actual{background:var(--coral-tinte);border-color:var(--coral)}.letras__progreso i.hecho{background:var(--salvia);border-color:var(--salvia)}.letras__desafio{flex-direction:column;flex:auto;justify-content:center;min-height:0;display:flex}.letras__toque{min-width:48px;min-height:48px;color:var(--texto);font:inherit;cursor:pointer;touch-action:manipulation;user-select:none;background:#f4f0fa;border:3px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;display:flex;position:relative;box-shadow:0 3px #e2dcef}body[data-edad="3-5"] .letras__toque{min-width:64px;min-height:64px}.letras__toque:hover{background:#ece6f7}.letras__toque:focus-visible{outline:3px solid var(--violeta);outline-offset:2px}.letras__toque.bien{background:var(--salvia-tinte);border-color:var(--salvia);cursor:default;box-shadow:0 3px #b8d4c4}.letras__toque.bien:after{content:"★";color:#e0a800;font-size:1.5rem;line-height:1;animation:.35s ease-out backwards aparecer;position:absolute;top:-10px;right:-6px}.letras__toque.sacudir{background:var(--coral-tinte)}.resuelto .letras__toque:not(.bien),.letras__fila.resuelta .letras__toque:not(.bien){opacity:.45;cursor:default}.letras__toque.pista{border-color:#e0a800;animation:.8s ease-in-out infinite letras-titilar}@keyframes letras-titilar{50%{transform:scale(1.08);box-shadow:0 0 0 6px #e0a80073}}.letras__dibujos{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));flex:0 auto;grid-auto-rows:minmax(0,190px);align-content:center;gap:10px;min-height:0;display:grid}.letras__dibujos[data-n="4"]{--cols:4}.letras__dibujos[data-n="6"]{--cols:3}.letras__dibujos[data-n="8"]{--cols:4}.letras__dibujos[data-n="9"]{--cols:3}.letras__dibujo{background:var(--superficie);container-type:size}.letras__emoji{pointer-events:none;font-size:clamp(1.25rem,min(52cqi,46cqh),4.5rem);line-height:1}.letras__palabra{--ancho-letra:.6;overflow-wrap:break-word;max-width:100%;font-size:.75rem;font-size:clamp(.5625rem, calc(100cqi / (var(--largo,8) * var(--ancho-letra))), 1.25rem);text-align:center;pointer-events:none;font-weight:600;line-height:1.05}body[data-edad="3-5"] .letras__palabra{--ancho-letra:.78}.letras__inicial{color:var(--coral-texto);font-size:1.45em;font-weight:700}.letras__completar{flex:0 auto;grid-auto-rows:minmax(0,110px);align-content:center;gap:8px;width:min(100%,720px);min-height:0;margin:0 auto;display:grid}.letras__fila{background:var(--superficie);border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"e p o";align-items:center;gap:6px 10px;min-height:0;padding:6px 10px;display:grid;box-shadow:0 4px #3b314714}.letras__emoji-fila{grid-area:e;font-size:clamp(2rem,7dvh,3.25rem);line-height:1}.letras__palabra--fila{letter-spacing:.02em;text-align:left;white-space:nowrap;text-overflow:ellipsis;grid-area:p;align-items:center;gap:2px;font-size:clamp(1.25rem,4dvh,2rem);font-weight:700;display:flex;overflow:hidden}.letras__casilla{border:3px dashed var(--coral);background:var(--coral-tinte);width:1.4em;height:1.5em;color:var(--salvia);border-radius:10px;flex:none;place-items:center;display:inline-grid}.letras__fila.resuelta .letras__casilla{border-style:solid;border-color:var(--salvia);background:var(--salvia-tinte);animation:.35s ease-out aparecer}.letras__opciones{grid-area:o;gap:8px;display:flex}.letras__letra-op{width:56px;height:56px;font:700 1.75rem/1 var(--fuente-titulo)}body[data-edad="3-5"] .letras__letra-op{width:68px;height:68px;font-size:2rem}.letras__contar{flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,3dvh,24px);min-height:0;display:flex}.letras__copias{background:var(--superficie);border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:12px 18px;display:flex;box-shadow:0 4px #3b314714}.letras__copias-fila{gap:clamp(6px,2vw,14px);display:flex}.letras__copia{font-size:clamp(1.75rem,min(10vw,9dvh),4rem);line-height:1.05}.letras__numeros{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.letras__numero{width:72px;height:64px;font:700 2rem/1 var(--fuente-titulo)}body[data-edad="3-5"] .letras__numero{width:84px;height:76px;font-size:2.25rem}.letras__buscar{grid-template-columns:repeat(var(--cols,4), minmax(0, 92px));flex:0 auto;grid-auto-rows:minmax(0,92px);place-content:center;gap:8px;min-height:0;display:grid}.letras__buscar[data-n="9"]{--cols:3}.letras__buscar[data-n="12"],.letras__buscar[data-n="16"]{--cols:4}.letras__buscar[data-n="20"]{--cols:5}.letras__casillero{font:700 clamp(1.5rem, 5dvh, 2.75rem)/1 var(--fuente-titulo);background:var(--superficie)}.letras__aviso{z-index:5;border-radius:var(--radio);background:#3b314740;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:absolute;inset:0}.letras__aviso[hidden]{display:none}.letras__aviso-caja{border-radius:var(--radio-grande);background:var(--fondo);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;width:min(100%,460px);padding:16px 18px;animation:.35s ease-out both aparecer;display:flex;box-shadow:0 12px 40px #3b31474d}.letras__aviso-texto{font:700 clamp(1.5rem, 5vw, 2rem)/1.1 var(--fuente-titulo);color:var(--salvia);margin:0}@media (width<=600px) and (orientation:portrait){.letras{gap:8px}.letras__letra{min-width:clamp(60px,11dvh,96px);height:clamp(60px,11dvh,96px)}.letras__dibujos[data-n]{--cols:2;grid-auto-rows:minmax(0,160px);gap:8px}.letras__dibujos[data-n="9"]{--cols:3}.letras__completar{grid-auto-rows:auto}.letras__fila{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"e p""e o";padding:6px 8px}.letras__letra-op{width:52px;height:52px}body[data-edad="3-5"] .letras__letra-op{width:66px;height:66px}.letras__buscar{grid-template-columns:repeat(var(--cols,4), minmax(0, 80px));grid-auto-rows:minmax(0,80px)}}@media (orientation:landscape) and (height<=500px){.letras{flex-direction:row;gap:10px}.letras__cabeza{flex-direction:column;justify-content:center;gap:8px;width:110px}.letras__lado{text-align:center;align-items:center}.letras__consigna{font-size:.875rem}.letras__progreso{gap:6px}.letras__progreso i{width:11px;height:11px}.letras__letra{min-width:min(84px,26dvh);height:min(84px,26dvh);font-size:min(3.5rem,18dvh)}.letras__letra--doble{font-size:min(2.75rem,14dvh)}.letras__desafio{flex:1;min-width:0}.letras__dibujos{grid-auto-rows:minmax(0,1fr);gap:8px;height:100%}.letras__dibujos[data-n="6"]{--cols:3}.letras__dibujos[data-n="9"]{--cols:5}.letras__completar{gap:6px}.letras__fila{padding:3px 8px}.letras__emoji-fila{font-size:min(2.25rem,11dvh)}.letras__palabra--fila{font-size:min(1.5rem,7dvh)}.letras__letra-op{width:50px;height:50px;font-size:1.5rem}body[data-edad="3-5"] .letras__letra-op{width:66px;height:66px}.letras__copias{gap:2px;padding:8px 14px}.letras__copia{font-size:min(2.5rem,11dvh)}.letras__buscar{grid-template-columns:repeat(var(--cols,6), minmax(0, 80px));grid-auto-rows:minmax(0,80px);gap:6px}.letras__buscar[data-n="9"]{--cols:5}.letras__buscar[data-n="12"],.letras__buscar[data-n="16"]{--cols:6}.letras__buscar[data-n="20"]{--cols:7}.letras__aviso{align-items:center}}@media (prefers-reduced-motion:reduce){.letras__aviso-caja,.letras__toque.bien:after,.letras__fila.resuelta .letras__casilla{animation:none}.letras__toque.pista{animation:none;box-shadow:0 0 0 5px #e0a80099}}
