.xp499-v5 .fp-pack{
 --charge:.01; --glow:.22; --energy:.25; --speed:3.2s;
 width:104px;height:104px;position:relative;isolation:isolate;
 border-radius:15px;overflow:hidden;
 border:1.2px solid rgba(157,135,255,calc(.18 + var(--glow)*.38));
 background:
  linear-gradient(135deg,rgba(36,85,255,calc(.025 + var(--energy)*.045)),
                         rgba(112,36,205,calc(.025 + var(--energy)*.05)) 48%,
                         rgba(203,154,255,calc(.018 + var(--energy)*.04))),
  #080a12;
 box-shadow:
  inset 0 0 0 1px rgba(255,255,255,.025),
  inset 0 0 calc(11px + 18px*var(--energy)) rgba(105,57,255,calc(.05 + var(--glow)*.12)),
  0 0 calc(5px + 12px*var(--energy)) rgba(90,64,255,calc(.03 + var(--glow)*.10));
}
.xp499-v5 .fp-pack::before{
 content:"";position:absolute;inset:6px;border-radius:10px;pointer-events:none;
 border:1.2px solid rgba(154,166,255,calc(.08 + var(--glow)*.22));
 box-shadow:inset 0 0 13px rgba(87,112,255,calc(.02 + var(--glow)*.08));
}
.xp499-v5 .fp-pack::after{
 content:"";position:absolute;inset:0;pointer-events:none;opacity:calc(.15 + var(--energy)*.45);
 background:
  linear-gradient(90deg,transparent 49%,rgba(192,180,255,.08) 50%,transparent 51%),
  linear-gradient(0deg,transparent 49%,rgba(143,111,255,.07) 50%,transparent 51%);
}

