/* حركات افتتاح زاد — منقولة من مرجع حركات خطوة (قيم مثبتة من المصدر):
   افتتاح 6070ms، ظهور عناصر 500ms easeOutCubic بفارق 60ms، تقدم 220ms linear.
   تقليل الحركة: يقفز كل شيء للنهاية فورًا. */

#launch-ov {
  position: fixed; inset: 0; z-index: 90;
  background: transparent; /* الوجهة تظهر أسفله أثناء 3730..4330 */
  touch-action: manipulation;
}
#launch-disc {
  position: absolute; width: 56px; height: 56px; border-radius: 50%;
  background: #C4F43B; /* Momentum.lime */
  display: flex; align-items: center; justify-content: center;
}
#launch-disc img { width: 42px; height: 42px; border-radius: 8px; }
#launch-wait {
  position: absolute; inset: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 12px;
  background: #10130D; /* Momentum.night */
}
#launch-wait[hidden] { display: none; }
#launch-wait img { width: 64px; height: 64px; border-radius: 12px; }
#launch-wait div { color: #F3F6EF; font-size: 20px; font-weight: 600; }

/* ترويسة الهبوط المؤقتة: تستقبل القرص ثم تنهار عند أول تفاعل حقيقي */
#landing-head {
  height: 64px; overflow: hidden; display: flex; align-items: center; justify-content: center;
  transition: max-height 300ms cubic-bezier(0.645, 0.045, 0.355, 1),
              transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1),
              opacity 180ms linear;
  max-height: 64px;
}
#landing-head .lh-disc {
  width: 50px; height: 50px; border-radius: 50%; background: #C4F43B;
  display: flex; align-items: center; justify-content: center;
}
#landing-head .lh-disc img { width: 42px; height: 42px; border-radius: 8px; }
#landing-head.collapsed { max-height: 0; transform: translateY(-100%); opacity: 0; }

/* ظهور عناصر الافتتاح: 500ms easeOutCubic، شفافية وإزاحة 20px */
.reveal-item {
  animation: zadReveal 500ms cubic-bezier(0.215, 0.61, 0.355, 1) var(--reveal-delay, 0ms) both;
}
@keyframes zadReveal {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .reveal-item { animation: none; }
  #landing-head { transition: none; }
}