.stagger > * {
  animation: rise-in var(--dur-med) var(--ease-out) both;
}
.stagger > *:nth-child(1) { animation-delay: 0ms; }
.stagger > *:nth-child(2) { animation-delay: 60ms; }
.stagger > *:nth-child(3) { animation-delay: 120ms; }
.stagger > *:nth-child(4) { animation-delay: 180ms; }
.stagger > *:nth-child(5) { animation-delay: 240ms; }
.stagger > *:nth-child(6) { animation-delay: 300ms; }

@keyframes rise-in {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

/* شاشة الإقلاع */
#boot-screen {
  position: fixed; inset: 0; z-index: 100;
  background: var(--bg-base);
  display: grid; place-items: center;
  transition: opacity var(--dur-slow) var(--ease-out), visibility var(--dur-slow);
}
#boot-screen.hidden { opacity: 0; visibility: hidden; pointer-events: none; }

.boot-mark { width: 84px; height: 84px; animation: boot-pulse 1.6s var(--ease-out) infinite; }
@keyframes boot-pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.08); opacity: 0.75; }
}
.boot-caption { margin-top: var(--sp-4); color: var(--ink-500); font-size: var(--fs-sm); text-align: center; }

/* توهج ذهبي عند إكمال عنصر (سلسلة عادات) */
@keyframes gold-flash {
  0% { box-shadow: 0 0 0 0 rgba(230,185,77,0.6); }
  100% { box-shadow: 0 0 0 14px rgba(230,185,77,0); }
}
.flash-complete { animation: gold-flash 0.7s var(--ease-out); }

/* قطعة كونفيتي واحدة (احتفال بإنجاز كبير) */
@keyframes confetti-fall {
  0% { transform: translate(0, 0) rotate(0deg); opacity: 1; }
  100% { transform: translate(var(--dx), 260px) rotate(var(--rot)); opacity: 0; }
}
.confetti-piece { will-change: transform, opacity; }

/* اهتزاز خفيف لتنبيه العين لخطأ */
@keyframes shake-x {
  0%, 100% { transform: translateX(0); }
  20% { transform: translateX(-6px); }
  40% { transform: translateX(5px); }
  60% { transform: translateX(-4px); }
  80% { transform: translateX(3px); }
}
.anim-shake { animation: shake-x 0.4s ease-in-out; }

/* نبضة تكبير بسيطة لعنصر تغيّرت قيمته */
@keyframes bump-scale {
  0% { transform: scale(1); }
  40% { transform: scale(1.15); }
  100% { transform: scale(1); }
}
.anim-bump { animation: bump-scale 0.35s var(--ease-spring); }

/* توهج نابض لبادج رقم الإصدار بجانب اللوجو */
@keyframes badge-glow {
  0%, 100% { box-shadow: 0 0 0 1px rgba(201,151,59,.35), 0 0 6px 0 rgba(230,185,77,.25); }
  50% { box-shadow: 0 0 0 1px rgba(201,151,59,.55), 0 0 16px 3px rgba(230,185,77,.55); }
}

/* نبضة خفيفة لعناصر شريط التنقل عند التحويم */
.nav-item .nav-icon svg { transition: transform var(--dur-fast) var(--ease-spring); }
.nav-item:hover .nav-icon svg { transform: scale(1.12) rotate(-4deg); }