/* Ground Slam. The module positions everything; this is look only. */
.exp-slam-host { position: absolute; pointer-events: none; z-index: 6; }

.exp-slam-flash {
  position: absolute; left: -50vw; bottom: -50vh; width: 100vw; height: 100vh;
  background: radial-gradient(circle at center, rgba(255,255,255,.35), rgba(255,255,255,0) 60%);
  opacity: 0;
}

.exp-slam-ring {
  position: absolute; width: 340px; height: 170px;
  margin-left: -170px; margin-bottom: -45px;
  background: url('/assets/skills/knight/fx/shockwave-ring.webp') center/contain no-repeat;
  transform-origin: center center; will-change: transform, opacity;
}

.exp-slam-crack {
  position: absolute; width: 380px; height: 190px;
  margin-left: -190px; margin-bottom: -60px;
  background: url('/assets/skills/knight/fx/ground-crack.webp') center/contain no-repeat;
  transform-origin: center center;
}

.exp-slam-rock {
  position: absolute; width: 42px; height: 42px; margin-left: -21px;
  background: url('/assets/skills/knight/fx/rock-chunk.webp') center/contain no-repeat;
  will-change: transform, opacity;
}

.exp-slam-dust {
  position: absolute; width: 190px; height: 190px; margin-left: -95px;
  background: url('/assets/skills/knight/fx/dust-puff.webp') center/contain no-repeat;
  will-change: transform, opacity;
}