/* MESTRE DO DEGRADÊ — OFFICIAL. Flag is authorized by server; no demo/local user check. */
:root{--gm-rainbow:#ff566d,#ffb044,#fff08f,#6bf0ad,#58bbff,#b480ff,#ff65ce,#ff566d}
@keyframes gm-spectrum{from{background-position:0% 50%}to{background-position:200% 50%}}
@keyframes gm-dot-float{
  0%,100%{opacity:.67;transform:translate3d(0,3px,0) scale(.72)}
  25%{opacity:1;transform:translate3d(calc(var(--gm-drift) * .2),-4px,0) scale(1.08)}
  72%{opacity:.90;transform:translate3d(var(--gm-drift),var(--gm-rise),0) scale(.85)}
}
/* XP: sem animação do container, sem aumentar a largura da faixa. */
[data-codin-halloween] #badge-nivel-container.gm-xp{
  position:relative!important;
  background:#362349!important;
  border:1px solid #b68eee;
  box-shadow:inset 0 0 11px #b680ef35,0 0 9px #a276ff40!important;
  isolation:isolate;
}
#badge-nivel-container.gm-xp > i,
#badge-nivel-container.gm-xp > span:not(.gm-xp-particles){position:relative;z-index:4;text-shadow:0 1px 4px #170824}
#badge-nivel-container.gm-xp .progress{
  background:#1c1226!important;
  overflow:hidden;
  isolation:isolate;
  box-shadow:inset 0 0 0 1px #ffffff20;
}
#badge-nivel-container.gm-xp .bar{
  position:relative;
  background:linear-gradient(90deg,var(--gm-rainbow))!important;
  background-size:200% 100%!important;
  animation:gm-spectrum 3.1s linear infinite!important;
  box-shadow:0 0 7px #ff7dab88!important;
  /* width é controlado pelo XP real; nunca animar width, transform ou scale! */
}
#badge-nivel-container.gm-xp .gm-xp-particles{
  position:absolute!important;
  inset:0;
  z-index:3!important;
  pointer-events:none;
  overflow:hidden;
  border-radius:inherit;
}
/* Ranking: mesmo tema escuro, sem faixa de fogo/chamas. */
[data-codin-halloween] .ranking-table tr.master-gradient-row td,
[data-codin-halloween] .ranking-table tr.master-gradient-row:hover td{
  position:relative;
  background-color:#261730!important;
  border-top:1px solid #9d60c7!important;
  border-bottom:1px solid #8e5ce6!important;
  color:#fff2ff;
  isolation:isolate;
  overflow:hidden;
}
.ranking-table tr.master-gradient-row td:first-child{border-left:3px solid #d784ff!important}
.ranking-table tr.master-gradient-row td > :not(.gm-rank-particles){position:relative;z-index:3}
.ranking-table tr.master-gradient-row td::before{content:none!important}
.ranking-table tr.master-gradient-row td::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,var(--gm-rainbow));
  background-size:200% 100%;animation:gm-spectrum 3s linear infinite;
  pointer-events:none;z-index:1;
}
.ranking-table tr.master-gradient-row .gm-rank-particles{
  position:absolute!important;
  inset:0;
  z-index:2!important;
  pointer-events:none;
  display:block;
  overflow:hidden;
  isolation:isolate;
}
.gm-rank-spark,.gm-spark{
  position:absolute!important;
  top:var(--gm-y);
  left:var(--gm-x);
  display:block;
  pointer-events:none;
  border-radius:50%;
  width:var(--gm-size);
  height:var(--gm-size);
  background:var(--gm-color);
  opacity:.9;
  box-shadow:0 0 4px 1px var(--gm-color),0 0 10px 1px var(--gm-color);
  /* transform-only animation, no layout shifts */
  animation:gm-dot-float var(--gm-life) ease-in-out var(--gm-delay) infinite alternate;
}
.gm-rank-spark{z-index:2!important}
.gm-spark{z-index:3!important}
.ranking-table tr.master-gradient-row strong{color:#fff1ef!important;text-shadow:0 0 6px #aa70e699}
.ranking-table tr.master-gradient-row .lvl-badge{background:#563a6b!important;color:#f7dcff!important}
.gm-rank-title,.gm-title-gradient{
  background:linear-gradient(95deg,var(--gm-rainbow));background-size:200% auto;
  background-clip:text;-webkit-background-clip:text;
  color:transparent!important;-webkit-text-fill-color:transparent;
  font-weight:800!important;animation:gm-spectrum 3s linear infinite;
}
.gm-rank-title{
  display:inline-flex;white-space:nowrap;
  border:1px solid #be83f077;border-radius:999px;
  padding:3px 8px;font-size:10px;letter-spacing:.02em;background-color:#382144;
}
.gm-exclusive-option{border:1px solid #bd8ee36b!important;background:#44305233}
.gm-aura-control{
  background:linear-gradient(110deg,var(--gm-rainbow))!important;
  background-size:200% 100%!important;
  animation:gm-spectrum 3s linear infinite;
  box-shadow:0 0 10px #b276ff88;
}
@media(max-width:650px){.gm-rank-title{font-size:8px;padding:2px 4px}}
@media(prefers-reduced-motion:reduce){
  #badge-nivel-container.gm-xp .bar,
  .ranking-table tr.master-gradient-row td::after,
  .gm-title-gradient,.gm-rank-title,.gm-aura-control,
  .gm-rank-spark,.gm-spark{animation:none!important}
  .gm-rank-spark,.gm-spark{opacity:.82}
}