/* SERPENS - Corrupted featured card v2: aura, particles and lightning */
.serpensVipHeading{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:24px !important;
}
.serpensVipHeading h2{margin:0 !important;}
.serpensVipHeading p{
  margin:0 !important;
  max-width:440px !important;
  text-align:left !important;
}
.serpensCorruptedCenter{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:stretch !important;
  margin:16px auto 30px !important;
}
.serpensCorruptedCard{
  width:100% !important;
  max-width:380px !important;
  min-height:280px !important;
  margin:0 auto !important;
  position:relative !important;
  overflow:hidden !important;
  border-color:rgba(216,91,255,.38) !important;
  box-shadow:0 20px 58px rgba(100,42,158,.24), 0 0 0 1px rgba(216,91,255,.08) inset !important;
  isolation:isolate !important;
}
.serpensCorruptedCard::before{
  content:"";
  position:absolute;
  inset:-14%;
  background:
    radial-gradient(circle at 50% 42%, rgba(118,25,160,.26), transparent 34%),
    radial-gradient(circle at 20% 18%, rgba(33,0,68,.28), transparent 28%),
    radial-gradient(circle at 80% 14%, rgba(228,108,255,.16), transparent 18%),
    radial-gradient(circle at 50% 100%, rgba(15,0,30,.56), transparent 46%);
  filter:blur(18px);
  z-index:0;
  opacity:.95;
  animation:serpensCardPulse 7s ease-in-out infinite;
  pointer-events:none;
}
.serpensCorruptedCard::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:0 0 28px rgba(135,54,183,.22), 0 0 56px rgba(28,0,48,.26) inset;
  z-index:5;
  pointer-events:none;
}
.serpensCorruptedMedia{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:1 !important;
  overflow:hidden !important;
  background:none !important;
}
.serpensCorruptedMedia::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.08) 0%, rgba(0,0,0,.14) 32%, rgba(0,0,0,.52) 76%, rgba(0,0,0,.82) 100%),
    radial-gradient(circle at 50% 28%, rgba(180,70,230,.18), transparent 34%),
    radial-gradient(circle at 50% 82%, rgba(0,0,0,.36), transparent 44%) !important;
}
.serpensCorruptedMedia img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.02);
  filter:saturate(1.06) contrast(1.08) brightness(.96);
}
.serpensCorruptedAura,
.serpensCorruptedMist,
.serpensCorruptedLightning,
.serpensCorruptedParticles{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.serpensCorruptedAura{
  z-index:2;
  background:
    radial-gradient(circle at 50% 48%, rgba(109,22,152,.22), transparent 30%),
    radial-gradient(circle at 31% 18%, rgba(153,72,224,.12), transparent 18%),
    radial-gradient(circle at 68% 20%, rgba(153,72,224,.10), transparent 16%),
    radial-gradient(circle at 50% 74%, rgba(21,0,34,.40), transparent 42%);
  mix-blend-mode:screen;
  animation:serpensAuraShift 6.5s ease-in-out infinite;
}
.serpensCorruptedMist{
  z-index:2;
  background:
    radial-gradient(ellipse at 50% 88%, rgba(14,0,24,.56), transparent 52%),
    radial-gradient(ellipse at 50% 70%, rgba(111,30,160,.10), transparent 44%);
  filter:blur(9px);
  animation:serpensMistDrift 9s ease-in-out infinite;
}
.serpensCorruptedLightning{z-index:3;mix-blend-mode:screen;opacity:.95;}
.serpensCorruptedLightning .bolt{
  position:absolute;
  top:-4%;
  width:2px;
  height:68%;
  opacity:0;
  background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(250,214,255,.95) 8%, rgba(169,111,255,.96) 34%, rgba(75,24,148,.42) 86%, rgba(0,0,0,0));
  box-shadow:0 0 10px rgba(237,198,255,.95), 0 0 22px rgba(177,112,255,.65), 0 0 34px rgba(130,54,211,.38);
  transform-origin:top center;
}
.serpensCorruptedLightning .bolt::before,
.serpensCorruptedLightning .bolt::after{
  content:"";
  position:absolute;
  width:2px;
  background:inherit;
  box-shadow:inherit;
}
.serpensCorruptedLightning .bolt::before{height:42%; left:-6px; top:18%; transform:rotate(18deg);}
.serpensCorruptedLightning .bolt::after{height:34%; left:5px; top:42%; transform:rotate(-19deg);}
.serpensCorruptedLightning .bolt--1{left:16%; animation:serpensLightning 6s linear infinite;}
.serpensCorruptedLightning .bolt--2{left:83%; height:54%; animation:serpensLightning 7.8s linear infinite 1.4s;}
.serpensCorruptedLightning .bolt--3{left:48%; height:38%; top:8%; animation:serpensLightning 5.9s linear infinite 3.1s;}
.serpensCorruptedParticles{z-index:3;overflow:hidden;}
.serpensCorruptedParticles .p{
  position:absolute;
  display:block;
  width:4px;
  height:4px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(246,236,255,1) 0%, rgba(201,126,255,.92) 32%, rgba(133,57,214,.72) 56%, rgba(0,0,0,0) 72%);
  box-shadow:0 0 8px rgba(201,126,255,.82), 0 0 14px rgba(84,22,160,.44);
  opacity:0;
  animation:serpensParticleRise 8s linear infinite;
}
.serpensCorruptedParticles .p1{left:10%; top:78%; animation-delay:.2s; transform:scale(.8);}
.serpensCorruptedParticles .p2{left:22%; top:70%; animation-delay:1.4s; transform:scale(1.1);}
.serpensCorruptedParticles .p3{left:34%; top:82%; animation-delay:2.6s; transform:scale(.9);}
.serpensCorruptedParticles .p4{left:45%; top:74%; animation-delay:3.2s; transform:scale(1.2);}
.serpensCorruptedParticles .p5{left:58%; top:86%; animation-delay:4.4s; transform:scale(.7);}
.serpensCorruptedParticles .p6{left:69%; top:76%; animation-delay:5.1s; transform:scale(1.0);}
.serpensCorruptedParticles .p7{left:80%; top:80%; animation-delay:6.1s; transform:scale(1.15);}
.serpensCorruptedParticles .p8{left:88%; top:68%; animation-delay:2s; transform:scale(.85);}
.serpensCorruptedParticles .p9{left:14%; top:52%; animation-delay:4.9s; transform:scale(.75);}
.serpensCorruptedParticles .p10{left:52%; top:57%; animation-delay:6.8s; transform:scale(.95);}
.serpensCorruptedParticles .p11{left:73%; top:48%; animation-delay:1.8s; transform:scale(.78);}
.serpensCorruptedParticles .p12{left:28%; top:60%; animation-delay:5.8s; transform:scale(1.05);}
.serpensCorruptedContent{
  position:relative !important;
  z-index:4 !important;
  min-height:280px !important;
  background:linear-gradient(to bottom, rgba(7,7,11,.02), rgba(7,7,11,.12) 36%, rgba(7,7,11,.70) 100%) !important;
}
.serpensCorruptedContent .vipTitle{
  max-width:9ch !important;
  text-wrap:balance !important;
}
.serpensCorruptedBadge{
  position:absolute !important;
  top:12px !important;
  left:12px !important;
  z-index:6 !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg, rgba(118,52,176,.96), rgba(185,58,137,.96)) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff !important;
  font-size:.68rem !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  box-shadow:0 8px 22px rgba(0,0,0,.38) !important;
}
.serpensStandardVipGrid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}
@keyframes serpensCardPulse{
  0%,100%{transform:scale(1);opacity:.88;}
  50%{transform:scale(1.035);opacity:1;}
}
@keyframes serpensAuraShift{
  0%,100%{opacity:.72; transform:translate3d(0,0,0) scale(1);}
  35%{opacity:.92; transform:translate3d(-3px,-2px,0) scale(1.02);}
  70%{opacity:.82; transform:translate3d(3px,3px,0) scale(1.03);}
}
@keyframes serpensMistDrift{
  0%,100%{opacity:.46; transform:translateY(0) scale(1);}
  50%{opacity:.66; transform:translateY(-8px) scale(1.04);}
}
@keyframes serpensLightning{
  0%, 6%, 100%{opacity:0;}
  1%{opacity:.18;}
  1.5%{opacity:1;}
  2.3%{opacity:.34;}
  3%{opacity:.92;}
  4.2%{opacity:.08;}
  4.8%{opacity:.66;}
}
@keyframes serpensParticleRise{
  0%{opacity:0; transform:translate3d(0,12px,0) scale(.72);}
  10%{opacity:.92;}
  60%{opacity:.74;}
  100%{opacity:0; transform:translate3d(0,-58px,0) scale(1.16);}
}
@media(max-width:980px){
  .serpensVipHeading{flex-direction:column !important;align-items:flex-start !important;}
  .serpensVipHeading p{max-width:100% !important;}
  .serpensStandardVipGrid{grid-template-columns:1fr !important;}
  .serpensCorruptedCard{max-width:380px !important;}
}
@media (prefers-reduced-motion: reduce){
  .serpensCorruptedCard::before,
  .serpensCorruptedAura,
  .serpensCorruptedMist,
  .serpensCorruptedLightning .bolt,
  .serpensCorruptedParticles .p{animation:none !important;}
  .serpensCorruptedLightning .bolt,
  .serpensCorruptedParticles .p{opacity:.5;}
}


