/* Paquetes y apertura de héroes. Sólo se animan transform y opacity para
   mantener estable la composición en Android System WebView/Capacitor. */
.gacha-vault-intro{display:flex;align-items:center;gap:12px;margin:2px 0 12px;padding:13px 14px;border:1px solid rgba(77,198,255,.42);border-radius:16px;background:linear-gradient(135deg,rgba(15,54,92,.96),rgba(7,14,36,.98));box-shadow:inset 0 1px rgba(255,255,255,.13),0 8px 22px rgba(0,0,0,.28)}
.gvi-emblem{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:14px;color:#7de8ff;background:linear-gradient(145deg,#173e68,#07162e);border:1px solid #36cfff;font-size:25px}.gvi-copy{min-width:0}.gvi-copy>*{display:block}.gvi-kicker{font-size:9px;letter-spacing:1.8px;color:#51d8ff;font-weight:900}.gvi-copy strong{margin-top:2px;font-size:17px;font-style:italic;letter-spacing:.5px}.gvi-copy small{margin-top:3px;color:#aebbd5;font-size:10px;line-height:1.35}
.gvi-collection{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.gvi-collection span{padding:3px 7px;border:1px solid rgba(81,216,255,.3);border-radius:99px;background:rgba(4,10,25,.48);color:#d9efff;font-size:8px;font-weight:900;letter-spacing:.4px}.gvi-copy em{margin-top:6px;color:#6de9ff;font-size:8.5px;font-style:normal;font-weight:900;letter-spacing:.45px}
.gacha-vault-intro.is-locked{border-color:rgba(255,190,66,.45);background:linear-gradient(135deg,rgba(77,42,10,.82),rgba(7,14,36,.98))}.gacha-vault-intro.is-locked .gvi-emblem{color:#ffd66f;border-color:#eaa82e;background:linear-gradient(145deg,#604112,#161026)}
.gacha-pack-card{--gpc:#41d8ff;--gpc2:#1372d9;position:relative;overflow:hidden;margin:0 0 12px;padding:0 12px 12px;border:1px solid color-mix(in srgb,var(--gpc) 58%,transparent);border-radius:19px;background:linear-gradient(155deg,color-mix(in srgb,var(--gpc2) 22%,#101a35),#070d20 58%,#050912);box-shadow:inset 0 1px rgba(255,255,255,.16),inset 0 -18px 30px rgba(0,0,0,.25),0 9px 24px rgba(0,0,0,.38)}
.gacha-pack-epic{--gpc:#a953ff;--gpc2:#5a16b7}.gacha-pack-legendary{--gpc:#ffc342;--gpc2:#b96a00}.gacha-pack-mythic{--gpc:#ff45db;--gpc2:#6920cb}
.gpc-art-stage{height:184px;position:relative;display:grid;place-items:center;margin:0 -12px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 75%,color-mix(in srgb,var(--gpc) 38%,transparent),transparent 58%),linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.28))}.gpc-rays{position:absolute;width:280px;height:280px;opacity:.32;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--gpc) 42%,transparent) 0 5deg,transparent 5deg 18deg);animation:gpcRotate 24s linear infinite}.gpc-floor{position:absolute;left:12%;right:12%;bottom:9px;height:26px;border-radius:50%;background:radial-gradient(ellipse,var(--gpc),transparent 68%);opacity:.36}.gpc-pack-art{position:relative;z-index:2;display:block;width:min(86%,310px);height:168px;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;animation:gpcFloat 4.2s ease-in-out infinite;filter:drop-shadow(0 18px 16px rgba(0,0,0,.58)) drop-shadow(0 0 9px color-mix(in srgb,var(--gpc) 64%,transparent))}.gpc-tier{position:absolute;z-index:3;right:10px;bottom:10px;padding:3px 9px;border-radius:99px;color:#fff;background:rgba(3,8,20,.86);border:1px solid var(--gpc);font-size:9px;font-weight:950;letter-spacing:1px;text-transform:uppercase}
.gpc-copy{position:relative;margin-top:-3px;text-align:center}.gpc-kicker{display:block;color:var(--gpc);font-size:8.5px;letter-spacing:2px;font-weight:900}.gpc-copy h3{margin:2px 0 0;font-size:20px;font-style:italic;text-transform:uppercase}.gpc-copy p{margin:1px 0 8px;color:#a9b8d5;font-size:10px}.gpc-copy p b{color:#fff}.gpc-pity{margin-bottom:7px}.gpc-pity i{background:linear-gradient(90deg,var(--gpc2),var(--gpc))!important}.gpc-odds{gap:5px;flex-wrap:wrap;margin:7px 0 9px!important;justify-content:center}.gpc-odds .pill{background:rgba(5,10,25,.8);font-size:9.5px;padding:3px 7px}.gacha-pack-card>.btn.action{background:linear-gradient(180deg,color-mix(in srgb,var(--gpc) 70%,#32ff9a),color-mix(in srgb,var(--gpc2) 76%,#073c32));border-color:var(--gpc);color:white;text-shadow:0 1px 2px #001328}.gpc-locked{opacity:1!important;color:#ffd77b!important;background:linear-gradient(180deg,#45341b,#171222)!important;border-color:#9d7430!important}.gacha-pack-card.is-locked .gpc-pack-art{opacity:.58}.gacha-pack-card.is-locked .gpc-art-stage::after{content:'VISTA PREVIA';position:absolute;z-index:4;inset:0;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:950;letter-spacing:2px;text-shadow:0 2px 8px #000;background:rgba(1,5,15,.2)}
.gpc-bonus{display:block;color:#b7c7e4;font-size:9px;font-weight:800;line-height:1.35}.gpc-bonus svg{width:11px;height:11px;vertical-align:-2px}
.gacha-opening-popup{--gr:#42dfff;width:min(94vw,480px);overflow:hidden;border-color:color-mix(in srgb,var(--gr) 68%,#fff);background:#071027}.gacha-opening-epic{--gr:#ab55ff}.gacha-opening-legendary{--gr:#ffc344}.gacha-opening-mythic{--gr:#ff4fe1}.gacha-opening-popup .popup-head{background:linear-gradient(180deg,color-mix(in srgb,var(--gr) 18%,#13213f),#081126);border-bottom-color:color-mix(in srgb,var(--gr) 62%,transparent)}.gacha-opening-popup .popup-head h3{color:#fff;text-shadow:0 0 12px color-mix(in srgb,var(--gr) 75%,transparent);letter-spacing:1px}.gacha-opening-popup .popup-body{padding:0 10px 8px}.gacha-opening-popup .popup-foot{position:relative;z-index:8;padding:9px 12px 12px;background:#050b19;border-top-color:color-mix(in srgb,var(--gr) 35%,transparent)}
.gacha-reveal{position:relative;min-height:390px;overflow:hidden;isolation:isolate}.gr-stage{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer;overflow:hidden;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--gr) 25%,transparent),transparent 48%)}.gr-halo,.gr-ring,.gr-flare{position:absolute;pointer-events:none}.gr-halo{width:310px;height:310px;border-radius:50%;opacity:.38;background:repeating-conic-gradient(var(--gr) 0 5deg,transparent 5deg 18deg);animation:grRotate 18s linear infinite}.gr-ring{width:238px;height:238px;border:1px solid var(--gr);border-radius:50%;box-shadow:inset 0 0 0 8px color-mix(in srgb,var(--gr) 8%,transparent);opacity:.72}.gr-flare{width:8px;height:8px;border-radius:50%;background:#fff;opacity:0;transform:scale(1)}.gr-pack{position:relative;z-index:2;width:90%;max-width:350px;height:270px;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 22px 18px rgba(0,0,0,.68)) drop-shadow(0 0 12px color-mix(in srgb,var(--gr) 70%,transparent));animation:grIdle 3.2s ease-in-out infinite}.gr-command{position:absolute;z-index:3;bottom:28px;padding:6px 14px;border:1px solid var(--gr);border-radius:99px;color:#fff;background:rgba(4,9,23,.86);font-size:10px;font-weight:950;letter-spacing:2px;animation:grPrompt 1.6s ease-in-out infinite}
.gr-results{position:relative;z-index:5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-content:center;min-height:390px;padding:10px 0;opacity:0;pointer-events:none}.gr-results.is-single{grid-template-columns:minmax(0,260px);justify-content:center}.gr-results.is-multi{max-height:430px;overflow-y:auto}.gr-hero-card{--rc:#8a97b8;position:relative;min-width:0;padding:7px;border:1px solid var(--rc);border-radius:13px;text-align:center;background:linear-gradient(165deg,color-mix(in srgb,var(--rc) 23%,#15203c),#050a16 70%);box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 16px rgba(0,0,0,.4);transform:translateY(24px) scale(.82);opacity:0}.gr-hero-card.r-rare{--rc:#34a8ff}.gr-hero-card.r-epic{--rc:#a855f7}.gr-hero-card.r-legendary{--rc:#ffb020}.gr-hero-card.r-mythic{--rc:#ff3d7f}.gr-card-top{display:flex;justify-content:space-between;gap:4px;color:var(--rc);font-size:8px;font-weight:950;text-transform:uppercase}.gr-card-top b{letter-spacing:-1px}.gr-portrait{position:relative;height:112px;margin:5px 0;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--rc) 55%,transparent),transparent 58%),linear-gradient(180deg,#14223d,#050915);border:1px solid color-mix(in srgb,var(--rc) 60%,transparent)}.gr-portrait i{position:absolute;width:100px;height:100px;border:1px solid var(--rc);border-radius:50%;opacity:.28}.gr-portrait svg{position:relative;z-index:1;width:88px!important;height:88px!important;filter:drop-shadow(0 8px 5px #000) drop-shadow(0 0 6px var(--rc))}.gr-role{font-size:7px;letter-spacing:1.8px;color:var(--rc);font-weight:900}.gr-name{font-size:12px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gr-shards{font-size:8px;color:#dce8ff;font-weight:800}.gr-new{position:absolute;top:27px;left:4px;padding:2px 6px;border-radius:4px;background:#39ff88;color:#03130a;font-size:8px;font-weight:1000;transform:rotate(-7deg)}
.gacha-reveal.is-opening .gr-command{opacity:0}.gacha-reveal.is-opening .gr-pack{animation:grOpen .9s cubic-bezier(.2,.75,.15,1) forwards}.gacha-reveal.is-opening .gr-halo{animation-duration:.7s}.gacha-reveal.is-opening .gr-ring{animation:grRing .9s ease-out forwards}.gacha-reveal.is-opening .gr-flare{animation:grFlare .9s ease-out forwards}.gacha-reveal.is-revealed .gr-stage{opacity:0;pointer-events:none;transition:opacity .16s linear}.gacha-reveal.is-revealed .gr-results{opacity:1;pointer-events:auto}.gacha-reveal.is-revealed .gr-hero-card{animation:grCardIn .36s cubic-bezier(.17,.84,.35,1.22) calc(var(--reveal-i) * 45ms) forwards}.gr-open-btn{border-color:var(--gr)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--gr) 74%,#54ff9b),color-mix(in srgb,var(--gr) 42%,#053423))!important;color:#fff!important;text-shadow:0 1px 2px #001!important}.gr-open-btn:disabled{opacity:.72!important}
.gr-envelope-stack{position:absolute;z-index:4;bottom:24px;display:flex;align-items:flex-end;gap:4px;opacity:.94;transform:translateY(5px)}.gr-envelope-stack i{display:block;width:37px;height:28px;border:1px solid var(--gr);border-radius:4px;background:linear-gradient(145deg,color-mix(in srgb,var(--gr) 52%,#071228),#071126 70%);box-shadow:inset 0 1px rgba(255,255,255,.5),0 4px 9px rgba(0,0,0,.5);transform:skewY(-4deg)}.gr-envelope-stack i::after{content:'◆';display:grid;place-items:center;height:100%;color:var(--gr);font-size:11px}.gr-envelope-stack i:nth-child(1){transform:rotate(-10deg) translateY(5px)}.gr-envelope-stack i:nth-child(2){z-index:2}.gr-envelope-stack i:nth-child(3){transform:rotate(10deg) translateY(5px)}.gacha-reveal.is-opening .gr-envelope-stack i:nth-child(2){animation:grEnvelopeFly .72s cubic-bezier(.2,.8,.15,1) forwards}.gacha-reveal.is-opening .gr-envelope-stack i:nth-child(1),.gacha-reveal.is-opening .gr-envelope-stack i:nth-child(3){opacity:0;transform:scale(.6)}
.gr-card-host{position:relative;z-index:5;display:grid;place-items:center;min-height:390px;opacity:0;pointer-events:none}.gacha-reveal.is-revealed .gr-card-host{opacity:1;pointer-events:auto}.gr-card-host .gr-hero-card{display:none;width:min(100%,282px);transform:translateY(24px) scale(.82);opacity:0}.gr-card-host .gr-hero-card.is-current{display:block;animation:grCardIn .42s cubic-bezier(.17,.84,.35,1.22) forwards}.gr-stats{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin:5px 0}.gr-stats span{padding:3px 5px;border:1px solid color-mix(in srgb,var(--rc) 42%,transparent);border-radius:5px;color:#d7e6ff;background:rgba(2,8,20,.54);font-size:8px;font-weight:850}.gr-stats svg{width:11px;height:11px;vertical-align:-2px}.gr-beast-card .gr-portrait{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--rc) 65%,transparent),transparent 62%),linear-gradient(180deg,#22203d,#070812)}
@keyframes gpcFloat{0%,100%{transform:translate3d(0,2px,0)}50%{transform:translate3d(0,-5px,0)}}@keyframes gpcRotate{to{transform:rotate(360deg)}}@keyframes grRotate{to{transform:rotate(360deg)}}@keyframes grIdle{0%,100%{transform:translate3d(0,3px,0) scale(1)}50%{transform:translate3d(0,-5px,0) scale(1.015)}}@keyframes grPrompt{50%{opacity:.58;transform:translateY(-2px)}}@keyframes grOpen{0%{transform:scale(1)}24%{transform:scale(.92)}62%{transform:scale(1.08)}100%{transform:scale(.72);opacity:0}}@keyframes grRing{55%{transform:scale(1.1);opacity:1}100%{transform:scale(1.75);opacity:0}}@keyframes grFlare{45%{opacity:1;transform:scale(3)}100%{opacity:0;transform:scale(70)}}@keyframes grCardIn{to{transform:translateY(0) scale(1);opacity:1}}@keyframes grEnvelopeFly{0%{transform:translateY(0) scale(1);opacity:1}45%{transform:translateY(-24px) scale(1.15) rotate(4deg);opacity:1}100%{transform:translateY(-110px) scale(.65) rotate(-10deg);opacity:0}}
@media (prefers-reduced-motion:reduce){.gpc-rays,.gpc-pack-art,.gr-halo,.gr-pack,.gr-command{animation:none!important}.gacha-reveal.is-opening .gr-pack{opacity:0;transform:scale(.8)}.gacha-reveal.is-revealed .gr-hero-card{animation:none;transform:none;opacity:1}}html.no-blur .gpc-rays,html.no-blur .gr-halo{animation:none;opacity:.2}
.collection-level-lock{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;margin:2px 0 12px;padding:11px 12px;border:1px solid rgba(255,194,67,.48);border-radius:14px;color:#ffd05d;background:linear-gradient(135deg,rgba(76,49,9,.72),rgba(8,14,31,.96));font-size:18px}.collection-level-lock b{font-size:11px;letter-spacing:1px}.collection-level-lock span{grid-column:2;color:#b7c3da;font-size:9.5px;line-height:1.35}.collection-level-lock.compact{margin-top:10px}
.gr-card-host .gr-hero-card{overflow:hidden;isolation:isolate;background:#050914;border-color:color-mix(in srgb,var(--rc) 78%,#fff)}.gr-frame-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.72;pointer-events:none;user-select:none;-webkit-user-drag:none;mix-blend-mode:screen}.gr-card-host .gr-hero-card>*:not(.gr-frame-art){position:relative;z-index:1}.gr-card-host .gr-card-top{padding:3px 6px;text-shadow:0 1px 3px #000}.gr-card-host .gr-portrait{margin:18px 8px 8px;height:148px;background:rgba(2,7,16,.72);border-color:color-mix(in srgb,var(--rc) 72%,#fff);box-shadow:inset 0 0 22px color-mix(in srgb,var(--rc) 34%,transparent)}.gr-card-host .gr-portrait svg{width:116px!important;height:116px!important}.gr-card-host .gr-name{font-size:15px;text-shadow:0 2px 4px #000}.gr-card-host .gr-role{font-size:8px;text-shadow:0 1px 3px #000}.gr-card-host .gr-stats{padding:0 6px}.gr-card-host .gr-shards{margin:8px 0 5px;text-shadow:0 1px 3px #000}.gr-card-host .gr-new{top:45px;left:8px;box-shadow:0 0 12px #39ff88}
.hero-card,.beast-card{isolation:isolate;overflow:hidden;animation:collectionCardIn .42s cubic-bezier(.2,.75,.15,1) both}.hero-card::before,.beast-card::before{content:'';position:absolute;inset:0;z-index:0;opacity:.2;background:center/cover no-repeat url('../media/gacha/card-frame-common.webp');mix-blend-mode:screen;pointer-events:none}.hero-card.r-epic::before,.beast-card.r-epic::before{background-image:url('../media/gacha/card-frame-epic.webp')}.hero-card.r-legendary::before,.beast-card.r-legendary::before{background-image:url('../media/gacha/card-frame-legendary.webp')}.hero-card.r-mythic::before,.beast-card.r-mythic::before{background-image:url('../media/gacha/card-frame-mythic.webp')}.hero-card>* ,.beast-card>*{position:relative;z-index:1}.hero-card .hero-portrait,.beast-card .beast-card-icon{box-shadow:inset 0 0 18px color-mix(in srgb,var(--rc,#35cfff) 30%,transparent),0 0 12px color-mix(in srgb,var(--rc,#35cfff) 18%,transparent)}.hero-detail-card,.beast-hero{position:relative;isolation:isolate;overflow:hidden}.hero-detail-card .collection-frame-art,.beast-hero .collection-frame-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18;mix-blend-mode:screen;pointer-events:none;z-index:0}.hero-detail-content,.hero-detail-card>*:not(.collection-frame-art),.beast-hero>*:not(.collection-frame-art){position:relative;z-index:1}.beast-frame-art{opacity:.13!important;mix-blend-mode:screen}.beast-hero .beast-avatar-box{animation:collectionPortraitIn .5s cubic-bezier(.2,.75,.15,1) both}.hero-detail-card{padding:12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--rc) 68%,transparent);background:rgba(4,9,22,.8);box-shadow:0 12px 28px rgba(0,0,0,.4)}
@keyframes collectionCardIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes collectionPortraitIn{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}
.portrait-art{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 8px 8px rgba(0,0,0,.55))}.hero-portrait>svg,.beast-card-icon>svg,.beast-avatar-icon>svg{position:relative;z-index:1;opacity:.18}.gr-subject-art{position:absolute;inset:3%;width:94%;height:94%;object-fit:contain;z-index:1;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 10px 8px rgba(0,0,0,.68)) drop-shadow(0 0 9px var(--rc))}.gr-portrait>svg{position:relative;z-index:2;opacity:.16}.hero-detail-portrait{position:relative;width:180px;height:180px;margin:0 auto 5px;display:grid;place-items:center}.hero-detail-portrait .portrait-art{inset:0;width:100%;height:100%}.hero-detail-portrait svg{position:relative;z-index:1;opacity:.12}.beast-avatar-icon{position:relative;display:grid;place-items:center;overflow:hidden}.beast-avatar-icon .portrait-art{inset:-7%;width:114%;height:114%}.beast-card-icon{position:relative;overflow:hidden}.beast-card-icon .portrait-art{inset:-8%;width:116%;height:116%}
.gr-bonus{margin:4px 0 2px;padding:3px 6px;border:1px solid rgba(57,255,136,.48);border-radius:6px;color:#7dffbe;background:rgba(3,34,26,.72);font-size:9px;font-weight:950;text-transform:uppercase;text-shadow:0 1px 3px #000}.gr-bonus svg{width:12px;height:12px;vertical-align:-2px}
.gr-command{bottom:76px!important}.gr-card-host .gr-hero-card{width:min(76vw,270px);height:min(74vh,410px);min-height:0;aspect-ratio:2/3;padding:13px 11px 10px}.gr-frame-art{object-fit:fill;opacity:.62}.gacha-reveal.is-opening .gr-stage{animation:grStagePulse .9s cubic-bezier(.2,.8,.15,1) both}.gacha-reveal.is-opening .gr-envelope-stack{animation:grStackPulse .9s ease-out both}.gacha-reveal.is-opening .gr-flare{animation:grFlare .9s ease-out forwards}.gacha-reveal.is-revealed .gr-card-host .gr-subject-art{animation:grSubjectRise .5s cubic-bezier(.2,.8,.15,1) both}@keyframes grStagePulse{0%{transform:scale(1);opacity:1}32%{transform:scale(1.025);opacity:1}70%{transform:scale(.985);opacity:.92}100%{transform:scale(1);opacity:1}}@keyframes grStackPulse{0%{transform:translateY(5px) scale(1)}35%{transform:translateY(-4px) scale(1.06)}100%{transform:translateY(5px) scale(1)}}@keyframes grSubjectRise{from{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:none}}
.hero-card .hero-portrait{height:132px;min-height:132px;overflow:hidden}
.hero-card::before{background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important}
.hero-model-mini{position:absolute;inset:0;width:100%;height:100%;display:block;background:transparent;--poster-color:transparent}
.hero-model-detail{position:absolute;inset:0;width:100%;height:100%;display:block;background:transparent;--poster-color:transparent}
.hero-detail-card{width:min(100%,320px);aspect-ratio:2/3;margin:0 auto;padding:0!important;border:0!important;background:#050a16!important;border-radius:22px!important}
.hero-detail-card .collection-frame-art{inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;opacity:1!important;mix-blend-mode:normal!important;z-index:2!important}
.hero-detail-card .hero-detail-content{box-sizing:border-box;width:100%;height:100%;padding:12% 11% 7%;display:flex;flex-direction:column;align-items:center;position:relative;z-index:3!important}
.hero-detail-card .hero-detail-portrait{width:calc(100% + 12px);height:auto;min-height:0;flex:1 1 auto;margin:-2px -6px 3px;overflow:hidden;border:2px solid color-mix(in srgb,var(--rc,#42ddff) 82%,#dffcff);border-radius:20px;background:#02050b;box-shadow:0 0 0 3px rgba(2,5,11,.96),inset 0 0 12px color-mix(in srgb,var(--rc,#42ddff) 24%,transparent);z-index:4!important}
.hero-detail-card .hero-detail-portrait~*{position:relative;z-index:4;flex:0 0 auto;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-card.r-common .hero-portrait,.hero-detail-card.r-common .hero-detail-portrait{background:radial-gradient(circle at 32% 20%,#8b9aaa 0,#27323d 36%,#080c13 78%);border-color:#d8e5ef;box-shadow:inset 0 0 18px rgba(220,236,247,.3),0 0 10px rgba(190,214,232,.28)}
.hero-card.r-rare .hero-portrait,.hero-detail-card.r-rare .hero-detail-portrait,.hero-card.r-legendary .hero-portrait,.hero-detail-card.r-legendary .hero-detail-portrait{background:radial-gradient(circle at 30% 18%,#ffe39a 0,#6e4810 34%,#120b03 78%);border-color:#ffd66e;box-shadow:inset 0 0 20px rgba(255,210,91,.36),0 0 12px rgba(255,179,34,.34)}
.hero-card.r-epic .hero-portrait,.hero-detail-card.r-epic .hero-detail-portrait{background:radial-gradient(circle at 30% 18%,#e7b6ff 0,#682098 34%,#10031d 78%);border-color:#d77cff;box-shadow:inset 0 0 22px rgba(206,91,255,.48),0 0 14px rgba(177,48,255,.48)}
.hero-card.r-mythic .hero-portrait,.hero-detail-card.r-mythic .hero-detail-portrait{background:radial-gradient(circle at 26% 18%,#ffffff 0,#32dbea 18%,#8c43df 42%,#ff4c9b 61%,#13051f 84%);border-color:#f4c8ff;box-shadow:inset 0 0 24px rgba(130,236,255,.5),0 0 16px rgba(225,83,255,.5)}
.hero-card.r-common model-viewer,.hero-detail-card.r-common model-viewer{filter:brightness(1.24) contrast(1.04) drop-shadow(0 0 5px rgba(225,240,255,.45))}
.hero-card.r-rare model-viewer,.hero-detail-card.r-rare model-viewer,.hero-card.r-legendary model-viewer,.hero-detail-card.r-legendary model-viewer{filter:brightness(1.28) saturate(1.08) drop-shadow(0 0 7px rgba(255,196,65,.58))}
.hero-card.r-epic model-viewer,.hero-detail-card.r-epic model-viewer{filter:brightness(1.32) saturate(1.16) drop-shadow(0 0 7px rgba(215,102,255,.72))}
.hero-card.r-mythic model-viewer,.hero-detail-card.r-mythic model-viewer{filter:brightness(1.3) saturate(1.2) drop-shadow(0 0 8px rgba(100,225,255,.62)) drop-shadow(0 0 10px rgba(239,81,255,.42))}