/* GunBound Legacy Halloween 2026 - V2.5.4 Ritual Progress Glow
   Solo refina la linea de progreso del Ritual compacto V2.5.3.
   No modifica estructura, endpoints, premios ni reclamos. */

/* Línea base: futuro tenue + tramo recorrido más vivo. */
#ritual .gbl-r251-milestones::before{
  height:3px!important;
  top:31px!important;
  background:linear-gradient(
    90deg,
    #ff4d0a 0%,
    #ff8a18 var(--gbl-progress),
    rgba(82,28,18,.72) var(--gbl-progress),
    rgba(61,24,18,.64) 100%
  )!important;
  box-shadow:
    0 0 5px rgba(255,81,8,.26),
    0 0 11px rgba(255,54,0,.10)!important;
}

/* Partícula de energía que recorre únicamente el progreso alcanzado. */
#ritual .gbl-r251-milestones::after{
  content:"";
  position:absolute;
  top:28px;
  left:42px;
  width:9px;
  height:9px;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  background:#ffd36a;
  box-shadow:
    0 0 4px #fff0a0,
    0 0 9px #ff8a00,
    0 0 18px rgba(255,67,0,.82),
    0 0 28px rgba(255,48,0,.38);
  animation:gbl-r254-energy-travel 3.1s ease-in-out infinite;
}

@keyframes gbl-r254-energy-travel{
  0%{
    left:42px;
    opacity:0;
    transform:scale(.55);
  }
  13%{opacity:.95}
  70%{opacity:.95}
  100%{
    left:clamp(42px,var(--gbl-progress),calc(100% - 42px));
    opacity:0;
    transform:scale(1.15);
  }
}

/* Los hitos ya recorridos tienen un resplandor sutil, sin aumentar su tamaño. */
#ritual .gbl-r251-milestone.is-reached .gbl-r251-node,
#ritual .gbl-r251-milestone.is-available .gbl-r251-node,
#ritual .gbl-r251-milestone.is-claimed .gbl-r251-node{
  box-shadow:
    0 0 0 3px rgba(38,9,3,.90),
    0 0 9px rgba(255,121,28,.52),
    0 0 18px rgba(255,62,0,.20)!important;
}

/* Próximo objetivo: pulso muy suave para guiar la vista. */
#ritual .gbl-r251-milestone.gbl-r254-current .gbl-r251-node{
  border-color:#d85a19!important;
  animation:gbl-r254-next-pulse 2.4s ease-in-out infinite;
}
#ritual .gbl-r251-milestone.gbl-r254-current .gbl-r251-reward-name{
  color:#ffe3cc!important;
}

@keyframes gbl-r254-next-pulse{
  0%,100%{
    box-shadow:0 0 0 3px rgba(32,8,3,.86),0 0 7px rgba(255,78,0,.12);
  }
  50%{
    box-shadow:0 0 0 3px rgba(42,10,3,.88),0 0 11px rgba(255,116,28,.36),0 0 18px rgba(255,58,0,.15);
  }
}

/* Punto luminoso fijo donde termina el progreso actual. */
#ritual .gbl-r254-progress-head{
  position:absolute;
  top:27px;
  left:clamp(42px,var(--gbl-progress),calc(100% - 42px));
  width:11px;
  height:11px;
  margin-left:-5px;
  border-radius:50%;
  pointer-events:none;
  z-index:1;
  background:#ffb129;
  border:1px solid rgba(255,238,174,.88);
  box-shadow:0 0 5px #ffd56c,0 0 12px #ff6a00,0 0 22px rgba(255,62,0,.45);
  animation:gbl-r254-head-pulse 1.8s ease-in-out infinite;
}
@keyframes gbl-r254-head-pulse{
  0%,100%{transform:scale(.85);opacity:.78}
  50%{transform:scale(1.18);opacity:1}
}

@media(max-width:720px){
  #ritual .gbl-r251-milestones::after{display:none!important}
  #ritual .gbl-r254-progress-head{width:9px;height:9px;margin-left:-4px;top:28px}
}

@media(prefers-reduced-motion:reduce){
  #ritual .gbl-r251-milestones::after,
  #ritual .gbl-r254-progress-head,
  #ritual .gbl-r251-milestone.gbl-r254-current .gbl-r251-node{
    animation:none!important;
  }
}