/* v3 — outer lightning and black-flame aura */
.serpensCorruptedFxFrame{
  position:relative;
  width:min(100%,380px);
  margin:0 auto;
  overflow:visible;
  isolation:isolate;
}
.serpensCorruptedFxFrame .serpensCorruptedCard{
  position:relative !important;
  z-index:4 !important;
}
.serpensOuterLightning,
.serpensBlackFlames{
  position:absolute;
  inset:-68px -72px -56px;
  pointer-events:none;
  overflow:visible;
}
.serpensOuterLightning{z-index:5;mix-blend-mode:screen;}
.serpensOuterLightning .outerBolt{
  position:absolute;
  width:3px;
  opacity:0;
  background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,244,255,1) 7%,rgba(202,145,255,1) 26%,rgba(110,38,208,.96) 58%,rgba(23,0,61,.15) 94%,rgba(0,0,0,0));
  box-shadow:0 0 9px rgba(255,235,255,.95),0 0 20px rgba(193,118,255,.88),0 0 42px rgba(115,35,215,.72);
  transform-origin:top center;
  filter:drop-shadow(0 0 8px rgba(178,96,255,.78));
}
.serpensOuterLightning .outerBolt::before,
.serpensOuterLightning .outerBolt::after{
  content:"";
  position:absolute;
  width:3px;
  background:inherit;
  box-shadow:inherit;
}
.serpensOuterLightning .outerBolt::before{height:38%;left:-9px;top:17%;transform:rotate(21deg);}
.serpensOuterLightning .outerBolt::after{height:31%;left:8px;top:47%;transform:rotate(-23deg);}
.serpensOuterLightning .outerBolt--1{left:8%;top:-2%;height:72%;transform:rotate(-8deg);animation:serpensOuterBolt 4.9s linear infinite .3s;}
.serpensOuterLightning .outerBolt--2{right:7%;top:-8%;height:82%;transform:rotate(9deg);animation:serpensOuterBolt 5.7s linear infinite 1.7s;}
.serpensOuterLightning .outerBolt--3{left:43%;top:-13%;height:50%;transform:rotate(3deg);animation:serpensOuterBolt 4.2s linear infinite 2.8s;}
.serpensOuterLightning .outerBolt--4{right:-2%;top:23%;height:62%;transform:rotate(17deg);animation:serpensOuterBolt 6.4s linear infinite 4.1s;}

