/* ── FEAR: WAR — mushroom cloud ───────────────────────────────────────────── */

.fw-scene { position: absolute; inset: 0; }

.fw-bg { position: absolute; inset: 0; z-index: 2; }
.fw-bg svg { width: 100%; height: 100%; display: block; }
.fw-bg line,
.fw-bg rect {
  stroke: #C13E2D;
  fill: none;
  stroke-width: 0.8;
  opacity: 0.2;
}
.fw-bg .strong {
  opacity: 0.5;
  stroke-width: 1.2;
  filter: drop-shadow(0 0 3px rgba(193, 62, 45, 0.6));
}

.fw-mushroom-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  width: 180px;
  height: 180px;
  z-index: 3;
}

.fw-mushroom-wrap svg {
  width: 100%;
  height: 100%;
  display: block;
}

.fw-mushroom-fill {
  fill: #F2EFE6;
  opacity: 0.8;
  animation: fw-cloud-pulse 4s ease-in-out infinite;
}

@keyframes fw-cloud-pulse {
  0%, 100% { opacity: 0.65; filter: drop-shadow(0 0 4px rgba(193, 62, 45, 0.5)); }
  50%       { opacity: 0.92; filter: drop-shadow(0 0 12px rgba(193, 62, 45, 0.9)); }
}

.fw-mushroom-stroke {
  stroke: #C13E2D;
  stroke-width: 1.5;
  fill: none;
  opacity: 0.6;
  filter: drop-shadow(0 0 4px rgba(193, 62, 45, 0.6));
}