/* Keep the original PNGs as fallback files while using smaller WebP assets in production. */
.network-hero {
  background-image: linear-gradient(90deg, rgba(2,10,25,.97) 0%, rgba(3,16,39,.83) 40%, rgba(1,13,34,.34) 100%), url('/assets/fmp-hero-network-v2.webp') !important;
}
.guide-card:before {
  background-image: linear-gradient(0deg, rgba(4,11,24,.94) 7%, rgba(4,11,24,.1) 90%), url('/assets/network-hero-blue.webp') !important;
}
.guide-card:nth-child(2):before { background-image: linear-gradient(0deg, rgba(4,11,24,.94) 7%, rgba(4,11,24,.1) 90%), url('/assets/guide-cs2-route.webp') !important; }
.guide-card:nth-child(3):before { background-image: linear-gradient(0deg, rgba(4,11,24,.94) 7%, rgba(4,11,24,.1) 90%), url('/assets/guide-apex-route.webp') !important; }
.guide-card:nth-child(4):before { background-image: linear-gradient(0deg, rgba(4,11,24,.94) 7%, rgba(4,11,24,.1) 90%), url('/assets/guide-fortnite-route.webp') !important; }
.guide-card:nth-child(5):before { background-image: linear-gradient(0deg, rgba(4,11,24,.94) 7%, rgba(4,11,24,.1) 90%), url('/assets/guide-tarkov-route.webp') !important; }
.guide-tile.guide-valorant { --guide-art: url('/assets/guide-valorant-route.webp'); }
.guide-tile.guide-cs2 { --guide-art: url('/assets/guide-cs2-route.webp'); }
.guide-tile.guide-apex { --guide-art: url('/assets/guide-apex-route.webp'); }
.guide-tile.guide-fortnite { --guide-art: url('/assets/guide-fortnite-route.webp'); }
.guide-tile.guide-tarkov { --guide-art: url('/assets/guide-tarkov-route.webp'); }
.guide-tile.guide-generic { --guide-art: url('/assets/network-hero-blue.webp'); }