/* ======================================================================
   KOJI DOJO v12.23 — BIGGER, STRONGER FIGHT-CARD FIRE
   - Keeps the same real ember GIF effect.
   - Extends the side fire field farther outward.
   - Increases glow intensity and ember visibility.
   - Still clipped to the fight-card area so nothing burns under the roster.
   ====================================================================== */

.fight-card-stage > .match-campfire-ambience {
  top: 118px !important;
  width: calc(100% + clamp(340px, 28vw, 560px)) !important;
}

.fight-card-stage > .match-campfire-ambience::before,
.fight-card-stage > .match-campfire-ambience::after {
  top: 11% !important;
  bottom: 0 !important;
  width: 28% !important;
  opacity: .56 !important;
  filter: blur(36px) saturate(1.22) brightness(1.08) !important;
}

.fight-card-stage .match-campfire-glow {
  width: 108% !important;
  height: 96% !important;
  opacity: .52 !important;
  filter: blur(46px) saturate(1.18) brightness(1.10) !important;
  background:
    radial-gradient(ellipse at 12% 91%, rgba(255,238,126,.72) 0 6%, rgba(255,166,35,.56) 13%, rgba(220,68,14,.34) 28%, transparent 53%),
    radial-gradient(ellipse at 88% 91%, rgba(255,238,126,.72) 0 6%, rgba(255,166,35,.56) 13%, rgba(220,68,14,.34) 28%, transparent 53%),
    radial-gradient(ellipse at 17% 62%, rgba(255,134,28,.15), transparent 62%),
    radial-gradient(ellipse at 83% 62%, rgba(255,134,28,.15), transparent 62%),
    radial-gradient(ellipse at 50% 62%, rgba(158,29,11,.15), transparent 68%) !important;
}

.fight-card-stage .match-real-ember-layer {
  inset: 0 !important;
  overflow: hidden !important;
  filter: saturate(1.08) brightness(1.05) !important;
}

.fight-card-stage .match-real-embers {
  bottom: 0 !important;
  width: min(44%, 620px) !important;
  opacity: .57 !important;
  filter: saturate(1.14) contrast(1.10) brightness(1.16) !important;
  -webkit-mask-image: radial-gradient(ellipse at 50% 65%, #000 0 60%, rgba(0,0,0,.78) 76%, transparent 96%) !important;
  mask-image: radial-gradient(ellipse at 50% 65%, #000 0 60%, rgba(0,0,0,.78) 76%, transparent 96%) !important;
}

.fight-card-stage .match-real-embers-left {
  left: -4% !important;
}

.fight-card-stage .match-real-embers-right {
  right: -4% !important;
}

@media (max-width: 900px) {
  .fight-card-stage > .match-campfire-ambience {
    top: 112px !important;
    width: calc(100% + clamp(220px, 24vw, 340px)) !important;
  }

  .fight-card-stage > .match-campfire-ambience::before,
  .fight-card-stage > .match-campfire-ambience::after {
    width: 25% !important;
    opacity: .48 !important;
  }

  .fight-card-stage .match-campfire-glow {
    width: 102% !important;
    height: 92% !important;
    opacity: .46 !important;
  }

  .fight-card-stage .match-real-embers {
    width: min(46%, 470px) !important;
    opacity: .49 !important;
  }
}

@media (max-width: 620px) {
  .fight-card-stage > .match-campfire-ambience {
    top: 102px !important;
    width: calc(100% + 96px) !important;
  }

  .fight-card-stage .match-campfire-glow {
    width: 100% !important;
    height: 84% !important;
    opacity: .34 !important;
    filter: blur(30px) saturate(1.12) brightness(1.04) !important;
  }

  .fight-card-stage .match-real-embers {
    width: 59% !important;
    opacity: .35 !important;
  }

  .fight-card-stage .match-real-embers-left { left: -8% !important; }
  .fight-card-stage .match-real-embers-right { right: -8% !important; }
}

/* ======================================================================
   KOJI DOJO v12.24 — REMOVE RECTANGULAR SIDE CLIPPING
   Allow the blurred fire to feather past the ambience box horizontally,
   while clipping only at the bottom edge of the Fight Card.
   ====================================================================== */

.fight-card-stage > .match-campfire-ambience {
  overflow: visible !important;
  /* Expand clipping far beyond the left/right/top, but keep the bottom at
     the ambience box bottom so no fire appears underneath the roster. */
  -webkit-clip-path: inset(-120px -620px 0 -620px) !important;
  clip-path: inset(-120px -620px 0 -620px) !important;
}

.fight-card-stage .match-real-ember-layer {
  overflow: visible !important;
}

/* Move the side warmth inward slightly so the radial fade reaches full
   transparency before the expanded clip boundary. */
.fight-card-stage > .match-campfire-ambience::before {
  left: 4% !important;
}

.fight-card-stage > .match-campfire-ambience::after {
  right: 4% !important;
}

@media (max-width: 900px) {
  .fight-card-stage > .match-campfire-ambience {
    -webkit-clip-path: inset(-100px -360px 0 -360px) !important;
    clip-path: inset(-100px -360px 0 -360px) !important;
  }
}

@media (max-width: 620px) {
  .fight-card-stage > .match-campfire-ambience {
    -webkit-clip-path: inset(-70px -140px 0 -140px) !important;
    clip-path: inset(-70px -140px 0 -140px) !important;
  }
}