/* v979 – bewegte Feuer auf dem Wildnis-Tor */
.wf-layer-v979 { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }
.wf-layer-v979 * { pointer-events: none; }
.wf-flame-v979 {
  position: absolute;
  background-repeat: no-repeat;
  /* weicher Rand, damit der Ausschnitt mit dem Himmel verschmilzt */
  -webkit-mask-image: radial-gradient(ellipse 50% 58% at 50% 55%, #000 66%, transparent 100%);
  mask-image: radial-gradient(ellipse 50% 58% at 50% 55%, #000 66%, transparent 100%);
  animation-name: wfFlickerV979;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
/* nur strecken (≥ 1), damit das Original darunter nie hervorschaut */
@keyframes wfFlickerV979 {
  0%, 100% { transform: scale(1, 1) skewX(0deg); }
  18% { transform: scale(1.02, 1.07) skewX(-2.2deg); }
  37% { transform: scale(1.01, 1.02) skewX(1.4deg); }
  58% { transform: scale(1.03, 1.10) skewX(-0.8deg); }
  79% { transform: scale(1.01, 1.04) skewX(2deg); }
}
.wf-glow-v979 {
  position: absolute;
  width: 120px;
  height: 120px;
  margin: -60px 0 0 -60px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 200, 90, .30) 0, rgba(255, 140, 40, .14) 35%, rgba(255, 110, 20, 0) 70%);
  animation-name: wfGlowV979;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
@keyframes wfGlowV979 {
  0%, 100% { opacity: .75; transform: scale(1); }
  35% { opacity: 1; transform: scale(1.06); }
  60% { opacity: .65; transform: scale(.96); }
}
.wf-ember-v979 {
  position: absolute;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  border-radius: 50%;
  background: #ffd36b;
  box-shadow: 0 0 5px 1px rgba(255, 150, 40, .9);
  opacity: 0;
  animation-name: wfEmberV979;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}
@keyframes wfEmberV979 {
  0% { opacity: 0; transform: translate(0, 0); }
  15% { opacity: 1; }
  100% { opacity: 0; transform: translate(var(--dx, 0), -55px); }
}
@media (prefers-reduced-motion: reduce) {
  .wf-flame-v979, .wf-glow-v979, .wf-ember-v979 { animation: none !important; }
}

/* v991: neu gezeichnete Flammen (Canvas) */
.wf-canvas-v991 { position: absolute; display: block; }
.wf-layer-v979 .wf-glow-v979 { width: 140px; height: 140px; margin: -70px 0 0 -70px; }