/* GunBound Legacy — Halloween 2026 — Theme V2.3 BACKGROUND FOUNDATION
   Paso 1: fondo único + logo/cabecera. NO reorganiza Ritual, Desafíos ni Bazar. */
:root{
  --hw23-panel: rgba(15,4,8,.73);
  --hw23-panel-strong: rgba(18,5,7,.80);
  --hw23-border: rgba(255,100,24,.46);
}

html{
  background:#080309!important;
  min-height:100%;
}
body{
  min-height:100vh!important;
  background:
    linear-gradient(180deg,rgba(3,1,5,.05) 0%,rgba(3,1,5,.13) 45%,rgba(3,1,5,.22) 100%),
    url('./background-halloween.png') center top / cover fixed no-repeat!important;
  color:#fff!important;
}

/* V2.2 usaba estas pseudo-capas como laterales. V2.3 las convierte en una sola
   capa de lectura sobre el fondo completo. */
body::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  top:0!important;
  bottom:0!important;
  left:0!important;
  right:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(0,0,0,0) 0 26%,rgba(4,1,7,.10) 54%,rgba(4,1,7,.26) 100%),
    linear-gradient(180deg,rgba(4,1,7,.02),rgba(4,1,7,.14) 46%,rgba(4,1,7,.24))!important;
  background-image:none!important;
  opacity:1!important;
  filter:none!important;
}
body::after{display:none!important;content:none!important}
body>*{position:relative;z-index:2}

/* Sin niebla artificial: la atmósfera ya viene pintada en la imagen única. */
.fog,.fog-layer,.fog-container,.fog-overlay,#fog,.mist,.mist-layer,
[id^="fog"],[id*="-fog"],[class^="fog-"],[class*=" fog-"],[class*="-fog"],
[class^="mist-"],[class*=" mist-"],[class*="-mist"]{
  display:none!important;opacity:0!important;visibility:hidden!important;
}

/* El antiguo hero deja de ser otro banner. Ahora es solamente el espacio de cabecera
   transparente que sostiene el logo real sobre el fondo único. */
.gbl-hw-v21-hero{
  height:252px!important;
  min-height:252px!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
}
.gbl-hw-v21-hero::before,.gbl-hw-v21-hero::after{display:none!important;content:none!important}

.gbl-hw-v23-logo{
  position:absolute;
  z-index:8;
  left:50%;
  top:4px;
  width:min(430px,48vw);
  height:auto;
  transform:translateX(-50%);
  display:block;
  pointer-events:none;
  user-select:none;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.72)) drop-shadow(0 0 12px rgba(255,77,0,.26));
  /* La referencia original tiene escenario alrededor. Este mask suaviza los bordes
     y evita que se vea como un rectángulo pegado encima del fondo. */
  -webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 48%,#000 0 66%,rgba(0,0,0,.96) 76%,transparent 100%);
  mask-image:radial-gradient(ellipse 72% 70% at 50% 48%,#000 0 66%,rgba(0,0,0,.96) 76%,transparent 100%);
}

/* El botón Home pertenece a la cabecera, no debe seguir flotando por toda la página. */
.gbl-hw-v19-home{
  position:absolute!important;
  top:18px!important;
  left:20px!important;
  z-index:20!important;
}

/* Balance + instrucciones: transparentes y debajo del logo, sin fondo de banner extra. */
.gbl-hw-v22-topbar{
  width:min(1060px,calc(100% - 44px))!important;
  margin:-46px auto 16px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  position:relative!important;
  z-index:10!important;
}
.gbl-hw-v22-topbar .gbl-hw-v19-shell,
#gbl-hw-v19-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  background:none!important;
}
.gbl-hw-v19-balance,.gbl-hw-v19-guide{
  background:linear-gradient(180deg,rgba(31,7,7,.76),rgba(11,3,7,.72))!important;
  border-color:rgba(255,105,20,.54)!important;
  -webkit-backdrop-filter:blur(5px) saturate(1.05)!important;
  backdrop-filter:blur(5px) saturate(1.05)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.26),inset 0 0 22px rgba(255,84,0,.035)!important;
}
.gbl-hw-v19-guide{border-color:rgba(194,51,255,.36)!important}

/* Mantener exactamente la estructura V2.2 actual de las actividades; solo damos
   transparencia para que la nueva ambientación se perciba detrás. */
.gbl-hw-v21-board{
  margin-top:18px!important;
  position:relative!important;
  z-index:4!important;
}
.gbl-hw-v21-section{
  background:linear-gradient(180deg,rgba(17,4,7,.78),rgba(8,2,5,.72))!important;
  border-color:var(--hw23-border)!important;
  -webkit-backdrop-filter:blur(5px) saturate(1.04)!important;
  backdrop-filter:blur(5px) saturate(1.04)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.30),inset 0 0 36px rgba(255,66,0,.025)!important;
}
.gbl-hw-v21-section::before{opacity:.45!important}

/* Que elementos legacy no vuelvan a pintar backgrounds de página encima. */
body>.bg,body>.background,body>.page-bg,.halloween-bg,.event-bg,
[class*="halloween-background"],[class*="event-background"]{
  background-image:none!important;
}

@media(max-width:900px){
  body{background-position:center top!important;background-attachment:fixed!important}
  .gbl-hw-v21-hero{height:220px!important;min-height:220px!important}
  .gbl-hw-v23-logo{width:min(390px,68vw);top:12px}
  .gbl-hw-v22-topbar{margin:-34px auto 14px!important;width:min(94%,1060px)!important}
}
@media(max-width:620px){
  body{background-size:auto 100vh!important;background-position:center top!important}
  .gbl-hw-v21-hero{height:190px!important;min-height:190px!important}
  .gbl-hw-v23-logo{width:min(330px,82vw);top:22px}
  .gbl-hw-v19-home{top:10px!important;left:10px!important;padding:9px 12px!important;font-size:12px!important}
  .gbl-hw-v22-topbar{margin:-18px auto 12px!important;width:94%!important}
}