:root {
  color-scheme: dark;
  --bg-color: #131313;
  --text-first: #fafafa;
  --text-second: #fafafa;
  --first-color: #5D4A39;
  --second-color: #8A725B;
  --fourth-color: #5D4A39;
  --fifth-color: #5D4A39;
  --sixth-color: #000000;
  --g1: #000000;
  --g2: #000000;
  --g3: #ccb766;
}

body { background: #131313; color: #fafafa; }

/* Brown replaces the former red accents while the original dark and gold areas stay intact. */
.rtp-card { background: linear-gradient(0deg, #5D4A39, #8A725B); }
.icon-prov { background: linear-gradient(0deg, #5D4A39, #000); }
.item-nav-bottom { background: linear-gradient(0deg, #000, #5D4A39); color: #fff; text-decoration: none; }
.item-nav-bottom:hover { background: linear-gradient(0deg, #5D4A39, #8A725B); color: #fff; }
.nav-bottom { border-color: #8A725B; }
.btn-login { background: linear-gradient(0deg, #5D4A39, #1B1109); color: #fff; }
.btn-login:hover, .btn-daftar:hover, .btn-provider { background: #5D4A39; color: #fff; }
.bg-black-button { background: #5D4A39; color: #fff; }
.red { background: #5D4A39; }
.blue { background: #8A725B; color: #fff; }
.discount { background-color: #8A725B; }

/* Make Recent / Hot / New controls and their labels easier to scan. */
.btn-nav-recent, .btn-nav-hot, .btn-nav-new {
  color: #fff;
  font-weight: 700;
  border-radius: 6px;
  text-align: center;
  transition: background-color .18s ease;
}
.btn-nav-recent:hover, .btn-nav-hot:hover, .btn-nav-new:hover { background-color: #5D4A39; }
.btn-nav-new strong, .btn-nav-hot strong, .btn-nav-recent strong { color: #fff !important; }
.input-search { color: #fff; background-color: #242424; border-color: #8A725B; }
.input-search::placeholder { color: #d0c4b8; opacity: 1; }
.search-button { background-color: #5D4A39; border-color: #8A725B; }

/* Clear text badges replace the missing downloaded TOP/HOT artwork. */
.top-game, .hot-game {
  width: auto;
  min-width: 42px;
  height: auto;
  padding: 4px 7px;
  left: 8px;
  top: 8px;
  border-radius: 4px;
  background-image: none;
  font: 800 10px/1.2 Arial, sans-serif;
  letter-spacing: .05em;
  text-align: center;
  box-shadow: 0 2px 6px #0009;
}
.top-game::before { content: "TOP"; color: #fff; }
.hot-game { background: #ccb766; }
.hot-game::before { content: "HOT"; color: #1b1109; }

.modal-content { background: #f8f6f3; color: #222; }
.modal-content .text-dark { color: #222 !important; }
.btn-close { filter: none; }
.logo img { max-width: 100%; height: auto; object-fit: contain; }
.slider-img { width: 100%; height: auto; object-fit: contain; }
#popup-container-ads #popup-body {
  width: min(92vw, 700px);
  height: auto;
  aspect-ratio: 1200 / 630;
  margin: 8vh auto;
  background-size: contain !important;
  background-position: center;
  background-color: #131313;
}