:root{--crema:#fbf3e4;--arena:#f1e4c8;--papel:#fffdf8;--noche:#14264a;--noche-2:#22396a;--amarillo:#ffc53d;--amarillo-oscuro:#d99a0c;--amarillo-suave:#ffe9ad;--verde:#2e9e5b;--verde-suave:#d8f1e1;--coral:#ee6f58;--coral-suave:#fde0d9;--celeste:#9ed4e8;--celeste-suave:#e3f3f9;--naranja:#f29a2e;--fondo:var(--crema);--fondo-2:var(--arena);--tarjeta:var(--papel);--texto:var(--noche);--texto-suave:#536285;--borde:#e9dcbf;--borde-fuerte:#d6c59d;--primario:var(--noche);--sobre-primario:var(--crema);--acento:var(--amarillo);--sobre-acento:var(--noche);--sombra:0 6px 18px -6px #14264a2e, 0 1px 2px #14264a0f;--sombra-flotante:0 14px 34px -10px #14264a47;--sombra-boton:0 6px 0 -1px #14264a2e;--anillo-foco:0 0 0 4px #ffc53d8c;--fuente-titulo:"Fredoka", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--fuente-texto:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--radio:22px;--radio-chico:14px;--letra-base:20px;--alto-boton:56px;--barra:80px;--facil:cubic-bezier(.2, .8, .2, 1);--rebote:cubic-bezier(.34, 1.4, .5, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;accent-color:var(--amarillo-oscuro)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-letra=grande]{--letra-base:23px}:root[data-letra=muy-grande]{--letra-base:27px}@media (prefers-color-scheme:dark){:root{--fondo:#0f1a33;--fondo-2:#182647;--tarjeta:#1b2b4d;--texto:#f6eedd;--texto-suave:#b5bfd8;--borde:#2c3d66;--borde-fuerte:#3b4f80;--primario:#ffc53d;--sobre-primario:#14264a;--acento:#ffc53d;--sobre-acento:#14264a;--verde-suave:#1e4a33;--coral-suave:#5a2a25;--amarillo-suave:#4a3a12;--celeste-suave:#1d3a4d;--sombra:0 8px 20px -8px #00000080;--sombra-flotante:0 16px 36px -10px #0009;--sombra-boton:0 6px 0 -1px #00000059;accent-color:var(--amarillo)}}*{box-sizing:border-box}html{font-size:var(--letra-base);-webkit-text-size-adjust:100%}body{font-family:var(--fuente-texto);background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;background-image:radial-gradient(60% 40% at 100% 0,#ffc53d29,#0000 70%),radial-gradient(50% 35% at 0 100%,#9ed4e82e,#0000 70%);background-attachment:fixed;margin:0;font-weight:600;line-height:1.45}::selection{background:var(--amarillo);color:var(--noche)}:focus-visible{box-shadow:var(--anillo-foco);border-radius:var(--radio-chico);outline:none}#root{min-height:100dvh}h1,h2,h3{font-family:var(--fuente-titulo);letter-spacing:-.01em;text-wrap:balance;margin:0 0 .5rem;font-weight:600;line-height:1.12}h1{font-size:1.85rem}h2{font-size:1.35rem}h3{font-size:1.1rem}p{margin:0 0 .75rem}a{color:inherit}button{font:inherit;color:inherit}strong{font-weight:800}img{max-width:100%}.app{flex-direction:column;min-height:100dvh;display:flex}.cabecera{padding:.6rem 1rem .2rem;padding-top:calc(.6rem + env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:.5rem;width:100%;max-width:640px;margin:0 auto;display:flex}.cabecera a{align-items:center;gap:.5rem;text-decoration:none;display:flex}.cabecera .marca{border-radius:10px;width:34px;height:34px}.cabecera .nombre{font-family:var(--fuente-titulo);letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.cabecera .nombre b{color:var(--amarillo-oscuro);font-weight:600}@media (prefers-color-scheme:dark){.cabecera .nombre b{color:var(--amarillo)}}.contenido{width:100%;max-width:640px;padding:.5rem 1rem 0;padding-bottom:calc(var(--barra) + 1.5rem + env(safe-area-inset-bottom));flex:1;margin:0 auto}.barra-inferior{z-index:10;background:var(--tarjeta);border-top:1px solid var(--borde);padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;grid-template-columns:repeat(4,1fr);max-width:640px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px -12px #14264a40}.barra-inferior a{min-height:calc(var(--barra) - 12px);color:var(--texto-suave);transition:color .2s var(--facil);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.78rem;font-weight:800;text-decoration:none;display:flex;position:relative}.barra-inferior a .pildora{background:var(--amarillo);z-index:0;border-radius:999px;width:60px;height:38px;position:absolute;top:6px}.barra-inferior a svg{z-index:1;width:30px;height:30px;margin-bottom:4px;position:relative}.barra-inferior a span{z-index:1;position:relative}.barra-inferior a.activo{color:var(--texto)}.barra-inferior a.activo svg{color:var(--noche)}.barra-inferior a:active svg{transform:scale(.9)}.boton{min-height:var(--alto-boton);cursor:pointer;width:100%;transition:transform .12s var(--facil), box-shadow .12s var(--facil), filter .15s;box-shadow:var(--sombra-boton);-webkit-tap-highlight-color:transparent;border:0;border-radius:18px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-size:1.05rem;font-weight:800;line-height:1.15;text-decoration:none;display:inline-flex;position:relative}.boton:active{transform:translateY(3px);box-shadow:0 2px 0 -1px #14264a2e}.boton:disabled,.boton[aria-disabled=true]{opacity:.45;cursor:default;box-shadow:none;transform:none}.boton svg{flex-shrink:0;width:1.3em;height:1.3em}.boton-primario{background:var(--primario);color:var(--sobre-primario)}.boton-acento{background:var(--acento);color:var(--sobre-acento);box-shadow:0 6px 0 -1px var(--amarillo-oscuro)}.boton-acento:active{box-shadow:0 2px 0 -1px var(--amarillo-oscuro)}.boton-secundario{background:var(--tarjeta);border:2px solid var(--borde-fuerte);color:var(--texto);box-shadow:none}.boton-secundario:active{box-shadow:none;transform:scale(.98)}.boton-verde{background:var(--verde);color:#fff;box-shadow:0 6px 0 -1px #1f7a44}.boton-chico{width:auto;min-height:48px;padding:0 1rem;font-size:.95rem}.boton-icono{width:var(--alto-boton);height:var(--alto-boton);background:var(--tarjeta);border:2px solid var(--borde-fuerte);color:var(--texto);cursor:pointer;transition:transform .12s var(--facil), background .2s;-webkit-tap-highlight-color:transparent;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.boton-icono:active{transform:scale(.92)}.boton-icono:disabled{opacity:.35;cursor:default}.boton-icono svg{width:28px;height:28px}.boton-icono.activo{background:var(--acento);color:var(--noche);border-color:var(--amarillo-oscuro)}.boton-icono.activo svg{animation:1s ease-in-out infinite latido}@keyframes latido{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.tarjeta{background:var(--tarjeta);border-radius:var(--radio);box-shadow:var(--sombra);border:1px solid var(--borde);margin-bottom:0;padding:1.1rem}.tarjeta-enlace{color:inherit;transition:transform .15s var(--facil), box-shadow .15s var(--facil);-webkit-tap-highlight-color:transparent;text-decoration:none;display:block}.tarjeta-enlace:active{transform:scale(.98);box-shadow:0 2px 8px -4px #14264a33}.tarjeta-fila{align-items:center;gap:.85rem;display:flex}.tarjeta-fila .crece{flex:1;min-width:0}.tarjeta-destacada{background:var(--amarillo-suave);border-color:var(--amarillo);color:var(--texto)}.tarjeta-destacada h3{align-items:center;gap:.5rem;display:flex}.tarjeta-destacada p:last-child{margin-bottom:0}.tarjeta-noche{background:var(--noche);color:var(--crema);border-color:var(--noche-2)}.tarjeta-noche .suave{color:#f6eeddc7}.suave{color:var(--texto-suave);font-size:.9rem}.pila{flex-direction:column;gap:.85rem;display:flex}.fila{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.centrado{text-align:center}.espacio{margin-top:1.5rem}.titulo-seccion{justify-content:space-between;align-items:baseline;gap:.5rem;margin-top:.5rem;display:flex}.titulo-seccion h2{margin:0}.ilustracion{object-fit:contain;width:100%;height:auto;display:block}.mascota{object-fit:contain;filter:drop-shadow(0 8px 10px #14264a26);height:auto;display:block}.mascota.flota{animation:3.2s ease-in-out infinite flotar}@keyframes flotar{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.icono-tema{background:var(--celeste-suave);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex;overflow:hidden}.icono-tema img{object-fit:contain;width:100%;height:100%;padding:3px}.icono-tema svg{width:34px;height:34px;color:var(--noche)}.saludo{grid-template-columns:1fr 120px;align-items:end;gap:.5rem;margin-top:.25rem;display:grid}.saludo h1{margin-bottom:.25rem;font-size:2.1rem}.saludo .mascota{justify-self:end;width:120px}.saludo .racha-chip{background:var(--tarjeta);border:1px solid var(--borde);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .8rem .35rem .6rem;font-size:.9rem;font-weight:800;display:inline-flex}.saludo .racha-chip svg{width:22px;height:22px;color:var(--naranja)}.saludo .racha-chip.apagada svg{color:var(--texto-suave)}.segui{color:var(--noche);background:linear-gradient(135deg, var(--amarillo) 0%, #ffd56a 100%);box-shadow:var(--sombra-flotante);border:0;border-radius:26px;grid-template-columns:1fr 112px;align-items:center;gap:.75rem;padding:1.1rem 1.1rem 1.1rem 1.25rem;text-decoration:none;display:grid;position:relative;overflow:hidden}.segui .etiqueta-segui{opacity:.8;text-transform:none;margin-bottom:.15rem;font-size:.85rem;font-weight:800}.segui h2{margin-bottom:.6rem;font-size:1.45rem}.segui .ilustracion{width:112px;height:112px}.segui .accion{background:var(--noche);color:var(--crema);border-radius:999px;align-items:center;gap:.4rem;min-height:48px;padding:.55rem 1rem;font-size:.95rem;font-weight:800;display:inline-flex}.segui .accion svg{width:1.2em;height:1.2em}.escena{border-radius:26px;margin:.25rem -.25rem 0;overflow:hidden}.escena img{width:100%;height:auto;display:block}.grilla-temas{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.tema-mini{text-align:center;color:inherit;background:var(--tarjeta);border:1px solid var(--borde);box-shadow:var(--sombra);transition:transform .15s var(--facil);border-radius:20px;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .4rem .6rem;font-size:.78rem;font-weight:800;line-height:1.15;text-decoration:none;display:flex}.tema-mini:active{transform:scale(.96)}.tema-mini img{object-fit:contain;width:54px;height:54px}.tema-mini .semaforo{margin-top:.1rem}.semaforo{background:var(--noche);border:2px solid var(--noche-2);border-radius:10px;flex-direction:column;flex-shrink:0;gap:3px;padding:4px;display:inline-flex}.semaforo span{background:#ffffff1f;border-radius:50%;width:13px;height:13px;transition:background .3s}.semaforo.rojo span:first-child{background:var(--coral);box-shadow:0 0 8px var(--coral)}.semaforo.amarillo span:nth-child(2){background:var(--amarillo);box-shadow:0 0 8px var(--amarillo)}.semaforo.verde span:nth-child(3){background:#3ddc84;box-shadow:0 0 8px #3ddc84}.semaforo.horizontal{flex-direction:row}.estrellas{gap:2px;display:inline-flex}.estrellas svg{width:1.5em;height:1.5em}.estrellas.grandes svg{width:2.6rem;height:2.6rem}.estrella-llena{color:var(--amarillo)}.estrella-vacia{color:var(--borde-fuerte)}@media (prefers-color-scheme:dark){.estrella-vacia{color:var(--borde-fuerte)}}.anillo{place-items:center;display:inline-grid;position:relative}.anillo svg{transform:rotate(-90deg)}.anillo .dentro{text-align:center;place-items:center;line-height:1;display:grid;position:absolute;inset:0}.anillo .dentro b{font-family:var(--fuente-titulo);font-size:1.6rem;font-weight:600}.anillo .dentro small{color:var(--texto-suave);font-size:.7rem;font-weight:800}.barra-progreso{background:var(--fondo-2);border-radius:999px;height:10px;overflow:hidden}.barra-progreso>div{background:var(--verde);height:100%;transition:width .6s var(--facil);border-radius:999px}.barra-progreso.amarilla>div{background:var(--amarillo)}.tarjeta-tema{grid-template-columns:96px 1fr auto;align-items:center;gap:.85rem;padding:.85rem 1rem .85rem .85rem;display:grid}.tarjeta-tema .ilustracion{background:var(--celeste-suave);border-radius:20px;width:96px;height:96px;padding:6px}.tarjeta-tema h3{margin-bottom:.25rem;font-size:1.15rem}.tarjeta-tema .barra-progreso{margin-top:.45rem}.tarjeta-tema .flecha{color:var(--texto-suave);width:26px;height:26px}.cabecera-tema{grid-template-columns:1fr 140px;align-items:center;gap:.5rem;display:grid}.cabecera-tema .ilustracion{width:140px;height:140px}.volver{color:var(--texto-suave);align-items:center;gap:.3rem;min-height:44px;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.volver svg{width:1.2em;height:1.2em}.leccion-item{grid-template-columns:48px 1fr auto;align-items:center;gap:.85rem;display:grid}.leccion-item .numero{background:var(--fondo-2);width:48px;height:48px;font-family:var(--fuente-titulo);border-radius:50%;place-items:center;font-size:1.15rem;font-weight:600;display:grid}.leccion-item .numero.leida{background:var(--verde);color:#fff}.leccion-item .numero.leida svg{width:26px;height:26px}.leccion-item h3{margin:0 0 .1rem}.leccion-item .estado svg{width:28px;height:28px;color:var(--texto-suave)}.leccion-cabecera{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.progreso-puntos{flex-wrap:wrap;justify-content:center;gap:6px;margin:.25rem 0 .5rem;display:flex}.progreso-puntos span{background:var(--borde-fuerte);width:10px;height:10px;transition:all .3s var(--facil);border-radius:50%}.progreso-puntos span.hecho{background:var(--verde)}.progreso-puntos span.actual{background:var(--amarillo);width:26px}.flashcard-marco{min-height:52dvh;position:relative}.flashcard{background:var(--tarjeta);border:1px solid var(--borde);width:100%;box-shadow:var(--sombra-flotante);border-radius:28px;flex-direction:column;min-height:52dvh;display:flex;position:relative;overflow:hidden}.flashcard .cima{background:var(--celeste-suave);place-items:center;min-height:150px;padding:1rem;display:grid}.flashcard .cima img{object-fit:contain;width:150px;height:150px}.flashcard .cuerpo{flex-direction:column;flex:1;justify-content:center;padding:1.25rem 1.25rem 1.5rem;font-size:1.2rem;line-height:1.5;display:flex}.flashcard .cuerpo p:last-child{margin-bottom:0}.flashcard .cuerpo ul{margin:0;padding-left:1.25rem}.flashcard .cuerpo li{margin-bottom:.6rem}.flashcard .cuerpo blockquote{background:var(--amarillo-suave);border-radius:14px;margin:0 0 .75rem;padding:.6rem .85rem;font-size:.95rem}.flashcard.animada{min-height:0;padding:.5rem}.flashcard.animada .animacion{background:0 0;margin:0}.flashcard.dato{background:var(--amarillo-suave);border-color:var(--amarillo)}.flashcard.dato .cuerpo{font-size:1.15rem}.dato-titulo{font-family:var(--fuente-titulo);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.1rem;font-weight:600;display:flex}.dato-titulo svg{width:1.4em;height:1.4em;color:var(--amarillo-oscuro)}.acciones-leccion{grid-template-columns:var(--alto-boton) 1fr var(--alto-boton);align-items:center;gap:.75rem;margin-top:.75rem;display:grid}.animacion{background:var(--tarjeta);border-radius:var(--radio);margin:.5rem 0;padding:.5rem}.animacion svg{width:100%;height:auto;display:block}.animacion-pendiente{border:2px dashed var(--borde-fuerte);border-radius:var(--radio);text-align:center;color:var(--texto-suave);padding:1.5rem}.pregunta-cabecera{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pregunta-cabecera .barra-progreso{flex:1}.contador{font-family:var(--fuente-titulo);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600}.opciones{flex-direction:column;gap:.7rem;margin:1rem 0 0;display:flex}.opcion{min-height:var(--alto-boton);text-align:left;border:2px solid var(--borde-fuerte);background:var(--tarjeta);cursor:pointer;width:100%;color:var(--texto);transition:transform .12s var(--facil), border-color .2s, background .2s;-webkit-tap-highlight-color:transparent;border-radius:20px;align-items:center;gap:.8rem;padding:.7rem .9rem;font-size:1rem;font-weight:700;line-height:1.3;display:flex}.opcion:not(:disabled):active{transform:scale(.98)}.opcion .letra{background:var(--fondo-2);width:42px;height:42px;color:var(--texto);font-family:var(--fuente-titulo);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.opcion .marca-ok{flex-shrink:0;width:30px;height:30px;margin-left:auto}.opcion.elegida{border-color:var(--noche);background:var(--celeste-suave)}.opcion.elegida .letra{background:var(--noche);color:var(--crema)}.opcion.correcta{border-color:var(--verde);background:var(--verde-suave)}.opcion.correcta .letra{background:var(--verde);color:#fff}.opcion.correcta .marca-ok{color:var(--verde)}.opcion.incorrecta{border-color:var(--coral);background:var(--coral-suave)}.opcion.incorrecta .letra{background:var(--coral);color:#fff}.opcion.incorrecta .marca-ok{color:var(--coral)}.opcion:disabled{cursor:default}.opcion:disabled:not(.correcta):not(.incorrecta){opacity:.55}@media (prefers-color-scheme:dark){.opcion.elegida{background:var(--celeste-suave)}.opcion.elegida .letra{background:var(--amarillo);color:var(--noche)}}.feedback{border-radius:22px;grid-template-columns:84px 1fr;align-items:center;gap:.75rem;padding:.9rem 1rem;display:grid;position:relative;overflow:hidden}.feedback .mascota{width:84px}.feedback h3{margin:0 0 .2rem;font-size:1.3rem}.feedback p{margin:0;font-size:.98rem;line-height:1.4}.feedback.bien{background:var(--verde-suave);border:2px solid var(--verde)}.feedback.bien h3{color:var(--verde)}.feedback.mal{background:var(--coral-suave);border:2px solid var(--coral)}.feedback.mal h3{color:var(--coral)}.feedback .fila-titulo{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.feedback .boton-icono{width:44px;height:44px}.feedback .boton-icono svg{width:22px;height:22px}@media (prefers-color-scheme:dark){.feedback.bien h3{color:#5ed48d}.feedback.mal h3{color:#ff9a88}}.explicacion{background:var(--fondo-2);border-radius:16px;padding:.75rem .9rem;font-size:.95rem}.explicacion.mal{background:var(--coral-suave)}.enunciado{align-items:flex-start;gap:.75rem;display:flex}.enunciado h2{flex:1;font-size:1.3rem}.enunciado h3{flex:1}.cronometro{font-family:var(--fuente-titulo);font-variant-numeric:tabular-nums;background:var(--tarjeta);border:1px solid var(--borde);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .85rem;font-size:1.35rem;font-weight:600;display:inline-flex}.cronometro svg{width:1.2em;height:1.2em;color:var(--texto-suave)}.cronometro.urgente{background:var(--coral-suave);border-color:var(--coral);color:var(--coral)}.cronometro.urgente svg{color:var(--coral);animation:.8s ease-in-out infinite latido}.confeti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confeti i{opacity:0;width:9px;height:14px;animation:caer 1.3s var(--facil) forwards;border-radius:3px;position:absolute;top:-12px}@keyframes caer{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(260px)rotate(540deg)}}.resultado{text-align:center;padding:1.5rem 1.25rem;position:relative;overflow:hidden}.resultado .mascota{width:150px;margin:0 auto .5rem}.resultado-grande{font-family:var(--fuente-titulo);letter-spacing:-.02em;margin:.25rem 0 .5rem;font-size:3.4rem;font-weight:600;line-height:1}.resultado-grande small{color:var(--texto-suave);font-size:1.4rem}.aprobado{color:var(--verde)}.desaprobado{color:var(--coral)}.tarjeta-examen{grid-template-columns:1fr 96px;align-items:center;gap:.75rem;display:grid}.tarjeta-examen .mascota,.tarjeta-examen .ilustracion{width:96px}.tarjeta-examen .datos{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.chip{background:var(--fondo-2);border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .7rem;font-size:.85rem;font-weight:800;display:inline-flex}.chip svg{width:1.1em;height:1.1em}.tarjeta-juego{grid-template-columns:1fr 110px;align-items:center;gap:.75rem;min-height:140px;display:grid;overflow:hidden}.tarjeta-juego .ilustracion{width:110px;height:110px}.tarjeta-juego h3{margin-bottom:.25rem;font-size:1.25rem}.tarjeta-juego .accion{color:var(--amarillo-oscuro);align-items:center;gap:.3rem;margin-top:.4rem;font-weight:800;display:inline-flex}@media (prefers-color-scheme:dark){.tarjeta-juego .accion{color:var(--amarillo)}}.tarjeta-juego .accion svg{width:1.2em;height:1.2em}.marco-juego{background:var(--tarjeta);border:1px solid var(--borde);box-shadow:var(--sombra);border-radius:26px;padding:.85rem}.candado{text-align:center;padding:1.5rem 1.25rem}.candado .mascota{width:130px;margin:0 auto .5rem}.candado .cerradura{background:var(--amarillo-suave);border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:.5rem;display:inline-grid}.candado .cerradura svg{width:30px;height:30px;color:var(--amarillo-oscuro)}.etiqueta{background:var(--acento);color:var(--sobre-acento);border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:800;display:inline-block}.etiqueta.gris{background:var(--fondo-2);color:var(--texto-suave)}.etiqueta.verde{background:var(--verde-suave);color:var(--verde)}.velo{-webkit-backdrop-filter:blur(4px);z-index:50;background:#14264a8c;justify-content:center;align-items:flex-end;padding:1rem;display:flex;position:fixed;inset:0}.velo .tarjeta{text-align:center;border-radius:30px;width:100%;max-width:440px;margin:0;padding:1.25rem 1.25rem 1.5rem;font-size:1.15rem}.velo .mascota{width:150px;margin:-4.5rem auto .25rem}.yo-cabecera{grid-template-columns:auto 1fr;align-items:center;gap:1rem;display:grid}.yo-cabecera .mascota{width:110px}.logros{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.logro{background:var(--fondo-2);text-align:center;border-radius:18px;padding:.75rem .4rem}.logro b{font-family:var(--fuente-titulo);font-size:1.7rem;font-weight:600;line-height:1;display:block}.logro span{color:var(--texto-suave);margin-top:.25rem;font-size:.75rem;font-weight:800;display:block}.logro svg{width:26px;height:26px;margin-bottom:.15rem}.segmentos{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.segmentos .boton{padding:0 .5rem}.segmentos .boton.activo{background:var(--noche);color:var(--crema);border-color:var(--noche)}@media (prefers-color-scheme:dark){.segmentos .boton.activo{background:var(--amarillo);color:var(--noche);border-color:var(--amarillo)}}.interruptor{min-height:var(--alto-boton);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;display:flex}.palanca{background:var(--borde-fuerte);border-radius:999px;flex-shrink:0;width:62px;height:36px;transition:background .2s;position:relative}.palanca:after{content:"";width:28px;height:28px;transition:transform .2s var(--facil);background:#fff;border-radius:50%;position:absolute;top:4px;left:4px;box-shadow:0 2px 4px #00000040}.interruptor input{opacity:0;width:1px;height:1px;position:absolute}.interruptor input:checked+.palanca{background:var(--verde)}.interruptor input:checked+.palanca:after{transform:translate(26px)}.interruptor input:focus-visible+.palanca{box-shadow:var(--anillo-foco)}.lista-examenes{flex-direction:column;gap:.5rem;display:flex}.lista-examenes .fila{border-top:1px solid var(--borde);justify-content:space-between;padding:.5rem 0}.entra{animation:entrar .45s var(--facil) both}.entra-2{animation-delay:70ms}.entra-3{animation-delay:.14s}.entra-4{animation-delay:.21s}@keyframes entrar{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.mascota.flota{animation:none}}.tarjeta-fila>svg,.tarjeta-fila .icono-tema{flex-shrink:0}@media (width<=360px){.saludo{grid-template-columns:1fr 96px}.saludo .mascota{width:96px}.grilla-temas{grid-template-columns:repeat(2,1fr)}}.anim-marco{flex-direction:column;gap:10px;width:100%;max-width:560px;margin:0 auto;display:flex}.anim-escena{touch-action:manipulation;background:#c8ddb3;border-radius:16px;width:100%;height:auto;display:block;overflow:hidden;box-shadow:0 6px 20px #0000001f}.anim-controles{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.anim-btn{min-height:var(--alto-boton,56px);border:1px solid var(--borde,#d6dce8);background:var(--tarjeta,#fff);color:var(--texto,#10203a);font:inherit;cursor:pointer;border-radius:14px;align-items:center;gap:6px;padding:0 18px;font-size:1.1em;font-weight:600;display:inline-flex}.anim-btn-principal{background:var(--primario,#0b2a5b);color:#fff;border-color:#0000;justify-content:center;min-width:120px}.anim-btn:active{transform:translateY(1px)}.anim-velocidad{border:1px solid var(--borde,#d6dce8);border-radius:14px;margin-left:auto;display:inline-flex;overflow:hidden}.anim-vel{min-height:var(--alto-boton,56px);min-width:56px;color:var(--texto-suave,#4b5872);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 14px;font-size:1.1em;font-weight:600}.anim-vel.activo{background:var(--texto,#10203a);color:var(--tarjeta,#fff)}.anim-pie{margin:0;font-size:1.1em;line-height:1.45}.anim-deslizador{grid-template-columns:1fr auto;align-items:center;gap:4px 12px;display:grid}.anim-deslizador label{color:var(--texto,#10203a);grid-column:1/-1;font-weight:600}.anim-deslizador input[type=range]{width:100%;accent-color:var(--primario,#0b2a5b);min-height:32px}.anim-deslizador output{font-variant-numeric:tabular-nums;color:var(--texto,#10203a);text-align:right;min-width:5.5ch;font-size:1.15em;font-weight:700}.anim-baliza-a{animation:.6s step-end infinite anim-destello}.anim-baliza-b{animation:.6s step-end infinite reverse anim-destello}@keyframes anim-destello{0%,49%{opacity:1}50%,to{opacity:.25}}@media (prefers-reduced-motion:reduce){.anim-baliza-a,.anim-baliza-b{animation:none}}.juego-marco{flex-direction:column;gap:10px;width:100%;max-width:560px;margin:0 auto;display:flex}.juego-cabecera{color:var(--texto,#10203a);justify-content:space-between;align-items:baseline;gap:8px;font-weight:600;display:flex}.juego-cabecera .racha{color:var(--primario,#0b2a5b)}.juego-progreso{background:var(--borde,#d6dce8);border-radius:3px;height:6px;overflow:hidden}.juego-progreso>div{background:var(--primario,#0b2a5b);height:100%;transition:width .4s cubic-bezier(.2,.7,.2,1)}.juego-consigna{color:var(--texto,#10203a);margin:0;font-size:1.15em;font-weight:700}.juego-auto{cursor:pointer;outline:none}.juego-auto:focus-visible>rect:first-of-type{stroke:#fff;stroke-width:3px}.juego-tarjeta{border:1px solid var(--borde,#d6dce8);background:var(--tarjeta,#fff);color:var(--texto,#10203a);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;line-height:1.4;display:flex}.juego-tarjeta.bien{border-color:var(--verde,#1f9d55);background:#22a06b1f}.juego-tarjeta.mal{border-color:var(--rojo,#d13838);background:#e5484d1f}.juego-tarjeta .crece{flex:1;min-width:0}.juego-tarjeta strong{margin-bottom:4px;font-size:1.05em;display:block}.juego-final{text-align:center;padding:20px 10px}.juego-final .grande{color:var(--texto,#10203a);font-size:2.6em;font-weight:800;line-height:1.1}@media (prefers-reduced-motion:reduce){.juego-progreso>div{transition:none}}.juego-pop{transform-box:fill-box;transform-origin:50%;animation:.45s cubic-bezier(.2,1.4,.4,1) both juego-pop}.juego-pop.sin-animar{animation:none}@keyframes juego-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.juego-pop{animation:none}}