/* cantos técnicos do recipiente */
.xp499-v5 .corner{position:absolute;width:14px;height:14px;z-index:5;opacity:calc(.35 + var(--energy)*.5)}
.xp499-v5 .c1{left:5px;top:5px;border-left:2px solid #7a8dff;border-top:2px solid #7a8dff}
.xp499-v5 .c2{right:5px;top:5px;border-right:2px solid #b774ff;border-top:2px solid #b774ff}
.xp499-v5 .c3{left:5px;bottom:5px;border-left:2px solid #786fff;border-bottom:2px solid #786fff}
.xp499-v5 .c4{right:5px;bottom:5px;border-right:2px solid #d2a7ff;border-bottom:2px solid #d2a7ff}

/* energia interna */
.xp499-v5 .field{position:absolute;inset:13px;border-radius:50%;z-index:1;
 background:conic-gradient(from 0deg,
 transparent 0 12%,rgba(65,118,255,.12) 18%,transparent 28%,
 rgba(126,55,245,.15) 39%,transparent 50%,
 rgba(211,165,255,.12) 64%,transparent 76%,
 rgba(80,83,255,.11) 88%,transparent);
 filter:blur(.3px);opacity:calc(.18 + var(--energy)*.72);
 animation:siteFPspin var(--speed) linear infinite;
}
.xp499-v5 .ring{position:absolute;left:50%;top:50%;border-radius:50%;z-index:2;pointer-events:none}
.xp499-v5 .r1{width:66px;height:33px;border:1px solid rgba(103,132,255,calc(.12 + var(--glow)*.40));
 transform:translate(-50%,-50%) rotate(18deg);animation:siteFPorbit1 calc(var(--speed)*.78) linear infinite}
.xp499-v5 .r2{width:62px;height:28px;border:1px solid rgba(187,104,255,calc(.10 + var(--glow)*.38));
 transform:translate(-50%,-50%) rotate(-52deg);animation:siteFPorbit2 calc(var(--speed)*.91) linear infinite reverse}
.xp499-v5 .r3{width:54px;height:24px;border:1px solid rgba(224,184,255,calc(.08 + var(--glow)*.34));
 transform:translate(-50%,-50%) rotate(83deg);animation:siteFPorbit3 calc(var(--speed)*1.08) linear infinite}

/* núcleo azul -> roxo -> lilás */
.xp499-v5 .core{
 position:absolute;left:50%;top:50%;width:29px;height:29px;z-index:4;border-radius:50%;
 transform:translate(-50%,-50%);
 background:
  radial-gradient(circle at 37% 31%,rgba(244,233,255,.96) 0 5%,
   rgba(183,171,255,.92) 9%,rgba(84,121,255,.92) 26%,
   rgba(112,49,220,.94) 53%,rgba(44,18,96,.96) 72%,#090813 76%);
 box-shadow:
  0 0 calc(7px + 16px*var(--energy)) rgba(92,104,255,calc(.18 + var(--glow)*.42)),
  0 0 calc(12px + 25px*var(--energy)) rgba(159,71,255,calc(.08 + var(--glow)*.30)),
  inset 0 0 9px rgba(220,188,255,.42);
 animation:siteFPcorePulse calc(2.2s - var(--energy)*.65s) ease-in-out infinite;
}
.xp499-v5 .core::after{
 content:"";position:absolute;inset:-7px;border-radius:50%;
 background:radial-gradient(circle,rgba(196,163,255,calc(.04 + var(--glow)*.16)),transparent 66%);
 animation:siteFPhalo 1.8s ease-in-out infinite;
}

/* descargas confinadas */
.xp499-v5 .arc{position:absolute;left:50%;top:50%;height:1px;transform-origin:left center;z-index:3;
 background:linear-gradient(90deg,rgba(114,144,255,.95),rgba(192,107,255,.75),transparent);
 box-shadow:0 0 5px rgba(159,105,255,.7);
 opacity:calc(.06 + var(--energy)*.75);
 animation:siteFParcFlash 1.35s steps(1,end) infinite}
.xp499-v5 .a1{width:31px;transform:rotate(17deg);animation-delay:-.2s}
.xp499-v5 .a2{width:28px;transform:rotate(141deg);animation-delay:-.71s}
.xp499-v5 .a3{width:34px;transform:rotate(251deg);animation-delay:-1.04s}
.xp499-v5 .a4{width:25px;transform:rotate(319deg);animation-delay:-.43s}

/* partículas: intensidade cresce sem mudar a identidade */
.xp499-v5 .particle{position:absolute;width:3px;height:3px;border-radius:50%;z-index:3;
 background:#d9c0ff;box-shadow:0 0 5px #795cff;
 opacity:calc(.08 + var(--energy)*.82);animation:siteFPfloat 2.4s ease-in-out infinite}
.xp499-v5 .p1{left:22%;top:31%;animation-delay:-.2s}.xp499-v5 .p2{left:73%;top:29%;animation-delay:-.8s}
.xp499-v5 .p3{left:27%;top:70%;animation-delay:-1.3s}.xp499-v5 .p4{left:71%;top:69%;animation-delay:-1.8s}
.xp499-v5 .p5{left:47%;top:17%;animation-delay:-.5s}.xp499-v5 .p6{left:52%;top:79%;animation-delay:-1.1s}

/* carga máxima: aura "radioativa" ENCLAUSURADA dentro do pack */
.xp499-v5 .fp-pack.full .xp499-v5 .radioactive{
 position:absolute;left:50%;top:50%;width:72px;height:72px;z-index:0;border-radius:50%;
 transform:translate(-50%,-50%);
 background:
  repeating-conic-gradient(from -15deg,
   rgba(199,159,255,.19) 0 15deg,transparent 15deg 60deg);
 filter:blur(1px);
 animation:siteFPradioSpin 4s linear infinite,siteFPradioBreathe 1.25s ease-in-out infinite;
}
.xp499-v5 .fp-pack.full .xp499-v5 .radioactive::before{
 content:"";position:absolute;inset:9px;border-radius:50%;
 border:1px solid rgba(200,164,255,.42);
 box-shadow:0 0 11px rgba(83,115,255,.7),0 0 22px rgba(153,58,255,.62),
            inset 0 0 16px rgba(214,176,255,.18);
}
.xp499-v5 .fp-pack.full .xp499-v5 .core{
 box-shadow:0 0 11px rgba(96,139,255,.95),0 0 25px rgba(149,57,255,.88),
            0 0 39px rgba(213,167,255,.58),inset 0 0 10px rgba(239,218,255,.65);
}

/* níveis pedidos */
 .xp499-v5 .q5   {--charge:.01;--glow:.18;--energy:.16;--speed:4.2s}
 .xp499-v5 .q100 {--charge:.20;--glow:.32;--energy:.30;--speed:3.8s}
 .xp499-v5 .q200 {--charge:.40;--glow:.46;--energy:.45;--speed:3.4s}
 .xp499-v5 .q300 {--charge:.60;--glow:.61;--energy:.61;--speed:3.0s}
 .xp499-v5 .q400 {--charge:.80;--glow:.78;--energy:.79;--speed:2.6s}
 .xp499-v5 .q500 {--charge:1;--glow:1;--energy:1;--speed:2.2s}

@keyframes siteFPspin{to{transform:rotate(360deg)}}
@keyframes siteFPorbit1{to{transform:translate(-50%,-50%) rotate(378deg)}}
@keyframes siteFPorbit2{to{transform:translate(-50%,-50%) rotate(308deg)}}
@keyframes siteFPorbit3{to{transform:translate(-50%,-50%) rotate(443deg)}}
@keyframes siteFPcorePulse{0%,100%{transform:translate(-50%,-50%) scale(.94)}50%{transform:translate(-50%,-50%) scale(1.06)}}
@keyframes siteFPhalo{0%,100%{transform:scale(.82);opacity:.45}50%{transform:scale(1.18);opacity:1}}
@keyframes siteFParcFlash{0%,18%,46%,100%{opacity:.05}19%,22%,47%,49%{opacity:.95}}
@keyframes siteFPfloat{0%,100%{transform:translate(0,0) scale(.75)}50%{transform:translate(3px,-5px) scale(1.25)}}
@keyframes siteFPradioSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes siteFPradioBreathe{0%,100%{opacity:.42;filter:blur(1.3px) brightness(.9)}50%{opacity:1;filter:blur(.4px) brightness(1.35)}}



/* V4 — identidade cromática por quantidade.
   500/500 preserva exatamente a paleta azul/roxo/lilás aprovada. */
.xp499-v5 .fp-pack.q5{
  filter:saturate(.55) brightness(.72);
}
.xp499-v5 .fp-pack.q100{
  border-color:rgba(62,207,255,calc(.18 + var(--glow)*.38));
  background:linear-gradient(135deg,rgba(23,128,255,.07),rgba(31,207,229,.065) 50%,rgba(121,240,255,.045)),#080a12;
}
.xp499-v5 .fp-pack.q100 .core{
  background:radial-gradient(circle at 37% 31%,#e9ffff 0 5%,#a8f5ff 9%,#32bfff 28%,#1265db 54%,#082957 72%,#090813 76%);
  box-shadow:0 0 calc(7px + 16px*var(--energy)) rgba(40,190,255,calc(.18 + var(--glow)*.42)),
             0 0 calc(12px + 25px*var(--energy)) rgba(46,218,239,calc(.08 + var(--glow)*.30)),
             inset 0 0 9px rgba(184,251,255,.42);
}
.xp499-v5 .fp-pack.q100 .arc{background:linear-gradient(90deg,#44c7ff,#62efff,transparent);box-shadow:0 0 5px rgba(52,213,255,.7)}
.xp499-v5 .fp-pack.q100 .particle{background:#c5fbff;box-shadow:0 0 5px #32cfff}

.xp499-v5 .fp-pack.q200{
  border-color:rgba(67,122,255,calc(.18 + var(--glow)*.38));
  background:linear-gradient(135deg,rgba(25,75,255,.075),rgba(47,111,255,.07) 50%,rgba(92,174,255,.045)),#080a12;
}
.xp499-v5 .fp-pack.q200 .core{
  background:radial-gradient(circle at 37% 31%,#f0f5ff 0 5%,#bdceff 9%,#557cff 28%,#2838d6 54%,#10165c 72%,#090813 76%);
  box-shadow:0 0 calc(7px + 16px*var(--energy)) rgba(69,104,255,calc(.18 + var(--glow)*.42)),
             0 0 calc(12px + 25px*var(--energy)) rgba(54,89,255,calc(.08 + var(--glow)*.30)),
             inset 0 0 9px rgba(190,207,255,.42);
}
.xp499-v5 .fp-pack.q200 .arc{background:linear-gradient(90deg,#6c8dff,#5260ff,transparent);box-shadow:0 0 5px rgba(77,96,255,.72)}
.xp499-v5 .fp-pack.q200 .particle{background:#d2dbff;box-shadow:0 0 5px #5e72ff}

.xp499-v5 .fp-pack.q300{
  border-color:rgba(145,82,255,calc(.18 + var(--glow)*.38));
  background:linear-gradient(135deg,rgba(73,52,255,.07),rgba(126,44,230,.075) 50%,rgba(177,85,255,.045)),#080a12;
}
.xp499-v5 .fp-pack.q300 .core{
  background:radial-gradient(circle at 37% 31%,#f5ecff 0 5%,#d3b6ff 9%,#955cff 28%,#6424cc 54%,#2a105d 72%,#090813 76%);
  box-shadow:0 0 calc(7px + 16px*var(--energy)) rgba(120,74,255,calc(.18 + var(--glow)*.42)),
             0 0 calc(12px + 25px*var(--energy)) rgba(158,62,255,calc(.08 + var(--glow)*.30)),
             inset 0 0 9px rgba(218,186,255,.42);
}
.xp499-v5 .fp-pack.q300 .arc{background:linear-gradient(90deg,#876aff,#bd67ff,transparent);box-shadow:0 0 5px rgba(159,80,255,.72)}
.xp499-v5 .fp-pack.q300 .particle{background:#e1caff;box-shadow:0 0 5px #a65fff}

.xp499-v5 .fp-pack.q400{
  border-color:rgba(236,83,214,calc(.18 + var(--glow)*.38));
  background:linear-gradient(135deg,rgba(128,39,211,.075),rgba(207,48,188,.075) 50%,rgba(255,124,222,.045)),#080a12;
}
.xp499-v5 .fp-pack.q400 .core{
  background:radial-gradient(circle at 37% 31%,#fff0fd 0 5%,#ffc2f2 9%,#e957cc 28%,#a820a5 54%,#4c104f 72%,#090813 76%);
  box-shadow:0 0 calc(7px + 16px*var(--energy)) rgba(216,70,202,calc(.18 + var(--glow)*.42)),
             0 0 calc(12px + 25px*var(--energy)) rgba(238,81,211,calc(.08 + var(--glow)*.30)),
             inset 0 0 9px rgba(255,197,241,.42);
}
.xp499-v5 .fp-pack.q400 .arc{background:linear-gradient(90deg,#dc62ff,#ff6ed7,transparent);box-shadow:0 0 5px rgba(239,76,208,.72)}
.xp499-v5 .fp-pack.q400 .particle{background:#ffd0f5;box-shadow:0 0 5px #ec5fd2}

/* 500 NÃO recebe override cromático: mantém o V3 aprovado. */


/* V5 — teste 500/500 em ROSA CHOQUE */
.xp499-v5 .fp-pack.q500{
  border-color:rgba(255,40,190,calc(.24 + var(--glow)*.50));
  background:
    linear-gradient(135deg,rgba(255,20,147,.11),rgba(224,20,255,.10) 48%,rgba(255,123,214,.08)),
    #080a12;
  box-shadow:
    inset 0 0 0 1px rgba(255,210,244,.05),
    inset 0 0 calc(11px + 18px*var(--energy)) rgba(255,30,180,calc(.08 + var(--glow)*.18)),
    0 0 calc(5px + 12px*var(--energy)) rgba(255,20,180,calc(.05 + var(--glow)*.18));
}
.xp499-v5 .fp-pack.q500 .core{
  background:
    radial-gradient(circle at 37% 31%,
      #fff4fd 0 5%,
      #ffc4ed 9%,
      #ff3eb5 27%,
      #ff008f 50%,
      #a80070 69%,
      #090813 76%);
  box-shadow:
    0 0 12px rgba(255,71,190,.98),
    0 0 26px rgba(255,0,153,.92),
    0 0 42px rgba(255,92,210,.68),
    inset 0 0 10px rgba(255,224,247,.72);
}
.xp499-v5 .fp-pack.q500 .arc{
  background:linear-gradient(90deg,#ff72ca,#ff149f,#e850ff,transparent);
  box-shadow:0 0 6px rgba(255,26,172,.92);
}
.xp499-v5 .fp-pack.q500 .particle{
  background:#ffd1ef;
  box-shadow:0 0 6px #ff20ae;
}
.xp499-v5 .fp-pack.q500 .xp499-v5 .r1{border-color:rgba(255,76,188,.68)}
.xp499-v5 .fp-pack.q500 .xp499-v5 .r2{border-color:rgba(255,32,166,.62)}
.xp499-v5 .fp-pack.q500 .xp499-v5 .r3{border-color:rgba(235,112,255,.58)}
.xp499-v5 .fp-pack.q500 .radioactive{
  background:
    repeating-conic-gradient(from -15deg,
      rgba(255,46,174,.28) 0 15deg,
      transparent 15deg 60deg);
}
.xp499-v5 .fp-pack.q500 .radioactive::before{
  border-color:rgba(255,104,204,.62);
  box-shadow:
    0 0 12px rgba(255,35,170,.90),
    0 0 25px rgba(255,0,145,.78),
    inset 0 0 17px rgba(255,158,224,.28);
}

@media(max-width:390px){.xp499-v5 .fp-pack{width:96px;height:96px}}


#bagItems .xp497-fproton-slot{position:relative!important;overflow:visible!important}
#bagItems .xp497-fproton-card{display:none!important}
#bagItems .xp499-v5{position:absolute;inset:0;z-index:8;overflow:hidden;border-radius:8px;pointer-events:auto;cursor:pointer}
#bagItems .xp499-v5 .fp-pack{
  position:absolute!important;left:50%!important;top:50%!important;
  width:96px!important;height:96px!important;
  transform:translate(-50%,-50%) scale(.64)!important;
  transform-origin:center center!important;
  margin:0!important;
}
#bagItems .xp499-v5 .count{
  position:absolute;left:0;right:0;bottom:5px;z-index:12;
  text-align:center;font-size:10px;font-weight:900;color:#f7eaff;
  text-shadow:0 1px 2px #000,0 0 5px rgba(238,118,255,.85)
}