/* Large decorative backgrounds that start below the first screen. Their CSS uses
   var(--lzbg-*, none); js/lazy-bg.js marks an element with [data-lzbg] shortly before
   it scrolls into view, which defines the variable and starts the download.
   Without JavaScript (no .js class on <html>) every background loads as before. */
:root:not(.js),
[data-lzbg] {
  --lzbg-footer-ground: url("/zinga-footer/assets/cricket-ground.lossless.webp");
  --lzbg-tournament-discovery-mobile: url("/zinga-tournament-sections/assets/artwork/discovery-mobile.lossless.webp");
  --lzbg-about-company-city: url("/assets/sections-approved/company-city.lossless.webp");
  --lzbg-about-mission: url("/assets/sections-approved/mission-background.lossless.webp");
  --lzbg-about-cta: url("/assets/sections-approved/cta-background.lossless.webp");
  --lzbg-light-panel: url("/assets/sections-approved/light-background.lossless.webp");
  --lzbg-player-achievements: url("/zinga-player-sections/assets/achievements-background.lossless.webp");
  --lzbg-four-icons: url("/zinga-four/assets/art/icons.lossless.webp");
  --lzbg-championship-path: url("/assets/championship-path-v3.webp");
  --lzbg-umpire-court: url("/assets/umpire-court-v4.webp");
  --lzbg-join-roles: url("/assets/join-02-b0c6edb5.webp");
  --lzbg-sponsor-stadium: url("/zinga-sponsors-approved/assets/stadium-background.webp");
}