/* animations.css — shared keyframes + reveal utilities + debug HUD */

.reveal-up { opacity: 0; transform: translateY(40px); }
.reveal-up.is-in { opacity: 1; transform: translateY(0); transition: opacity 0.9s var(--ease-out-expo), transform 0.9s var(--ease-out-expo); }

.fade-in { opacity: 0; }
.fade-in.is-in { opacity: 1; transition: opacity 1s ease; }

@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

@keyframes spinSlow { to { transform: rotate(360deg); } }

/* Debug HUD */
.debug-hud {
  position: fixed;
  bottom: 1rem; left: 1rem;
  z-index: var(--z-cursor);
  font-family: var(--font-mono);
  font-size: 0.72rem;
  line-height: 1.5;
  color: var(--cyan);
  background: rgba(0,0,0,.7);
  border: 1px solid rgba(0,245,255,.3);
  border-radius: 8px;
  padding: 0.6rem 0.9rem;
  pointer-events: none;
  white-space: pre;
}
.debug-hud b { color: var(--white); }