/* ===== Keyframes ===== */
@keyframes fadeSlideUp {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes bounceDown {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(8px); }
}

@keyframes crtFlicker {
  0% { opacity: 0.97; }
  50% { opacity: 1; }
  100% { opacity: 0.98; }
}

/* ===== Fullscreen channel switch (navigate to play page) ===== */
@keyframes channelSwitch {
  0%   { opacity: 1; filter: brightness(3) saturate(0); }
  15%  { opacity: 1; filter: brightness(3) saturate(0); }
  50%  { opacity: 1; filter: brightness(0); }
  100% { opacity: 1; filter: brightness(0); }
}

/* ===== TV screen channel HUD pop ===== */
@keyframes hudPop {
  0%   { opacity: 1; transform: scale(1.1); }
  70%  { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(1); }
}

.tv-channel-hud.pop {
  animation: hudPop 1.5s ease forwards;
}