/* GunBound Legacy Halloween 2026 - V2.5.2
   Refinamiento visual del Ritual sobre V2.5.1.
   No modifica endpoints ni datos. */

/* V2.2 sigue reagrupando las métricas originales. Las dejamos vivas pero invisibles. */
#ritual .gbl-hw-v21-attendance-summary,
#ritual .att-status,
#ritual .att-actions{
  display:none!important;
}

/* Eliminamos el kicker duplicado: el circulo 01 ya identifica la sección. */
#ritual .gbl-hw-v21-head-copy .section-kicker,
#ritual .section-kicker{
  display:none!important;
}

/* Cabecera mucho más baja, como el mockup aprobado. */
#ritual.gbl-hw-v21-section{
  min-height:0!important;
  padding:11px 14px 14px!important;
}
#ritual > .gbl-hw-v21-section-head{
  grid-template-columns:58px minmax(280px,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  margin:0 0 7px!important;
  padding:0 2px 8px!important;
}
#ritual .gbl-hw-v21-number{
  width:50px!important;height:50px!important;
  font-size:22px!important;
}
#ritual .gbl-hw-v21-head-copy h2{
  font-size:clamp(28px,2.7vw,39px)!important;
  line-height:.95!important;
}
#ritual .gbl-hw-v21-head-copy p{
  margin-top:4px!important;
  max-width:570px!important;
  font-size:11px!important;
  line-height:1.32!important;
}

/* V2.5.1 ahora vive dentro del tool slot del header. */
#ritual .gbl-hw-v21-section-tools{
  min-width:0!important;
  align-items:center!important;
}
#ritual .gbl-hw-v21-section-tools > .gbl-r252-headbar{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
}

#ritual .gbl-r251-summary{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
}
#ritual .gbl-r251-summary-card{
  min-height:50px!important;
  padding:7px 10px!important;
  gap:8px!important;
  border-radius:8px!important;
  background:rgba(27,8,6,.52)!important;
  border:1px solid rgba(255,91,16,.28)!important;
  box-shadow:inset 0 0 12px rgba(255,64,0,.025)!important;
  backdrop-filter:blur(4px)!important;
}
#ritual .gbl-r251-summary-card:nth-child(1){width:144px!important}
#ritual .gbl-r251-summary-card:nth-child(2){width:190px!important}
#ritual .gbl-r251-summary-icon{
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  border-radius:7px!important;font-size:18px!important;
}
#ritual .gbl-r251-summary-copy small{
  font-size:8px!important;line-height:1.05!important;margin-bottom:2px!important;
}
#ritual .gbl-r251-summary-copy strong{
  font-size:20px!important;
}
#ritual .gbl-r251-summary-copy strong em{
  font-size:10px!important;margin-left:3px!important;
}
#ritual .gbl-r251-summary-copy .gbl-r251-next-label{
  font-size:10px!important;line-height:1.15!important;max-width:125px!important;
}
#ritual .gbl-r251-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  margin:0!important;
}
#ritual .gbl-r251-all-btn,
#ritual .gbl-r252-mark-proxy{
  min-height:38px!important;
  padding:7px 12px!important;
  border-radius:7px!important;
  font-size:10px!important;
  white-space:nowrap!important;
}
#ritual .gbl-r252-mark-proxy{
  border:1px solid rgba(255,157,66,.50);
  background:linear-gradient(180deg,rgba(124,48,5,.82),rgba(71,24,3,.88));
  color:#ffd1a2;font-weight:900;cursor:pointer;
}
#ritual .gbl-r252-mark-proxy:disabled{opacity:.58;cursor:not-allowed}
#ritual .gbl-r252-mark-proxy.is-done{display:none!important}

/* El contenedor compacto ya solo alberga el track. */
#ritual #gbl-r251-compact{
  max-width:none!important;
  margin:0!important;
}
#ritual .gbl-r251-mini-status{
  display:none!important;
}
#ritual .gbl-r251-track-shell{
  padding:2px 24px 0!important;
  margin:0!important;
}
#ritual .gbl-r251-milestones{
  grid-auto-columns:minmax(92px,1fr)!important;
  gap:6px!important;
  padding:1px 2px 3px!important;
}
#ritual .gbl-r251-milestones::before{
  left:42px!important;right:42px!important;top:31px!important;height:2px!important;
}
#ritual .gbl-r251-node{
  width:54px!important;height:54px!important;
  margin:0 auto 5px!important;
  border-width:1px!important;
  box-shadow:0 0 0 3px rgba(32,8,3,.86),0 0 10px rgba(255,71,0,.10)!important;
}
#ritual .gbl-r251-node-icon{font-size:18px!important}
#ritual .gbl-r251-node-day{font-size:8px!important;margin-top:1px!important}
#ritual .gbl-r251-reward-name{
  font-size:9px!important;line-height:1.1!important;min-height:20px!important;
}
#ritual .gbl-r251-reward-state{
  font-size:7px!important;margin-top:2px!important;
}

/* Si quedan wrappers vacíos de los layouts previos, no deben consumir altura. */
#ritual .gbl-hw-v21-attendance-track-shell:empty,
#ritual .gbl-hw-v21-attendance-track:empty{
  display:none!important;
}

@media(max-width:1080px){
  #ritual > .gbl-hw-v21-section-head{grid-template-columns:54px 1fr!important}
  #ritual .gbl-hw-v21-section-tools{grid-column:1/-1!important;justify-content:center!important}
  #ritual .gbl-r252-headbar{width:100%;justify-content:center!important}
}
@media(max-width:720px){
  #ritual .gbl-r252-headbar{flex-wrap:wrap!important}
  #ritual .gbl-r251-summary{width:100%!important;justify-content:center!important;flex-wrap:wrap!important}
  #ritual .gbl-r251-summary-card:nth-child(1),
  #ritual .gbl-r251-summary-card:nth-child(2){width:min(230px,48%)!important}
  #ritual .gbl-r251-actions{width:100%!important;justify-content:center!important}
  #ritual .gbl-r251-track-shell{padding:3px 5px 0!important}
  #ritual .gbl-r251-milestones{grid-auto-columns:88px!important}
}
@media(max-width:520px){
  #ritual .gbl-r251-summary-card:nth-child(1),
  #ritual .gbl-r251-summary-card:nth-child(2){width:100%!important}
}