.tuti{flex-direction:column;justify-content:center;gap:10px;width:min(100%,980px);height:100%;min-height:0;display:flex;position:relative}.tuti__cabeza{flex:none;justify-content:center;align-items:center;gap:14px;display:flex}.tuti__letra{aspect-ratio:1;border-radius:var(--radio);background:var(--superficie);width:clamp(64px,14dvh,112px);color:var(--coral-texto);font:700 clamp(2.5rem, 10dvh, 5rem)/1 var(--fuente-titulo);border:4px solid #e8c15a;place-items:center;display:grid;box-shadow:0 5px #f3dfa2}.tuti__letra.pop{animation:.45s ease-out tuti-pop}@keyframes tuti-pop{0%{transform:scale(.4)rotate(-14deg)}60%{transform:scale(1.15)rotate(6deg)}to{transform:none}}.tuti__lado{flex-direction:column;gap:8px;min-width:0;display:flex}.tuti__consigna{margin:0;font-size:clamp(1rem,2.6dvh,1.375rem);line-height:1.2}.tuti__consigna b{color:var(--coral-texto);font-size:1.25em}.tuti__progreso{gap:8px;display:flex}.tuti__progreso i{background:var(--salvia-tinte);border:2px solid var(--salvia);border-radius:50%;width:14px;height:14px}.tuti__progreso i.actual{background:var(--coral-tinte);border-color:var(--coral)}.tuti__progreso i.hecho{background:var(--salvia);border-color:var(--salvia)}.tuti__grupos{grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));flex:0 auto;grid-auto-rows:minmax(0,210px);align-content:center;gap:10px;min-height:0;display:grid}.tuti[data-grupos="2"] .tuti__grupos{--cols:2}.tuti[data-grupos="3"] .tuti__grupos{--cols:3}.tuti[data-grupos="4"] .tuti__grupos{--cols:2}.tuti__grupo{border-top:6px solid var(--c);background:var(--superficie);border-radius:20px;flex-direction:column;min-width:0;min-height:0;padding:6px 8px 8px;display:flex;box-shadow:0 4px #3b314714}.tuti__cat{white-space:nowrap;color:var(--secundario);margin:0 0 6px 2px;font-size:clamp(.875rem,2.2dvh,1.0625rem);line-height:1.1}.tuti__opciones{flex:1;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;min-height:0;display:grid}.tuti__opcion{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;container-type:size}body[data-edad="3-5"] .tuti__opcion{min-width:64px;min-height:64px}.tuti__opcion:hover{background:#ece6f7}.tuti__opcion:focus-visible{outline:3px solid var(--violeta);outline-offset:2px}.tuti__emoji{pointer-events:none;font-size:clamp(1.25rem,min(52cqi,46cqh),4.25rem);line-height:1}.tuti__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.125rem);text-align:center;pointer-events:none;font-weight:600;line-height:1.05}body[data-edad="3-5"] .tuti__palabra{--ancho-letra:.78}.tuti__inicial{color:var(--coral-texto);font-size:1.45em;font-weight:700}.tuti__opcion.bien{background:var(--salvia-tinte);border-color:var(--salvia);cursor:default;box-shadow:0 3px #b8d4c4}.tuti__opcion.bien:after{content:"★";color:#e0a800;font-size:1.5rem;line-height:1;animation:.35s ease-out backwards aparecer;position:absolute;top:-10px;right:-6px}.tuti__grupo.resuelto .tuti__opcion:not(.bien){opacity:.45;cursor:default}.tuti__opcion.sacudir{background:var(--coral-tinte)}.tuti__opcion.pista{border-color:#e0a800;animation:.8s ease-in-out infinite tuti-titilar}@keyframes tuti-titilar{50%{transform:scale(1.08);box-shadow:0 0 0 6px #e0a80073}}.tuti__tarjeta{z-index:5;border-radius:var(--radio);background:#3b314773;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.tuti__tarjeta[hidden]{display:none}.tuti__tarjeta-caja{border-radius:var(--radio-grande);background:var(--fondo);text-align:center;width:min(100%,420px);padding:22px 18px;animation:.35s ease-out both aparecer;box-shadow:0 12px 40px #3b31474d}.tuti__tarjeta-texto{text-wrap:balance;color:var(--salvia);margin:0 0 16px;font-size:clamp(1.25rem,5vw,1.75rem);line-height:1.2}@media (width<=600px) and (orientation:portrait){.tuti{gap:8px}.tuti__grupos,.tuti[data-grupos] .tuti__grupos{--cols:1;gap:8px}.tuti__letra{width:clamp(60px,11dvh,96px)}}@media (orientation:landscape) and (height<=500px){.tuti{flex-direction:row;gap:10px}.tuti__cabeza{flex-direction:column;justify-content:center;gap:8px;width:92px}.tuti__lado{text-align:center;align-items:center}.tuti__consigna{font-size:.8125rem}.tuti__progreso{flex-wrap:wrap;justify-content:center;gap:5px}.tuti__progreso i{width:10px;height:10px}.tuti__letra{width:min(84px,26dvh);font-size:min(3.5rem,18dvh)}.tuti__grupos,.tuti[data-grupos] .tuti__grupos{--cols:1;flex:1;grid-auto-rows:minmax(0,1fr);gap:6px;min-width:0}.tuti__grupo{border-top:0;border-left:6px solid var(--c);flex-direction:row;padding:4px 6px 4px 4px}.tuti__cat{white-space:normal;text-align:center;flex-direction:column;flex:none;justify-content:center;align-items:center;width:76px;margin:0 4px 0 0;font-size:.75rem;display:flex}.tuti__opciones{gap:6px}.tuti__emoji{font-size:clamp(1.25rem,min(52cqi,50cqh),2.5rem)}}@media (prefers-reduced-motion:reduce){.tuti__letra.pop,.tuti__tarjeta-caja,.tuti__opcion.bien:after{animation:none}.tuti__opcion.pista{animation:none;box-shadow:0 0 0 5px #e0a80099}}
