/* ── FEAR: COLLAPSE — leaning tower with crack ─────────────────────────────── */

.fc-scene { position: absolute; inset: 0; z-index: 2; }
.fc-scene svg { width: 100%; height: 100%; display: block; }

.fc-bg line {
  stroke: #C13E2D;
  stroke-width: 0.6;
  opacity: 0.12;
}

.fc-bg .strong {
  opacity: 0.3;
  stroke-width: 0.8;
}

.fc-tower-base {
  stroke: #C13E2D;
  fill: none;
  stroke-width: 1.5;
  filter: drop-shadow(0 0 3px rgba(193, 62, 45, 0.5));
}

.fc-tower-top rect {
  stroke: #C13E2D;
  fill: none;
  stroke-width: 1.5;
  filter: drop-shadow(0 0 3px rgba(193, 62, 45, 0.5));
}

.fc-tower-top {
  transform-box: fill-box;
  transform-origin: center bottom;
  animation: fc-tilt 5.4s ease-in-out infinite;
}

@keyframes fc-tilt {
  0%, 100% { transform: rotate(0deg); }
  50%       { transform: rotate(5deg); }
}

.fc-crack-line {
  stroke: #F2EFE6;
  stroke-width: 2;
  fill: none;
  filter: drop-shadow(0 0 5px rgba(193, 62, 45, 1));
  animation: fc-crack-flash 5.4s ease-in-out infinite;
}

@keyframes fc-crack-flash {
  0%, 35%, 65%, 100% { opacity: 0.85; }
  50%                 { opacity: 1; filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.9)); }
}

.fc-dust {
  position: absolute;
  width: 2px;
  height: 2px;
  background: #C13E2D;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(193, 62, 45, 0.8);
  z-index: 4;
}

.fc-dust:nth-child(2) { left: 48%; animation: fc-fall 4.2s linear infinite; }
.fc-dust:nth-child(3) { left: 52%; animation: fc-fall 5.6s linear infinite 0.8s; }
.fc-dust:nth-child(4) { left: 50%; animation: fc-fall 4.8s linear infinite 2.1s; }
.fc-dust:nth-child(5) { left: 47%; animation: fc-fall 6.2s linear infinite 1.3s; }
.fc-dust:nth-child(6) { left: 53%; animation: fc-fall 5.0s linear infinite 3.0s; }
.fc-dust:nth-child(7) { left: 49%; animation: fc-fall 4.4s linear infinite 0.4s; }

@keyframes fc-fall {
  0%   { top: 38%; opacity: 0; }
  15%  { opacity: 1; }
  85%  { opacity: 1; }
  100% { top: 88%; opacity: 0; }
}