.idi{--es:#1a73b5;--es-tinte:#e2f1fb;--en:#b8323c;--en-tinte:#fbe7e9;--fr:#4a4fb5;--fr-tinte:#e8e9fb;--it:#1f7a3a;--it-tinte:#e2f3e7;--pt:#9a5b00;--pt-tinte:#fbefdc;--bien:#23865a;--bien-tinte:#e1f4ea;flex-direction:column;gap:8px;width:min(100%,900px);height:100%;min-height:0;display:flex;position:relative;container-type:size}:where(.idi) button{font:inherit;color:var(--texto);cursor:pointer;touch-action:manipulation}.idi button:focus-visible{outline:3px solid var(--violeta);outline-offset:2px}.idi__emoji,.idi__repetir,.idi__escuchar,.idi__mini{font-family:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", var(--fuente-titulo)}.idi__arriba{flex:none;align-items:center;gap:8px;min-width:0;display:flex}.idi__ajustes{background:var(--superficie);min-width:0;min-height:44px;font:700 clamp(.8125rem, 3.4vw, 1rem)/1.1 var(--fuente-titulo);white-space:nowrap;text-overflow:ellipsis;border:0;border-radius:999px;flex:0 auto;padding:0 14px;overflow:hidden;box-shadow:0 3px #3b314714}.idi__repetir{background:var(--superficie);border:0;border-radius:50%;flex:none;width:44px;height:44px;font-size:1.25rem;box-shadow:0 3px #3b314714}.idi__progreso{flex:none;gap:5px;margin-left:auto;display:flex}.idi__progreso i{background:#e6dcd3;border-radius:50%;width:11px;height:11px;display:block}.idi__progreso i.hecho{background:var(--bien)}.idi__progreso i.ahora{background:var(--amarillo);transform:scale(1.25)}.idi__panel{z-index:5;border-radius:var(--radio);background:var(--superficie);flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,3cqh,18px);padding:clamp(10px,3cqh,22px) 14px;display:flex;position:absolute;inset:0;overflow-y:auto;box-shadow:0 10px 30px #3b31472e}.idi__panel[hidden]{display:none}.idi--panel .idi__escena,.idi--panel .idi__arriba{visibility:hidden}.idi__menu-modo{font:700 clamp(.9375rem, 4cqh, 1.125rem)/1 var(--fuente-titulo);color:var(--secundario);margin:0}.idi__menu-pasos{gap:8px;display:flex}.idi__menu-pasos i{background:#e6dcd3;border-radius:50%;width:12px;height:12px;display:block}.idi__menu-pasos i.hecho{background:var(--violeta)}.idi__menu-pregunta{font:700 clamp(1.375rem, 7cqh, 2.125rem)/1.1 var(--fuente-titulo);text-align:center;justify-content:center;align-items:center;gap:10px;margin:0;display:flex}.idi__menu-opciones{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2cqw,14px);width:min(100%,720px);display:grid}.idi__menu-opciones[data-n="5"]{grid-template-columns:repeat(6,minmax(0,1fr))}.idi__menu-opciones[data-n="5"] .idi__opcion{grid-column:span 2}.idi__menu-opciones[data-n="5"] .idi__opcion:nth-child(4){grid-column:2/span 2}.idi__opcion{--t:#fff3d6;--k:#8a5a00;background:var(--t);min-width:0;min-height:max(64px,min(150px,26cqh));box-shadow:0 5px 0 color-mix(in srgb, var(--k) 40%, transparent);font:700 clamp(1rem, min(5cqh, 4.4cqw), 1.5rem)/1.05 var(--fuente-titulo);overflow-wrap:anywhere;border:0;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 8px;display:flex;color:var(--k)!important}.idi__opcion:active{box-shadow:0 2px 0 color-mix(in srgb, var(--k) 40%, transparent);transform:translateY(3px)}.idi__opcion[aria-pressed=true]{outline:4px solid var(--k);outline-offset:3px}.idi__opcion-muestra{white-space:nowrap;font-size:1.6em;line-height:1}.idi__opcion--modo{--t:#e0f5fa;--k:#0d6f88}.idi__opcion--es{--t:var(--es-tinte);--k:var(--es)}.idi__opcion--fr{--t:var(--fr-tinte);--k:var(--fr)}.idi__opcion--it{--t:var(--it-tinte);--k:var(--it)}.idi__opcion--pt{--t:var(--pt-tinte);--k:var(--pt)}.idi__opcion--en{--t:var(--en-tinte);--k:var(--en)}.idi__menu-opciones[data-paso-menu=idioma] .idi__opcion{position:relative}.idi__menu-opciones[data-paso-menu=idioma] .idi__opcion[aria-pressed=false]{opacity:.6;filter:saturate(.4)}.idi__menu-opciones[data-paso-menu=idioma] .idi__opcion[aria-pressed=true]:after{content:"✓";color:var(--k);font-size:.9em;position:absolute;top:6px;right:10px}.idi__menu-listo{background:var(--bien);min-width:min(100%,240px);min-height:56px;box-shadow:0 5px 0 color-mix(in srgb, var(--bien) 50%, #000);font:700 clamp(1.25rem, 5cqh, 1.75rem)/1 var(--fuente-titulo);border:0;border-radius:999px;padding:8px 28px;color:#fff!important}.idi__menu-listo:active{box-shadow:0 2px 0 color-mix(in srgb, var(--bien) 50%, #000);transform:translateY(3px)}.idi__manchas{gap:5px;display:inline-flex}.idi__manchas i{background:var(--c);border-radius:50%;width:.8em;height:.8em;display:block}.idi__menu-atras{font:800 1rem var(--fuente-texto);background:0 0;border:0;min-height:44px;text-decoration:underline;color:var(--secundario)!important}.idi__resumen{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:700 clamp(.8125rem, 3.4vw, 1rem)/1.1 var(--fuente-titulo);color:var(--secundario);overflow:hidden}@container (width<=480px) and (height>=480px){.idi__menu-opciones,.idi__menu-opciones[data-n="5"]{grid-template-columns:1fr;width:min(100%,360px)}.idi__menu-opciones[data-n="5"] .idi__opcion,.idi__menu-opciones[data-n="5"] .idi__opcion:nth-child(4){grid-column:auto}.idi__opcion{flex-direction:row;gap:12px;min-height:max(56px,min(110px,15cqh))}.idi__menu-opciones[data-n="5"] .idi__opcion{min-height:max(52px,min(84px,11cqh))}}.idi__escena{flex:1;grid-template-rows:auto auto;align-content:center;place-items:center;gap:clamp(8px,3cqh,24px);min-height:0;display:grid}.idi__muestra{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:0;display:flex}.idi__figura{--tam:48px;width:calc(var(--tam) * 1.35);height:calc(var(--tam) * 1.35);place-items:center;line-height:1;display:grid}.idi__emoji{font-size:var(--tam)}.idi__figura--numero{align-content:center;gap:calc(var(--tam) * .06);grid-template-rows:auto auto}.idi__cifra{font:700 calc(var(--tam) * .95)/.9 var(--fuente-titulo);color:var(--texto)}.idi__puntitos{grid-template-columns:repeat(5, calc(var(--tam) * .14));gap:calc(var(--tam) * .05);justify-content:center;display:grid}.idi__puntitos i{width:calc(var(--tam) * .14);height:calc(var(--tam) * .14);background:var(--amarillo);border-radius:50%;display:block}.idi__mancha{width:calc(var(--tam) * 1.05);height:calc(var(--tam) * 1.05);background:var(--c);border:3px solid #3b31472e;border-radius:58% 42% 55% 45%/48% 58% 42% 52%}.idi__figura--grande{--tam:min(26cqh, 30cqw, 120px);border-radius:var(--radio);background:var(--superficie);box-shadow:0 4px #3b314712}.idi__respuestas{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.idi__respuesta{min-width:96px;font:700 clamp(1rem, 5cqh, 1.375rem)/1.2 var(--fuente-titulo);text-align:center;border:2px dashed;border-radius:12px;padding:3px 14px}.idi__respuesta--es{color:var(--es);background:var(--es-tinte)}.idi__respuesta--fr{color:var(--fr);background:var(--fr-tinte)}.idi__respuesta--it{color:var(--it);background:var(--it-tinte)}.idi__respuesta--pt{color:var(--pt);background:var(--pt-tinte)}.idi__respuesta--en{color:var(--en);background:var(--en-tinte)}.idi__respuesta.llena{border-style:solid}.idi__pregunta{font:700 clamp(1rem, 5.2cqh, 1.375rem)/1.2 var(--fuente-titulo);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;display:flex}.idi__idioma{color:#fff;font:800 .8125rem/1.3 var(--fuente-texto);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:2px 10px}.idi__idioma--es{background:var(--es)}.idi__idioma--fr{background:var(--fr)}.idi__idioma--it{background:var(--it)}.idi__idioma--pt{background:var(--pt)}.idi__idioma--en{background:var(--en)}.idi__mini{background:var(--superficie);border:0;border-radius:50%;width:40px;height:40px;font-size:1.125rem;box-shadow:0 2px #3b31471a}.idi__opciones{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,560px);display:grid}.idi__opciones[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.idi__op{background:var(--superficie);border:3px solid #e6dcd3;border-radius:18px;min-width:0;min-height:48px;box-shadow:0 4px #3b314714}.idi__opciones--palabras{grid-template-columns:repeat(2,minmax(0,1fr))!important}.idi__opciones--palabras .idi__op{font:700 clamp(1rem, min(6cqh, 5.5cqw), 1.75rem)/1.1 var(--fuente-titulo);overflow-wrap:break-word;min-height:max(48px,min(80px,11cqh));padding:6px}.idi__opciones--palabras[data-n="3"] .idi__op:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 4px)}.idi__op--es{color:var(--es);border-color:color-mix(in srgb, var(--es) 35%, #e6dcd3)}.idi__op--fr{color:var(--fr);border-color:color-mix(in srgb, var(--fr) 35%, #e6dcd3)}.idi__op--it{color:var(--it);border-color:color-mix(in srgb, var(--it) 35%, #e6dcd3)}.idi__op--pt{color:var(--pt);border-color:color-mix(in srgb, var(--pt) 35%, #e6dcd3)}.idi__op--en{color:var(--en);border-color:color-mix(in srgb, var(--en) 35%, #e6dcd3)}.idi__opciones--figuras .idi__op{place-items:center;padding:4px;display:grid}.idi__opciones--figuras .idi__figura{--tam:min(12cqh, 20cqw, 84px)}.idi__op.bien{border-color:var(--bien);background:var(--bien-tinte);color:var(--bien)}.idi__op.mal{opacity:.4}.idi__op:disabled{cursor:default}.idi__escuchar{color:#fff;min-height:56px;font:700 clamp(1.125rem, 7cqh, 1.625rem)/1 var(--fuente-titulo);border:0;border-radius:999px;padding:0 26px}.idi__escuchar--es{background:var(--es)}.idi__escuchar--fr{background:var(--fr)}.idi__escuchar--it{background:var(--it)}.idi__escuchar--pt{background:var(--pt)}.idi__escuchar--en{background:var(--en)}.idi__palabra{font:700 clamp(2rem, 16cqh, 4.5rem)/1 var(--fuente-titulo);overflow-wrap:anywhere;text-align:center;margin:0}.idi__palabra--es{color:var(--es)}.idi__palabra--fr{color:var(--fr)}.idi__palabra--it{color:var(--it)}.idi__palabra--pt{color:var(--pt)}.idi__palabra--en{color:var(--en)}.idi__completar{flex-direction:column;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.idi__letras{justify-content:center;gap:4px;max-width:100%;display:flex}.idi__letra{width:min(44px, calc((100cqw - 20px) / var(--n) - 4px));height:min(52px,11cqh);font:700 min(2rem, 8cqh, calc((100cqw - 20px) / var(--n) - 8px)) / 1 var(--fuente-titulo);border-bottom:4px solid #e6dcd3;place-items:center;display:grid}.idi__letras--es .idi__letra{color:var(--es)}.idi__letras--fr .idi__letra{color:var(--fr)}.idi__letras--it .idi__letra{color:var(--it)}.idi__letras--pt .idi__letra{color:var(--pt)}.idi__letras--en .idi__letra{color:var(--en)}.idi__letra.falta{border-bottom-color:var(--amarillo);background:var(--amarillo-tinte);border-radius:8px 8px 0 0}.idi__letra.puesta{color:var(--bien)}.idi__letra--espacio{border:0;width:12px}.idi__fichas{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:min(100%,400px);display:grid}.idi__ficha{background:var(--superficie);min-width:0;height:max(44px,min(56px,12cqh));font:700 clamp(1.25rem, 7cqh, 1.75rem)/1 var(--fuente-titulo);border:3px solid #e6dcd3;border-radius:14px;box-shadow:0 3px #e6dcd3}.idi__ficha.usada{visibility:hidden}.idi__parejas{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;width:min(100%,520px);display:grid}.idi__columna{gap:8px;min-width:0;display:grid}.idi__pieza{background:var(--superficie);min-width:0;min-height:max(44px,min(88px,12cqh));font:700 clamp(.9375rem, min(5cqh, 5cqw), 1.375rem)/1.1 var(--fuente-titulo);overflow-wrap:break-word;border:3px solid #e6dcd3;border-radius:16px;place-items:center;padding:2px 6px;display:grid}.idi__pieza--es{color:var(--es)}.idi__pieza--fr{color:var(--fr)}.idi__pieza--it{color:var(--it)}.idi__pieza--pt{color:var(--pt)}.idi__pieza--en{color:var(--en)}.idi__pieza .idi__figura{--tam:min(8cqh, 13cqw, 56px)}.idi__pieza.elegida{border-color:var(--amarillo);box-shadow:0 0 0 4px var(--amarillo-tinte)}.idi__pieza.unida{border-color:var(--bien);background:var(--bien-tinte);opacity:.7;cursor:default}@container (aspect-ratio>=3/2){.idi__escena:has(>.idi__muestra){grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.idi__figura--grande{--tam:min(30cqh, 16cqw, 120px)}.idi__opciones--figuras .idi__figura{--tam:min(18cqh, 9cqw, 72px)}.idi__opciones--palabras .idi__op{min-height:max(48px,min(90px,20cqh));font-size:clamp(1rem,min(8cqh,3cqw),1.75rem)}.idi__pieza{min-height:max(44px,min(72px,13cqh))}.idi__parejas{gap:6px 24px}.idi__columna{gap:6px}.idi__escuchar{font-size:clamp(1.125rem,9cqh,1.625rem)}.idi__letra{width:min(40px, calc((52cqw - 20px) / var(--n) - 4px));height:min(48px,14cqh);font-size:min(1.75rem, 10cqh, calc((52cqw - 20px) / var(--n) - 8px))}.idi__ficha{height:max(44px,min(52px,18cqh))}.idi__pieza .idi__figura{--tam:min(12cqh, 9cqw, 44px)}}@media (prefers-reduced-motion:reduce){.idi__progreso i.ahora{transform:none}}