/* Cohesive storefront skin — struktur sama, identitas mengikuti token tiap tema. */
body[class*="theme-"]{
  --theme-accent:var(--gold,#d8ab3e);
  --theme-accent-soft:var(--gold2,#f1d27a);
  --theme-dark:var(--navy,#071521);
  --theme-dark-2:var(--navy2,#102d3c);
  --theme-surface:color-mix(in srgb,var(--paper,#fff) 94%,var(--theme-accent));
  --theme-border:color-mix(in srgb,var(--theme-accent) 22%,var(--line,#dce5e9));
  --process-dark:var(--theme-dark);
}

/* Palet tombol dan label jackpot khusus template Sapphire Royale. */
@media(max-width:900px){
  body.theme-sapphire_royale .global-mobile-inline-login button{
    background:linear-gradient(90deg,#7415c5,#bd24ef)!important;color:#fff!important;
    box-shadow:0 7px 16px #7415c538!important;
  }
  body.theme-sapphire_royale .global-mobile-inline-login>a{
    background:linear-gradient(90deg,#d49b20,#f3ca55)!important;color:#17102b!important;
    box-shadow:0 7px 16px #b37a1938!important;
  }
  body.theme-sapphire_royale .jp-label span{color:#6433a8!important}
  body.theme-sapphire_royale .jp-label span b{color:#a216ce!important}
  body.theme-sapphire_royale .jp-crown{color:#d19719!important}
  body.theme-sapphire_royale :is(.reference-popular,.reference-live-casino,.reference-sportsbook)>header{
    position:relative;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #7040a733;
  }
  body.theme-sapphire_royale .reference-popular-title-mobile{gap:7px}
  body.theme-sapphire_royale .reference-popular-title-mobile>img,
  body.theme-sapphire_royale .reference-popular-title-mobile>b{
    width:25px;height:25px;display:grid;place-items:center;box-sizing:border-box;padding:4px;border:1px solid #8f43bd55;
    border-radius:8px;background:linear-gradient(145deg,#f8edff,#e5d3f4);color:#7925a5!important;font-size:12px;object-fit:contain;
  }
  body.theme-sapphire_royale .reference-popular-title-mobile h2{font-family:"Montserrat",sans-serif!important;font-size:12px!important;font-weight:800;letter-spacing:.045em!important}
  body.theme-sapphire_royale .reference-popular-title-mobile h2 span{color:#51247d!important}
  body.theme-sapphire_royale .reference-popular-title-mobile h2 em{color:#b47a0b!important}
  body.theme-sapphire_royale .reference-sportsbook .reference-popular-title-mobile h2 span{color:#51247d!important}
  body.theme-sapphire_royale :is(.reference-popular,.reference-live-casino,.reference-sportsbook)>header>a{
    padding:6px 9px!important;border:1px solid #8d43b344!important;border-radius:999px!important;background:#8c3bb80f!important;color:#7925a5!important;
  }
  body.theme-sapphire_royale :is(.reference-popular,.reference-live-casino,.reference-sportsbook)>header>a:after{color:#7925a5!important;font-size:6.5px;font-weight:900}
}
body:is(.theme-clean_light,.theme-arctic_ice,.theme-rose_quartz){--process-dark:var(--ink)}

/* Loading screen final — menggantikan variasi lama dengan satu sistem tema. */
body[class*="theme-"] .site-loading-screen{
  position:fixed;z-index:10000;inset:0;display:grid;place-items:center;
  background:linear-gradient(160deg,color-mix(in srgb,var(--process-dark) 84%,var(--theme-accent)),color-mix(in srgb,var(--process-dark) 96%,#000) 65%);
  opacity:1;visibility:visible;transition:opacity .32s ease,visibility .32s ease;
}
body[class*="theme-"] .site-loading-screen:before{
  position:absolute;top:0;right:0;left:0;width:auto;height:3px;content:"";
  background:linear-gradient(90deg,transparent,var(--theme-accent),transparent);transform-origin:left;animation:site-theme-topline .9s ease-in-out infinite;
}
body[class*="theme-"] .site-loading-screen:after{display:none}
body[class*="theme-"] .site-loading-stage{
  position:relative;z-index:1;width:min(82vw,300px);height:245px;display:flex;align-items:center;justify-content:center;flex-direction:column;
  border:1px solid color-mix(in srgb,var(--theme-accent) 24%,transparent);border-radius:24px;
  background:color-mix(in srgb,var(--process-dark) 90%,var(--theme-accent));box-shadow:0 18px 42px #0005;
  backdrop-filter:none;transition:opacity .25s ease,transform .32s ease;
}
body[class*="theme-"] .site-loading-stage:before,body[class*="theme-"] .site-loading-stage:after{display:none}
body[class*="theme-"] .site-loading-screen.is-leaving .site-loading-stage{opacity:0;transform:translateY(-6px) scale(.98);filter:none}
body[class*="theme-"] .site-loading-orbit{
  position:absolute;top:35px;width:112px;height:112px;border:1px solid color-mix(in srgb,var(--theme-accent) 22%,#fff 8%);
  border-radius:50%;background:transparent;box-shadow:none;transform:none;animation:none;
}
body[class*="theme-"] .site-loading-orbit:before{
  position:absolute;inset:-2px;border:2px solid transparent;border-top-color:var(--theme-accent);border-right-color:var(--theme-accent-soft);
  border-radius:50%;background:none;box-shadow:none;content:"";animation:site-loader-spin .9s linear infinite;
}
body[class*="theme-"] .site-loading-orbit:after{
  position:absolute;inset:9px;width:auto;height:auto;border:1px dashed color-mix(in srgb,var(--theme-accent) 28%,transparent);
  border-radius:50%;background:none;box-shadow:none;content:"";animation:none;
}
body[class*="theme-"] .site-loading-logo{
  position:relative;z-index:2;width:86px;height:70px;display:grid;place-items:center;margin-top:-55px;overflow:visible;animation:none;
}
body[class*="theme-"] .site-loading-logo img{max-width:100%;max-height:100%;filter:none;object-fit:contain}
body[class*="theme-"] .site-loading-logo span{color:#fff;font:800 38px/1 Manrope,sans-serif}
body[class*="theme-"] .site-loading-logo:after{display:none}
body[class*="theme-"] .site-loading-status{position:absolute;right:0;bottom:48px;left:0;display:flex;align-items:center;flex-direction:column;gap:4px;margin:0;text-align:center}
body[class*="theme-"] .site-loading-status b{color:var(--theme-accent-soft);font-size:8px;letter-spacing:.18em}
body[class*="theme-"] .site-loading-status span{color:color-mix(in srgb,#fff 55%,var(--theme-accent));font-size:8px}
body[class*="theme-"] .site-loading-progress{
  position:absolute;bottom:27px;width:126px;height:3px;overflow:hidden;border-radius:99px;background:#ffffff18;
}
body[class*="theme-"] .site-loading-progress i{
  display:block;width:44%;height:100%;border-radius:inherit;background:var(--theme-accent);box-shadow:none;animation:site-theme-progress .8s ease-in-out infinite;
}
@keyframes site-theme-topline{0%,100%{transform:scaleX(.08);opacity:.35}50%{transform:scaleX(1);opacity:1}}
@keyframes site-theme-progress{0%{transform:translateX(-115%)}100%{transform:translateX(345%)}}
@media(max-width:480px){body[class*="theme-"] .site-loading-stage{width:min(78vw,286px);height:224px}body[class*="theme-"] .site-loading-orbit{top:29px;width:104px;height:104px}body[class*="theme-"] .site-loading-logo{width:80px;height:64px;margin-top:-52px}body[class*="theme-"] .site-loading-status{bottom:44px}body[class*="theme-"] .site-loading-progress{bottom:24px}}
@media(prefers-reduced-motion:reduce){body[class*="theme-"] .site-loading-screen:before,body[class*="theme-"] .site-loading-orbit:before,body[class*="theme-"] .site-loading-progress i{animation:none}}

/* Loading screen alternatif: wordmark minimal tanpa kartu dan orbit besar. */
body[class*="theme-"] .site-loading-screen{background:linear-gradient(180deg,color-mix(in srgb,var(--process-dark) 88%,var(--theme-accent)),color-mix(in srgb,var(--process-dark) 97%,#000))}
body[class*="theme-"] .site-loading-screen:before{display:none}
body[class*="theme-"] .site-loading-stage{width:min(84vw,360px);height:220px;border:0;border-radius:0;background:transparent;box-shadow:none}
body[class*="theme-"] .site-loading-orbit{position:absolute;top:84px;left:50%;width:250px;height:1px;border:0;border-radius:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--theme-accent) 42%,transparent) 28%,transparent 28% 72%,color-mix(in srgb,var(--theme-accent) 42%,transparent) 72%,transparent);box-shadow:none;transform:translateX(-50%);animation:none}
body[class*="theme-"] .site-loading-orbit:before{position:absolute;top:-3px;left:31%;width:7px;height:7px;inset:auto auto auto 31%;border:0;border-radius:50%;background:var(--theme-accent);box-shadow:31px 0 0 color-mix(in srgb,var(--theme-accent) 62%,transparent),62px 0 0 color-mix(in srgb,var(--theme-accent) 30%,transparent);content:"";animation:site-theme-dots 1s ease-in-out infinite}
body[class*="theme-"] .site-loading-orbit:after{display:none}
body[class*="theme-"] .site-loading-logo{width:min(58vw,210px);height:78px;margin-top:-80px;animation:site-theme-logo-in .55s cubic-bezier(.2,.8,.2,1) both}
body[class*="theme-"] .site-loading-logo span{width:58px;height:58px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--theme-accent) 50%,transparent);border-radius:50%;font-size:30px}
body[class*="theme-"] .site-loading-status{bottom:41px;gap:5px}
body[class*="theme-"] .site-loading-status b{color:#fff;font-size:9px;font-weight:700;letter-spacing:.24em}
body[class*="theme-"] .site-loading-status span{color:color-mix(in srgb,#fff 45%,var(--theme-accent));font-size:7px;line-height:1.4;letter-spacing:.04em}
body[class*="theme-"] .site-loading-progress{bottom:17px;width:164px;height:2px;border-radius:0;background:#ffffff12}
body[class*="theme-"] .site-loading-progress i{width:36%;border-radius:0;animation-duration:.85s}
@keyframes site-theme-dots{0%,100%{opacity:.35;transform:translateX(-12px)}50%{opacity:1;transform:translateX(12px)}}
@keyframes site-theme-logo-in{from{opacity:0;transform:translateY(9px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:480px){body[class*="theme-"] .site-loading-stage{width:86vw;height:205px}body[class*="theme-"] .site-loading-orbit{top:77px;width:220px}body[class*="theme-"] .site-loading-logo{width:min(60vw,190px);height:70px;margin-top:-75px}body[class*="theme-"] .site-loading-status{bottom:38px}body[class*="theme-"] .site-loading-progress{bottom:15px;width:148px}}

/* Header, ticker, dan navigasi. */
body[class*="theme-"] .topbar,
body[class*="theme-"] .global-mobile-header{
  border-color:var(--theme-border);
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-dark-2) 92%,#fff),var(--theme-dark));
}
body[class*="theme-"] .global-mobile-ticker,
body[class*="theme-"] .public-desktop-nav-bar{
  border-color:var(--theme-border);
  background:color-mix(in srgb,var(--theme-dark) 94%,#000);
}
body[class*="theme-"] .global-mobile-ticker>i,
body[class*="theme-"] .register-btn,
body[class*="theme-"] .public-mobile-dock .dock-main{
  background:var(--theme-accent);color:var(--theme-dark);
}
body[class*="theme-"] :is(.login-btn,.outline-btn){border-color:var(--theme-border);color:var(--theme-accent-soft)}

/* Kategori dan kartu game. */
body[class*="theme-"] .global-mobile-game-menu{
  border-color:var(--theme-border);
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-dark-2) 96%,#fff),var(--theme-dark));
}
body[class*="theme-"] .global-mobile-game-menu a{color:color-mix(in srgb,var(--theme-accent-soft) 72%,#fff)}
body[class*="theme-"] .global-mobile-game-menu i{border-color:var(--theme-border);background:color-mix(in srgb,var(--theme-accent) 10%,transparent)}
body[class*="theme-"] .reference-popular{
  border-color:var(--theme-border);
  background:linear-gradient(180deg,var(--theme-surface),color-mix(in srgb,var(--theme-surface) 96%,var(--theme-dark)));
}
body[class*="theme-"] .reference-popular>header>a{color:var(--theme-accent)}
body[class*="theme-"] .reference-game-grid article>div,
body[class*="theme-"] .reference-mobile-game-rail article>div{border-color:var(--theme-border);background:var(--theme-dark)}
body[class*="theme-"] .reference-game-grid article>div>a{background:var(--theme-accent);color:var(--theme-dark)}

/* Live Casino lebih gelap supaya gambar provider tetap menjadi fokus. */
body[class*="theme-"] .reference-live-casino{
  border-color:var(--theme-border)!important;
  background:linear-gradient(155deg,color-mix(in srgb,var(--theme-dark-2) 90%,var(--theme-accent)),var(--theme-dark) 68%)!important;
}
body[class*="theme-"] .reference-live-casino :is(h2,.reference-popular-title-mobile h2 span){color:#fff!important}
body[class*="theme-"] .reference-live-casino .reference-popular-title-mobile :is(b,em){color:var(--theme-accent)!important}
body[class*="theme-"] .reference-live-casino .reference-game-grid article>div{
  border:1px solid var(--theme-border);background:color-mix(in srgb,var(--theme-dark) 94%,#000)
}
body[class*="theme-"] .reference-live-casino .reference-game-grid article>div>a{background:transparent!important}

/* Jackpot flat mengikuti warna tema. */
body[class*="theme-"] .jp{border-color:var(--theme-border);background:var(--theme-accent);box-shadow:none}
body[class*="theme-"] .jp-frame{background:linear-gradient(120deg,var(--theme-dark-2),var(--theme-dark))}
body[class*="theme-"] .jp-label span,
body[class*="theme-"] .jp-crown{color:var(--theme-accent-soft);text-shadow:none}
body[class*="theme-"] .jp-label span b,
body[class*="theme-"] .jp-cur,
body[class*="theme-"] .jp-digits i{color:var(--theme-accent)}
body[class*="theme-"] .jp-amount{border-color:var(--theme-border);background:color-mix(in srgb,var(--theme-dark) 94%,#000);box-shadow:none}

/* Form login/daftar dan quick actions. */
body[class*="theme-"] .global-mobile-inline-login,
body[class*="theme-"] .global-mobile-inline-register{border-color:var(--theme-border);background:var(--theme-dark)}
body[class*="theme-"] .global-mobile-inline-login button,
body[class*="theme-"] .global-mobile-inline-login>a,
body[class*="theme-"] .register-submit,
body[class*="theme-"] .register-next{background:var(--theme-accent);color:var(--theme-dark)}
body[class*="theme-"] :is(.global-mobile-inline-login input,.register-form input,.register-form select){border-color:var(--theme-border)}

/* Footer sederhana dengan warna brand. */
body[class*="theme-"] .public-footer{
  border-top-color:var(--theme-accent);
  background:linear-gradient(180deg,var(--theme-dark),color-mix(in srgb,var(--theme-dark) 90%,#000));
}
body[class*="theme-"] .footer-age{border-color:var(--theme-accent);color:var(--theme-accent)}
body[class*="theme-"] .footer-bottom{border-color:color-mix(in srgb,var(--theme-accent) 15%,transparent)}

/* Blok proses layanan dari Magenta Arena, dipakai bersama oleh semua tema. */
.reference-process-service{
  margin-top:14px;padding:21px;border:1px solid var(--theme-border);border-radius:var(--theme-radius,15px);
  background:linear-gradient(145deg,color-mix(in srgb,var(--process-dark) 86%,var(--theme-accent)),var(--process-dark));
  color:#fff;box-shadow:0 10px 28px color-mix(in srgb,var(--theme-dark) 22%,transparent);
}
.reference-process-service>header{display:flex;align-items:baseline;gap:6px;margin-bottom:14px}
.reference-process-service>header span{color:var(--theme-accent);font-size:20px;font-weight:800}
.reference-process-service>header h2{margin:0;color:#fff;font-size:20px;font-weight:700}
.reference-process-service>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.reference-process-service article{
  display:flex;align-items:center;gap:12px;min-width:0;padding:13px 15px;border:1px solid var(--theme-border);
  border-radius:11px;background:color-mix(in srgb,var(--process-dark) 91%,#000);
}
.reference-process-service article>i{
  width:48px;height:48px;display:grid;flex:0 0 48px;place-items:center;border-radius:50%;
  background:color-mix(in srgb,var(--theme-accent) 15%,var(--process-dark));color:var(--theme-accent-soft);font-style:normal;
}
.reference-process-service article>i svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reference-process-service .process-deposit>i{color:#70efb0;box-shadow:inset 0 0 0 1px #70efb040}
.reference-process-service .process-withdraw>i{color:#ffbf69;box-shadow:inset 0 0 0 1px #ffbf6940}
.reference-process-service .process-deposit>span u:after{background:#49d693}
.reference-process-service .process-withdraw>span u:after{background:#f0a84b}
.reference-process-service article>span{display:flex;min-width:0;flex:1;flex-direction:column}
.reference-process-service article>span b{color:#fff;font-size:11px}
.reference-process-service article>span small{margin-top:2px;color:var(--mobile-muted,var(--muted));font-size:9px}
.reference-process-service article>span u{height:5px;margin-top:7px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--theme-accent) 18%,var(--process-dark));text-decoration:none}
.reference-process-service article>span u:after{width:22%;height:100%;display:block;border-radius:inherit;background:var(--theme-accent);content:""}
.reference-process-service article>strong{color:#fff;font-size:11px;font-weight:600;white-space:nowrap}
.reference-process-service article>strong b{color:var(--theme-accent-soft);font-size:28px}
.reference-process-note{display:block;margin-top:10px;color:color-mix(in srgb,#fff 72%,var(--theme-accent));font-size:9px;font-style:italic;text-align:center}

.reference-payment-methods{margin-top:14px}
.reference-payment-methods>header{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:11px}
.reference-payment-methods>header span{color:var(--theme-accent);font-size:15px;font-weight:800}
.reference-payment-methods>header h2{margin:0;color:var(--ink);font-size:15px}
.reference-payment-methods>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.reference-payment-methods article{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--theme-border);border-radius:10px;background:color-mix(in srgb,var(--process-dark) 91%,#000);color:#fff}
.reference-payment-methods article>i{width:38px;height:38px;display:grid;flex:0 0 38px;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--theme-accent) 15%,transparent);color:var(--theme-accent-soft);font-style:normal}
.reference-payment-methods svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.reference-payment-methods article>span{display:flex;min-width:0;flex-direction:column;gap:2px}
.reference-payment-methods small{color:#ffffff9c;font-size:8px}
.reference-payment-methods b{color:#fff;font-size:10px;white-space:nowrap}

/* Empat tema aktif: karakter visual yang berbeda tanpa mengubah layout. */
body.theme-midnight_modern{--theme-radius:13px}
body.theme-neon_cyber{--theme-radius:5px}
body.theme-sapphire_royale{--theme-radius:16px}
body.theme-magenta_arena{--theme-radius:9px}
body[class*="theme-"] :is(.reference-popular,.reference-live-casino,.global-mobile-inline-login,.global-mobile-inline-register){border-radius:var(--theme-radius,12px)}
body.theme-neon_cyber :is(.reference-popular,.reference-live-casino){border-style:solid;border-width:1px}
body.theme-sapphire_royale .reference-popular{background:linear-gradient(180deg,#f8fbff,#eaf3fc)}
body.theme-magenta_arena .reference-live-casino{background:linear-gradient(155deg,#2a1129,#100a16 70%)!important}

@media(max-width:900px){
  body[class*="theme-"] .public-mobile-dock{border-top-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-dark) 96%,#000)}
  body[class*="theme-"] .reference-popular{box-shadow:none}
}

/* Identitas mobile per template. Struktur dan fitur tetap konsisten, tetapi
   bentuk, tipografi, permukaan, serta treatment aksen mengikuti tema desktop. */
@media(max-width:900px){
  body[class*="theme-"]{
    --mobile-radius:12px;
    --mobile-brand-radius:11px 4px 11px 4px;
    --mobile-font:"Manrope",sans-serif;
    --mobile-accent-gradient:linear-gradient(145deg,var(--theme-accent-soft),var(--theme-accent));
    --mobile-header-gradient:linear-gradient(180deg,color-mix(in srgb,var(--theme-dark-2) 92%,#fff),var(--theme-dark));
    --mobile-panel-gradient:linear-gradient(180deg,color-mix(in srgb,var(--theme-dark-2) 97%,#fff),var(--theme-dark));
    --mobile-shadow:0 10px 24px color-mix(in srgb,var(--theme-dark) 35%,transparent);
    --mobile-page:var(--theme-dark);
    --mobile-surface:var(--theme-dark-2);
    --mobile-surface-text:#fff;
    --mobile-muted:color-mix(in srgb,#fff 68%,var(--theme-accent));
    --mobile-accent-ink:var(--theme-dark);
    --mobile-hero-shade:var(--theme-dark);
    font-family:var(--mobile-font);
  }
  body[class*="theme-"]:not(.member-authenticated){background:var(--mobile-page);color:var(--mobile-surface-text)}
  body[class*="theme-"] .global-mobile-header{background:var(--mobile-header-gradient)}
  body[class*="theme-"] .global-mobile-brand span{
    border-radius:var(--mobile-brand-radius);background:var(--mobile-accent-gradient);
    box-shadow:var(--mobile-brand-shadow,none);color:var(--mobile-brand-ink,var(--theme-dark));
  }
  body[class*="theme-"] .global-mobile-brand b{font-family:var(--mobile-title-font,var(--mobile-font));letter-spacing:var(--mobile-title-spacing,0)}
  body[class*="theme-"] .global-mobile-ticker>i,
  body[class*="theme-"] .global-mobile-inline-login :is(button,a),
  body[class*="theme-"] .register-wizard-actions :is(.register-next,.register-submit){background:var(--mobile-accent-gradient);color:var(--mobile-accent-ink)}
  body[class*="theme-"] .global-mobile-game-menu{background:var(--mobile-panel-gradient)}
  body[class*="theme-"] :is(.global-mobile-game-menu i,.global-mobile-inline-login label,
    .global-mobile-inline-login button,.global-mobile-inline-login>a,
    .reference-game-grid article>div,.reference-mobile-game-rail article>div,
    .reference-providers>div>a){border-radius:var(--mobile-radius)}
  body[class*="theme-"] .global-mobile-fallback-banner{
    background:var(--mobile-hero,radial-gradient(circle at 77% 44%,color-mix(in srgb,var(--theme-accent) 30%,transparent),transparent 33%),linear-gradient(120deg,var(--theme-dark) 10%,var(--theme-dark-2) 62%,color-mix(in srgb,var(--blue) 75%,#000)));
  }
  body[class*="theme-"] .global-mobile-fallback-banner:after{
    background:linear-gradient(90deg,var(--mobile-hero-shade) 0,color-mix(in srgb,var(--mobile-hero-shade) 76%,transparent) 48%,transparent 84%);
  }
  body[class*="theme-"] .global-mobile-fallback-banner>aside img{border-radius:calc(var(--mobile-radius) + 8px)}
  body[class*="theme-"] .reference-popular-title-mobile h2,
  body[class*="theme-"] .reference-popular>header h2{font-family:var(--mobile-title-font,var(--mobile-font))}
  body[class*="theme-"] :is(.global-mobile-inline-login,.global-mobile-inline-register){background:var(--mobile-panel-gradient)}
  body[class*="theme-"] :is(.reference-popular,.reference-providers){background:var(--mobile-surface);color:var(--mobile-surface-text)}
  body[class*="theme-"] :is(.reference-popular,.reference-providers) :is(h2,h3,b){color:var(--mobile-surface-text)}
  body[class*="theme-"] :is(.reference-popular,.reference-providers) :is(p,small){color:var(--mobile-muted)}
  body[class*="theme-"] .global-mobile-inline-login :is(button,a){box-shadow:0 8px 18px color-mix(in srgb,var(--theme-accent) 28%,transparent)}
  body[class*="theme-"] .public-mobile-dock a{color:color-mix(in srgb,#fff 72%,var(--theme-accent))}
  body[class*="theme-"] .public-mobile-dock a.active{color:var(--theme-accent-soft)}
  body[class*="theme-"] .global-mobile-ticker{
    background:color-mix(in srgb,var(--mobile-hero-shade) 80%,transparent);
    border-color:color-mix(in srgb,var(--theme-accent) 34%,transparent);
  }
  body[class*="theme-"] .global-mobile-ticker span{color:#fff}
  body[class*="theme-"] .global-mobile-ticker>i{background:var(--mobile-accent-gradient);color:var(--mobile-accent-ink)}

  body:is(.theme-clean_light,.theme-royal_emerald,.theme-crimson_luxe,.theme-ocean_breeze,
    .theme-sapphire_royale,.theme-sunset_orange,.theme-arctic_ice,.theme-forest_classic,
    .theme-rose_quartz,.theme-tropical_fiesta){
    --mobile-page:color-mix(in srgb,var(--paper) 92%,var(--theme-accent));
    --mobile-surface:color-mix(in srgb,var(--paper) 97%,var(--theme-accent));
    --mobile-surface-text:var(--ink);
    --mobile-muted:var(--muted);
  }
  body:is(.theme-clean_light,.theme-ocean_breeze,.theme-arctic_ice,.theme-rose_quartz){--mobile-accent-ink:#fff}

  body.theme-midnight_modern{
    --mobile-radius:14px;--mobile-title-spacing:-.02em;
    --mobile-header-gradient:linear-gradient(180deg,#171b32,#080a14);
    --mobile-hero:radial-gradient(circle at 78% 38%,#a855f766,transparent 34%),linear-gradient(125deg,#080a14,#252b4c);
    --mobile-shadow:0 12px 28px #05061180;
  }
  body.theme-clean_light{
    --mobile-radius:16px;--mobile-brand-radius:50%;--mobile-brand-ink:#fff;
    --mobile-header-gradient:linear-gradient(180deg,#fff,#e7f3f8);
    --mobile-panel-gradient:linear-gradient(180deg,#f9fcfd,#dceff6);
    --mobile-hero:radial-gradient(circle at 80% 35%,#a8edff55 0 15%,transparent 40%),linear-gradient(125deg,#153f53,#2d91c4 70%,#8dd6f2);
    --mobile-shadow:0 10px 24px #276c8b1c;
    --mobile-hero-shade:#153f53;
  }
  body.theme-clean_light .global-mobile-brand b{color:#183847}
  body.theme-clean_light .global-mobile-game-menu a{color:#285669}
  body.theme-clean_light .global-mobile-game-menu{border-color:#badbe7}
  body.theme-clean_light .global-mobile-fallback-banner :is(.hero-line,p){color:#fff}

  body.theme-royal_emerald{
    --mobile-radius:4px;--mobile-brand-radius:2px;--mobile-title-font:"Cormorant Garamond",serif;--mobile-title-spacing:.04em;
    --mobile-header-gradient:linear-gradient(180deg,#124536,#061813);
    --mobile-accent-gradient:linear-gradient(135deg,#ffe39a,#b98c2d);
    --mobile-hero:radial-gradient(circle at 78% 40%,#dfbb6055,transparent 35%),linear-gradient(125deg,#061813,#165b49);
  }
  body.theme-crimson_luxe{
    --mobile-radius:5px;--mobile-brand-radius:50% 50% 8px 8px;--mobile-title-font:"Cormorant Garamond",serif;--mobile-title-spacing:.035em;
    --mobile-header-gradient:linear-gradient(180deg,#531426,#210811);
    --mobile-accent-gradient:linear-gradient(135deg,#ffe0a6,#c88a38);
    --mobile-hero:radial-gradient(circle at 78% 40%,#e7b96e55,transparent 35%),linear-gradient(125deg,#210811,#6e1b2d);
    --mobile-shadow:0 12px 26px #21081166;
  }
  body.theme-ocean_breeze{
    --mobile-radius:18px;--mobile-brand-radius:50% 42% 52% 45%;
    --mobile-header-gradient:linear-gradient(180deg,#0a819e,#06465c);
    --mobile-hero:radial-gradient(circle at 78% 34%,#bafffa70,transparent 36%),linear-gradient(135deg,#06465c,#14a4b2);
  }
  body.theme-neon_cyber{
    --mobile-radius:2px;--mobile-brand-radius:2px;--mobile-title-spacing:.12em;
    --mobile-header-gradient:linear-gradient(180deg,#15142e,#050611);
    --mobile-accent-gradient:linear-gradient(90deg,#00f5d4,#7c5cff);
    --mobile-hero:linear-gradient(120deg,#050611 5%,#15142e 58%,#25245c);
    --mobile-brand-shadow:0 0 14px #00f5d4aa;--mobile-shadow:0 0 18px #00f5d429;
  }
  body.theme-neon_cyber :is(.global-mobile-header,.global-mobile-game-menu,.global-mobile-inline-login){box-shadow:inset 0 0 0 1px #00f5d426}
  body.theme-neon_cyber .global-mobile-fallback-banner:before{position:absolute;z-index:1;inset:0;content:"";background:repeating-linear-gradient(0deg,transparent 0 7px,#00f5d408 8px)}

  body.theme-obsidian_gold{
    --mobile-radius:0;--mobile-brand-radius:50%;--mobile-title-font:"Cormorant Garamond",serif;--mobile-title-spacing:.08em;
    --mobile-header-gradient:linear-gradient(180deg,#252525,#090909);
    --mobile-accent-gradient:linear-gradient(135deg,#ffe095,#a87a20);
    --mobile-hero:radial-gradient(circle at 78% 40%,#d8ae4b44,transparent 34%),linear-gradient(125deg,#090909,#333);
  }
  body.theme-sapphire_royale{
    --mobile-radius:16px;--mobile-brand-radius:50%;--mobile-title-font:"Cormorant Garamond",serif;
    --mobile-header-gradient:linear-gradient(180deg,#0b3978,#04142e);
    --mobile-accent-gradient:linear-gradient(135deg,#e3f1ff,#70aef1);
    --mobile-hero:radial-gradient(circle at 78% 36%,#badcff66,transparent 35%),linear-gradient(125deg,#04142e,#11519e);
    --mobile-shadow:0 12px 26px #04142e52;
  }
  body.theme-purple_galaxy{
    --mobile-radius:18px;--mobile-brand-radius:50%;
    --mobile-header-gradient:linear-gradient(180deg,#2c1254,#100721);
    --mobile-accent-gradient:linear-gradient(135deg,#f2a7ef,#8d4bdb);
    --mobile-hero:radial-gradient(circle at 76% 35%,#dd65dd77,transparent 34%),linear-gradient(125deg,#100721,#57288d);
    --mobile-shadow:0 12px 28px #8d4bdb30;
  }
  body.theme-purple_galaxy .global-mobile-fallback-banner:before{position:absolute;z-index:1;inset:0;content:"";background-image:radial-gradient(#fff 1px,transparent 1px);background-size:27px 27px;opacity:.22}

  body.theme-magenta_arena{
    --mobile-radius:3px;--mobile-brand-radius:3px;--mobile-title-font:"Montserrat",sans-serif;--mobile-title-spacing:.04em;
    --mobile-header-gradient:linear-gradient(180deg,#5a164f,#210b27);
    --mobile-accent-gradient:linear-gradient(135deg,#ff80e7,#d51b87);
    --mobile-hero:radial-gradient(circle at 76% 38%,#ed42bc66,transparent 34%),linear-gradient(125deg,#210b27,#75125f);
  }
  body.theme-sunset_orange{
    --mobile-radius:14px;--mobile-brand-radius:50% 50% 12px 50%;
    --mobile-header-gradient:linear-gradient(180deg,#7d2a12,#2b0d07);
    --mobile-accent-gradient:linear-gradient(135deg,#ffd783,#ff7a22);
    --mobile-hero:radial-gradient(circle at 78% 32%,#ffd78388,transparent 36%),linear-gradient(130deg,#2b0d07,#9a3c18);
  }
  body.theme-arctic_ice{
    --mobile-radius:20px;--mobile-brand-radius:50%;--mobile-brand-ink:#214653;
    --mobile-header-gradient:linear-gradient(180deg,#fff,#dff3f8);
    --mobile-panel-gradient:linear-gradient(180deg,#f8fdff,#cbeaf2);
    --mobile-hero:radial-gradient(circle at 77% 32%,#dffaff66 0 17%,transparent 39%),linear-gradient(130deg,#214653,#4bb2d0 72%,#a9e3f2);
    --mobile-shadow:0 10px 24px #286c801c;
    --mobile-hero-shade:#214653;
  }
  body.theme-arctic_ice .global-mobile-brand b{color:#214653}
  body.theme-arctic_ice .global-mobile-game-menu a{color:#214653}
  body.theme-arctic_ice .global-mobile-fallback-banner :is(.hero-line,p){color:#fff}

  body.theme-forest_classic{
    --mobile-radius:6px;--mobile-brand-radius:50% 8px 50% 8px;--mobile-title-font:"Cormorant Garamond",serif;
    --mobile-header-gradient:linear-gradient(180deg,#2b4727,#111d10);
    --mobile-accent-gradient:linear-gradient(135deg,#dedc8a,#8c8a35);
    --mobile-hero:radial-gradient(circle at 78% 38%,#b8b65b55,transparent 35%),linear-gradient(130deg,#111d10,#507146);
  }
  body.theme-rose_quartz{
    --mobile-radius:20px;--mobile-brand-radius:50%;--mobile-brand-ink:#563143;--mobile-title-font:"Cormorant Garamond",serif;
    --mobile-header-gradient:linear-gradient(180deg,#fff7fa,#ead1dc);
    --mobile-panel-gradient:linear-gradient(180deg,#fff7fa,#e7c5d3);
    --mobile-hero:radial-gradient(circle at 78% 33%,#ffe8f166 0 14%,transparent 38%),linear-gradient(130deg,#563143,#b86d8d 72%,#e6a9c0);
    --mobile-shadow:0 10px 25px #8f49651f;
    --mobile-hero-shade:#563143;
  }
  body.theme-rose_quartz .global-mobile-brand b{color:#563143}
  body.theme-rose_quartz .global-mobile-game-menu a{color:#563143}
  body.theme-rose_quartz .global-mobile-fallback-banner :is(.hero-line,p){color:#fff}

  body.theme-monochrome_pro{
    --mobile-radius:0;--mobile-brand-radius:0;--mobile-title-font:"Montserrat",sans-serif;--mobile-title-spacing:.08em;
    --mobile-header-gradient:linear-gradient(180deg,#292929,#111);
    --mobile-accent-gradient:linear-gradient(135deg,#eee,#777);
    --mobile-hero:linear-gradient(125deg,#111,#555);
  }
  body.theme-monochrome_pro :is(.global-mobile-fallback-banner,.reference-game-grid img,.reference-mobile-game-rail img){filter:grayscale(1)}

  body.theme-tropical_fiesta{
    --mobile-radius:18px;--mobile-brand-radius:55% 45% 55% 45%;
    --mobile-header-gradient:linear-gradient(180deg,#078378,#064a47);
    --mobile-accent-gradient:linear-gradient(135deg,#ffc16f,#ff6f36);
    --mobile-hero:radial-gradient(circle at 78% 34%,#ffc16f77,transparent 35%),linear-gradient(130deg,#064a47,#10a18f);
    --mobile-shadow:0 12px 25px #064a4742;
  }
  body[class*="theme-"] .global-mobile-inline-login{
    padding:14px;border:0;border-radius:0;background:transparent;box-shadow:none;
  }
  body[class*="theme-"] :is(.reference-popular,.reference-live-casino){
    margin-top:8px;padding:10px 10px 4px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  }
  body[class*="theme-"] .reference-live-casino{background:transparent!important}
  body[class*="theme-"] .reference-popular+.reference-live-casino{margin-top:2px;padding-top:5px}
  body[class*="theme-"] .reference-mobile-game-rail article{width:150px;min-width:150px}
  body[class*="theme-"] .reference-mobile-game-rail article>div{width:150px;aspect-ratio:3/2;border-radius:10px}
  body[class*="theme-"] .reference-mobile-game-rail img{object-fit:cover}
  body[class*="theme-"] .reference-mobile-game-rail :is(h3,p),
  body[class*="theme-"] .reference-sportsbook .reference-game-grid :is(h3,p){display:none!important}
  body[class*="theme-"] .reference-mobile-game-rail,
  body[class*="theme-"] .reference-sportsbook .reference-game-grid{padding-bottom:2px!important}
  body[class*="theme-"] .reference-sportsbook{margin-top:2px;padding-top:5px}
  body[class*="theme-"] .reference-sportsbook .reference-game-grid{display:flex!important;width:100%;gap:9px!important;overflow-x:auto;padding:2px 1px 7px!important;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body[class*="theme-"] .reference-sportsbook .reference-game-grid::-webkit-scrollbar{display:none}
  body[class*="theme-"] .reference-sportsbook .reference-game-grid article{width:150px;min-width:150px;scroll-snap-align:start}
  body[class*="theme-"] .reference-sportsbook .reference-game-grid article>div{width:150px;aspect-ratio:3/2;border:1px solid var(--theme-border);border-radius:10px;background:var(--theme-dark)}
  body[class*="theme-"] .reference-sportsbook .reference-game-grid img{width:100%;height:100%;object-fit:cover}
  body[class*="theme-"] .reference-sportsbook .reference-game-grid article>div>a{position:absolute;inset:0;padding:0;background:transparent!important;color:transparent;font-size:0}
  body[class*="theme-"] .jp{
    margin:14px 10px 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
  }
  body[class*="theme-"] .jp-frame{
    min-height:108px;gap:5px;padding:0;border-radius:14px;background:transparent;overflow:visible;
  }
  body[class*="theme-"] .jp-label{min-height:22px;gap:6px;justify-content:center;padding:0 0 5px}
  body[class*="theme-"] .jp-crown{
    width:auto;height:auto;display:block;border:0;border-radius:0;background:none;font-size:14px;transform:none;
  }
  body[class*="theme-"] .jp-label>div{align-items:center;flex-direction:row;gap:5px}
  body[class*="theme-"] .jp-label span{font-size:10px;font-weight:700;letter-spacing:.13em}
  body[class*="theme-"] .jp-label span b{font-weight:900}
  body[class*="theme-"] .jp-label small{display:none}
  body[class*="theme-"] .jp-amount{
    width:100%;min-height:80px;justify-content:center;gap:8px;padding:0 18px;border:0;border-radius:13px;
    background:linear-gradient(180deg,#21180b,#090806 48%,#130d04 100%);
    box-shadow:
      inset 0 0 0 1px #6e430d,
      inset 0 0 0 3px #130d05,
      inset 0 0 0 4px #e3a932,
      inset 0 7px 12px #fff0a214,
      inset 0 -9px 15px #000b,
      0 2px 0 #5b3507,
      0 5px 9px #0006;
  }
  body[class*="theme-"] .jp-amount{outline:1px solid #ffe18a;outline-offset:-1px}
  body[class*="theme-"] .jp-amount:before,body[class*="theme-"] .jp-amount:after{
    display:block;width:38px;height:54px;top:50%;opacity:.8;filter:none;
    background:
      radial-gradient(circle at 50% 14%,#fff0a4 0 2px,#b77816 3px,transparent 4px),
      radial-gradient(circle at 50% 50%,transparent 0 8px,#f5c04d 9px 10px,#74430b 11px,transparent 12px),
      linear-gradient(135deg,transparent 42%,#e8ad37 43% 46%,transparent 47%) center/14px 14px;
  }
  body[class*="theme-"] .jp-amount:before{left:8px}
  body[class*="theme-"] .jp-amount:after{right:8px}
  body[class*="theme-"] .jp-cur{
    min-width:auto;height:auto;display:block;border:0;border-radius:0;background:none;color:#f5c451;
    font-family:"Montserrat",sans-serif;font-size:9px;font-weight:800;letter-spacing:.08em;
  }
  body[class*="theme-"] .jp-digits{flex:0 1 auto;justify-content:center}
  body[class*="theme-"] .jp-digits b{
    width:.62em;margin:0;border:0;background:none;box-shadow:none;color:#fff;
    font-family:"Montserrat",sans-serif;font-size:clamp(24px,7.3vw,31px);font-weight:800;letter-spacing:-.045em;
  }
  body[class*="theme-"] .jp-digits u{color:#ffe8a0;text-shadow:0 1px 0 #fff8cf,0 2px 0 #a66510,0 4px 3px #000}
  body[class*="theme-"] .jp-digits i{padding:0 1px;color:#f5c451;font-family:"Montserrat",sans-serif;font-size:clamp(19px,5.7vw,24px);font-weight:800;text-shadow:0 1px #fff3b0,0 2px #70420b}
  .reference-process-service{margin:12px 10px 0;padding:14px 12px;border-radius:var(--mobile-radius,12px);box-shadow:none}
  .reference-process-service{
    padding:8px 0 0;border:0;border-radius:0;background:transparent;color:var(--mobile-surface-text);box-shadow:none;
  }
  .reference-process-service>header h2{color:var(--mobile-surface-text)}
  .reference-process-note{color:var(--mobile-muted)}
  .reference-process-service>header{margin-bottom:10px}
  .reference-process-service>header :is(span,h2){font-size:15px}
  .reference-process-service>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .reference-process-service article{min-width:0;min-height:104px;justify-content:center;flex-direction:column;gap:5px;padding:8px 4px;border-radius:calc(var(--mobile-radius,12px) - 2px);text-align:center}
  .reference-process-service article>i{width:38px;height:38px;flex:0 0 38px}
  .reference-process-service article>i svg{width:23px;height:23px;stroke-width:1.9}
  .reference-process-service article>span{align-items:center;width:100%}
  .reference-process-service article>span b{font-size:clamp(7px,2vw,9px);white-space:nowrap}
  .reference-process-service article>span small{font-size:clamp(6px,1.7vw,7.5px)}
  .reference-process-service article>strong{font-size:8px}
  .reference-process-service article>span u{display:none}
  .reference-payment-methods{margin:12px 10px 0}
  .reference-payment-methods>header{justify-content:center;margin-bottom:9px}
  .reference-payment-methods>header :is(span,h2){font-size:13px}
  .reference-payment-methods>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .reference-payment-methods article{min-width:0;min-height:78px;justify-content:center;flex-direction:column;gap:5px;padding:7px 3px;border-radius:var(--mobile-radius,10px);text-align:center}
  .reference-payment-methods article>i{width:31px;height:31px;flex:0 0 31px}
  .reference-payment-methods article>i svg{width:19px;height:19px}
  .reference-payment-methods article>span{align-items:center;width:100%;gap:1px}
  .reference-payment-methods small{max-width:100%;overflow:hidden;font-size:clamp(5.5px,1.65vw,7px);white-space:nowrap;text-overflow:ellipsis}
  .reference-payment-methods b{max-width:100%;overflow:hidden;font-size:clamp(6.5px,1.9vw,8.5px);white-space:nowrap;text-overflow:ellipsis}

  /* Bottom navigation final: satu grid konsisten untuk seluruh tema. */
  body:not(.member-authenticated){padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
  body[class*="theme-"] .public-mobile-dock{
    position:fixed!important;z-index:120!important;right:0!important;bottom:0!important;left:0!important;
    width:100%!important;height:62px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:end!important;gap:0!important;box-sizing:content-box!important;margin:0!important;
    padding:4px 5px env(safe-area-inset-bottom,0px)!important;border:0!important;
    border-top:1px solid color-mix(in srgb,var(--theme-accent) 48%,transparent)!important;border-radius:0!important;
    background:color-mix(in srgb,var(--theme-dark) 97%,#000)!important;
    box-shadow:0 -5px 14px #0004!important;overflow:visible!important;
  }
  body[class*="theme-"] .public-mobile-dock>a,
  body[class*="theme-"] .public-mobile-dock>.dock-main{
    position:relative!important;width:100%!important;height:54px!important;min-width:0!important;display:flex!important;
    align-items:center!important;justify-content:flex-end!important;flex-direction:column!important;gap:2px!important;
    box-sizing:border-box!important;margin:0!important;padding:5px 2px 4px!important;border:0!important;border-radius:9px!important;
    background:transparent!important;box-shadow:none!important;clip-path:none!important;color:color-mix(in srgb,#fff 68%,var(--theme-accent))!important;
    transform:none!important;text-decoration:none!important;
  }
  body[class*="theme-"] .public-mobile-dock>a::before{display:none!important}
  body[class*="theme-"] .public-mobile-dock>a>i,
  body[class*="theme-"] .public-mobile-dock>.dock-main>i{
    position:static!important;width:27px!important;height:27px!important;display:grid!important;place-items:center!important;
    flex:0 0 27px!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;
    color:inherit!important;font-size:20px!important;font-style:normal!important;line-height:1!important;text-shadow:none!important;transform:none!important;
  }
  body[class*="theme-"] .public-mobile-dock i :is(svg,img){width:23px!important;height:23px!important;display:block!important;object-fit:contain!important}
  body[class*="theme-"] .public-mobile-dock svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  body[class*="theme-"] .public-mobile-dock>a>span,
  body[class*="theme-"] .public-mobile-dock>.dock-main>span{
    width:100%!important;max-width:100%!important;display:block!important;overflow:hidden!important;margin:0!important;
    color:inherit!important;font-size:clamp(7px,2vw,8.5px)!important;font-weight:800!important;line-height:11px!important;
    letter-spacing:.015em!important;text-align:center!important;text-overflow:ellipsis!important;text-transform:uppercase!important;white-space:nowrap!important;
  }
  body[class*="theme-"] .public-mobile-dock>a.active{background:color-mix(in srgb,var(--theme-accent) 11%,transparent)!important;color:var(--theme-accent-soft)!important}
  body[class*="theme-"] .public-mobile-dock>a.active::after{
    position:absolute!important;right:26%!important;bottom:0!important;left:26%!important;width:auto!important;height:2px!important;
    border-radius:2px!important;background:var(--theme-accent)!important;box-shadow:none!important;content:""!important;
  }
  body[class*="theme-"] .public-mobile-dock>.dock-main{grid-column:3!important;grid-row:1!important;padding-top:25px!important;color:var(--theme-accent-soft)!important}
  body[class*="theme-"] .public-mobile-dock>.dock-main>i{
    position:absolute!important;top:-18px!important;left:50%!important;width:48px!important;height:48px!important;display:grid!important;
    border:3px solid color-mix(in srgb,var(--theme-dark) 94%,#000)!important;border-radius:50%!important;
    background:linear-gradient(145deg,var(--theme-accent-soft),var(--theme-accent))!important;color:var(--theme-dark)!important;
    box-shadow:0 5px 11px #0005!important;transform:translateX(-50%)!important;
  }
  body[class*="theme-"] .public-mobile-dock>.dock-main>i :is(svg,img){width:25px!important;height:25px!important}
  body[class*="theme-"] .public-mobile-dock>.dock-placeholder{height:54px!important;visibility:hidden!important}
  .reference-process-service article>strong b{font-size:21px}
  .reference-process-note{margin-top:8px;font-size:8px;line-height:1.5}
}

/* Clean Light final palette: terang, bersih, tetapi setiap fungsi punya warna
   yang berbeda agar label dan kontrol tidak menyatu dengan permukaan. */
body.theme-clean_light{
  --theme-accent:#1688b8;
  --theme-accent-soft:#72d0e8;
  --theme-dark:#102f40;
  --theme-dark-2:#194b62;
  --theme-surface:#fff;
  --theme-border:#b8d9e6;
  --process-dark:#102f40;
}
body.theme-clean_light:not(.member-authenticated){background:#edf7fb;color:#173c4d}
body.theme-clean_light .topbar{background:#fff;color:#173c4d;border-color:#c8e1ea}
body.theme-clean_light .public-footer{background:linear-gradient(180deg,#163f53,#0b2635);color:#d9edf4}

@media(max-width:900px){
  body.theme-clean_light{
    --mobile-page:#edf7fb;
    --mobile-surface:#fff;
    --mobile-surface-text:#173c4d;
    --mobile-muted:#607d8a;
    --mobile-accent-gradient:linear-gradient(135deg,#27a7d1,#0876a5);
    --mobile-accent-ink:#fff;
  }
  body.theme-clean_light .global-mobile-header{
    background:linear-gradient(180deg,#fff,#e8f5fa);border-bottom:1px solid #b8dae7;
  }
  body.theme-clean_light .global-mobile-ticker{background:#173f53;border-color:#275d73}
  body.theme-clean_light .global-mobile-ticker>i{background:#f3a928;color:#332000}
  body.theme-clean_light .global-mobile-game-menu{
    background:#fff;border-top:1px solid #c5e1eb;border-bottom:1px solid #c5e1eb;
  }
  body.theme-clean_light .global-mobile-game-menu a{color:#254f61}
  body.theme-clean_light .global-mobile-game-menu i{background:#e8f5fa;border-color:#b8dce8;color:#0877a4}

  body.theme-clean_light .global-mobile-inline-login label{
    background:#fff;border:1px solid #c4dce6;box-shadow:0 3px 10px #16465c0b;
  }
  body.theme-clean_light .global-mobile-inline-login input{color:#173c4d}
  body.theme-clean_light .global-mobile-inline-login input::placeholder{color:#78919c}
  body.theme-clean_light .global-mobile-inline-login button{
    background:linear-gradient(90deg,#164e67,#087da9)!important;color:#fff!important;
    box-shadow:0 7px 15px #0b65852b!important;
  }
  body.theme-clean_light .global-mobile-inline-login>a{
    background:linear-gradient(90deg,#e59616,#ffc653)!important;color:#382300!important;
    box-shadow:0 7px 15px #c7851826!important;
  }

  body.theme-clean_light :is(.reference-popular,.reference-live-casino,.reference-sportsbook)>header{
    align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #c7e1ea;
  }
  body.theme-clean_light .reference-popular-title-mobile{gap:7px}
  body.theme-clean_light .reference-popular-title-mobile>img,
  body.theme-clean_light .reference-popular-title-mobile>b{
    width:25px;height:25px;display:grid;place-items:center;box-sizing:border-box;padding:4px;
    border:1px solid #9dcedf;border-radius:7px;background:#e3f4f9;color:#087aa7!important;font-size:12px;object-fit:contain;
  }
  body.theme-clean_light .reference-popular-title-mobile h2{
    font-family:"Montserrat",sans-serif!important;font-size:12px!important;font-weight:800;letter-spacing:.045em!important;
  }
  body.theme-clean_light .reference-popular-title-mobile h2 span{color:#173f53!important}
  body.theme-clean_light .reference-popular-title-mobile h2 em{color:#d17c00!important}
  body.theme-clean_light .reference-live-casino .reference-popular-title-mobile h2 span{color:#087fae!important}
  body.theme-clean_light .reference-sportsbook .reference-popular-title-mobile h2 span{color:#315a91!important}
  body.theme-clean_light :is(.reference-popular,.reference-live-casino,.reference-sportsbook)>header>a{
    padding:6px 9px!important;border:1px solid #91c8dc!important;border-radius:999px!important;
    background:#eef9fc!important;color:#086d94!important;
  }
  body.theme-clean_light :is(.reference-popular,.reference-live-casino,.reference-sportsbook)>header>a:after{color:#086d94!important;font-size:6.5px;font-weight:900}

  body.theme-clean_light .jp-label span{color:#17475c!important}
  body.theme-clean_light .jp-label span b{color:#087fac!important}
  body.theme-clean_light .jp-crown{color:#d58b11!important}
  body.theme-clean_light .reference-process-service article,
  body.theme-clean_light .reference-payment-methods article{background:#12374a;border-color:#2d657b}
  body.theme-clean_light .reference-process-service article>span small{color:#a8c5d0}
  body.theme-clean_light .reference-payment-methods small{color:#b2ccd5}
  body.theme-clean_light .reference-payment-methods>header h2{color:#173f53}
  body.theme-clean_light .reference-process-service>header span,
  body.theme-clean_light .reference-payment-methods>header span{color:#087fab}
  body.theme-clean_light .public-mobile-dock{
    background:#123548!important;border-top-color:#46aaca!important;
  }
  body.theme-clean_light .public-mobile-dock>a{color:#c4dce5!important}
  body.theme-clean_light .public-mobile-dock>a.active{background:#1f536a!important;color:#fff!important}
  body.theme-clean_light .public-mobile-dock>.dock-main{color:#fff!important}
  body.theme-clean_light .public-mobile-dock>.dock-main>i{
    border-color:#123548!important;background:linear-gradient(145deg,#ffc858,#e79213)!important;color:#3b2703!important;
  }
}