/* ============================================================
   animations.css — Dark Core Control Center
   ============================================================ */

@keyframes skeletonPulse {
  0%, 100% { opacity: 1;   }
  50%       { opacity: 0.4; }
}

@keyframes toastIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0);   }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to   { opacity: 1; transform: translateY(0);   }
}

/* Page entry animation */
.page-enter {
  animation: fadeIn 180ms ease forwards;
}

/* Skeleton loader */
.skeleton {
  background: var(--surface-alt);
  border-radius: var(--radius);
  animation: skeletonPulse 1.5s ease-in-out infinite;
}

/* Playtime bar fill */
.playtime-bar-fill {
  transition: width 350ms ease;
}