:root {
  /* Banner palette: hiu88.shop desktop palette */
  --body-theme-bg: #041a1c;
  --body-color: #edfbf8;
  --topbar-cntr-bg: #041a1c;
  --topbar-left-section-language-selector-bg: #063538;
  --topbar-left-section-language-selector-li-border: 1px solid #0b5156;
  --topbar-left-section-item-a-hover-color: #f1ce7b;
  --site-header-bg: #123b48;
  --site-header-border: 4px solid #117c80;
  --top-menu-li-true-hover-a-color: #edfbf8;
  --top-menu-game-list-btop: 4px solid #117c80;
  --top-menu-game-list-bg: rgba(6, 53, 56, .96);
  --top-menu-game-list-bbot: 10px solid #117c80;
  --top-menu-game-list-li-a-background-bg: linear-gradient(90deg, rgba(0, 0, 0, 0), #117c80 100%);
  --top-menu-game-list-li-a-background-border: 1px solid #117c80;

  --announcement-cntr-bg: #123b48;
  --announcement-cntr-section-announcement-bg: #063538;
  --announcement-cntr-list-li-color: #edfbf8;
  --banner-bg: #041a1c;
  --banner-carousel-indicators-active-bg: #117c80;
  --banner-carousel-indicators-active-border: #117c80;
  --download-apk-content-bg: #063538;
  --download-apk-section-i-color: #117c80;
  --download-apk-btn-bg: linear-gradient(to bottom, #117c80, #0b5156);
  --download-apk-details-btn-bg: linear-gradient(180deg, #f1ce7b, #b98d3a);

  --home-progressive-jackpot-bg: linear-gradient(#123b48, #117c80, #123b48);
  --home-progressive-jackpot-inner-cntr-bg: linear-gradient(#0b5156, #041a1c);
  --home-progressive-jackpot-border-cntr-border: 3px solid #f1ce7b;
  --home-progressive-jackpot-jackpot-cntr-bg: linear-gradient(#117c80, #123b48);
  --home-progressive-jackpot-jackpot-border-cntr-border: 3px dotted #b98d3a;
  --home-progressive-jackpot-jackpot-currency-color: #edfbf8;
  --home-progressive-jackpot-jackpot-play-text-color: #f1ce7b;
  --home-progressive-jackpot-jackpot-play-text-label-color: #80e4df;

  --popular-games-bg: #041a1c;
  --jackpot-winners-bg: linear-gradient(to right, #123b48, #117c80 50%, #123b48);
  --jackpot-winners-winners-ticker-cntr-bg: #041a1c;
  --lottery-result-cntr-bg: #063538;
  --lottery-result-cntr-title-bg: #117c80;
  --lottery-result-cntr-numbers-bg: #041a1c;
  --popular-games-left-section-title-bg: #0b5156;
  --popular-games-scrtabs-tab-cntr-bg: #117c80;
  --popular-games-nav-tabs-li-a-bg: #123b48;
  --popular-games-nav-tabs-li-a-active-bg: #117c80;
  --popular-games-tab-pane-bg: #123b48;
  --popular-games-tab-content-border: 1px solid #117c80;
  --popular-game-title-cntr-title-span-bg: #117c80;
  --popular-game-title-cntr-title-span-after-bg: #117c80;
  --popular-game-title-cntr-content-border: 1px solid #117c80;
  --home-game-list-cntr-title-span-bg: #117c80;
  --home-game-list-cntr-title-span-after-bg: #117c80;
  --home-game-list-cntr-content-border: 1px solid #117c80;
  --home-game-list-cntr-content-game-list-game-item-game-name-color: #edfbf8;
  --home-info-cntr-bg: #041a1c;
  --home-info-cntr-border: 2px solid #117c80;

  --arcade-games-cntr-bg: #117c80;
  --arcade-games-cntr-filter-section-bg: #123b48;
  --arcade-games-cntr-category-filter-link-active-bg: #117c80;
  --sports-cntr-bg: #041a1c;
  --sports-matches-cntr-bg: #041a1c;
  --sport-match-item-bg: #0b5156;
  --sport-match-item-even-bg: #117c80;
  --sport-match-item-info-cntr-bg: #063538;
  --sport-match-item-even-info-cntr-bg: #0b5156;
  --sport-match-item-teams-span-color: #edfbf8;
  --provider-slide-bg: #117c80;
  --provider-slide-main-slide-item-a-not-game-info-bg: #123b48;
  --provider-slide-main-slide-item-a-not-game-info-hover-bg: #117c80;

  --login-panel-login-btn-bg: linear-gradient(to bottom, #117c80, #0b5156);
  --login-panel-login-btn-hover-bg: linear-gradient(to bottom, #0b5156, #117c80);
  --login-panel-register-btn-bg: linear-gradient(to bottom, #f1ce7b, #b98d3a);
  --login-panel-register-btn-hover-bg: linear-gradient(to bottom, #b98d3a, #f1ce7b);
  --default-button-bg: #117c80;
  --modal-footer-btn-primary-bg: #117c80;
  --modal-footer-btn-primary-hover-bg: #117c80;

  --site-footer-bg: #041a1c;
  --site-footer-border: 2px solid #117c80;
  --footer-separator-border: 1px dotted #0b5156;
  --footer-links-li-a-hover-color: #edfbf8;
  --footer-sitemap-icon-bg: #063538;
  --footer-featured-product-bg: #063538;
  --footer-banking-card-bg: #063538;
  --footer-card-container-border: #0b5156;
  --footer-hero-icon-bg: #063538;
}

html,
body {
  background-color: #041a1c;
  color: #edfbf8;
}

.download-apk-container {
  background-color: #041a1c;
  background-image: var(--image-src) !important;
  border-top: 1px solid #117c80;
  border-bottom: 1px solid #117c80;
}

.download-apk > div:first-child picture img {
  filter: none;
}

/* Replace the remaining blue artwork/panels in the popular-games section. */
.popular-games {
  background-color: #041a1c !important;
  background-image: linear-gradient(135deg, #041a1c, #063538 52%, #123b48) !important;
}

.popular-games .section-title,
.popular-games .jackpot-winner-title {
  background: linear-gradient(90deg, #123b48, #117c80) !important;
}

.popular-games .winners-ticker-container,
.popular-games .winners-ticker,
.popular-games .winners-ticker ul {
  background-color: #041a1c !important;
}

/* Banner palette: hiu88.shop treatment for the custom provider schedule component. */
.jadwal-container-main {
  background: linear-gradient(145deg, #041a1c, #063538) !important;
  border: 1px solid #117c80;
  box-shadow: inset 0 0 35px rgba(128, 228, 223, .12);
}

.neon-title {
  color: #edfbf8 !important;
  text-shadow: 0 0 10px #117c80, 0 0 24px #117c80, 0 0 42px #b98d3a !important;
}

.gacor-card {
  background: linear-gradient(135deg, #f1ce7b, #117c80) !important;
}

.gacor-card:nth-child(even) {
  background: linear-gradient(135deg, #117c80, #f1ce7b) !important;
}

.gacor-card .card-inner {
  background: linear-gradient(145deg, #063538, #123b48) !important;
}

.gacor-card .brand-tag {
  background: rgba(128, 228, 223, .3) !important;
  color: #edfbf8 !important;
}

.gacor-card .provider-name,
.gacor-card .timer-display {
  color: #edfbf8 !important;
}

.gacor-card .timer-display {
  text-shadow: 0 0 15px rgba(128, 228, 223, .45) !important;
}

.gacor-card .schedule-info {
  color: #edfbf8 !important;
}

.gacor-card .status-bar {
  color: #80e4df !important;
}

.gacor-card .status-bar::before {
  background: #80e4df !important;
}

.gacor-card:hover {
  box-shadow: 0 0 30px rgba(241, 206, 123, .4) !important;
}

::selection {
  background: #117c80;
  color: #fff;
}

/* Banner-matched controls and editorial panels. */
:root { --brand-bg: #063538; --brand-accent: #f1ce7b; }
.seo-introduction,.brand-editorial,.seo-content-block,.modal-content { background: #063538 !important; color: #edfbf8; border-color: #b98d3a; }
.seo-content-block h2,.seo-content-block h3,.seo-faq summary,.brand-editorial h2,.brand-editorial h3,.modal-title { color: #f1ce7b !important; }
.login-button,.btn-primary { background: linear-gradient(135deg,#117c80,#063538) !important; color: #edfbf8 !important; border: 1px solid #80e4df !important; }
.register-button { background: linear-gradient(135deg,#f1ce7b,#b98d3a) !important; color: #041a1c !important; border: 1px solid #f1ce7b !important; }
.brand-welcome-card { padding: 8px; border: 1px solid #b98d3a; border-radius: 20px; background: linear-gradient(145deg,#0b5156,#041a1c); box-shadow: 0 20px 60px #0009; }
.brand-close,.brand-welcome-open { background: #063538 !important; color: #f1ce7b !important; border-color: #f1ce7b !important; }
.login-button:focus-visible,.register-button:focus-visible,.brand-close:focus-visible,.brand-welcome-open:focus-visible { outline: 3px solid #80e4df; outline-offset: 3px; }