/* Keep the source artwork crisp by removing the bright procedural grain. */
.grain {
  opacity: 0;
  background-image: none;
}

/* Lighter overlays preserve contrast without hiding the index artwork. */
.hero-bg {
  background-image:
    linear-gradient(90deg, rgba(3, 5, 5, .58) 0%, rgba(3, 5, 5, .16) 52%, rgba(3, 5, 5, .03)),
    linear-gradient(0deg, #0b0d0d 0%, transparent 20%),
    url('assets/wuxia-hero.png');
}

.download {
  background-image:
    linear-gradient(rgba(11, 13, 13, .72), rgba(11, 13, 13, .82)),
    url('assets/wuxia-hero.png');
}

/* Make the top-up banner art clearer while retaining readable headings. */
.topup-head {
  background-image:
    linear-gradient(rgba(8, 10, 9, .58), rgba(8, 10, 9, .76)),
    url('assets/wuxia-hero.png');
}

.rank-loading {
  padding: 42px 15px !important;
  color: #888 !important;
  text-align: center !important;
  font: 600 10px Cinzel !important;
  letter-spacing: 1.4px;
}