/* Backgrounds scoped to the two homepage sections. */
#features-section,#rankings { position:relative; isolation:isolate; background-color:#080708; }
#features-section { background-image:linear-gradient(180deg,#080708 0%,#130b09d9 18%,#100b0bcc 72%,#080708 100%),url('../images/class/dragonium-canyon.webp'); background-size:cover; background-position:center; }
#features-section::before,#features-section::after { height:0; background:none; }
#features-section .sf-inner { position:relative; z-index:1; }
#rankings { background-image:linear-gradient(180deg,#080708 0%,#0e090bd9 16%,#0d080bdd 80%,#080708 100%),url('../images/class/dragonium-portal.webp'); background-size:cover; background-position:60% center; }
#rankings::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 50% 15%,#d2822821,transparent 60%); }
#rankings::after { content:''; position:absolute; left:10%; right:10%; top:0; height:1px; background:linear-gradient(90deg,transparent,#bd7b3d55,transparent); pointer-events:none; }
@media(max-width:640px) { #features-section { background-position:35% center; } #rankings { background-position:70% center; } }