/* ════════════════════════════════════════════════ */
/* CHAPTER 05 — REACTOR                            */
/* ════════════════════════════════════════════════ */

#chapter-05 {
  --hige: #e05a45;
  --cherenkov: #3a8fd4;
  --cherenkov-glow: rgba(58, 143, 212, 0.15);
}

#chapter-05 .chapter-title h1 { color: var(--fg); }

/* ── Thought blocks (Hige) ── */
#chapter-05 .thought-block {
  border-left: 2px solid var(--thought-border-hige);
  color: var(--thought-hige);
}

/* ── EFFECT 2: BOX DISSOLUTION ── */
#chapter-05 .mental-label {
  font-weight: 600;
  color: var(--hige);
}
#chapter-05 .mental-label .fly-char {
  display: inline-block;
  will-change: transform, opacity;
  backface-visibility: hidden;
}

/* ── EFFECT 3: LIGHT / DARK PASSAGE ── */
#chapter-05 .ld-light,
#chapter-05 .ld-dark {
  transition: opacity 0.4s ease, text-shadow 0.4s ease;
}

/* ── EFFECT 5: INVOLUNTARY DOOR ── */
#chapter-05 .involuntary-door.snapped {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: none;
}

/* ── EFFECT 6: CHERENKOV BLUE ── */
#ch5-pool {
  transition: background 0.3s ease;
}

/* ── EFFECT 7: REACTOR PULSE ── */
#chapter-05 .reactor-pulse.breathing {
  animation: reactor-breathe 4s ease-in-out infinite;
}
@keyframes reactor-breathe {
  0%, 100% { opacity: 0.7; }
  50% { opacity: 1; }
}

/* ── EFFECT 9: PHANTOM VIBRATION ── */
#chapter-05 .phantom-vibration-text {
  position: relative;
}
#chapter-05 .phantom-vibration-text.tremor {
  animation: phantom-tremor 0.15s ease-in-out infinite;
}
@keyframes phantom-tremor {
  0%, 100% { left: 0; top: 0; }
  25% { left: 0.4px; top: -0.2px; }
  50% { left: -0.3px; top: 0.3px; }
  75% { left: 0.3px; top: 0.1px; }
}

/* ── EFFECT 10: REACTOR NAMEPLATE ── */
#chapter-05 .reactor-nameplate {
  font-family: 'SF Mono', 'Cascadia Code', 'Fira Code', 'Courier New', monospace;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.35em;
  text-align: center;
  user-select: none;
  padding: 0.8em 1.5em;
  margin: 2em 0;
  border-top: 2px solid rgba(60, 86, 126, 0.35);
  border-bottom: 2px solid rgba(60, 86, 126, 0.35);
  opacity: 0;
  transition: opacity 2.5s ease;
  color: #3c567e;
}
#chapter-05 .reactor-nameplate.revealed {
  opacity: 0.85;
}
@media (max-width: 600px) {
  #chapter-05 .reactor-nameplate {
    font-size: 0.9rem;
    letter-spacing: 0.25em;
    padding: 0.6em 1em;
  }
}

/* ── EFFECT 11: FINAL POOL FADE ── */
#chapter-05 .final-pool.revealed {
  transition: opacity 3s ease, transform 1.5s ease;
}