: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:1100px;margin:0 auto;padding:1.5rem 1rem 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}.main-actual{align-items:center;gap:1.2rem;display:flex}.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}button.grande{padding:1rem 1.6rem;font-size:1.1rem}.menu-inicio{flex-wrap:wrap;gap:1rem;display:flex}.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}.info-tienda p{margin:.3rem 0}.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}