.hero-background{background-image:radial-gradient(circle at 78% 22%,#1a419624,transparent 43%),linear-gradient(135deg,#1205306b,#040c22b3 66%,#020716d6),var(--hero-image);box-shadow:var(--shadow);z-index:0;will-change:background-position;background-position:50%,50%,50% 22%;background-repeat:no-repeat,no-repeat,no-repeat;background-size:cover,cover,cover;border-radius:0;position:fixed;inset:0;transform:none}.hero-glow{display:none}.badge-gold{background:radial-gradient(circle at 30% 30%,#ffe9a1,#b07a00 72%)}.badge-iron{background:radial-gradient(circle at 30% 30%,#d7d9df,#5d6674 72%)}.badge-bronze{background:radial-gradient(circle at 30% 30%,#e8bf9b,#8f4e1f 72%)}.badge-silver{background:radial-gradient(circle at 30% 30%,#f3f7ff,#7f92ae 72%)}.badge-plat{background:radial-gradient(circle at 30% 30%,#d9fbff,#3290a0 72%)}.badge-emerald{background:radial-gradient(circle at 30% 30%,#aaffd5,#0c8a63 72%)}.badge-diamond{background:radial-gradient(circle at 30% 30%,#d9ddff,#5e74ff 72%)}.badge-master{background:radial-gradient(circle at 30% 30%,#ffd0f8,#9d26a8 72%)}@media (width<=900px){.hero-background{inset:0}.hero-glow{bottom:0;left:0;right:0}}