body.ar-activo{background:0 0}h1{margin:.3rem 0 .2rem;font-size:1.6rem}h2{font-size:1.25rem}a{color:var(--primary)}.error{color:var(--bad);min-height:1.2em;margin:0;font-weight:700}.fila{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:calc(100vw - 16px);display:flex}.fila.izquierda{justify-content:flex-start}.cita{border-left:4px solid var(--primary);background:var(--primary-soft);border-radius:8px;padding:.6rem .9rem;font-style:italic;margin:.6rem 0 0!important}#overlay{z-index:1;pointer-events:none;position:fixed;inset:0}#overlay>*{pointer-events:auto}.app{background:var(--bg);flex-direction:column;height:100%;display:flex}.barra-top{padding:max(8px, env(safe-area-inset-top)) 12px 8px;border-bottom:2px solid var(--line);background:var(--bg);z-index:2;flex:none;align-items:center;gap:8px;display:flex;position:relative}.avatar-boton{border:2px solid var(--line);background:var(--bg-2);cursor:pointer;border-radius:50%;place-items:center;width:48px;height:48px;padding:2px;display:grid;overflow:hidden}.avatar-boton svg{width:40px;height:40px}.stats{flex:1;justify-content:center;gap:4px;display:flex}.stat{min-height:var(--tap);font:inherit;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:4px;padding:0 10px;font-size:1.05rem;font-weight:900;display:inline-flex}.stat:active{background:var(--bg-2)}.stat-icono{font-size:1.3rem}.stat.racha b{color:var(--streak)}.stat.racha.apagada .stat-icono{filter:grayscale();opacity:.55}.stat.racha.apagada b{color:var(--muted)}.stat.quarks b{color:var(--quark)}.stat.xp b{color:var(--xp-shadow)}.estado-red{font-size:1rem}.instalar-top{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.instalar-top[hidden]{display:none}@media (max-width:480px){.instalar-texto{display:none}.instalar-top{padding-inline:12px}.barra-top{gap:4px;padding-inline:8px}.barra-top .avatar-boton{flex:none;width:40px;height:40px}.barra-top .avatar-boton svg{width:34px;height:34px}.barra-top .stat{padding:0 4px;font-size:.95rem}.barra-top .stat-icono{font-size:1.1rem}.barra-top .btn.redondo.pequeno{flex:none;width:40px;height:40px;min-height:40px;padding:0}.barra-top .instalar-top{height:40px;min-height:40px}}#pantallas{overscroll-behavior:contain;scroll-behavior:smooth;flex:1;overflow-y:auto}.pantalla{max-width:40rem;padding:14px 16px calc(6rem + env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}.pantalla>h2{margin:1rem 0 0}::view-transition-old(root){animation-duration:.22s}::view-transition-new(root){animation-duration:.22s}.nav-inferior{padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--bg);border-top:2px solid var(--line);z-index:2;flex:none;justify-content:center;gap:2px;display:flex;position:relative}.nav-inferior [role=tab]{max-width:6.5rem;color:var(--muted);font:inherit;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;min-height:var(--tap);background:0 0;border:2px solid #0000;border-radius:14px;flex:1;justify-items:center;gap:0;padding:.3rem .2rem;font-size:.7rem;font-weight:800;display:grid}.tab-icono{transition:transform .2s var(--ease-pop);font-size:1.55rem;line-height:1.25}.nav-inferior [role=tab][aria-selected=true]{background:var(--primary-soft);border-color:color-mix(in srgb, var(--primary) 45%, transparent);color:var(--primary)}.nav-inferior [role=tab][aria-selected=true] .tab-icono{transform:scale(1.12)}.camino{gap:18px;display:grid}.meta-diaria{align-items:center;gap:14px;display:flex}.meta-diaria>div:last-child{flex:1;gap:4px;display:grid}.anillo{--p:0;background:conic-gradient(var(--xp) calc(var(--p) * 360deg), var(--line) 0);border-radius:50%;flex:none;place-items:center;width:3.6rem;height:3.6rem;display:grid}.anillo span{background:var(--surface);width:2.8rem;height:2.8rem;color:var(--xp-shadow);border-radius:50%;place-items:center;font-weight:900;display:grid}.unidad{--u:var(--primary);gap:10px;display:grid}.unidad-cabecera{border-radius:var(--radius-lg);background:var(--u);color:#fff;box-shadow:0 4px 0 color-mix(in srgb, var(--u) 70%, black);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.unidad-cabecera h2{color:#fff;margin:2px 0;font-size:1.2rem}.unidad-cabecera small{text-transform:uppercase;opacity:.85;letter-spacing:.04em;font-weight:800}.unidad-cabecera p{opacity:.92;margin:0;font-size:.9rem}.unidad-guia{background:#ffffff40;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.unidad.bloqueada .unidad-cabecera{background:var(--line-strong);box-shadow:0 4px 0 var(--line-strong);color:var(--fg)}.unidad.bloqueada .unidad-cabecera h2{color:var(--fg)}.nodos{justify-items:center;gap:14px;margin:0;padding:2.6rem 0 8px;list-style:none;display:grid}.nodos li{transform:translateX(calc(var(--x) * 2.6rem));justify-items:center;display:grid;position:relative}.nodo{--c:var(--u);--s:color-mix(in srgb, var(--u) 68%, black);background:var(--c);color:#fff;width:4.4rem;height:4rem;font:inherit;box-shadow:0 6px 0 var(--s);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:1.35rem;font-weight:900;transition:transform 80ms,box-shadow 80ms;display:grid;position:relative}.nodo:active{box-shadow:0 0 0 var(--s);transform:translateY(6px)}.nodo.hecho{--c:var(--xp);--s:var(--xp-shadow);color:#7a5600}.nodo.hecho:after{content:"✓";background:var(--ok);color:#fff;border:2px solid var(--surface);border-radius:50%;place-items:center;width:1.4rem;height:1.4rem;font-size:.8rem;display:grid;position:absolute;bottom:-4px;right:-2px}.nodo.bloqueado{--c:var(--line);--s:var(--line-strong);color:var(--muted)}.nodo.actual{outline:6px solid color-mix(in srgb, var(--u) 25%, transparent);outline-offset:4px;animation:1.6s ease-in-out infinite latido}.nodo.n-cofre:not(.hecho){font-size:1.6rem}.nodo.sacude{animation:.35s sacudir-x}.burbuja-empieza{white-space:nowrap;background:var(--surface);border:2px solid var(--line);color:var(--u);text-transform:uppercase;z-index:1;border-radius:12px;padding:.35rem .8rem;font-size:.85rem;font-weight:900;animation:1.8s ease-in-out infinite flotar;position:absolute;bottom:calc(100% + 10px)}.burbuja-empieza:after{content:"";border:7px solid #0000;border-top-color:var(--line);margin-left:-7px;position:absolute;top:100%;left:50%}.camino-mas{text-align:center}.nodo-hoja{text-align:center;gap:10px;display:grid}.nodo-hoja h2,.nodo-hoja p{margin:0}.nodo-hoja-guia,.guia-habla{text-align:left;align-items:flex-end;gap:10px;display:flex}.guia-avatar{flex:none}.bocadillo{border:2px solid var(--line);background:var(--surface);animation:rebote-entrada .35s var(--ease-pop) both;border-radius:18px;flex:1;padding:.8rem 1rem;font-size:1rem;position:relative}.bocadillo:before{content:"";border:8px solid #0000;border-right-color:var(--line);position:absolute;bottom:18px;left:-10px}.bocadillo p{margin:0}.guia-habla.pequena .bocadillo{font-size:.95rem;font-weight:700}.leccion{background:var(--bg);width:100%;max-width:100%;height:100%;max-height:100%;color:var(--fg);border:0;margin:0;padding:0}.leccion[open]{animation:subir-entrada .3s var(--ease-pop);flex-direction:column;display:flex}.leccion::backdrop{background:var(--bg)}.leccion-top{padding:max(10px, env(safe-area-inset-top)) 14px 10px;align-items:center;gap:10px;width:100%;max-width:42rem;margin:0 auto;display:flex}.leccion-top .barra-progreso{flex:1}.leccion-combo{min-width:3rem;color:var(--streak);text-align:right;font-size:.85rem;font-weight:900}.leccion-combo.salta{animation:rebote-entrada .4s var(--ease-pop)}.leccion-cuerpo{flex-direction:column;flex:1;gap:14px;width:100%;max-width:40rem;margin:0 auto;padding:8px 18px 16px;display:flex;overflow-y:auto}.leccion-cuerpo h2{margin:6px 0 0;font-size:1.45rem}.leccion-texto{margin:0;font-size:1.1rem}.leccion-extra{border-radius:var(--radius);background:var(--bg-2);border:2px solid var(--line);margin:0;padding:.8rem 1rem}.bohr-grande,.simbolo-leccion{place-items:center;display:grid}.mini-3d{border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 40%, var(--primary-soft), var(--bg-2));border:2px solid var(--line);height:13rem;overflow:hidden}.mini-3d.grande{height:min(18rem,38vh)}.pie-objeto{text-align:center;color:var(--muted);margin:-6px 0 0;font-weight:800}.opciones{gap:10px;display:grid}.opciones.dos{grid-template-columns:1fr 1fr}.opcion-btn{text-align:left;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:3.4rem;color:var(--fg);font:inherit;cursor:pointer;border-bottom-width:4px;align-items:center;gap:12px;padding:.7rem 1rem;font-size:1.02rem;font-weight:700;transition:transform 80ms;display:flex}.opcion-btn:active{border-bottom-width:2px;transform:translateY(2px)}.opcion-btn .tecla{border:2px solid var(--line);width:1.7rem;height:1.7rem;color:var(--muted);border-radius:8px;flex:none;place-items:center;font-size:.8rem;display:grid}.opcion-btn[aria-checked=true]{border-color:var(--info);background:color-mix(in srgb, var(--info) 12%, var(--surface));color:var(--info-shadow)}.opcion-btn.correcta{border-color:var(--ok);background:var(--ok-soft);color:var(--ok-shadow)}.opcion-btn.incorrecta{border-color:var(--bad);background:var(--bad-soft);color:var(--bad-shadow);animation:.35s sacudir-x}.formula-hueco{border-bottom:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;min-height:4.2rem;padding:8px 0;display:flex}.formula-hueco.correcta{border-color:var(--ok)}.formula-hueco.incorrecta{border-color:var(--bad)}.fichas{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ficha-atomo{border:2px solid var(--line);background:var(--surface);min-width:3.4rem;height:3.4rem;color:var(--fg);font:inherit;cursor:pointer;animation:rebote-entrada .3s var(--ease-pop) both;border-bottom-width:4px;border-radius:14px;font-size:1.3rem;font-weight:900}.ficha-atomo.usada{visibility:hidden}.leccion-pie{border-top:2px solid var(--line);padding:14px 18px max(14px, env(safe-area-inset-bottom));gap:10px;transition:background .2s;display:grid}.leccion-pie>*{width:100%;max-width:38rem;margin:0 auto}.leccion-pie.ok{background:var(--ok-soft);border-color:#0000}.leccion-pie.mal{background:var(--bad-soft);border-color:#0000}.leccion-feedback:empty{display:none}.leccion-feedback b{font-size:1.2rem}.leccion-pie.ok .leccion-feedback{color:var(--ok-shadow)}.leccion-pie.mal .leccion-feedback{color:var(--bad-shadow)}.leccion-feedback p{color:var(--fg);margin:4px 0 0}.leccion-fin{text-align:center;justify-items:center;gap:12px;padding-top:4vh;display:grid}.fin-avatar{animation:rebote-entrada .6s var(--ease-pop) both}.fin-emoji{margin:0;font-size:5rem}.leccion-fin h2{color:var(--xp-shadow);font-size:1.7rem!important}.fin-stats{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:10px;width:100%;display:grid}.fin-stat{border:2px solid var(--c);border-radius:var(--radius);animation:subir-entrada .4s var(--ease-pop) both;display:grid;overflow:hidden}.fin-stat:nth-child(2){animation-delay:.12s}.fin-stat:nth-child(3){animation-delay:.24s}.fin-stat small{background:var(--c);color:#fff;text-transform:uppercase;padding:4px;font-size:.72rem;font-weight:900}.fin-stat b{color:var(--c);padding:10px 4px;font-size:1.25rem}.fin-stat.xp{--c:var(--xp-shadow)}.fin-stat.precision{--c:var(--ok-shadow)}.fin-stat.tiempo{--c:var(--info-shadow)}.bohr-capa{fill:none;stroke:var(--line-strong);stroke-width:1.5px}.bohr-e{fill:var(--electron)}.bohr-nucleo{stroke:#00000026;stroke-width:2px}.bohr-simbolo{font:900 18px var(--font);fill:#1d1d26}.bohr-giro{transform-origin:100px 100px;animation:girar var(--d) linear infinite;animation-direction:normal}.bohr-giro[style*=--dir\:-1]{animation-direction:reverse}.modos{gap:10px;display:grid}.modo{align-items:center;gap:14px;padding:.9rem 1rem;display:flex}.modo[hidden]{display:none}.modo>span:last-child{gap:2px;display:grid}.modo b{color:var(--fg-strong);font-size:1.05rem}.modo span span{color:var(--muted);font-size:.88rem;font-weight:600}.modo-icono{background:var(--bg-2);border-radius:14px;flex:none;place-items:center;width:3rem;height:3rem;font-size:2rem;display:grid}.modo-principal{border-color:color-mix(in srgb, var(--primary) 50%, var(--line));background:var(--primary-soft)}.modo-acertijo .modo-icono{background:color-mix(in srgb, var(--xp) 30%, var(--surface))}.modo:disabled{opacity:.55;cursor:default}.enlaces{flex-wrap:wrap;gap:8px;margin:0;display:flex}.aviso:empty{display:none}.aviso{background:color-mix(in srgb, var(--xp) 18%, var(--surface));border-radius:12px;margin:0;padding:.6rem .8rem;font-size:.9rem}.reto-activo,.reto-juego{background:var(--xp);color:#4a3400;border-radius:12px;margin:0;padding:.6rem .9rem;font-weight:800}.reto-juego{top:calc(max(12px, env(safe-area-inset-top)) + 3.4rem);pointer-events:none;white-space:nowrap;box-shadow:0 3px 0 var(--xp-shadow);font-size:.9rem;position:absolute;left:50%;transform:translate(-50%)}.subtabs{background:var(--bg-2);border:2px solid var(--line);border-radius:16px;gap:4px;padding:4px;display:flex}.subtabs [role=tab]{min-height:var(--tap);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;font-weight:800}.subtabs [role=tab][aria-selected=true]{background:var(--surface);color:var(--primary);box-shadow:0 2px 0 var(--line)}.coleccion h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:1rem 0 .4rem;font-size:.85rem}.coleccion .rejilla,#logros .rejilla{grid-template-columns:repeat(auto-fill,minmax(6.8rem,1fr));gap:8px;display:grid}.ficha-mini{border-radius:var(--radius);border:2px solid color-mix(in srgb, var(--mint) 50%, var(--line));background:color-mix(in srgb, var(--mint) 12%, var(--surface));color:var(--fg);text-align:center;font:inherit;cursor:pointer;border-bottom-width:4px;gap:2px;padding:.75rem .4rem;display:grid}.ficha-mini b{color:var(--fg-strong);font-size:1.3rem}.ficha-mini small{color:var(--muted);font-size:.75rem;font-weight:700;line-height:1.2}.ficha-mini.bloqueada{background:var(--bg-2);border:2px dashed var(--line-strong)}.ficha-mini.bloqueada b{color:var(--muted)}.tabla-scroll{padding:4px 0;overflow:auto}.celda.bloqueada{color:var(--muted);border:1.5px dashed var(--line-strong);background:var(--bg-2)!important}.celda.bloqueada:after{content:"🔒";font-size:.55rem}.personajes-rejilla{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:10px;display:grid}.personaje-ficha{text-align:center;justify-items:center;gap:2px;padding:.8rem .5rem;display:grid}.personaje-ficha small{color:var(--muted);font-size:.78rem;font-weight:700}.personaje-ficha.bloqueado .personaje-avatar{filter:brightness(0)opacity(.25)}.personaje-detalle{text-align:center;justify-items:center;display:grid}.ficha-elemento{text-align:center;justify-items:center;gap:4px;display:grid}.ficha-elemento-cabecera{--c:#888;background:color-mix(in srgb, var(--c) 70%, white);width:5.5rem;height:5.5rem;box-shadow:0 4px 0 color-mix(in srgb, var(--c) 60%, black);border-radius:20px;place-items:center;display:grid;position:relative}.ficha-simbolo{color:#1d1d26;font-size:2.4rem;font-weight:900}.ficha-z{color:#1d1d26;font-size:.8rem;font-weight:800;position:absolute;top:4px;left:8px}.seccion-cabecera{justify-content:space-between;align-items:center;gap:8px;margin-top:.6rem;display:flex}.seccion-cabecera h2{margin:0}.misiones{gap:14px;display:grid}.mision{align-items:center;gap:12px;display:flex}.mision>div{flex:1;gap:4px;display:grid}.mision small{color:var(--muted);font-weight:700}.mision-icono{font-size:1.9rem}.mision-premio{color:var(--quark);white-space:nowrap;font-weight:900}.mision.hecha b{color:var(--muted);text-decoration:line-through}.liga{gap:10px;display:grid}.liga-escudos{justify-content:space-between;gap:2px;font-size:1.35rem;display:flex;overflow-x:auto}.liga-escudo.futura{filter:grayscale();opacity:.35}.liga-escudo.actual{filter:drop-shadow(0 2px 4px #0003);transform:scale(1.35)}.ranking{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ranking li{border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.ranking li.yo{background:var(--primary-soft)}.ranking li.sube{box-shadow:inset 4px 0 0 var(--ok)}.ranking li.baja{box-shadow:inset 4px 0 0 var(--bad)}.ranking .puesto{text-align:center;width:1.8rem;color:var(--muted);font-weight:900}.ranking-avatar svg{background:var(--bg-2);border-radius:50%;width:40px;height:40px}.ranking-nombre{flex:1;font-weight:800}.liga-unirse{justify-items:start;gap:8px;display:grid}.liga-anterior{background:var(--bg-2);border-radius:12px;margin:0;padding:8px 12px;font-weight:800}.liga-anterior.sube{background:var(--ok-soft);color:var(--ok-shadow)}.liga-anterior.baja{background:var(--bad-soft);color:var(--bad-shadow)}.reto{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:.8rem .9rem;display:flex}.reto>div:first-child{gap:2px;min-width:0;display:grid}.reto small{color:var(--muted);overflow-wrap:anywhere;font-weight:600}.reto.destacado{border-color:color-mix(in srgb, var(--streak) 50%, var(--line));background:color-mix(in srgb, var(--streak) 8%, var(--surface))}.reto.hecho{opacity:.65}.reto-lado{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.contador{font-size:.9rem;font-weight:800}.perfil-cabecera{align-items:center;gap:16px;display:flex}.perfil-cabecera>div{flex:1;gap:4px;display:grid}.perfil-cabecera h1,.perfil-cabecera p{margin:0}.perfil-avatar-grande{border:3px solid var(--line);background:var(--bg-2);cursor:pointer;border-radius:50%;flex:none;place-items:center;width:118px;height:118px;padding:0;display:grid;position:relative}.lapiz{background:var(--surface);border:2px solid var(--line);border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.9rem;display:grid;position:absolute;bottom:0;right:0}.stats-rejilla{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:8px;display:grid}.stat-card{grid-template-columns:auto 1fr;align-items:center;gap:0 8px;padding:.7rem .8rem;display:grid}.stat-card span{grid-row:span 2;font-size:1.6rem}.stat-card b{color:var(--fg-strong);font-size:1.2rem}.stat-card small{color:var(--muted);font-size:.78rem;font-weight:700}.calendario{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendario b{color:var(--muted);font-size:.75rem}.dia{aspect-ratio:1;color:var(--muted);background:var(--bg-2);border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid}.dia.jugado{background:var(--streak);color:#fff}.dia.protegido{background:var(--info);color:#fff}.dia.futuro{opacity:.4}.dia.hoy{outline:3px solid var(--streak);outline-offset:1px}.avatares-rejilla{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:8px;margin:12px 0;display:grid}.avatar-opcion{border:3px solid var(--line);aspect-ratio:1;background:var(--bg-2);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;overflow:hidden}.avatar-opcion[aria-pressed=true]{border-color:var(--primary)}.articulos{gap:10px;margin:12px 0;display:grid}.articulo{align-items:center;gap:12px;display:flex}.articulo>div{flex:1;display:grid}.articulo small{color:var(--muted);font-weight:600}.articulo-icono{font-size:2.2rem}.aviso-mini{color:var(--info-shadow)!important;font-weight:800!important}.formulario{gap:8px;display:grid}.formulario label,.ajustes label{gap:4px;font-size:.92rem;font-weight:800;display:grid}.formulario h3{margin:0}.feed{gap:4px;margin:0;padding-left:1.1rem;font-size:.92rem;display:grid}.insignia{border-radius:var(--radius);border:2px solid color-mix(in srgb, var(--xp) 60%, var(--line));background:color-mix(in srgb, var(--xp) 14%, var(--surface));text-align:center;border-bottom-width:4px;justify-items:center;gap:2px;padding:.85rem .4rem;display:grid}.insignia span{font-size:1.9rem}.insignia b{color:var(--fg-strong);font-size:.85rem}.insignia small{color:var(--muted);font-size:.72rem;font-weight:600;line-height:1.2}.insignia.bloqueada{background:var(--bg-2);border-color:var(--line)}.insignia.bloqueada span{filter:grayscale();opacity:.5}.cofre-abrir,.racha-pantalla{text-align:center;justify-items:center;gap:6px;display:grid}.cofre{font-size:5.5rem}.cofre.abriendo{animation:cofre 1s var(--ease-pop) both}.premio{color:var(--quark);animation:rebote-entrada .5s .7s var(--ease-pop) both;margin:0;font-size:2rem;font-weight:900}.llama-grande{animation:llama-crece .9s var(--ease-pop) both, llama .8s .9s ease-in-out infinite alternate;font-size:6rem}.racha-numero{color:var(--streak);animation:rebote-entrada .5s .3s var(--ease-pop) both;margin:-10px 0 0;font-size:3.4rem;font-weight:900}.semana{gap:6px;margin:8px 0;display:flex}.semana span{background:var(--bg-2);width:2.2rem;height:2.2rem;color:var(--muted);border-radius:50%;place-items:center;font-weight:900;display:grid}.semana span.si{background:var(--streak);color:#fff}.semana span.hoy{background:var(--streak);color:#fff;animation:rebote-entrada .5s .6s var(--ease-pop) both}.detalle{border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:min(32rem,100% - 24px);max-height:calc(100% - 32px);color:var(--fg);padding:20px}.detalle::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14142873}.detalle h2{margin:0 0 4px}.detalle h2 small{color:var(--muted);font-size:.95rem;font-weight:700}.detalle h3{color:var(--primary);margin:14px 0 4px;font-size:.95rem}.detalle p{margin:0}.detalle form[method=dialog]{text-align:right;margin-top:16px}.detalle[open]{animation:rebote-entrada .3s var(--ease-pop)}.ajustes{gap:14px;display:grid}.ajustes fieldset{border:2px solid var(--line);border-radius:12px;gap:4px;display:grid}.ajustes legend{padding:0 4px;font-size:.92rem;font-weight:800}.opcion,.interruptor{min-height:var(--tap);align-items:center;gap:10px;font-weight:700!important;display:flex!important}.opcion input,.interruptor input{width:1.3rem;height:1.3rem;accent-color:var(--primary)}.ajustes-bloque{border-top:2px solid var(--line);justify-items:start;gap:8px;margin-top:14px;padding-top:10px;display:grid}.ajustes-bloque h3{margin:0;font-size:1rem}.avisos{z-index:10;left:12px;right:12px;bottom:calc(6rem + env(safe-area-inset-bottom));pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed}body.ar-activo .avisos{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 8.5rem)}.aviso-logro{pointer-events:auto;text-align:left;border-radius:var(--radius);background:var(--surface);width:100%;max-width:26rem;color:var(--fg);border:2px solid var(--line);animation:rebote-entrada .45s var(--ease-pop);font:inherit;border-bottom-width:4px;align-items:center;gap:10px;padding:.7rem .9rem;display:flex;box-shadow:0 8px 24px #00000026}.aviso-logro span{font-size:1.6rem}.aviso-logro div{display:grid}.aviso-logro small{color:var(--muted);font-weight:600}.aviso-logro.saliendo{opacity:0;transition:all .4s;transform:translateY(10px)}.mascota-inicio{right:10px;bottom:calc(5.6rem + env(safe-area-inset-bottom));z-index:3;pointer-events:auto;width:92px;position:fixed}body.ar-activo .mascota-inicio{display:none}#hud,#hud-tarjetas{pointer-events:none;position:absolute;inset:0}#hud>*,#hud-tarjetas>*{pointer-events:auto}#hud .burbuja,#hud-tarjetas .burbuja,#hud-tarjetas .carga{pointer-events:none}.tarjeta{top:max(12px, env(safe-area-inset-top));align-items:center;gap:12px;max-width:30rem;margin:0 auto;padding:10px 12px;display:flex;position:absolute;left:12px;right:12px}.tarjeta p{margin:0}.simbolo{--color:#888;color:#1d1d26;background:color-mix(in srgb, var(--color) 70%, white);width:3.2rem;height:3.2rem;box-shadow:0 3px 0 color-mix(in srgb, var(--color) 55%, black);border-radius:12px;flex:none;place-items:center;font-size:1.5rem;font-weight:900;display:grid}.ficha-titulo span{color:var(--muted);font-size:.85rem}.ficha-texto{min-width:0}.p{color:var(--proton);font-weight:800}.n{color:var(--neutron);font-weight:800}.e{color:var(--electron);font-weight:800}.burbuja{top:calc(max(12px, env(safe-area-inset-top)) + 6.2rem);color:#fff;text-align:center;background:#1e1e2dbf;border-radius:14px;width:max-content;max-width:calc(100% - 32px);margin:0;padding:.55rem .95rem;font-size:.95rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.burbuja-arriba{top:max(12px, env(safe-area-inset-top))}.leyenda{left:12px;right:12px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 8rem);max-width:30rem;color:var(--muted);text-align:center;margin:0 auto;padding:.45rem .8rem;font-size:.8rem;position:absolute}.leyenda b{color:var(--fg)}.leyenda i{font-style:normal}.leyenda .s{color:#3b8cff}.leyenda .pp{color:#ff8a1f}.leyenda .d{color:#18b87f}.leyenda .f{color:#b95be8}.barra{left:0;right:0;bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.segmentado{background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:3px;display:flex}.segmentado button{color:var(--fg);font:inherit;min-height:calc(var(--tap) - 4px);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:.5rem .9rem;font-weight:800}.segmentado button[aria-checked=true]{background:var(--primary);color:#fff}.escala{align-items:center;gap:8px;padding:4px 12px;font-size:.85rem;font-weight:800;display:flex}.escala input{width:7rem}@media (max-width:430px){.fila .btn{padding:.5rem .75rem;font-size:.82rem}.segmentado button{padding:.45rem .65rem}}.banner{top:max(12px, env(safe-area-inset-top));max-width:30rem;animation:rebote-entrada .35s var(--ease-pop);margin:0 auto;padding:.8rem 1rem;position:absolute;left:12px;right:12px}.banner p{margin:0}.banner.exo{border-color:var(--hot)}.banner.endo{border-color:var(--cold)}.banner.energia{border-color:var(--xp)}.banner-titulo{font-weight:900}.banner-ecuacion{font-size:1.35rem;font-weight:900;margin:.15rem 0 .25rem!important}.banner-texto{color:var(--muted);font-size:.88rem}.banner.exo .banner-ecuacion{color:var(--hot)}.banner.endo .banner-ecuacion{color:var(--cold)}.carga{--p:0;left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 8rem);text-align:center;width:min(20rem,100% - 32px);padding:.6rem .9rem;position:absolute;transform:translate(-50%)}.carga p{margin:0}#t-carga-ecuacion{font-size:1.1rem;font-weight:900}.progreso{background:var(--line);border-radius:5px;height:10px;margin:.4rem 0;overflow:hidden}.progreso div{height:100%;width:calc(var(--p) * 100%);background:linear-gradient(90deg, var(--xp), var(--streak))}.btn.mantener{--p:0;touch-action:none;-webkit-user-select:none;user-select:none}.btn.mantener:not(:disabled){--c:var(--streak);--s:var(--streak-shadow);background:linear-gradient(90deg, var(--bad) calc(var(--p) * 100%), var(--streak) 0)}.dialogo{z-index:3;padding:max(12px, env(safe-area-inset-top)) 0 max(12px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 96%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;display:flex;position:absolute;inset:0}.dialogo-cabecera{justify-content:space-between;align-items:center;padding:0 12px 8px;display:flex}.dialogo-cabecera h2{margin:0;font-size:1.2rem}.dialogo .tabla-scroll{flex:1;padding:4px 12px}.tabla-celdas{grid-template-rows:repeat(7,2.6rem) .8rem repeat(2,2.6rem);grid-template-columns:repeat(18,2.6rem);gap:3px;width:max-content;margin:auto;display:grid}.celda{font:inherit;color:#1d1d26;background:var(--fam,#ccc);cursor:pointer;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;font-size:.95rem;font-weight:900;line-height:1;display:flex;box-shadow:inset 0 -3px #0000001f}.celda small{opacity:.75;font-size:.55rem;font-weight:700}.celda[aria-current]{outline:3px solid var(--primary);outline-offset:1px}.celda[data-family=no-metal]{--fam:#9be38b}.celda[data-family=gas-noble]{--fam:#c3b3ff}.celda[data-family=alcalino]{--fam:#ffa79c}.celda[data-family=alcalinoterreo]{--fam:#ffcf95}.celda[data-family=metaloide]{--fam:#dede95}.celda[data-family=halogeno]{--fam:#86e6d9}.celda[data-family=metal-postransicion]{--fam:#c3cfdf}.celda[data-family=metal-transicion]{--fam:#f6bdd0}.celda[data-family=lantanido]{--fam:#ffdfb3}.celda[data-family=actinido]{--fam:#f3c3f3}.recetas{flex:1;width:100%;max-width:34rem;margin:0 auto;padding:0 16px 16px;overflow:auto}.recetas h3{color:var(--primary);margin:1rem 0 .4rem;font-size:1rem}.recetas ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.recetas li{background:var(--surface);border:2px solid var(--line);border-radius:12px;grid-template-columns:1fr auto;gap:0 10px;padding:.55rem .75rem;display:grid}.recetas li small{color:var(--muted);grid-column:1/-1}.recetas .ecuacion{font-weight:800}.recetas .dh{font-size:.82rem;font-weight:800}.dh.exo{color:var(--hot)}.dh.endo{color:var(--cold)}.acertijos-lista{gap:8px;margin:10px 0;display:grid}.acertijo-item{gap:8px;padding:12px;display:grid}.acertijo-item>div:first-child{gap:2px;display:grid}.acertijo-item small{color:var(--muted);font-weight:700}.acertijo-item small span{color:var(--xp-shadow);letter-spacing:1px}#hud-tarjetas.con-acertijo #t-estado,#hud-tarjetas.con-acertijo #t-reto{display:none!important}.acertijo{top:max(10px, env(safe-area-inset-top));gap:6px;width:min(28rem,100% - 20px);max-height:40vh;padding:12px 14px;display:grid;position:absolute;left:50%;overflow-y:auto;transform:translate(-50%)}.acertijo header{justify-content:space-between;align-items:center;gap:8px;display:flex}.acertijo header .pequeno{flex:1;font-weight:800}.acertijo h2{margin:0;font-size:1.15rem}.acertijo .chip{background:color-mix(in srgb, var(--xp) 25%, var(--surface));color:#6b4d00}.acertijo .plegar{border:2px solid var(--line);background:var(--bg-2);width:2.4rem;min-height:2.2rem;color:var(--fg);cursor:pointer;border-radius:10px;padding:0;font-size:1rem}.acertijo .pistas{gap:4px;margin:0;padding-left:1.3rem;font-weight:700;display:grid}.acertijo .pistas li:last-child{animation:subir-entrada .4s var(--ease-pop)}.acertijo-nota{margin:0;font-size:.92rem;font-weight:800}.acertijo-nota:empty{display:none}.acertijo-nota.mal{color:var(--bad)}.acertijo-nota.bien{color:var(--ok-shadow)}.acertijo.sacude{animation:.4s sacudir}.acertijo.plegado>:not(header):not(.pistas):not(.acertijo-nota),.acertijo.plegado .pistas li:not(:last-child){display:none}.acertijo.plegado .pistas{padding:0;list-style:none}.acertijo-final{text-align:center}.acertijo-final .estrellas{color:var(--xp);letter-spacing:4px;animation:rebote-entrada .5s var(--ease-pop);margin:0;font-size:2.6rem}.acertijo-final .estrellas span{color:var(--line)}.acertijo-final .formula-grande{color:var(--primary);font-size:3rem;font-weight:900;margin:4px 0!important}.acertijo-final .chip{margin-top:8px!important}.pistas-explicadas{text-align:left;gap:10px;padding-left:1.2rem;display:grid}.pistas-explicadas b{display:block}.pistas-explicadas p{color:var(--muted);font-size:.93rem;margin-top:2px!important}.acertijo-botones{justify-content:flex-end;margin-top:14px}.intro{background:radial-gradient(circle at 50% 30%, var(--primary-soft), var(--surface) 70%);width:min(30rem,100%);max-width:100%;height:min(40rem,100dvh - 16px);max-height:100dvh;color:var(--fg);border:0;border-radius:28px;padding:0;overflow:hidden}.intro::backdrop{background:#14142899}.intro[open]{animation:rebote-entrada .35s var(--ease-pop);flex-direction:column;display:flex}.intro-escenas{flex:1;position:relative}.escena{text-align:center;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;transition:opacity .4s,transform .4s;display:flex;position:absolute;inset:0;transform:translate(30px)}.escena.activa{opacity:1;pointer-events:auto;transform:none}.escena h2{margin:12px 0 0;font-size:1.6rem}.escena p{color:var(--muted);max-width:22rem;margin:0;font-size:1.05rem;font-weight:600}.intro-pie{padding:12px 16px max(16px, env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:8px;display:flex}.puntos{gap:2px;display:flex}.puntos button{cursor:pointer;background:0 0;border:0;place-items:center;width:1.6rem;height:1.6rem;padding:0;display:grid}.puntos button:after{content:"";background:var(--line-strong);border-radius:50%;width:.55rem;height:.55rem;transition:all .3s}.puntos button[aria-current=step]:after{background:var(--primary);border-radius:.3rem;width:1.3rem}.visual{place-items:center;width:15rem;height:13rem;display:grid;position:relative}.v-gato>div{width:12rem}.carta-mini{color:#111;width:3.6rem;height:5rem;box-shadow:0 4px 0 var(--line-strong), 0 6px 20px #00000026;border:2px solid var(--line);background:#fff;border-radius:10px;place-items:center;font-size:1.6rem;font-weight:900;display:grid}.v-camino{flex-direction:column;gap:12px;display:flex}.v-camino i{background:var(--xp);width:3.4rem;height:3rem;box-shadow:0 5px 0 var(--xp-shadow);animation:rebote-entrada .5s var(--ease-pop) both;border-radius:50%}.v-camino i:nth-child(2){animation-delay:.2s;transform:translate(2.5rem)}.v-camino i:nth-child(3){background:var(--primary);box-shadow:0 5px 0 var(--primary-shadow);animation-delay:.4s;transform:translate(1rem)}.v-camino i:nth-child(4){background:var(--line);box-shadow:0 5px 0 var(--line-strong);animation-delay:.6s;transform:translate(-1.5rem)}.v-racha{flex-direction:column;gap:10px;display:flex}.v-racha .llama{font-size:4rem;animation:.8s ease-in-out infinite alternate llama}.v-racha .dias{gap:6px;display:flex}.v-racha .dias i{background:var(--streak);width:1.8rem;height:1.8rem;animation:rebote-entrada .4s var(--ease-pop) both;border-radius:50%}.v-racha .dias i:nth-child(2){animation-delay:.15s}.v-racha .dias i:nth-child(3){animation-delay:.3s}.v-racha .dias i:nth-child(4){animation-delay:.45s}.v-racha .dias i:nth-child(5){animation-delay:.6s}.v-racha .copa{font-size:2.4rem;animation:2s ease-in-out infinite flotar}.v-apuntar .movil{border:4px solid var(--line-strong);background:var(--primary-soft);border-radius:22px;place-items:end center;width:8rem;height:12rem;padding-bottom:1.2rem;animation:3s ease-in-out infinite flotar;display:grid;position:relative}.v-apuntar .carta-mini{transform:perspective(300px)rotateX(45deg)}.atomo-mini{width:4.4rem;height:4.4rem;animation:3s ease-out infinite brotar;position:absolute;top:1.4rem}.atomo-mini b{background:var(--proton);border-radius:50%;position:absolute;inset:1.7rem}.atomo-mini i{border:2px solid var(--electron);border-radius:50%;animation:2s linear infinite girar;position:absolute;inset:0}.atomo-mini i:nth-child(2){animation-duration:3s;inset:.6rem -.4rem;transform:rotate(60deg)}.atomo-mini i:after{content:"";background:var(--electron);border-radius:50%;width:8px;height:8px;position:absolute;top:-5px;left:50%}.v-juntar{display:block}.v-juntar .carta-mini{animation:none;position:absolute;top:4rem}.v-juntar .izq{animation-name:juntar-izq;left:.5rem}.v-juntar .centro{animation-name:brillar;left:calc(50% - 1.8rem)}.v-juntar .der{animation-name:juntar-der;right:.5rem}.destello{background:#fff3b0;border-radius:50%;width:1rem;height:1rem;margin:-.5rem;animation:3.6s ease-out infinite destello;position:absolute;top:6.5rem;left:50%}.molecula-mini{color:var(--ok);font-size:2.6rem;font-weight:900;animation:3.6s ease-out infinite aparecer-mol;position:absolute;top:.6rem;left:0;right:0}.v-calor{grid-template-columns:1fr 1fr;gap:12px;width:17rem}.lado{border-radius:18px;justify-items:center;gap:8px;padding:1.2rem .5rem;display:grid}.lado span{font-size:3.6rem}.lado small{font-weight:800}.fuego{background:color-mix(in srgb, var(--hot) 18%, var(--surface))}.fuego span{animation:.8s ease-in-out infinite alternate llama}.fuego small{color:var(--hot)}.hielo{background:color-mix(in srgb, var(--cold) 16%, var(--surface))}.hielo span{animation:6s linear infinite girar}.hielo small{color:var(--info-shadow)}@keyframes girar{to{rotate:360deg}}@keyframes sacudir{20%,60%{transform:translate(calc(-50% - 8px))}40%,80%{transform:translate(calc(8px - 50%))}}@keyframes sacudir-x{20%,60%{translate:-6px}40%,80%{translate:6px}}@keyframes brotar{0%,15%{opacity:0;transform:scale(0)translateY(40px)}40%,to{opacity:1;transform:none}}@keyframes juntar-izq{0%,10%{transform:none}45%,75%{transform:translate(2.2rem)rotate(4deg)}to{transform:none}}@keyframes juntar-der{0%,10%{transform:none}45%,75%{transform:translate(-2.2rem)rotate(-4deg)}to{transform:none}}@keyframes brillar{0%,15%{box-shadow:0 4px 0 var(--line-strong)}40%,50%{transform:translate(1px);box-shadow:0 0 30px 8px #ffd250e6}45%{transform:translate(-2px)}60%,to{box-shadow:0 4px 0 var(--line-strong)}}@keyframes destello{0%,48%{opacity:0;transform:scale(0)}52%{opacity:.9;transform:scale(12)}70%,to{opacity:0;transform:scale(18)}}@keyframes aparecer-mol{0%,52%{opacity:0;transform:scale(0)}62%{opacity:1;transform:scale(1.25)}70%,85%{opacity:1;transform:scale(1)}to{opacity:0}}@keyframes llama{0%{transform:scale(1)rotate(-3deg)}to{transform:scale(1.12)rotate(3deg)}}@keyframes llama-crece{0%{opacity:0;transform:scale(.2)}}@keyframes cofre{0%{transform:scale(.6)}30%{transform:rotate(-12deg)scale(1.1)}45%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:scale(1.25)}to{transform:scale(1)}}:root.calma .visual *,:root.calma .visual :before,:root.calma .visual :after{animation:none!important}:root.calma .destello{display:none}@media (prefers-reduced-motion:reduce){.visual *,.visual :before,.visual :after{animation:none!important}.destello{display:none}}:root.alto-contraste .card,:root.alto-contraste .opcion-btn,:root.alto-contraste .nodo{border:2px solid var(--line)!important}.hud-foto{pointer-events:none;position:absolute;inset:0}.hud-foto>*{pointer-events:auto}.hud-foto .burbuja{pointer-events:none}.foto-opciones{gap:6px}.foto-elegir{align-items:center;gap:6px;padding:4px 4px 4px 12px;font-size:.85rem;font-weight:800;display:flex}.foto-elegir select{max-width:9.5rem;min-height:2.4rem;padding:.3rem .5rem}.obturador{--c:#fff;--s:var(--line-strong);border:4px solid var(--primary);border-radius:50%;width:4.6rem;height:4.6rem;padding:0}.obturador span{background:var(--primary);border-radius:50%;width:3.4rem;height:3.4rem}.flash-foto{z-index:20;pointer-events:none;background:#fff;animation:.45s ease-out forwards flash;position:fixed;inset:0}@keyframes flash{0%{opacity:.95}to{opacity:0}}.foto-vista{inset:auto 12px calc(max(16px, env(safe-area-inset-bottom)) + 9rem);max-width:26rem;animation:rebote-entrada .35s var(--ease-pop);gap:10px;margin:0 auto;padding:10px;display:grid;position:absolute}.foto-vista img{object-fit:contain;border-radius:14px;width:100%;max-height:45vh}.mascota-inicio .gato-bocadillo{transform-origin:85% 100%;width:max-content;max-width:min(15rem,100vw - 30px);left:auto;right:0;translate:0}.mascota-inicio .gato-bocadillo:after{left:auto;right:2rem}.segmentado button.no-disponible{opacity:.55}#hud .leyenda{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 11.5rem)}.demo-chip{border:2px solid var(--primary);background:var(--surface);cursor:pointer;border-radius:999px;padding:.2rem .45rem;font-size:1.05rem;line-height:1}.demo-chip[hidden]{display:none}@media (max-width:420px){.barra-top:has(.instalar-top:not([hidden]),.demo-chip:not([hidden])) #cambiar-tema{display:none}.barra-top{gap:2px;padding-inline:6px}.barra-top .stats{gap:0}}