.serpensBlackFlames{z-index:3;filter:drop-shadow(0 0 12px rgba(82,18,140,.62));}
.serpensBlackFlames .flame{
  position:absolute;
  display:block;
  width:54px;
  height:96px;
  transform-origin:50% 100%;
  border-radius:55% 45% 58% 42% / 70% 62% 38% 30%;
  background:
    radial-gradient(ellipse at 50% 78%,rgba(28,0,42,.98) 0 22%,rgba(5,0,12,.98) 38%,rgba(0,0,0,.96) 56%,rgba(80,15,128,.68) 70%,rgba(157,64,225,.18) 79%,transparent 84%),
    linear-gradient(to top,rgba(0,0,0,.98),rgba(18,0,30,.96) 52%,rgba(92,23,145,.48) 76%,transparent);
  box-shadow:
    inset 0 -18px 22px rgba(0,0,0,.95),
    inset 0 12px 20px rgba(107,29,163,.20),
    0 0 12px rgba(63,10,110,.64),
    0 0 25px rgba(101,29,171,.34);
  opacity:.92;
  animation:serpensBlackFlame 2.6s ease-in-out infinite;
}
.serpensBlackFlames .flame::before{
  content:"";
  position:absolute;
  left:31%;
  bottom:6%;
  width:37%;
  height:72%;
  border-radius:60% 40% 64% 36% / 72% 58% 42% 28%;
  background:linear-gradient(to top,rgba(0,0,0,.98),rgba(13,0,24,.98) 52%,rgba(131,53,197,.48) 82%,transparent);
  filter:blur(.4px);
  animation:serpensInnerFlame 1.9s ease-in-out infinite alternate;
}
.serpensBlackFlames .flame--1{--flame-rotate:-12deg;left:3%;bottom:18px;height:78px;animation-delay:-.2s;}
.serpensBlackFlames .flame--2{--flame-rotate:-7deg;left:13%;bottom:-2px;height:104px;animation-delay:-1.1s;}
.serpensBlackFlames .flame--3{--flame-rotate:3deg;left:27%;bottom:-17px;height:86px;animation-delay:-.6s;}
.serpensBlackFlames .flame--4{--flame-rotate:-2deg;left:42%;bottom:-22px;height:116px;animation-delay:-1.6s;}
.serpensBlackFlames .flame--5{--flame-rotate:7deg;left:58%;bottom:-18px;height:94px;animation-delay:-.9s;}
.serpensBlackFlames .flame--6{--flame-rotate:10deg;left:72%;bottom:-4px;height:108px;animation-delay:-1.9s;}
.serpensBlackFlames .flame--7{--flame-rotate:14deg;right:2%;bottom:20px;height:82px;animation-delay:-.4s;}
.serpensBlackFlames .flame--8{--flame-rotate:-27deg;left:-22px;bottom:34%;height:92px;animation-delay:-1.4s;}
.serpensBlackFlames .flame--9{--flame-rotate:28deg;right:-24px;bottom:31%;height:100px;animation-delay:-.7s;}
.serpensBlackFlames .flame--10{--flame-rotate:179deg;left:46%;top:-28px;height:74px;animation-delay:-1.2s;opacity:.72;}

