/* Rodada 5: degradê azul compartilhado.
   Base: a faixa do rodapé pixelado (filme, noite, gelo, papel).
   Destaque: o brilho em arco azul com grade fina (referência TheMembers).
   Os nomes dos tokens são fixos e usados por várias seções; os valores podem ser afinados aqui. */
:root {
  --g-glow: #3F6DFF;        /* azul elétrico do arco */
  --g-lav: #C9CCF2;         /* lavanda clara, fim da faixa */
  --g-band: linear-gradient(180deg, var(--film) 0%, var(--night) 28%, color-mix(in oklab, var(--night) 45%, var(--g-glow)) 46%, color-mix(in oklab, var(--frost) 70%, var(--g-lav)) 70%, var(--paper) 100%);
  --g-band-dark: linear-gradient(180deg, var(--film) 0%, var(--night) 40%, color-mix(in oklab, var(--night) 40%, var(--g-glow)) 78%, color-mix(in oklab, var(--g-glow) 55%, var(--g-lav)) 100%);
  --g-band-x: linear-gradient(90deg, var(--night), color-mix(in oklab, var(--night) 35%, var(--g-glow)) 45%, color-mix(in oklab, var(--frost) 60%, var(--g-lav)) 80%, var(--g-lav));
  --g-arc: radial-gradient(60% 46% at 50% 108%, color-mix(in srgb, var(--g-glow) 70%, transparent) 0%, color-mix(in srgb, var(--g-glow) 26%, transparent) 42%, transparent 70%);
  --g-grid: linear-gradient(color-mix(in srgb, var(--frost) 9%, transparent) 1px, transparent 1px) 0 0 / 44px 44px, linear-gradient(90deg, color-mix(in srgb, var(--frost) 9%, transparent) 1px, transparent 1px) 0 0 / 44px 44px;
}

/* utilitário: arco de luz no pé de um bloco escuro (o pai precisa de position e overflow hidden) */
.g-arc { position: relative; isolation: isolate; }
.g-arc::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: var(--g-arc), var(--g-grid);
  -webkit-mask: linear-gradient(180deg, transparent, #000 35%);
  mask: linear-gradient(180deg, transparent, #000 35%);
}