:root{--fondo:oklch(96.5% .018 105);--fondo-2:oklch(93% .03 120);--superficie:oklch(99.2% .007 100);--superficie-2:oklch(95.5% .015 110);--borde:oklch(87% .025 115);--borde-fuerte:oklch(78% .035 125);--texto:oklch(27% .035 165);--texto-suave:oklch(47% .03 160);--cielo:oklch(60% .115 212);--cielo-hondo:oklch(47% .1 220);--cielo-texto:oklch(98.5% .01 200);--acento:oklch(66% .17 142);--acento-hondo:oklch(50% .14 145);--acento-texto:oklch(99% .01 140);--acento-suave:oklch(92% .06 140);--sol:oklch(80% .15 80);--sube:oklch(52% .15 145);--falta:oklch(55% .2 27);--aviso-fondo:oklch(96% .05 90);--aviso-borde:oklch(80% .12 80);--t1:oklch(60% .15 145);--t2:oklch(57% .15 250);--t3:oklch(54% .19 305);--t-oro:oklch(78% .15 82);--t-naranja:oklch(67% .17 52);--t-rojo:oklch(56% .2 25);--arco:oklch(62% .16 140);--fuego:oklch(60% .2 30);--hielo:oklch(66% .12 225);--veneno:oklch(56% .17 310);--radio:14px;--radio-chico:10px;--sombra:0 1px 0 oklch(85% .03 115), 0 6px 18px -8px oklch(45% .06 150/.25);--sombra-boton:0 3px 0 var(--acento-hondo);--fuente:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--fuente-titulo:"Lilita One", "Nunito", system-ui, sans-serif;--curva:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--fondo:oklch(20% .022 185);--fondo-2:oklch(24% .03 175);--superficie:oklch(25% .022 185);--superficie-2:oklch(29% .024 185);--borde:oklch(36% .025 185);--borde-fuerte:oklch(45% .03 180);--texto:oklch(94% .015 150);--texto-suave:oklch(74% .025 165);--cielo:oklch(36% .07 215);--cielo-hondo:oklch(28% .06 220);--acento:oklch(70% .16 142);--acento-hondo:oklch(48% .12 145);--acento-texto:oklch(20% .04 150);--acento-suave:oklch(33% .06 145);--sube:oklch(78% .15 145);--falta:oklch(72% .16 27);--aviso-fondo:oklch(30% .05 85);--aviso-borde:oklch(55% .1 80);--sombra:0 1px 0 oklch(15% .02 185), 0 6px 18px -8px oklch(5% .02 185/.6);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);font:16px/1.5 var(--fuente);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%}h1,h2,h3{margin:0;line-height:1.15}h1,h2{font-family:var(--fuente-titulo);letter-spacing:.01em;font-weight:400}h1{font-size:clamp(1.7rem,1.3rem + 1.6vw,2.4rem)}h2{font-size:1.3rem}h3{font-weight:800}a{color:var(--acento-hondo);font-weight:700}:focus-visible{outline:3px solid var(--sol);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.texto-suave{color:var(--texto-suave);margin:.25rem 0 0}.cargando{text-align:center;color:var(--texto-suave);padding:2rem}.marco{grid-template:"barra barra""nav contenido"1fr/264px 1fr;min-height:100dvh;display:grid}.barra{background:var(--cielo);color:var(--cielo-texto);box-shadow:inset 0 -4px 0 var(--cielo-hondo);z-index:10;grid-area:barra;align-items:center;gap:.75rem;padding:.55rem 1rem;display:flex;position:sticky;top:0}.barra__marca{color:inherit;font-family:var(--fuente-titulo);letter-spacing:.02em;align-items:center;gap:.55rem;margin-right:auto;font-size:1.3rem;font-weight:400;text-decoration:none;display:flex}.barra__marca img{box-shadow:0 2px 0 var(--cielo-hondo);border-radius:9px}.barra__marca b{color:var(--sol);font-weight:400}.barra__perfil select{font:inherit;border-radius:var(--radio-chico);min-height:40px;color:inherit;background:oklch(99% .01 200/.18);border:0;padding:.3rem .6rem;font-weight:700}.barra__perfil option{color:var(--texto);background:var(--superficie)}.barra__guardado{opacity:.85;text-align:right;min-width:9ch;font-size:.8rem;font-weight:700}.barra__guardado--error{color:var(--sol);opacity:1}.nav{background:var(--superficie);border-right:1px solid var(--borde);flex-direction:column;grid-area:nav;gap:2px;height:calc(100dvh - 58px);padding:.9rem .7rem 1.5rem;display:flex;position:sticky;top:58px;overflow-y:auto}.nav a,.nav__salir{border-radius:var(--radio-chico);min-height:44px;color:var(--texto);font:inherit;text-align:left;cursor:pointer;transition:background .16s var(--curva);background:0 0;border:0;align-items:center;gap:.6rem;padding:.3rem .6rem;font-weight:700;text-decoration:none;display:flex}.nav__icono{border-radius:8px;flex:none}.nav__nombre{flex:1}.nav a:hover,.nav__salir:hover{background:var(--superficie-2)}.nav a.active{background:var(--acento-suave);box-shadow:inset 0 0 0 2px var(--acento)}.nav__seccion{text-transform:uppercase;letter-spacing:.1em;color:var(--texto-suave);margin:1.1rem 0 .2rem;padding:0 .6rem;font-size:.72rem;font-weight:800}.nav__salir{color:var(--texto-suave);margin-top:1rem}.punto{border-radius:50%;flex:none;width:10px;height:10px}.punto--parcial{background:var(--sol)}.punto--sin-datos{box-shadow:inset 0 0 0 2px var(--texto-suave);background:0 0}.contenido{grid-area:contenido;min-width:0;padding:clamp(1rem,3vw,2.25rem)}.pestanas-movil{display:none}@media (width<=800px){.marco{grid-template-columns:1fr;grid-template-areas:"barra""contenido"}.barra{padding:.45rem .75rem}.barra__marca{font-size:1.1rem}.barra__guardado,.nav{display:none}.contenido{padding:1rem 1rem calc(88px + env(safe-area-inset-bottom))}.pestanas-movil{z-index:10;padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom));background:var(--superficie);border-top:1px solid var(--borde);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -6px 18px -10px oklch(30% .05 160/.35)}.pestanas-movil a{border-radius:var(--radio-chico);min-height:52px;color:var(--texto-suave);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.75rem;font-weight:800;text-decoration:none;display:flex}.pestanas-movil img{transition:transform .2s var(--curva);border-radius:7px}.pestanas-movil a.active{color:var(--texto);background:var(--acento-suave)}.pestanas-movil a.active img{transform:translateY(-2px)scale(1.08)}}.inicio{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.portada{background:var(--cielo);min-height:260px;color:var(--cielo-texto);box-shadow:inset 0 -6px 0 var(--cielo-hondo);border-radius:22px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;display:grid;position:relative;overflow:hidden}.portada__texto{z-index:1;align-self:center;padding:clamp(1.25rem,3vw,2.25rem);position:relative}.portada__saludo{color:var(--sol);margin:0 0 .35rem;font-weight:800}.portada h1{text-shadow:0 3px 0 var(--cielo-hondo);font-size:clamp(1.9rem,1.4rem + 2.2vw,3rem)}.portada__texto p:last-child{max-width:44ch;margin:.75rem 0 0}.portada a{color:var(--sol)}.portada__arte{justify-content:flex-end;align-items:flex-end;height:100%;min-height:260px;padding-right:.5rem;display:flex}.portada__arte img{object-fit:cover;object-position:top;filter:drop-shadow(0 6px 10px oklch(20% .05 220/.35));border-radius:18px 18px 0 0;width:auto;height:290px;margin-left:-42px;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.portada__arte img:nth-child(odd){height:250px}@media (width<=700px){.portada{grid-template-columns:1fr;min-height:0}.portada__arte{justify-content:center;min-height:0;margin-top:-.5rem;padding:0}.portada__arte img{height:150px;margin-left:-24px}.portada__arte img:nth-child(odd){height:130px}}.grupo-inicio h2{margin-bottom:.75rem}.mosaico{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.mosaico--grande{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.ficha{border-radius:var(--radio);background:var(--superficie);border:2px solid var(--borde);height:100%;box-shadow:0 4px 0 var(--borde);color:var(--texto);transition:transform .18s var(--curva), box-shadow .18s var(--curva), border-color .18s var(--curva);flex-direction:column;align-items:flex-start;gap:.55rem;padding:.9rem;text-decoration:none;display:flex}.mosaico--grande .ficha{background:var(--fondo-2);flex-flow:wrap;align-items:center}.ficha__icono{border-radius:12px}.ficha__nombre{font-size:1.02rem;font-weight:800;line-height:1.2}.ficha:hover{border-color:var(--acento);box-shadow:0 7px 0 var(--acento-hondo);transform:translateY(-3px)}.ficha:active{box-shadow:0 2px 0 var(--acento-hondo);transform:translateY(2px)}.calculadora{max-width:1200px;margin:0 auto}.calculadora__cabecera{margin-bottom:1.5rem}.calculadora__cabecera p{max-width:70ch}.cabecera-icono{align-items:center;gap:1rem;display:flex}.cabecera-icono>img{box-shadow:0 4px 0 var(--borde-fuerte);border-radius:14px;flex:none}.calculadora__cuerpo{grid-template-columns:minmax(280px,390px) 1fr;align-items:start;gap:1.5rem;display:grid}.calculadora__entradas{flex-direction:column;gap:1rem;display:flex}.calculadora__resultado{position:sticky;top:76px}@media (width<=1000px){.calculadora__cuerpo{grid-template-columns:1fr}.calculadora__resultado{position:static}}.grupo{border:1px solid var(--borde);border-radius:var(--radio);background:var(--superficie);box-shadow:var(--sombra);min-width:0;margin:0;padding:1rem}.grupo legend{background:var(--fondo-2);border-radius:999px;padding:.15rem .6rem;font-size:.9rem;font-weight:800}.grupo__campos{flex-direction:column;gap:.75rem;display:flex}.rejilla-grupos{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:1rem;display:grid}.campo{flex-direction:column;gap:.25rem;display:flex}.campo__etiqueta{color:var(--texto-suave);font-size:.85rem;font-weight:700}.campo__entrada{font:inherit;font-variant-numeric:tabular-nums;border-radius:var(--radio-chico);border:2px solid var(--borde);background:var(--superficie-2);width:100%;min-height:44px;color:var(--texto);transition:border-color .16s var(--curva);padding:.45rem .7rem;font-weight:700}.campo__entrada:focus{border-color:var(--acento);outline:none}.campo__entrada--error{border-color:var(--falta)}.campo__ayuda{color:var(--texto-suave);font-size:.8rem}.par{grid-template-columns:2fr 1fr;gap:.5rem;display:grid}.fila{gap:.5rem;display:flex}.interruptor{cursor:pointer;align-items:center;gap:.6rem;min-height:44px;font-size:.95rem;font-weight:600;display:flex}.interruptor input{opacity:0;position:absolute}.interruptor__pista{background:var(--borde-fuerte);width:44px;height:26px;transition:background .18s var(--curva);border-radius:999px;flex:none;position:relative}.interruptor__pista:after{content:"";background:var(--superficie);width:20px;height:20px;transition:transform .18s var(--curva);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px oklch(30% .03 160/.25)}.interruptor input:checked+.interruptor__pista{background:var(--acento)}.interruptor input:checked+.interruptor__pista:after{transform:translate(18px)}.interruptor input:focus-visible+.interruptor__pista{outline:3px solid var(--sol);outline-offset:2px}.fuente{color:var(--texto-suave);max-width:80ch;margin:1rem 0 0;font-size:.8rem}.resultado{flex-direction:column;gap:1rem;display:flex}.bloque{border:1px solid var(--borde);border-radius:var(--radio);background:var(--superficie);box-shadow:var(--sombra);min-width:0;padding:1rem;overflow-x:auto}.bloque__titulo{margin-bottom:.75rem;font-size:.95rem}.tabla-cambios{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.tabla-cambios th,.tabla-cambios td{text-align:right;border-bottom:1px solid var(--borde);padding:.5rem .55rem}.tabla-cambios tbody tr:nth-child(2n){background:var(--superficie-2)}.tabla-cambios th[scope=row],.tabla-cambios th:first-child{text-align:left;font-weight:700}.tabla-cambios thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--texto-suave);border-bottom:2px solid var(--borde-fuerte);font-size:.78rem;font-weight:800}.tabla-cambios tr.sube td:last-child{color:var(--sube);font-weight:800}.tabla-cambios tr.sube td:last-child:before{content:"▲ ";font-size:.7em}.tabla-cambios td.falta{color:var(--falta);font-weight:700}.dos-columnas{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=600px){.dos-columnas{grid-template-columns:1fr}}.lista-cantidades{flex-direction:column;gap:.35rem;margin:0;display:flex}.lista-cantidades div{justify-content:space-between;gap:1rem;display:flex}.lista-cantidades dt{color:var(--texto-suave)}.lista-cantidades dd{font-variant-numeric:tabular-nums;margin:0;font-weight:800}.puntos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;display:grid}.puntos__celda{border-radius:var(--radio-chico);background:var(--fondo-2);flex-direction:column;padding:.7rem .8rem;display:flex}.puntos__celda strong{font-family:var(--fuente-titulo);font-variant-numeric:tabular-nums;font-size:1.55rem;font-weight:400;line-height:1.2}.puntos__celda--up{background:var(--acento-suave)}.puntos__etiqueta{color:var(--texto-suave);font-size:.78rem;font-weight:700}.avisos{border:1px solid var(--aviso-borde);border-radius:var(--radio);background:var(--aviso-fondo);margin:0;padding:.8rem 1rem .8rem 2rem;font-size:.9rem}.sin-datos{border:2px dashed var(--aviso-borde);border-radius:var(--radio);background:var(--aviso-fondo);padding:1rem}.sin-datos strong{margin-bottom:.3rem;display:block}.tier{text-align:center;color:oklch(99% .01 100);background:var(--texto-suave);border-radius:7px;min-width:2.6em;padding:.05rem .4rem;font-size:.8rem;font-weight:900;display:inline-block;box-shadow:inset 0 -2px oklch(0% 0 0/.18)}.tier--1{background:var(--t1)}.tier--2{background:var(--t2)}.tier--3{background:var(--t3)}.tier--4,.tier--5,.tier--6{background:var(--t-oro);color:oklch(28% .06 70)}.tier--7,.tier--8,.tier--9{background:var(--t-naranja);color:oklch(20% .05 50)}.tier--10,.tier--11,.tier--12{background:var(--t-rojo)}.tier--13{background:linear-gradient(90deg, var(--t-rojo), var(--t-oro), var(--t1), var(--t2), var(--t3));text-shadow:0 1px 1px oklch(20% .05 300/.6)}.premio{text-align:left;align-items:center;gap:.45rem;display:inline-flex}.premio img{border-radius:7px;flex:none}.premio__nombre{font-size:.85rem}.tabla-premios td{text-align:left}@media (width<=560px){.premio__nombre{display:none}}.pestanas{background:var(--fondo-2);border-radius:999px;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;padding:.3rem;display:inline-flex}.pestana{font:inherit;min-height:40px;color:var(--texto-suave);cursor:pointer;transition:background .18s var(--curva), color .18s var(--curva);background:0 0;border:0;border-radius:999px;padding:.3rem 1rem;font-weight:800}.pestana[aria-selected=true]{background:var(--superficie);color:var(--texto);box-shadow:0 2px 0 var(--borde-fuerte)}.moneda{font-variant-numeric:tabular-nums;color:var(--texto);align-items:center;gap:.2rem;margin-right:.4rem;font-weight:800;display:inline-flex}.moneda img{border-radius:4px}.resumen-academia{border-radius:var(--radio);background:var(--superficie);box-shadow:var(--sombra);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.2rem;display:grid}.resumen-academia__etiqueta{text-transform:uppercase;letter-spacing:.08em;color:var(--texto-suave);font-size:.8rem;font-weight:800}.resumen-academia__monedas .moneda{font-family:var(--fuente-titulo);font-size:1.6rem;font-weight:400}.resumen-academia__monedas .moneda img{width:26px;height:26px}@media (width<=600px){.resumen-academia{grid-template-columns:1fr;gap:.5rem}}.progreso{background:var(--superficie-2);border-radius:999px;height:14px;overflow:hidden;box-shadow:inset 0 2px oklch(30% .03 160/.12)}.progreso__barra{background:var(--acento);transform-origin:0;height:100%;transition:transform .4s var(--curva)}.habilidades{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}@media (width<=420px){.habilidades{grid-template-columns:1fr}}.habilidad{border-radius:var(--radio);background:var(--superficie);border:1px solid var(--borde);grid-template-columns:48px 1fr auto;align-items:center;gap:.75rem;padding:.6rem .7rem;display:grid}.habilidad--completa{background:var(--acento-suave);border-color:var(--acento)}.habilidad__icono{border-radius:10px}.habilidad__texto{flex-direction:column;min-width:0;font-size:.95rem;display:flex}.habilidad__texto .texto-suave{margin:0;font-size:.8rem}.habilidad__texto .moneda{font-size:.8rem}.paso{align-items:center;gap:.2rem;display:flex}.paso__boton{font:inherit;background:var(--acento);width:40px;height:40px;color:var(--acento-texto);box-shadow:0 3px 0 var(--acento-hondo);cursor:pointer;transition:transform .12s var(--curva), box-shadow .12s var(--curva);border:0;border-radius:10px;font-size:1.2rem;font-weight:900}.paso__boton:active{box-shadow:0 1px 0 var(--acento-hondo);transform:translateY(2px)}.paso__boton:disabled{background:var(--superficie-2);color:var(--texto-suave);box-shadow:none;cursor:default}.paso__valor{text-align:center;font-variant-numeric:tabular-nums;min-width:3.4ch;font-weight:900}.paso__valor small{color:var(--texto-suave);font-weight:700}.retrato{vertical-align:middle;background:var(--superficie-2);border-radius:8px;width:32px;height:32px;margin-right:.45rem}.elemento{color:oklch(99% .01 100);border-radius:999px;padding:.05rem .5rem;font-size:.78rem;font-weight:800;display:inline-block}.elemento--bow{background:var(--arco)}.elemento--fire{background:var(--fuego)}.elemento--ice{background:var(--hielo)}.elemento--poison{background:var(--veneno)}.rareza{text-align:center;text-transform:uppercase;color:oklch(99% .01 100);border-radius:7px;min-width:2.8em;padding:.05rem .4rem;font-size:.75rem;font-weight:900;display:inline-block}.rareza--n{background:oklch(60% .02 160)}.rareza--r{background:var(--t2)}.rareza--sr{background:var(--t3)}.rareza--ssr{background:var(--t-oro);color:oklch(28% .06 70)}.rol{background:var(--fondo-2);white-space:nowrap;border-radius:7px;margin:0 .25rem .15rem 0;padding:.05rem .45rem;font-size:.75rem;font-weight:800;display:inline-block}.rol b{color:var(--acento-hondo)}.insignia{white-space:nowrap;border-radius:999px;padding:.1rem .5rem;font-size:.72rem;font-weight:800}.insignia--completa{background:var(--acento-suave)}.insignia--parcial{background:var(--aviso-fondo);border:1px solid var(--aviso-borde)}.insignia--sin-datos{background:var(--superficie-2);color:var(--texto-suave)}.tarjetas{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.tarjeta{border-radius:var(--radio);border:2px solid var(--borde);background:var(--superficie);box-shadow:0 4px 0 var(--borde);color:var(--texto);flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;text-decoration:none;display:flex}.boton{font:inherit;background:var(--acento);min-height:44px;color:var(--acento-texto);box-shadow:var(--sombra-boton);cursor:pointer;transition:transform .12s var(--curva), box-shadow .12s var(--curva);border:0;border-radius:12px;padding:.5rem 1.1rem;font-weight:800}.boton:active{box-shadow:0 1px 0 var(--acento-hondo);transform:translateY(2px)}.boton:disabled{opacity:.6;cursor:wait}.enlace{font:inherit;color:var(--acento-hondo);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.enlace--peligro{color:var(--falta)}.lista-perfiles{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.lista-perfiles li{justify-content:space-between;display:flex}.lista-perfiles [aria-current=true]{font-weight:800;text-decoration:none}.mensaje{border-radius:var(--radio-chico);background:var(--acento-suave);margin-top:1rem;padding:.6rem .9rem}.error{color:var(--falta);margin:0}.entrar{background:radial-gradient(120% 60% at 50% 110%, var(--fondo-2), transparent 70%), var(--cielo);place-items:center;min-height:100dvh;padding:1rem;display:grid}.entrar__tarjeta{background:var(--superficie);width:min(400px,100%);box-shadow:0 6px 0 var(--cielo-hondo), 0 24px 48px -20px oklch(20% .05 220/.5);border-radius:22px;flex-direction:column;gap:1rem;padding:2rem;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.grupo legend img{vertical-align:middle;box-shadow:0 2px 0 var(--borde-fuerte);border-radius:9px;margin:-.6rem .45rem -.5rem -.35rem}.grupo--icono legend{padding-left:.4rem}.moneda{white-space:nowrap}@media (width<=600px){.pestanas{border-radius:var(--radio);display:flex}.pestana{border-radius:10px;flex:1}}.tabla-cambios td>div{white-space:nowrap;font-size:.88rem}