/* ============================================================
   M.O. — Universe HUD and reel accents
   ------------------------------------------------------------
   Styles for the idle "whisper" and the reel-mode caption slimming
   (the 3D tiles are the heroes now — the DOM card recedes to a
   translucent instrument caption).
   ============================================================ */

/* ── idle whisper — the field notices a still visitor ─────────── */
.universe__whisper {
  position: absolute;
  left: 50%;
  top: 58%;
  transform: translate(-50%, 8px);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--ff-mono, monospace);
  font-size: var(--fs-micro);
  letter-spacing: var(--tr-widest);
  text-transform: uppercase;
  color: var(--signal, #00f0c8);
  opacity: 0;
  filter: blur(6px);
  pointer-events: none;
  transition:
    opacity 1.6s cubic-bezier(0.16, 1, 0.3, 1),
    filter 1.6s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.6s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 4;
}
.universe__whisper.is-on {
  opacity: 0.85;
  filter: blur(0);
  transform: translate(-50%, 0);
}
.universe__whisperDot {
  width: 4px; height: 4px;
  background: var(--signal, #00f0c8);
  box-shadow: 0 0 10px var(--signal, #00f0c8);
  animation: moWhisperPulse 1.8s ease-in-out infinite;
}
@keyframes moWhisperPulse {
  0%, 100% { opacity: 0.4; }
  50%      { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .universe__whisperDot { animation: none; }
}

/* ── reel mode — the DOM card recedes to a caption ─────────────
   The universe tiles themselves parade past the lens, so the
   card backing turns translucent and lets the field read through.
   The locked card keeps a slightly stronger backing for legibility. */
.lp-workReel .rcard {
  background: linear-gradient(180deg, rgba(11, 15, 23, 0.62) 0%, rgba(7, 9, 16, 0.66) 100%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.lp-workReel .rcard--locked {
  background: linear-gradient(180deg, rgba(11, 15, 23, 0.82) 0%, rgba(7, 9, 16, 0.84) 100%);
}