/* =========================================================
   FUSIONGEN LEGION — PASS 17
   Home statistics / section framing fix
   ========================================================= */

/* Prevent legacy Bootstrap/custom descendant rules from collapsing
   the four-stat strip into a narrow vertical column. */
.fg-stats-band {
  position: relative;
  padding: 72px 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 45%, rgba(143,230,44,.075), transparent 44%),
    linear-gradient(180deg, #070c0e 0%, #0a100d 50%, #070c0e 100%);
  border-top: 1px solid rgba(255,255,255,.055);
  border-bottom: 1px solid rgba(255,255,255,.055);
}

.fg-stats-band:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(143,230,44,.025), transparent 24%, transparent 76%, rgba(143,230,44,.025)),
    radial-gradient(circle at 50% 100%, rgba(143,230,44,.055), transparent 38%);
}

.fg-stats-band > .container {
  position: relative;
  z-index: 1;
  max-width: 1320px;
}

.fg-stats-panel {
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
  min-height: 260px;
  overflow: hidden;
  border: 1px solid rgba(157,198,64,.24);
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(13,20,17,.96), rgba(7,13,14,.96)),
    radial-gradient(circle at 50% 0, rgba(143,230,44,.07), transparent 55%);
  box-shadow:
    0 24px 80px rgba(0,0,0,.30),
    inset 0 1px rgba(255,255,255,.025),
    0 0 45px rgba(87,150,25,.045);
}

.fg-stats-panel:before,
.fg-stats-panel:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 90px;
  pointer-events: none;
  opacity: .45;
}

.fg-stats-panel:before {
  left: 0;
  background: linear-gradient(90deg, rgba(143,230,44,.08), transparent);
}

.fg-stats-panel:after {
  right: 0;
  background: linear-gradient(270deg, rgba(143,230,44,.06), transparent);
}

.fg-stat-item {
  position: relative;
  z-index: 1;
  min-width: 0;
  min-height: 260px;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center;
  padding: 36px 28px;
  gap: 0;
  border-right: 1px solid rgba(255,255,255,.075);
}

.fg-stat-item:last-child {
  border-right: 0;
}

.fg-stat-item:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1px;
  width: 5px;
  height: 5px;
  transform: translateY(-50%) rotate(45deg);
  background: #9be934;
  box-shadow: 0 0 12px rgba(155,233,52,.6);
}

.fg-stat-item:last-child:after {
  display: none;
}

.fg-stat-icon {
  width: 74px !important;
  height: 74px !important;
  min-height: 0 !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 0 20px !important;
  border: 1px solid rgba(143,230,44,.35);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(143,230,44,.13), rgba(143,230,44,.025) 68%, transparent 69%);
  box-shadow: 0 0 0 8px rgba(143,230,44,.025), 0 0 30px rgba(143,230,44,.10);
}

.fg-stat-icon i {
  margin: 0 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  color: #a7ec36 !important;
  filter: drop-shadow(0 0 8px rgba(143,230,44,.3));
}

.fg-stat-item > b {
  display: block;
  margin: 0 !important;
  color: #f0f4ef;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.fg-stat-item > b:after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  margin: 12px auto 11px;
  background: linear-gradient(90deg, transparent, #a7ec36, transparent);
  box-shadow: 0 0 10px rgba(143,230,44,.35);
}

.fg-stat-item > span {
  display: block;
  margin: 0 !important;
  color: #73827b;
  font-size: 10px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Make the next section visually belong to the stats panel rather than
   leaving an accidental-looking void between sections. */
.fg-section--realms {
  position: relative;
  padding-top: 105px;
}

.fg-section--realms:before {
  content: "";
  display: block;
  width: min(1320px, calc(100% - 30px));
  height: 1px;
  margin: -35px auto 75px;
  background: linear-gradient(90deg, transparent, rgba(143,230,44,.22), transparent);
}

@media (max-width: 991px) {
  .fg-stats-band { padding: 52px 0; }
  .fg-stats-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 0; }
  .fg-stat-item { min-height: 210px; }
  .fg-stat-item:nth-child(2) { border-right: 0; }
  .fg-stat-item:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.075); }
  .fg-stat-item:nth-child(2):after,
  .fg-stat-item:nth-child(4):after { display: none; }
  .fg-stat-item:nth-child(1):after,
  .fg-stat-item:nth-child(3):after { display: block; }
  .fg-section--realms:before { margin-bottom: 55px; }
}

@media (max-width: 575px) {
  .fg-stats-band { padding: 34px 0; }
  .fg-stats-panel { grid-template-columns: 1fr; }
  .fg-stat-item,
  .fg-stat-item:nth-child(1),
  .fg-stat-item:nth-child(2),
  .fg-stat-item:nth-child(3) {
    min-height: 190px;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.075);
  }
  .fg-stat-item:last-child { border-bottom: 0; }
  .fg-stat-item:after { display: none !important; }
  .fg-stat-icon { width: 62px !important; height: 62px !important; margin-bottom: 15px !important; }
  .fg-stat-icon i { font-size: 20px !important; }
  .fg-stat-item > b { font-size: 11px; }
  .fg-section--realms { padding-top: 72px; }
  .fg-section--realms:before { width: calc(100% - 30px); margin: -18px auto 48px; }
}