/* Tratamento cinematográfico do vídeo, preservando a nitidez da interface. */
body.performance-optimized > .site-background-video {
  display: block !important;
  filter:
    blur(5px)
    brightness(0.64)
    contrast(1.14)
    saturate(1.08)
    sepia(0.045);
  transform: scale(1.045);
  transform-origin: center;
  will-change: transform, filter;
}

/* Color grade: luz quente de um lado e sombras frias do outro. */
body.performance-optimized::before {
  z-index: 1;
  opacity: 1;
  background:
    radial-gradient(ellipse 74% 62% at 8% 82%, rgba(245, 115, 69, 0.22), transparent 67%),
    radial-gradient(ellipse 68% 54% at 92% 8%, rgba(57, 137, 191, 0.2), transparent 66%),
    linear-gradient(118deg, rgba(37, 15, 25, 0.2) 0%, rgba(9, 20, 31, 0.12) 48%, rgba(5, 14, 29, 0.34) 100%),
    linear-gradient(180deg, rgba(4, 8, 16, 0.1), rgba(6, 8, 17, 0.34));
  pointer-events: none;
}

/* Vinheta suave e brilho central para conduzir o olhar ao conteúdo. */
body.performance-optimized::after {
  z-index: 1;
  opacity: 1;
  background:
    radial-gradient(ellipse 72% 68% at 50% 42%, transparent 34%, rgba(3, 6, 14, 0.2) 72%, rgba(2, 4, 10, 0.56) 100%),
    radial-gradient(ellipse 46% 34% at 50% 34%, rgba(255, 222, 178, 0.07), transparent 72%),
    linear-gradient(180deg, rgba(4, 7, 14, 0.12), transparent 26%, transparent 72%, rgba(3, 5, 11, 0.3));
  background-size: cover;
  mask-image: none;
  animation: none;
  pointer-events: none;
}

/* O conteúdo permanece acima da correção de cor e sem desfoque. */
body.performance-optimized > .landing,
body.performance-optimized > .shell,
body.performance-optimized > main {
  position: relative;
  z-index: 2;
  filter: none;
}

body.performance-optimized > .anniversary-corner {
  position: fixed;
  z-index: 24;
  filter: none;
}

body.performance-optimized :is(
  .landing h1,
  .landing h2,
  .landing h3,
  .landing strong,
  .landing .live-kicker,
  .shell h1,
  .shell h2,
  .shell h3,
  .shell strong
) {
  text-shadow: 0 2px 15px rgba(2, 5, 12, 0.56);
}

body.performance-optimized :is(
  .landing p,
  .landing small,
  .landing .live-card > span,
  .shell p,
  .shell small
) {
  text-shadow: 0 1px 10px rgba(2, 5, 12, 0.42);
}

body.performance-optimized :is(
  .landing button,
  .landing a.primary-button,
  .landing a.ghost-button,
  .shell button,
  .shell a.primary-button,
  .shell a.ghost-button
) {
  box-shadow:
    0 10px 28px rgba(1, 4, 10, 0.24),
    inset 0 1px rgba(255, 255, 255, 0.08);
}

@media (max-width: 760px) {
  body.performance-optimized > .site-background-video {
    filter:
      blur(4px)
      brightness(0.61)
      contrast(1.12)
      saturate(1.04);
    transform: scale(1.055);
  }

  body.performance-optimized::before {
    background:
      radial-gradient(ellipse 90% 58% at 6% 84%, rgba(245, 115, 69, 0.18), transparent 68%),
      radial-gradient(ellipse 86% 52% at 96% 10%, rgba(57, 137, 191, 0.17), transparent 68%),
      linear-gradient(180deg, rgba(4, 8, 16, 0.15), rgba(4, 7, 15, 0.38));
  }
}

@media (prefers-reduced-motion: reduce) {
  body.performance-optimized > .site-background-video {
    will-change: auto;
  }
}