:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8e6e3;--caja:#182033;--borde:#2c3754;--acento:#c8aa6e;--tenue:#8d96a8;--error:#ff6b6b;--ok:#5fd38d;--comun:#9aa0a6;--raro:#4a90e2;--epico:#a259ff;--legendario:#f5c542;--mitico:#ff3b3b;background:#0f1420;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#app{max-width:1440px;margin:0 auto;padding:1.5rem clamp(1rem,3vw,2.5rem) 4rem}h1{color:var(--acento)}h2{margin-top:0}button,input,select{font:inherit;color:inherit;border:1px solid var(--borde);background:#0f1420;border-radius:6px;padding:.45rem .8rem}button{cursor:pointer;background:#232d45}button:hover:not(:disabled){border-color:var(--acento)}button:disabled{opacity:.5;cursor:not-allowed}button.principal{background:var(--acento);color:#111;font-weight:600}button.peligro{border-color:#7a2d2d}input[type=number]{width:5.5rem}.fila{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.fila.compacta{gap:.3rem}.caja{background:var(--caja);border:1px solid var(--borde);border-radius:10px;margin-bottom:1rem;padding:1.2rem}.tenue{color:var(--tenue)}.error{color:var(--error);min-height:1.2em}.advertencia{color:var(--legendario);font-weight:600}.aviso{background:var(--caja);border:1px solid var(--ok);z-index:10;border-radius:8px;padding:.7rem 1.2rem;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%)}.aviso-error{border-color:var(--error)}.pantalla-login{text-align:center;max-width:460px;margin:3rem auto}.pantalla-login .fila{justify-content:center}.zona-google{justify-content:center;min-height:44px;display:flex}.caja-prueba{border-style:dashed}img{image-rendering:pixelated}.avatar{image-rendering:auto;border-radius:50%;width:32px;height:32px}.texto-mitico{color:var(--mitico)}@keyframes brillo-mitico{0%,to{box-shadow:0 0 6px 1px var(--mitico)}50%{box-shadow:0 0 18px 5px #ff7a3b}}.filtros input[type=search]{flex:220px}.rejilla-campeones{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.7rem;display:grid}.tarjeta-campeon{background:var(--caja);flex-direction:column;align-items:center;gap:.2rem;padding:.6rem .3rem;display:flex}.tarjeta-campeon .nombre{font-weight:600}.tarjeta-campeon .detalle{color:var(--tenue);font-size:.8rem}.dialogo{background:var(--caja);color:inherit;border:1px solid var(--borde);text-align:center;border-radius:12px;max-width:min(460px,95vw)}.dialogo::backdrop{background:#0009}.dialogo .fila{justify-content:center}.cabecera{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.contador-monedas{color:var(--legendario);font-weight:600}.carta-main{width:180px;margin:0 auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--borde);vertical-align:middle;padding:.5rem}tr.sin-acceso td{opacity:.5}.sprite-caja{width:var(--caja);height:var(--caja);place-items:center;max-width:100%;display:grid;overflow:hidden}.sprite-caja img{image-rendering:pixelated}.carta{--c:var(--comun);background:var(--caja);border:3px solid var(--c);text-align:center;width:100%;box-shadow:0 0 12px -3px var(--c);border-radius:10px;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .4rem .6rem;display:flex;position:relative}.r-comun{--c:var(--comun)}.r-raro{--c:var(--raro)}.r-epico{--c:var(--epico)}.r-legendario{--c:var(--legendario)}.r-mitico{--c:var(--mitico)}.carta-sprite{line-height:0;position:relative}.carta-nombre{font-weight:600}.carta-rareza{color:var(--c);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.carta-pie{width:100%;min-height:1.1rem;font-size:.8rem}.carta.r-mitico:not(.bloqueada){background:linear-gradient(var(--caja), var(--caja)) padding-box, linear-gradient(90deg, #ff3b3b, #ffb03b, #ff3b3b, #a5001a, #ff3b3b) border-box;background-size:100% 100%,300% 100%;border-color:#0000;animation:2.5s ease-in-out infinite alternate borde-mitico,1.6s ease-in-out infinite brillo-mitico}@keyframes borde-mitico{0%{background-position:0 0,0 0}to{background-position:0 0,100% 0}}.carta.bloqueada{border-color:var(--borde);box-shadow:none}.carta.bloqueada .sprite-caja img{filter:grayscale();opacity:.35}.carta.bloqueada .carta-nombre,.carta.bloqueada .carta-rareza{color:var(--tenue)}.carta .candado{place-items:center;font-size:2rem;line-height:1;display:grid;position:absolute;inset:0}.carta .etiquetas{z-index:1;justify-content:center;gap:.25rem;display:flex;position:absolute;top:-.6rem;left:0;right:0}.carta .etiquetas span{background:var(--c);color:#111;border-radius:4px;padding:.05rem .4rem;font-size:.65rem;font-weight:700}.insignia{z-index:1;border:1px solid var(--c);background:#0009;border-radius:999px;padding:.05rem .45rem;font-size:.75rem;font-weight:700;line-height:1.4;position:absolute;top:.35rem}.insignia.izquierda{left:.35rem}.insignia.derecha{color:var(--c);right:.35rem}.barra-maestria{width:100%;height:6px;accent-color:var(--c);margin-top:.25rem;display:block}.rejilla-cartas{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem .7rem;padding-top:.7rem;display:grid}.boton-carta{background:0 0;border:none;padding:0}.boton-carta:hover .carta{transform:translateY(-2px)}.rejilla-sobres{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.7rem;margin-bottom:1rem;display:grid}.sobre{text-align:left;flex-direction:column;align-items:flex-start;gap:.3rem;padding:1rem;display:flex}.sobre.elegido{border-color:var(--acento);box-shadow:0 0 0 2px var(--acento) inset}.mesa{perspective:1000px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2rem .8rem;padding-top:.8rem;display:grid}@media (width<=900px){.mesa{grid-template-columns:repeat(2,minmax(0,1fr))}}.giro{aspect-ratio:3/4.2}.giro-interior{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.giro.revelada .giro-interior{transform:rotateY(180deg)}.dorso,.frente{backface-visibility:hidden;border-radius:10px;position:absolute;inset:0}.dorso{border:3px solid var(--acento);background:repeating-linear-gradient(45deg,#1e2840 0 10px,#232f4b 10px 20px)}.frente{display:flex;transform:rotateY(180deg)}.frente .carta{justify-content:center;height:100%}.giro.revelada.r-raro .carta{animation:.9s ease-out .35s both brillo}.giro.revelada.r-epico .carta{animation:1.2s ease-out .35s 2 both brillo}.giro.revelada.r-legendario .carta{animation:1.1s ease-in-out .35s infinite brillo-fuerte}.giro.revelada.r-mitico .carta{animation:2.5s ease-in-out infinite alternate borde-mitico,1s ease-in-out .35s infinite brillo-mitico}@keyframes brillo{0%{box-shadow:0 0 0 0 var(--c)}40%{box-shadow:0 0 22px 6px var(--c)}to{box-shadow:0 0 12px -3px var(--c)}}@keyframes brillo-fuerte{0%,to{box-shadow:0 0 10px 2px var(--c)}50%{box-shadow:0 0 30px 10px var(--c)}}.giro.suspense .giro-interior{animation:.15s linear infinite temblor}@keyframes temblor{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-2px)rotate(-1deg)}75%{transform:translate(2px)rotate(1deg)}}.god-pack{--c:var(--legendario);text-align:center;color:var(--legendario);border:2px solid var(--legendario);border-radius:10px;margin:.5rem 0;padding:.7rem;font-size:1.4rem;font-weight:800;animation:1.2s ease-in-out infinite brillo-fuerte}.acciones-apertura{justify-content:center;margin-top:1.5rem}.ficha{text-align:left}.ficha h2,.ficha .fila{text-align:center;justify-content:center}.ficha h3{color:var(--acento);margin:1rem 0 .3rem;font-size:1rem}.ficha .ficha-cabecera{width:auto;margin:0 auto .6rem;padding:.6rem}.etiqueta-rareza{color:var(--c);text-transform:uppercase;vertical-align:middle;margin-left:.5rem;font-size:.75rem}.ficha table.stats th{color:var(--tenue);font-weight:400}@media (prefers-reduced-motion:reduce){.giro-interior{transition:none}.giro .carta,.god-pack,.carta.r-mitico:not(.bloqueada){box-shadow:0 0 12px 2px var(--c);animation:none!important}}.boton-prueba{border-style:dashed;border-color:var(--legendario);font-size:.85rem}@property --fondo-base1{syntax:"<color>";inherits:true;initial-value:#0b1020}@property --fondo-base2{syntax:"<color>";inherits:true;initial-value:#171230}@property --fondo-brillo{syntax:"<color>";inherits:true;initial-value:#3d4f9a}.fondo{z-index:-1;pointer-events:none;background:#0b1020;transition:--fondo-base1 1.2s,--fondo-base2 1.2s,--fondo-brillo 1.2s;position:fixed;inset:0;overflow:hidden}.fondo>*{position:absolute;inset:0}.fondo-base{background:radial-gradient(ellipse 80% 60% at 50% 0%, var(--fondo-base2), transparent 70%), linear-gradient(180deg, var(--fondo-base1) 0%, var(--fondo-base2) 55%, #05070d 100%)}.fondo-brillo{background:radial-gradient(circle, color-mix(in srgb, var(--fondo-brillo) 55%, transparent) 0%, transparent 62%);opacity:.55;will-change:transform;width:110vmax;height:110vmax;animation:40s ease-in-out infinite alternate brillo-deriva;inset:-35vmax auto auto -35vmax}@keyframes brillo-deriva{0%{transform:translate(10vw,5vh)}50%{transform:translate(55vw,30vh)}to{transform:translate(25vw,55vh)}}.fondo-particulas{width:100%;height:100%}.fondo-vineta{background:radial-gradient(#0000 45%,#000000b3 100%)}body.fondo-pausado .fondo *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.fondo,.fondo-brillo{transition:none;animation:none}}:is(.caja,.dialogo,.sobre){-webkit-backdrop-filter:blur(10px)saturate(1.1);backdrop-filter:blur(10px)saturate(1.1);background-color:#12192a99}.sobre.elegido{background-color:#282416a6}.pantalla-inicio{flex-direction:column;min-height:calc(100dvh - 5.5rem);display:flex}.barra-inicio{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--borde);background-color:#12192a99;border-radius:12px;padding:.6rem 1rem;position:relative}.retrato-main{border:2px solid var(--borde);cursor:help;background:#00000059;border-radius:10px;place-items:center;width:52px;height:52px;display:inline-grid;position:relative}.retrato-main .sprite-caja{border-radius:8px;place-items:start center}.retrato-main.con-mitica{--c:var(--mitico);border-color:var(--mitico);animation:1.6s ease-in-out infinite brillo-mitico}.retrato-main.sin-mitica .sprite-caja img{filter:grayscale();opacity:.45}.retrato-main .candado{font-size:.9rem;line-height:1;position:absolute;bottom:-6px;right:-6px}.retrato-main:after{content:attr(data-tooltip);z-index:30;white-space:pre-line;border:1px solid var(--borde);opacity:0;visibility:hidden;pointer-events:none;background:#0a0e18f2;border-radius:8px;width:max-content;max-width:240px;padding:.45rem .65rem;font-size:.85rem;line-height:1.4;transition:opacity .15s;position:absolute;top:calc(100% + 8px);left:0}.retrato-main:hover:after,.retrato-main:focus-visible:after{opacity:1;visibility:visible}.retrato-main:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.menu-principal{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,2vw,1.4rem);width:min(1200px,100%);margin:clamp(1rem,6vh,3.5rem) auto auto;padding:0 0 2rem;display:grid}.tarjeta-menu{text-align:center;min-height:190px;color:inherit;-webkit-backdrop-filter:blur(10px)saturate(1.1);backdrop-filter:blur(10px)saturate(1.1);border:1px solid var(--borde);background-color:#12192a99;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1.6rem 1.2rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative}.tarjeta-menu.grande{min-height:230px}.tarjeta-icono{font-size:3rem;line-height:1}.tarjeta-menu.grande .tarjeta-icono{font-size:3.6rem}.tarjeta-titulo{color:var(--acento);font-size:1.45rem;font-weight:700}.tarjeta-detalle{color:var(--tenue)}button.tarjeta-menu:hover,button.tarjeta-menu:focus-visible{border-color:var(--acento);box-shadow:0 10px 28px -10px var(--acento);transform:translateY(-4px)}button.tarjeta-menu:focus-visible{outline:2px solid var(--acento);outline-offset:3px}.tarjeta-menu.proximamente{cursor:not-allowed;filter:grayscale();opacity:.55}.etiqueta-proximamente{text-transform:uppercase;letter-spacing:.04em;color:#111;background:var(--comun);border-radius:999px;padding:.1rem .55rem;font-size:.72rem;font-weight:700;position:absolute;top:.7rem;right:.7rem}@media (width<=700px){.menu-principal{grid-template-columns:1fr;padding:1rem 0}.tarjeta-menu.grande,.tarjeta-menu.modo{min-height:0;padding:1.1rem}}@media (prefers-reduced-motion:reduce){.tarjeta-menu{transition:none}button.tarjeta-menu:hover,button.tarjeta-menu:focus-visible{transform:none}.retrato-main.con-mitica{box-shadow:0 0 10px 2px var(--mitico);animation:none}}.cuerpo-tienda{gap:1rem;display:grid}.cuerpo-tienda .rejilla-sobres{margin-bottom:0}.panel-tienda h2{margin-bottom:.6rem}.nombre-sobre{color:var(--acento)}.lista-garantias{margin:.8rem 0 1.2rem;padding-left:1.1rem}.lista-garantias li::marker{color:var(--c,var(--tenue))}.acciones-tienda{flex-direction:column;gap:.6rem;display:flex}.acciones-tienda button{width:100%;padding:.7rem 1rem}@media (width>=1000px){.cuerpo-tienda{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.panel-tienda{margin-bottom:0;position:sticky;top:1rem}}.icono{place-items:center;line-height:0;display:inline-grid}.icono svg{width:1em;height:1em}.tarjeta-icono .icono svg{filter:drop-shadow(0 4px 10px #00000080);width:3.6rem;height:3.6rem}.cofre-intro{place-items:center;min-height:46vh;display:grid;position:relative}.cofre-intro[hidden]{display:none}.cofre-intro:before{content:"";background:radial-gradient(circle, var(--c) 0%, transparent 65%);opacity:0;border-radius:50%;width:320px;height:320px;position:absolute;transform:scale(.3)}.cofre-grande svg{filter:drop-shadow(0 10px 24px #0009);width:180px;height:180px}.cofre-grande .cofre-tapa{transform-box:fill-box;transform-origin:0 100%;transition:transform .45s cubic-bezier(.3,1.6,.5,1)}.cofre-intro.temblando .cofre-grande{animation:.12s linear infinite temblor}.cofre-intro.abierto .cofre-tapa{transform:rotate(-28deg)translate(-6%,-18%)}.cofre-intro.abierto:before{animation:.65s ease-out forwards destello-cofre}@keyframes destello-cofre{0%{opacity:0;transform:scale(.3)}45%{opacity:.9}to{opacity:0;transform:scale(1.6)}}.mesa.oculta{display:none}.confirmacion{max-width:min(420px,92vw)}.confirmacion-cuerpo{margin:.5rem 0 1rem}.pestanas{gap:.4rem;margin-bottom:1rem;display:flex}.pestanas button{padding:.55rem 1.3rem;font-weight:600}.pestanas button.activa{background:var(--acento);color:#111;border-color:var(--acento)}.forja-intercambio h2{color:var(--tenue);margin:.4rem 0 .5rem;font-size:1rem}.chips{flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem;display:flex}.chip{--c:var(--borde);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#12192a99;border-radius:999px;padding:.35rem .9rem}.chip.r-comun,.chip.r-raro,.chip.r-epico{border-color:var(--c)}.chip.activa{background:var(--acento);color:#111;border-color:var(--acento);font-weight:700}.cuenta-forja{color:var(--tenue);min-width:4.5ch;font-size:1.8rem;font-weight:800}.cuenta-forja.completa{color:var(--ok)}.lista-forja{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.5rem;padding:0;list-style:none;display:grid}.fila-forja{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--borde);border-left:4px solid var(--c);background-color:#12192a99;border-radius:10px;align-items:center;gap:.7rem;padding:.4rem .6rem;display:flex}.fila-forja.elegida{border-color:var(--c);box-shadow:0 0 10px -3px var(--c)}.fila-forja .sprite-caja{border-radius:6px;place-items:start center}.fila-forja-nombre{flex:1;min-width:0}.contador-forja{align-items:center;gap:.4rem;display:inline-flex}.contador-forja button{width:2rem;padding:.2rem 0}.contador-forja strong{text-align:center;min-width:2ch}.lista-maestria{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:.8rem;padding:0;list-style:none;display:grid}.fila-maestria{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--borde);background-color:#12192a99;border-radius:12px;grid-template-columns:175px 1fr;align-items:center;gap:.9rem;padding:.7rem;display:grid}.revelado-forja .mesa-forja{perspective:1000px;width:190px;margin:.6rem auto}.barra-maestria.lista{accent-color:var(--ok)}.ficha-maestria button{width:100%;margin-top:.6rem}@media (prefers-reduced-motion:reduce){.cofre-grande .cofre-tapa{transition:none}.cofre-intro.abierto:before,.cofre-intro.temblando .cofre-grande{animation:none}}.cuerpo-forja{gap:1rem;display:grid}.panel-forja-lateral h3{color:var(--acento);margin:1rem 0 .5rem;font-size:1rem}.panel-forja-lateral>.tenue{margin:.4rem 0 .9rem}.acciones-forja{flex-direction:column;gap:.5rem;display:flex}.acciones-forja button{width:100%;padding:.6rem 1rem}.posibles-forja{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.posibles-forja li{text-align:center;border:1px solid var(--c);background:#00000040;border-radius:8px;flex-direction:column;align-items:center;gap:.2rem;padding:.3rem;font-size:.75rem;display:flex}.posibles-forja .sprite-caja{place-items:start center}.tabla-costes{font-size:.85rem}.tabla-costes th,.tabla-costes td{text-align:center;padding:.3rem .4rem}.tabla-costes thead th{color:var(--c,var(--tenue));font-size:.75rem}@media (width>=1000px){.cuerpo-forja{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.panel-forja-lateral{margin-bottom:0;position:sticky;top:1rem}}.resumen-admin .fila{gap:.6rem 1.6rem}.resumen-admin .cifra strong{color:var(--acento);font-size:1.5rem}.aviso-admin{color:#111;background:var(--legendario);border-radius:8px;margin:.8rem 0 0;padding:.6rem .9rem;font-weight:600}.etiqueta-nuevo,.etiqueta-bloqueado,.etiqueta-admin{text-transform:uppercase;letter-spacing:.03em;vertical-align:middle;border-radius:999px;margin-left:.4rem;padding:.05rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.etiqueta-nuevo{color:#111;background:var(--ok)}.etiqueta-bloqueado{color:#fff;background:var(--error)}.etiqueta-admin{color:#111;background:var(--acento)}.tabla-desplazable{overflow-x:auto}.tabla-jugadores{min-width:980px}.tabla-jugadores td{font-size:.9rem}.acciones-jugador button{white-space:nowrap}