@keyframes serpensOuterBolt{
  0%,8%,100%{opacity:0;}
  1.2%{opacity:.18;}
  2%{opacity:1;}
  3.1%{opacity:.30;}
  4.2%{opacity:.96;}
  5.4%{opacity:.12;}
  6.2%{opacity:.72;}
  7.1%{opacity:0;}
}
@keyframes serpensBlackFlame{
  0%,100%{transform:translateY(5px) scaleX(.92) scaleY(.96) rotate(var(--flame-rotate,0deg));filter:brightness(.82);}
  34%{transform:translateY(-7px) scaleX(1.06) scaleY(1.10) rotate(var(--flame-rotate,0deg));filter:brightness(1.12);}
  67%{transform:translateY(1px) scaleX(.96) scaleY(1.04) rotate(var(--flame-rotate,0deg));filter:brightness(.95);}
}
@keyframes serpensInnerFlame{
  from{transform:translateX(-2px) scaleX(.84) scaleY(.94);opacity:.72;}
  to{transform:translateX(3px) scaleX(1.08) scaleY(1.12);opacity:1;}
}
@media(max-width:640px){
  .serpensOuterLightning,.serpensBlackFlames{inset:-42px -26px -42px;}
  .serpensBlackFlames .flame{width:42px;height:76px;}
  .serpensOuterLightning .outerBolt--4{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .serpensOuterLightning .outerBolt,
  .serpensBlackFlames .flame,
  .serpensBlackFlames .flame::before{animation:none !important;}
  .serpensOuterLightning .outerBolt{opacity:.22;}
}


/* Click response while the Corrupted laugh starts */
.serpensCorruptedCard.is-laughing{
  animation:serpensCorruptedClickPulse 1.05s cubic-bezier(.2,.7,.2,1) both !important;
}
.serpensCorruptedCard.is-laughing .serpensCorruptedAura{
  opacity:1 !important;
  filter:saturate(1.35) brightness(1.18);
}
.serpensCorruptedCard.is-laughing .serpensCorruptedLightning .bolt{
  opacity:.95 !important;
}
@keyframes serpensCorruptedClickPulse{
  0%{transform:translateZ(0) scale(1);}
  26%{transform:translateZ(0) scale(1.025);box-shadow:0 22px 70px rgba(123,42,178,.38),0 0 28px rgba(211,117,255,.22) inset;}
  58%{transform:translateZ(0) scale(.995);}
  100%{transform:translateZ(0) scale(1);}
}