/* ============================================================
   ANIMATIONS.CSS — Boarderless
   All @keyframes definitions. Referenced by main.css classes.
   Never put layout or color rules in this file.
   ============================================================ */

/* Splash fade: appear → hold → disappear */
@keyframes splashFade {
  0%          { opacity: 1; }
  15%         { opacity: 1; }
  75%         { opacity: 1; }
  100%        { opacity: 0; visibility: hidden; }
}

/* Splash text: scale up slightly as it fades out */
@keyframes splashText {
  0%          { opacity: 0; transform: scale(0.96); }
  20%         { opacity: 1; transform: scale(1.00); }
  70%         { opacity: 1; transform: scale(1.00); }
  100%        { opacity: 0; transform: scale(1.03); }
}

/* Drop overlay pulse */
@keyframes dropPulse {
  0%, 100%    { border-color: rgba(100, 160, 255, 0.28); }
  50%         { border-color: rgba(100, 160, 255, 0.55); }
}

/* Context menu appear */
@keyframes menuAppear {
  from { opacity: 0; transform: scale(0.95) translateY(-4px); }
  to   { opacity: 1; transform: scale(1.00) translateY(0);    }
}

/* Stack UI slide in from right */
@keyframes stackSlideIn {
  from { opacity: 0; transform: translateY(-50%) translateX(12px); }
  to   { opacity: 1; transform: translateY(-50%) translateX(0);    }
}
/* Tooltip shake: quick horizontal jitter */
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-6px); }
  40%, 80% { transform: translateX(6px); }
}

/* Tooltip shake with center transform: for middle-of-screen tooltips */
@keyframes shakeCenter {
  0%, 100% { transform: translate(-50%, -50%) translateX(0); }
  20%, 60% { transform: translate(-50%, -50%) translateX(-6px); }
  40%, 80% { transform: translate(-50%, -50%) translateX(6px); }
}