.csl{flex-direction:column;gap:10px;width:min(100%,980px);height:100%;min-height:0;display:flex}.csl__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:where(.csl) button{font:inherit;color:var(--texto);cursor:pointer;touch-action:manipulation}.csl__emoji,.csl__pestana-emoji,.csl__cartel-emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.csl button:focus-visible{outline:3px solid var(--violeta);outline-offset:2px}.csl__arriba{flex:none;justify-content:center;align-items:center;gap:8px;display:flex}.csl__modos{background:var(--superficie);border-radius:999px;gap:4px;padding:4px;display:flex;box-shadow:0 3px #3b314714}.csl__modo{min-height:44px;font:700 clamp(.875rem, 3.6vw, 1.0625rem)/1 var(--fuente-titulo);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:0 14px}.csl__modo[aria-pressed=true]{background:var(--coral-texto);color:#fff}.csl__abc{border:3px solid var(--violeta);background:var(--violeta-tinte);min-width:56px;min-height:52px;color:var(--violeta);font:700 1.125rem/1 var(--fuente-titulo);border-radius:16px;flex:none}.csl__abc[aria-pressed=false]{background:var(--superficie)}.csl__pestanas{flex:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.csl__pestana{background:#f4f0fa;border:3px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:56px;padding:4px 1px;display:flex;box-shadow:0 3px #e2dcef}.csl__pestana:hover{background:#ece6f7}.csl__pestana[aria-selected=true]{background:var(--superficie);border-color:var(--coral);box-shadow:0 3px 0 var(--coral-tinte)}.csl__pestana-emoji{font-size:clamp(1.375rem,4dvh,1.875rem);line-height:1}.csl__pestana-texto{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:600 clamp(.625rem, 2.6vw, .9375rem)/1.1 var(--fuente-titulo);letter-spacing:-.01em;overflow:hidden}.csl__cuerpo{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.csl__grilla{flex:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;display:grid}.csl__cosa{background:var(--superficie);user-select:none;border:3px solid #0000;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:64px;min-height:64px;padding:4px;display:flex;position:relative;box-shadow:0 4px #3b314714;container-type:size}.csl__cosa:hover{background:#fdf6ee}.csl__emoji{pointer-events:none;font-size:clamp(1.75rem,min(56cqi,42cqh),5.5rem);line-height:1}.csl__nombre{max-width:100%;font:600 clamp(.625rem, 9cqi, 1rem)/1.05 var(--fuente-titulo);text-align:center;color:var(--secundario);pointer-events:none}.csl[data-modo=encontrar] .csl__nombre{display:none}.csl__cosa.bien{background:var(--salvia-tinte);border-color:var(--salvia)}.csl__cosa.sacudir{background:var(--coral-tinte)}.csl__cosa.salta{animation:.5s ease-out csl-saltar}@keyframes csl-saltar{0%,to{transform:none}35%{transform:translateY(-14%)scale(1.06)}65%{transform:translateY(2%)scale(.98)}}.csl__abajo{flex:none}.csl__explorar,.csl__encontrar{align-items:center;gap:10px;display:flex}.csl[data-modo=explorar] .csl__encontrar,.csl[data-modo=encontrar] .csl__explorar{display:none}.csl__cartel{border-radius:var(--radio);background:var(--superficie);border:4px solid #e8c15a;flex:1;align-items:center;gap:12px;min-width:0;min-height:84px;padding:8px 14px;display:flex;box-shadow:0 5px #f3dfa2}.csl__cartel-emoji{flex:none;font-size:clamp(2.5rem,8dvh,4rem);line-height:1}.csl__cartel-texto{min-width:0;font:700 clamp(1.25rem, 5.4vw, 2.125rem)/1.15 var(--fuente-titulo);color:var(--coral-texto);text-wrap:balance;margin:0}.csl__cartel:not(.csl__cartel--lleno) .csl__cartel-texto{color:var(--secundario);font-size:clamp(1rem,4.4vw,1.375rem)}.csl__palabra{white-space:nowrap;display:inline-block}.csl__letra{animation:.22s ease-out backwards csl-letra;animation-delay:calc(var(--i) * 55ms);display:inline-block}@keyframes csl-letra{0%{opacity:0;transform:translateY(.3em)scale(.6)}to{opacity:1;transform:none}}.csl__repetir{background:var(--salvia-tinte);min-height:56px;color:var(--salvia);font:700 1.0625rem/1.1 var(--fuente-titulo);border:0;border-radius:999px;flex:none;padding:0 16px}.csl__repetir:hover{background:#d2e5da}.csl__encontrar{flex-wrap:wrap;justify-content:center}.csl__pregunta{text-align:center;font:700 clamp(1.25rem, 5.4vw, 2rem)/1.15 var(--fuente-titulo);color:var(--coral-texto);flex:100%;margin:0}.csl__estrellas{gap:4px;font-size:clamp(1.75rem,5dvh,2.5rem);line-height:1;display:flex}.csl__estrellas i{color:#d8cfc4;font-style:normal}.csl__estrellas i.llena{color:var(--amarillo);animation:.35s ease-out backwards aparecer}@media (width>=760px) and (height>=520px){.csl__cuerpo{flex-direction:row;align-items:stretch}.csl__grilla{aspect-ratio:1;flex:auto;max-width:min(62%,100dvh - 260px);margin:0 auto}.csl__abajo{flex-direction:column;flex:1 1 0;justify-content:center;min-width:260px;display:flex}.csl__explorar{flex-direction:column;align-items:stretch}.csl__cartel{text-align:center;flex-direction:column;flex:none;justify-content:center;min-height:220px}.csl__cartel-emoji{font-size:5.5rem}.csl__encontrar{flex-flow:column;gap:16px}.csl__pregunta{text-wrap:balance;flex:none}}@media (orientation:landscape) and (height<=500px){.csl{gap:6px}.csl__pestana{flex-direction:row;gap:4px;min-height:44px}.csl__pestana-emoji{font-size:1.25rem}.csl__cuerpo{flex-direction:row}.csl__grilla{flex:2.2;grid-template-rows:repeat(2,minmax(64px,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.csl__cosa{gap:2px}.csl__abajo{flex-direction:column;flex:1;justify-content:center;min-width:180px;display:flex}.csl__explorar{flex-direction:column;align-items:stretch;gap:6px}.csl__cartel{flex:none;gap:8px;min-height:0;padding:6px 10px}.csl__cartel-emoji{font-size:clamp(1.75rem,9dvh,3rem)}.csl__cartel-texto{font-size:clamp(1.125rem,3.2vw,1.75rem)}.csl__cartel:not(.csl__cartel--lleno) .csl__cartel-texto{font-size:clamp(.9375rem,2.6vw,1.25rem)}.csl__encontrar{flex-flow:column;gap:6px}.csl__pregunta{text-wrap:balance;flex:none;font-size:clamp(1.125rem,3.2vw,1.625rem)}.csl__estrellas{font-size:clamp(1.5rem,7dvh,2rem)}}@media (prefers-reduced-motion:reduce){.csl__cosa.salta,.csl__letra,.csl__estrellas i.llena,.csl__cartel.aparecer{animation:none}}