.quiz{border-radius:var(--r-l);padding:var(--e-5) var(--e-4);min-height:34rem;box-shadow:var(--relieve);isolation:isolate;position:relative;overflow:hidden}.quiz :focus-visible{outline-color:var(--bombilla)}.q-rotulo{font-family:var(--f-rotulo);color:var(--bombilla);text-shadow:2px 2px 0 var(--tinta);text-align:center;margin:0;font-size:1rem;line-height:1.1}.q-inicio,.q-resultado{justify-content:center;align-items:center;gap:var(--e-4);text-align:center;flex-direction:column;min-height:31rem;display:flex}.q-inicio{padding-top:var(--e-2);justify-content:flex-start;gap:var(--e-3)}.q-pregunta-n{margin:var(--e-2) 0 0;font-weight:700;font-size:var(--t-l);text-shadow:0 2px 0 var(--tinta)}.q-longitudes{justify-content:center;gap:var(--e-3);flex-wrap:wrap;display:flex}.q-longitud{background:var(--blanco);width:3.75rem;height:3.75rem;color:var(--tinta);font-family:var(--f-rotulo);cursor:pointer;box-shadow:0 5px 0 var(--tinta);transition:transform var(--dur-rapida), box-shadow var(--dur-rapida);border:0;border-radius:50%;font-size:1.5rem}.q-longitud:disabled,.q-jugar:disabled{opacity:.6;cursor:progress}.q-longitud.is-activa{background:var(--coral)}.q-longitud:active{box-shadow:0 1px 0 var(--tinta);transform:translateY(4px)}.q-record{min-height:1.6em;color:var(--escenario-suave);font-size:var(--t-s);margin:0}.q-jugar{font-family:var(--f-rotulo);padding-inline:var(--e-7);min-height:60px;font-size:1.5rem;font-weight:400}.q-juego{gap:var(--e-3);flex-direction:column;max-width:34rem;margin-inline:auto;display:flex}.q-marcador{align-items:center;gap:var(--e-3);background:var(--tinta);border-radius:var(--r-m);padding:var(--e-2) var(--e-3);font-size:var(--t-s);color:var(--escenario-suave);display:flex}.q-marcador b{font-family:var(--f-rotulo);color:var(--bombilla);margin-inline:.15em;font-size:1.15rem;font-weight:400}.q-efectos{width:40px;height:40px;color:var(--blanco);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-left:auto;display:grid}.q-efectos svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.q-efectos svg path:first-child{fill:currentColor}.q-luces{justify-content:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.q-luces li{border-radius:var(--r-pastilla);background:#0a16638c;flex:1 1 0;max-width:22px;height:8px}.q-luces .is-ok{background:var(--acierto)}.q-luces .is-mal{background:var(--fallo)}.q-luces .is-ahora{background:var(--bombilla);animation:1s steps(2,end) infinite q-parpadeo}@keyframes q-parpadeo{50%{opacity:.35}}.q-bandera{margin:var(--e-2) auto 0;background:var(--blanco);width:min(100%,22rem);box-shadow:var(--relieve);transition:transform var(--dur);border-radius:6px;padding:5px;position:relative}.q-bandera img{border-radius:2px;width:100%;height:auto;display:block}.q-bandera.is-ok{transform:scale(1.03)}.q-estallido{font-family:var(--f-rotulo);color:var(--bombilla);text-shadow:3px 3px 0 var(--tinta);white-space:nowrap;pointer-events:none;animation:q-entrada .45s var(--curva-rebote), q-salida .35s ease-in 1.1s forwards;font-size:clamp(1.8rem,9vw,2.6rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.q-bandera.is-mal .q-estallido{color:var(--blanco);text-shadow:3px 3px 0 var(--fallo-borde)}@keyframes q-salida{to{opacity:0;transform:translate(-50%,-50%)rotate(-6deg)scale(1.15)}}@keyframes q-entrada{0%{opacity:0;transform:translate(-50%,-50%)rotate(-6deg)scale(.2)}}.q-enunciado{margin:var(--e-2) 0 0;text-align:center;font-size:var(--t-l);text-shadow:0 2px 0 var(--tinta);font-weight:700;line-height:1.2}.q-opciones{gap:var(--e-3);display:grid}.q-opcion{align-items:center;gap:var(--e-3);width:100%;min-height:56px;padding:var(--e-2) var(--e-4);border-radius:var(--r-m);background:var(--blanco);color:var(--tinta);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--relieve);transition:transform var(--dur-rapida), box-shadow var(--dur-rapida), opacity var(--dur);border:0;font-size:1.0625rem;font-weight:700;display:flex}.q-opcion:not(:disabled):hover{box-shadow:var(--relieve-alto);transform:translateY(-2px)}.q-opcion:not(:disabled):active{box-shadow:var(--relieve-pulsado);transform:translateY(5px)}.q-opcion:disabled{cursor:default}.q-num{background:var(--coral);width:30px;height:30px;color:var(--tinta);font-family:var(--f-rotulo);border-radius:50%;flex:none;place-items:center;font-size:.85rem;display:grid}.q-texto{flex:1;min-width:0}.q-marca{font-size:1.3rem;font-weight:800}.q-opcion.is-ok{background:var(--acierto);box-shadow:0 6px 0 var(--acierto-borde)}.q-opcion.is-mal{background:var(--fallo);box-shadow:0 6px 0 var(--fallo-borde);animation:.35s q-temblor}.q-opcion.is-ok .q-num,.q-opcion.is-mal .q-num{background:var(--blanco)}.q-opcion.is-apagada{opacity:.55}@keyframes q-temblor{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.q-explicacion:empty{display:none}.q-explicacion{background:var(--tinta);border-radius:var(--r-m);padding:var(--e-3) var(--e-4);font-size:var(--t-s);color:#dce3ff}.q-explicacion p{margin:0}.q-reaccion{align-items:center;gap:var(--e-3);display:flex}.q-mapache{flex:none;width:64px;height:64px}.q-veredicto{font-family:var(--f-rotulo);color:var(--bombilla);font-size:1.05rem;margin-bottom:var(--e-1)!important}.q-siguiente{width:100%;font-family:var(--f-rotulo);font-size:1.1rem;font-weight:400}.q-confeti{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.q-confeti i{background:var(--bombilla);width:8px;height:14px;animation:1.4s ease-in forwards q-caida;position:absolute;top:-14px}.q-confeti .c1{background:var(--coral)}.q-confeti .c2{background:var(--blanco)}.q-confeti .c3{background:var(--acierto)}@keyframes q-caida{to{transform:translateY(40rem)rotate(540deg)}}.q-nota{font-family:var(--f-rotulo);color:var(--blanco);text-shadow:5px 5px 0 var(--tinta);margin:0;font-size:clamp(4rem,22vw,6rem);font-weight:400;line-height:.95}.q-nota small{color:var(--bombilla);font-size:.45em}.q-nota:focus{outline:none}.q-mensaje{max-width:24ch;font-weight:700;font-size:var(--t-l);text-shadow:0 2px 0 var(--tinta);margin:0;line-height:1.25}.q-datos{gap:var(--e-3);display:flex}.q-datos span{background:var(--tinta);border-radius:var(--r-m);padding:var(--e-2) var(--e-4);font-size:var(--t-xs);color:var(--escenario-suave);flex-direction:column;align-items:center;display:flex}.q-datos b{font-family:var(--f-rotulo);color:var(--bombilla);font-size:1.25rem;font-weight:400}.q-botones{gap:var(--e-4);flex-direction:column;width:min(100%,22rem);display:flex}.q-enlace{color:var(--blanco);font:inherit;text-underline-offset:.2em;cursor:pointer;padding:var(--e-2);background:0 0;border:0;text-decoration:underline}.q-aviso{min-height:1.5em;font-size:var(--t-s);margin:0}@media (prefers-reduced-motion:reduce){.q-confeti,.q-estallido{display:none}}.e-instrucciones{margin:var(--e-2) 0 0;max-width:26ch;text-shadow:0 2px 0 var(--tinta);font-weight:500}.e-banderas{gap:var(--e-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.e-tarjeta{gap:var(--e-2);flex-direction:column;min-width:0;display:flex}.e-bandera{cursor:pointer;border-radius:var(--r-s);background:0 0;border:0;width:100%;padding:14px 0 0;display:block;position:relative}.e-bandera:disabled{cursor:default}.e-letra{z-index:1;background:var(--tinta);width:28px;height:28px;color:var(--bombilla);font-family:var(--f-rotulo);box-shadow:0 0 0 3px var(--azul);border-radius:50%;place-items:center;font-size:.85rem;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.e-marco{background:var(--blanco);box-shadow:0 5px 0 var(--tinta);transition:transform var(--dur-rapida), box-shadow var(--dur-rapida);border-radius:6px;padding:4px;display:block}.e-marco img{border-radius:2px;width:100%;height:auto;display:block}.e-bandera:not(:disabled):active .e-marco{box-shadow:0 1px 0 var(--tinta);transform:translateY(4px)}.e-tarjeta.is-elegida .e-marco{box-shadow:0 11px 0 var(--tinta);transform:translateY(-6px)}.e-tarjeta.is-elegida .e-letra{background:var(--bombilla);color:var(--tinta)}.e-pareja{text-align:center;min-height:36px;font-size:var(--t-s);justify-content:center;align-items:center;font-weight:700;line-height:1.2;display:flex}.e-vacio{color:var(--escenario-suave);font-weight:500}.e-quitar{border-radius:var(--r-pastilla);background:var(--tinta);color:var(--blanco);font:inherit;padding:var(--e-1) var(--e-3);cursor:pointer;border:0;max-width:100%}.e-veredicto{border-radius:var(--r-pastilla);padding:var(--e-1) var(--e-3);color:var(--tinta)}.e-tarjeta.is-ok .e-veredicto{background:var(--acierto)}.e-tarjeta.is-mal .e-veredicto{background:var(--fallo)}.e-nombres{gap:var(--e-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.e-nombre{min-height:52px;padding-inline:var(--e-3);font-size:1rem}.e-nombre.is-elegida{background:var(--bombilla);transform:translateY(-3px)}.e-nombre.is-unido .q-num{background:var(--tinta);color:var(--bombilla)}.e-nombre:disabled{opacity:.55}@media (width>=40rem){.e-banderas,.e-nombres{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr))}}