/* -footage-/background-and-foreground/stars-video.css */
/* Neutral base for the starfield video (stable across hover) */

:root{
  --stars-brightness: 1.2;
  --stars-contrast: 1.0;
  --stars-saturate: 1.0;
  --stars-hue: 0deg;
  --stars-opacity: 1;
  --stars-blur: 0px;
  --stars-colorize: 0;
  --stars-invert: 0;
}

video#stars-sky,
video.stars-video-bg,
video[autoplay][muted][loop]:not([controls]):not([data-interactive]){
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: -1 !important;
  filter:
    brightness(var(--stars-brightness))
    contrast(var(--stars-contrast))
    invert(var(--stars-invert))
    sepia(var(--stars-colorize))
    hue-rotate(var(--stars-hue))
    saturate(var(--stars-saturate))
    blur(var(--stars-blur)) !important;
  opacity: var(--stars-opacity) !important;
  pointer-events: none !important;
  user-select: none !important;
  will-change: opacity, filter, transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* Hide UI overlays */
video#stars-sky::-webkit-media-controls,
video#stars-sky::-webkit-media-controls-enclosure,
video.stars-video-bg::-webkit-media-controls,
video.stars-video-bg::-webkit-media-controls-enclosure,
video[autoplay][muted][loop]:not([controls]):not([data-interactive])::-webkit-media-controls,
video[autoplay][muted][loop]:not([controls]):not([data-interactive])::-webkit-media-controls-enclosure{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
video#stars-sky::-webkit-media-text-track-container,
video.stars-video-bg::-webkit-media-text-track-container,
video[autoplay][muted][loop]:not([controls]):not([data-interactive])::-webkit-media-text-track-container{
  display: none !important;
}