/*
 * GOGO Theme Engine 20x — audited build 2026-10-03
 * Presentation layer only. Financial/Nexus/API logic is not touched.
 * Theme id is attached to <html data-theme="..."> by index.php.
 */
:root {
  --theme-primary:#2563eb; --theme-p2:#3b82f6; --theme-p3:#60a5fa; --theme-deep:#1d4ed8;
  --theme-bg:#d4eef8; --theme-bg2:#eef9ff; --theme-soft:#eff6ff; --theme-soft2:#dbeafe;
  --theme-border:#bfdbfe; --theme-ink:#1e3a5f; --theme-muted:#64748b; --theme-card:#fff; --theme-on:#fff;
  --theme-shadow:rgba(15,23,42,.09); --theme-nav-hue:19deg;
}
html[data-theme="ocean-blue"]{--theme-primary:#2563eb;--theme-p2:#3b82f6;--theme-p3:#60a5fa;--theme-deep:#1d4ed8;--theme-bg:#d4eef8;--theme-bg2:#eef9ff;--theme-soft:#eff6ff;--theme-soft2:#dbeafe;--theme-border:#bfdbfe;--theme-ink:#1e3a5f;--theme-muted:#64748b;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:19deg}
html[data-theme="emerald-green"]{--theme-primary:#059669;--theme-p2:#10b981;--theme-p3:#6ee7b7;--theme-deep:#047857;--theme-bg:#d8f5e8;--theme-bg2:#f0fdf7;--theme-soft:#ecfdf5;--theme-soft2:#d1fae5;--theme-border:#a7f3d0;--theme-ink:#124b3a;--theme-muted:#55756b;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:-41deg}
html[data-theme="royal-purple"]{--theme-primary:#7c3aed;--theme-p2:#8b5cf6;--theme-p3:#c4b5fd;--theme-deep:#6d28d9;--theme-bg:#eadfff;--theme-bg2:#faf5ff;--theme-soft:#f5f3ff;--theme-soft2:#ede9fe;--theme-border:#ddd6fe;--theme-ink:#43286e;--theme-muted:#6f6280;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:60deg}
html[data-theme="ruby-red"]{--theme-primary:#dc2626;--theme-p2:#ef4444;--theme-p3:#fca5a5;--theme-deep:#b91c1c;--theme-bg:#ffe0e0;--theme-bg2:#fff7f7;--theme-soft:#fff1f2;--theme-soft2:#ffe4e6;--theme-border:#fecdd3;--theme-ink:#6d2525;--theme-muted:#7c6060;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:158deg}
html[data-theme="sunset-orange"]{--theme-primary:#ea580c;--theme-p2:#f97316;--theme-p3:#fdba74;--theme-deep:#c2410c;--theme-bg:#ffe6cf;--theme-bg2:#fff8f1;--theme-soft:#fff7ed;--theme-soft2:#ffedd5;--theme-border:#fed7aa;--theme-ink:#6b351d;--theme-muted:#7b6659;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:178deg}
html[data-theme="gold-amber"]{--theme-primary:#d97706;--theme-p2:#f59e0b;--theme-p3:#fcd34d;--theme-deep:#b45309;--theme-bg:#fff0c4;--theme-bg2:#fffbeb;--theme-soft:#fffbeb;--theme-soft2:#fef3c7;--theme-border:#fde68a;--theme-ink:#5e4217;--theme-muted:#766a52;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:-170deg}
html[data-theme="teal-cyan"]{--theme-primary:#0891b2;--theme-p2:#06b6d4;--theme-p3:#67e8f9;--theme-deep:#0e7490;--theme-bg:#d7f5f7;--theme-bg2:#f0fdff;--theme-soft:#ecfeff;--theme-soft2:#cffafe;--theme-border:#a5f3fc;--theme-ink:#174b57;--theme-muted:#5c7479;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:-11deg}
html[data-theme="rose-pink"]{--theme-primary:#e11d74;--theme-p2:#ec4899;--theme-p3:#f9a8d4;--theme-deep:#be185d;--theme-bg:#ffe0ef;--theme-bg2:#fff5fa;--theme-soft:#fdf2f8;--theme-soft2:#fce7f3;--theme-border:#fbcfe8;--theme-ink:#70294d;--theme-muted:#7e6672;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:131deg}
html[data-theme="graphite-dark"]{--theme-primary:#334155;--theme-p2:#475569;--theme-p3:#94a3b8;--theme-deep:#1e293b;--theme-bg:#0f172a;--theme-bg2:#111827;--theme-soft:#1f2937;--theme-soft2:#253247;--theme-border:#475569;--theme-ink:#f1f5f9;--theme-muted:#a7b1c2;--theme-card:#172033;--theme-on:#fff;--theme-shadow:rgba(0,0,0,.3);--theme-nav-hue:13deg}
html[data-theme="neon-lime"]{--theme-primary:#65a30d;--theme-p2:#84cc16;--theme-p3:#bef264;--theme-deep:#4d7c0f;--theme-bg:#e9fbc9;--theme-bg2:#f7fee7;--theme-soft:#f7fee7;--theme-soft2:#ecfccb;--theme-border:#d9f99d;--theme-ink:#3c5317;--theme-muted:#6d7857;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:-117deg}
html[data-theme="sapphire-navy"]{--theme-primary:#1e40af;--theme-p2:#1d4ed8;--theme-p3:#60a5fa;--theme-deep:#172554;--theme-bg:#dce7ff;--theme-bg2:#f3f6ff;--theme-soft:#eff6ff;--theme-soft2:#dbeafe;--theme-border:#bfdbfe;--theme-ink:#1b315e;--theme-muted:#63708a;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:24deg}
html[data-theme="lavender-mist"]{--theme-primary:#8b5cf6;--theme-p2:#a78bfa;--theme-p3:#c4b5fd;--theme-deep:#7c3aed;--theme-bg:#eee7ff;--theme-bg2:#fbf9ff;--theme-soft:#f5f3ff;--theme-soft2:#ede9fe;--theme-border:#ddd6fe;--theme-ink:#4d3f70;--theme-muted:#776f86;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:56deg}
html[data-theme="coral-peach"]{--theme-primary:#f43f5e;--theme-p2:#fb7185;--theme-p3:#fda4af;--theme-deep:#e11d48;--theme-bg:#ffe4df;--theme-bg2:#fff8f6;--theme-soft:#fff1f2;--theme-soft2:#ffe4e6;--theme-border:#fecdd3;--theme-ink:#713942;--theme-muted:#80686b;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:148deg}
html[data-theme="mint-fresh"]{--theme-primary:#0d9488;--theme-p2:#14b8a6;--theme-p3:#5eead4;--theme-deep:#0f766e;--theme-bg:#d9f7ef;--theme-bg2:#f2fdfa;--theme-soft:#f0fdfa;--theme-soft2:#ccfbf1;--theme-border:#99f6e4;--theme-ink:#24534e;--theme-muted:#627975;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:-28deg}
html[data-theme="burgundy-wine"]{--theme-primary:#9f1239;--theme-p2:#be123c;--theme-p3:#fb7185;--theme-deep:#881337;--theme-bg:#f5dce5;--theme-bg2:#fff5f7;--theme-soft:#fff1f2;--theme-soft2:#ffe4e6;--theme-border:#fecdd3;--theme-ink:#5f2638;--theme-muted:#79656c;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:141deg}
html[data-theme="arctic-silver"]{--theme-primary:#64748b;--theme-p2:#94a3b8;--theme-p3:#cbd5e1;--theme-deep:#475569;--theme-bg:#e8eef4;--theme-bg2:#f8fafc;--theme-soft:#f1f5f9;--theme-soft2:#e2e8f0;--theme-border:#cbd5e1;--theme-ink:#334155;--theme-muted:#64748b;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:13deg}
html[data-theme="tropical-aqua"]{--theme-primary:#0e7490;--theme-p2:#06b6d4;--theme-p3:#22d3ee;--theme-deep:#155e75;--theme-bg:#d2f5f4;--theme-bg2:#f0fdfa;--theme-soft:#ecfeff;--theme-soft2:#cffafe;--theme-border:#a5f3fc;--theme-ink:#1d525c;--theme-muted:#5b7679;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:-9deg}
html[data-theme="mocha-brown"]{--theme-primary:#92400e;--theme-p2:#b45309;--theme-p3:#d6a46b;--theme-deep:#78350f;--theme-bg:#eadbcf;--theme-bg2:#fffaf5;--theme-soft:#faf5ef;--theme-soft2:#f2e5d8;--theme-border:#e4c9ae;--theme-ink:#593821;--theme-muted:#77695f;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:-179deg}
html[data-theme="violet-indigo"]{--theme-primary:#4f46e5;--theme-p2:#6366f1;--theme-p3:#a5b4fc;--theme-deep:#4338ca;--theme-bg:#e2e4ff;--theme-bg2:#f7f7ff;--theme-soft:#eef2ff;--theme-soft2:#e0e7ff;--theme-border:#c7d2fe;--theme-ink:#35366d;--theme-muted:#696b84;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:41deg}
html[data-theme="fire-crimson"]{--theme-primary:#b91c1c;--theme-p2:#dc2626;--theme-p3:#f87171;--theme-deep:#991b1b;--theme-bg:#f7dddd;--theme-bg2:#fff5f5;--theme-soft:#fef2f2;--theme-soft2:#fee2e2;--theme-border:#fecaca;--theme-ink:#642929;--theme-muted:#7b6464;--theme-card:#fff;--theme-on:#fff;--theme-nav-hue:158deg}

/* Asset artwork remains untouched; only active bottom-navigation blue artwork gets a theme hue. */
.bottom-nav .nav-item.active img.nav-icon[data-on]{filter:hue-rotate(var(--theme-nav-hue)) saturate(1.2) brightness(.98)}
.banner-section img,.promo-card img,.promo-banner-img,.game-card img,.game-thumb img,.provider-icon img,.provider-logo-box img{filter:none!important}
/* Legacy-blue compatibility layer generated from bundled GOGO CSS. */
body{background:linear-gradient(180deg, var(--theme-p3) 0%, color-mix(in srgb,var(--theme-bg) 82%,var(--theme-p3)) 35%, var(--theme-bg2) 60%, var(--theme-bg2) 100%)!important}
.tab-btn.active::after{background:linear-gradient(90deg, var(--theme-p3), var(--theme-p2))!important}
.field{background:var(--theme-soft)!important}
.icon-user{color:var(--theme-p3)!important}
.icon-lock{color:var(--theme-p3)!important}
.field-with-btn{background:var(--theme-soft)!important}
.send-btn{background:var(--theme-p2)!important}
.send-btn:hover{background:var(--theme-primary)!important}
.send-btn:disabled{background:color-mix(in srgb,var(--theme-p3) 72%,white)!important}
.otp-box{background:var(--theme-soft)!important}
.otp-box:focus{box-shadow:0 0 0 2px var(--theme-p3)!important}
.check-label input:checked + .custom-check{background:linear-gradient(135deg, var(--theme-p2), var(--theme-primary))!important}
.forgot-link{color:var(--theme-p2)!important}
.contract-link{color:var(--theme-p2)!important}
.btn-submit{background:linear-gradient(90deg, var(--theme-p3), var(--theme-primary), var(--theme-p2))!important;box-shadow:0 4px 18px color-mix(in srgb,var(--theme-p2) 35%,transparent)!important}
.btn-submit:hover{box-shadow:0 6px 24px color-mix(in srgb,var(--theme-p2) 45%,transparent)!important}
body{background:var(--theme-bg)!important;color:var(--theme-ink)!important}
.header{background:linear-gradient(135deg, var(--theme-p2), var(--theme-p3), color-mix(in srgb,var(--theme-p3) 72%,white))!important}
.banner-placeholder{background:linear-gradient(135deg, var(--theme-deep), var(--theme-primary))!important}
.banner-dots span.active{background:var(--theme-primary)!important}
.ticker-chat{background:linear-gradient(135deg, var(--theme-p2), var(--theme-deep))!important}
.section-title{color:var(--theme-p2)!important}
.provider-tab.active{border-color:var(--theme-p2)!important;background:var(--theme-soft)!important}
.provider-tab.active .provider-icon{background:var(--theme-soft2)!important;color:var(--theme-primary)!important}
.provider-tab.active .provider-name{color:var(--theme-primary)!important}
.modal-news{background:linear-gradient(180deg, var(--theme-bg) 0%, var(--theme-bg2) 30%, var(--theme-card) 50%)!important}
.modal-news-title{color:var(--theme-p2)!important}
.gift-label-top{color:var(--theme-ink)!important}
.gift-body{background:linear-gradient(180deg, var(--theme-deep) 0%, var(--theme-primary) 70%, var(--theme-p2) 100%)!important}
.leaderboard{border:2px solid var(--theme-p2)!important}
.lb-amount{color:var(--theme-primary)!important}
.community-title{color:var(--theme-p2)!important}
.footer-text{background:linear-gradient(180deg, var(--theme-bg), color-mix(in srgb,var(--theme-bg) 78%,var(--theme-border)))!important}
.sidebar{background:linear-gradient(180deg, var(--theme-bg), var(--theme-bg2))!important}
.sidebar-header{background:linear-gradient(135deg, #0b1d3a, var(--theme-ink))!important}
.sb-btn-masuk{background:linear-gradient(135deg, var(--theme-border), var(--theme-p3))!important;color:var(--theme-ink)!important}
.sb-btn-daftar{color:var(--theme-ink)!important}
.sb-amount{color:var(--theme-p2)!important}
.sb-deposit{color:var(--theme-ink)!important}
.sb-menu-item:hover{background:var(--theme-soft)!important}
.page{background:var(--theme-bg)!important}
.page-auth{background:linear-gradient(180deg, var(--theme-p3) 0%, color-mix(in srgb,var(--theme-bg) 82%,var(--theme-p3)) 35%, var(--theme-bg2) 60%, var(--theme-bg2) 100%)!important}
.layanan-header{background:linear-gradient(135deg, var(--theme-border), var(--theme-bg))!important}
.layanan-title{color:var(--theme-p2)!important}
.layanan-card{background:linear-gradient(135deg, var(--theme-bg2), var(--theme-soft))!important}
.layanan-cs-placeholder{background:linear-gradient(135deg, color-mix(in srgb,var(--theme-bg) 78%,var(--theme-border)), var(--theme-border))!important}
.layanan-logo-circle{background:linear-gradient(135deg, var(--theme-deep), var(--theme-primary))!important}
.layanan-card-title{color:var(--theme-p2)!important}
.layanan-chat-btn{background:linear-gradient(90deg, var(--theme-p3), var(--theme-primary))!important}
.promo-banner-placeholder{background:linear-gradient(135deg, var(--theme-deep), var(--theme-deep), var(--theme-p2))!important}
.promo-item-left span{color:var(--theme-p2)!important}
.welcome-placeholder{background:linear-gradient(135deg, var(--theme-deep), var(--theme-deep), var(--theme-p2))!important}
.reg-success-header{background:linear-gradient(135deg, var(--theme-bg), var(--theme-border))!important}
.reg-success-title{color:var(--theme-p2)!important}
.reg-info-val{color:var(--theme-primary)!important}
.reg-copy-btn{background:linear-gradient(90deg, var(--theme-p3), var(--theme-primary))!important}
.header-balance{background:linear-gradient(135deg, var(--theme-ink), var(--theme-ink))!important}
.home-penarikan{background:linear-gradient(135deg, var(--theme-border), var(--theme-p3))!important;color:var(--theme-deep)!important}
.akun-name{color:var(--theme-ink)!important}
.akun-bal-amount{color:var(--theme-p2)!important}
.akun-vip-card{background:linear-gradient(135deg, var(--theme-deep), var(--theme-p2), var(--theme-p3))!important}
.akun-progress-full{background:linear-gradient(90deg, var(--theme-p2), var(--theme-primary))!important}
.akun-sec-title{color:var(--theme-p2)!important}
.akun-sec-amount{color:var(--theme-p2)!important}
.akun-share-label{color:var(--theme-p2)!important}
.akun-menu-item{color:var(--theme-p2)!important}
.home-penarikan, .sb-penarikan{color:var(--theme-deep)!important}
.dep-tab.active{background:var(--theme-primary)!important}
.dep-label{color:var(--theme-p2)!important}
.dep-offer-opt span:nth-child(3){color:var(--theme-p2)!important}
.dep-method.active::after{background:var(--theme-primary)!important}
.dep-amount-area{background:linear-gradient(180deg,var(--theme-primary),var(--theme-p2),var(--theme-p3))!important}
.dep-detail-header{color:var(--theme-p2)!important}
.dep-detail-total{color:var(--theme-primary)!important}
.dep-support-header{color:var(--theme-p2)!important}
.dep-support-card p{background:var(--theme-soft)!important}
.dep-submit-btn{background:linear-gradient(90deg,var(--theme-p3),var(--theme-primary))!important}
.txn-row{background:var(--theme-soft)!important}
.wd-saldo-card{background:linear-gradient(135deg,var(--theme-primary),var(--theme-p2),var(--theme-p3))!important}
.wd-add-account{background:linear-gradient(90deg,var(--theme-p3),var(--theme-primary))!important}
.wd-amt-card{background:var(--theme-primary)!important}
.wd-amt-card:hover,.wd-amt-card.active{background:var(--theme-deep)!important;border-color:color-mix(in srgb,var(--theme-p3) 72%,white)!important}
.ew-field-label{color:var(--theme-p2)!important}
.ew-input{background:var(--theme-soft)!important}
.turnover-header span{color:var(--theme-p2)!important}
.turnover-label{color:var(--theme-p2)!important}
.turnover-val-box{background:var(--theme-soft)!important}
.turnover-faq-q{color:var(--theme-p2)!important}
.wd-custom-input{background:var(--theme-soft)!important}
.wd-rp{color:var(--theme-p2)!important}
.wd-detail-header span:first-child{color:var(--theme-p2)!important}
.wd-detail-row span:last-child{color:var(--theme-p2)!important}
.wd-detail-total span:first-child{color:var(--theme-p2)!important}
.wd-detail-total span:last-child{color:var(--theme-primary)!important}
.wd-submit-btn{background:linear-gradient(90deg,var(--theme-p3),var(--theme-primary))!important}
.game-card-placeholder{background:linear-gradient(135deg,var(--theme-p2),var(--theme-primary))!important}
.bdh-deposit-btn{background:var(--theme-p2)!important}
.bdh-table-header{background:linear-gradient(135deg,var(--theme-soft2),var(--theme-border))!important;color:var(--theme-deep)!important}
.bdh-pct{color:var(--theme-primary)!important}
.bdh-rules{background:var(--theme-soft)!important}
.bdh-rule-num{background:linear-gradient(135deg,var(--theme-p3),var(--theme-p2))!important}
.pnw-countdown-label{color:var(--theme-p2)!important}
.pnw-cd-num{background:var(--theme-soft)!important;border:2px solid var(--theme-soft2)!important;color:var(--theme-deep)!important}
.pnw-day-header{background:var(--theme-p2)!important}
.pnw-card{background:var(--theme-soft)!important}
.pnw-card-line b{color:var(--theme-p2)!important}
.pnw-card-total{color:var(--theme-deep)!important}
.pnw-deposit-btn{background:var(--theme-p2)!important}
.hdh-day-label.biru{background:linear-gradient(180deg,var(--theme-p3),var(--theme-primary))!important}
.hdh-deposit-top{color:var(--theme-p2)!important}
.hdh-deposit-amount{color:var(--theme-p2)!important}
.hdh-claim-info{background:var(--theme-soft)!important}
.ref-copy-btn{background:var(--theme-p2)!important}
.ref-chest-box{background:linear-gradient(180deg,var(--theme-card) 60%,var(--theme-p2) 60%)!important;border:2px solid var(--theme-border)!important}
.ref-chest-badge{background:linear-gradient(90deg,var(--theme-p2),var(--theme-primary))!important}
.ph-box{background:linear-gradient(180deg,var(--theme-soft) 55%,var(--theme-p3) 55%)!important;border:2px solid var(--theme-border)!important}
.ph-badge{background:linear-gradient(90deg,var(--theme-p2),var(--theme-primary))!important}
.agn-tab.active{background:var(--theme-p2)!important}
.agn-time.active{background:linear-gradient(90deg,var(--theme-p2),var(--theme-primary))!important}
.agn-date-row{background:var(--theme-soft)!important}
.agn-stat-row b{color:var(--theme-p2)!important}
.agn-mini-card{background:var(--theme-soft)!important}
.agn-mini-val{color:var(--theme-p2)!important}
.agn-sub-tab.active{color:var(--theme-primary)!important}
.agn-faq-card h3{color:var(--theme-p2)!important}
.agn-faq-answer{background:var(--theme-soft)!important}
.bak-progress-bar{background:linear-gradient(90deg,var(--theme-p2),var(--theme-p3))!important}
.cki-day{background:var(--theme-soft)!important}
.cki-day-rp{color:var(--theme-p2)!important}
.cki-checkin-btn{background:linear-gradient(90deg,var(--theme-p3),var(--theme-primary))!important}
.ba-body{background:linear-gradient(180deg, var(--theme-bg) 0%, var(--theme-bg2) 100%)!important;background-image:url("assets/bonusapp_bg_dots.webp"), linear-gradient(180deg, var(--theme-bg) 0%, var(--theme-bg2) 100%)!important}
.ba-card-title{color:var(--theme-p2)!important}
.ba-card-amount{color:var(--theme-primary)!important}
.ba-link{color:var(--theme-primary)!important}
.ba-rules-header{color:var(--theme-p2)!important}
.ba-rule-section-title{color:var(--theme-primary)!important}
.ba-android-title{color:var(--theme-primary)!important}
.ba-step{background:var(--theme-bg2)!important}
.ba-step-text{color:var(--theme-p2)!important}
.ba-step-badge{background:linear-gradient(135deg, color-mix(in srgb,var(--theme-p3) 72%,white), var(--theme-p3))!important}
.kr-card-label{color:var(--theme-p2)!important}
.kr-input{color:var(--theme-p2)!important}
.kr-social-label{color:var(--theme-p2)!important}
.cb-countdown-title{color:var(--theme-primary)!important}
.cb-colon{color:var(--theme-primary)!important}
.cb-loss-title{color:var(--theme-p2)!important}
.cb-loss-box{background:var(--theme-soft)!important}
.cb-loss-value{color:var(--theme-primary)!important}
.cb-vip-header{color:var(--theme-p2)!important}
.cb-vip-table-header{background:linear-gradient(135deg, var(--theme-p2), var(--theme-p3))!important}
.cb-vip-row.even{background:var(--theme-soft)!important}
.vr-body{background:linear-gradient(180deg, var(--theme-soft2) 0%, var(--theme-soft2) 30%, var(--theme-soft) 100%)!important}
.vr-tab.active{background:var(--theme-p2)!important}
.vr-go-btn{background:radial-gradient(circle at 38% 32%, color-mix(in srgb,var(--theme-p3) 72%,white), var(--theme-p2) 55%, var(--theme-deep))!important}
@keyframes vrPulse{
  0%,100%{box-shadow:0 5px 15px rgba(0,0,0,.3), inset 0 -3px 6px rgba(0,0,0,.2), 0 0 0 0 color-mix(in srgb,var(--theme-p2) 50%,transparent)!important}
  50%{box-shadow:0 5px 15px rgba(0,0,0,.3), inset 0 -3px 6px rgba(0,0,0,.2), 0 0 0 13px transparent!important}
}
.vr-vip-info{background:var(--theme-soft2)!important}
.vr-reward-title{color:var(--theme-p2)!important}
.vr-section-title{color:var(--theme-p2)!important}
.vr-jackpot-card{background:var(--theme-soft)!important;border:1px solid var(--theme-soft2)!important}
.vr-modal-prize-name{color:var(--theme-p2)!important}
.vr-modal-btn{background:linear-gradient(135deg, var(--theme-p2), var(--theme-primary))!important}
.vp-body{background:linear-gradient(180deg, var(--theme-soft2) 0%, var(--theme-soft2) 25%, var(--theme-soft) 100%)!important}
.vp-progress-val{color:var(--theme-p2)!important}
.vp-bonus-card{background:var(--theme-primary)!important}
.vp-bonus-label{color:var(--theme-p2)!important}
.vp-catatan{color:var(--theme-p2)!important}
.vp-tab.active{background:var(--theme-p2)!important}
.vp-accordion-header{color:var(--theme-p2)!important}
.vp-table-title{color:var(--theme-p2)!important}
.vp-table thead th{background:var(--theme-p2)!important}
.pwa-popup-card{background:url("assets/pwa_popup_bg.webp") center/cover no-repeat, linear-gradient(180deg, var(--theme-border) 0%, var(--theme-soft) 100%)!important}
.pwa-popup-title{color:var(--theme-p2)!important}
.qris-save-btn{background:var(--theme-p2)!important}
.qris-save-btn:active{background:var(--theme-primary)!important}
.kupon-expiry{color:var(--theme-p2)!important}
.kupon-method.active{border-color:var(--theme-p2)!important}
.sb-profile-name{color:var(--theme-ink)!important}
.pesan-tab{background:var(--theme-soft2)!important;color:var(--theme-p2)!important}
.agn-dd-item:active, .agn-dd-item:hover{background:var(--theme-soft)!important}
.agn-dd-item.active{color:var(--theme-primary)!important;background:var(--theme-soft)!important}
.bwh-tab.active{background:var(--theme-soft)!important;color:var(--theme-primary)!important}
.hd-body{background:linear-gradient(180deg, var(--theme-p3) 0%, var(--theme-border) 30%, var(--theme-soft2) 100%)!important}
.hd-total{background:var(--theme-soft2)!important}
.hd-total-val{color:var(--theme-primary)!important}
.hd-detail-btn{background:linear-gradient(135deg, var(--theme-primary), var(--theme-deep))!important}
.cx-search:focus{border-color:var(--theme-p2)!important}
.cx-coin:active{background:var(--theme-soft)!important}
.cx-countdown{color:var(--theme-primary)!important}
.cx-copy-btn{background:var(--theme-primary)!important}
.cx-copy-btn:active{background:var(--theme-deep)!important}
.gm-body{background:linear-gradient(180deg, var(--theme-soft2), var(--theme-soft2), var(--theme-soft))!important}
.gm-search:focus{border-color:var(--theme-p2)!important}
.gm-prov.active{background:var(--theme-primary)!important}
.rf2-bal-inner{background:var(--theme-soft2)!important}
.rf2-bal-dot{background:radial-gradient(circle at 35% 35%,#fff 0 18%,var(--theme-p2) 20% 55%,var(--theme-primary) 57%)!important}
.rf2-need b{color:var(--theme-primary)!important}
.rf2-menarik-btn{background:linear-gradient(135deg,var(--theme-primary),var(--theme-deep))!important}
.rf2-go-btn{background:radial-gradient(circle at 38% 32%,color-mix(in srgb,var(--theme-p3) 72%,white),var(--theme-p2) 55%,var(--theme-deep))!important}
@keyframes rf2Pulse{
  0%,100%{box-shadow:0 5px 14px rgba(0,0,0,.3), inset 0 -3px 6px rgba(0,0,0,.2), 0 0 0 0 color-mix(in srgb,var(--theme-p2) 50%,transparent)!important}
  50%{box-shadow:0 5px 14px rgba(0,0,0,.3), inset 0 -3px 6px rgba(0,0,0,.2), 0 0 0 12px transparent!important}
}
.rf2-spins-n{color:var(--theme-primary)!important}
.rf2-invite-arrow{color:var(--theme-p2)!important}
.rf2-tabs-card{background:linear-gradient(180deg,var(--theme-primary),var(--theme-p2))!important}
.rf2-log-amt{color:var(--theme-primary)!important}
.rf2-modal-tab{background:linear-gradient(180deg,var(--theme-soft2),var(--theme-border))!important}
.rf2-modal{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-p3) 72%,white),var(--theme-soft2) 45%,var(--theme-soft))!important}
.rf2-win-bar{background:var(--theme-primary)!important}
.rf2-win-need{color:var(--theme-primary)!important}
.rf2-modal-close{background:var(--theme-primary)!important}
.rf2-claim-label{color:var(--theme-primary)!important}
.rf2-tl-item b{color:var(--theme-primary)!important}
.rf2-share-link{background:var(--theme-soft2)!important}
.cb-summary{background:var(--theme-soft)!important}
.cb-summary b{color:var(--theme-primary)!important}
.cb-pct-badge{background:var(--theme-soft2)!important;color:var(--theme-primary)!important}
.clm-streak{color:var(--theme-primary)!important;background:var(--theme-soft)!important}
.clm-day{background:var(--theme-soft)!important;border:2px solid var(--theme-soft2)!important}
.clm-day-rp{color:var(--theme-primary)!important}
.clm-day.today{border-color:var(--theme-p2)!important;background:var(--theme-soft2)!important}
.clm-hi{color:var(--theme-primary)!important}
.clm-offer-btn{background:var(--theme-p2)!important}
.clm-input:focus{border-color:var(--theme-p2)!important}
.clm-max{background:var(--theme-soft2)!important;color:var(--theme-primary)!important}
.clm-btn{background:linear-gradient(135deg, var(--theme-p2), var(--theme-primary))!important}
.tw-coin-card{background:linear-gradient(110deg, var(--theme-soft) 0%, var(--theme-border) 55%, var(--theme-p3) 100%)!important}
.tw-coin-val{color:var(--theme-primary)!important}
.tw-ticket{background:var(--theme-p2)!important}
.tw-swap{background:var(--theme-p2)!important}
.tw-cost-ico{background:radial-gradient(circle at 35% 30%, color-mix(in srgb,var(--theme-p3) 72%,white), var(--theme-deep))!important}
.tw-cost-val{color:var(--theme-primary)!important}
.vr-modal-coupon{color:var(--theme-primary)!important;background:var(--theme-soft)!important}
.dep-coupon-count{background:var(--theme-primary)!important}
.dep-coupon-hint{background:var(--theme-soft)!important;border:1px solid var(--theme-border)!important;color:var(--theme-primary)!important}
.dc-card{background:linear-gradient(135deg, var(--theme-primary), var(--theme-p2) 55%, var(--theme-p3))!important}
.spin-bar-n{color:var(--theme-primary)!important}
.gm-cat.active{background:var(--theme-primary)!important}
.ph-prog-n b{color:var(--theme-primary)!important}
.auth-note{background:var(--theme-soft)!important;border:1px solid var(--theme-border)!important;color:var(--theme-primary)!important}
.cs-box{background:var(--theme-bg2)!important}
.cs-head{background:linear-gradient(135deg, var(--theme-p2), var(--theme-primary))!important}
.cs-dot{border:2px solid var(--theme-primary)!important}
.cs-msg.user .cs-bubble{background:linear-gradient(135deg, var(--theme-p2), var(--theme-primary))!important}
.cs-chip{border:1px solid var(--theme-border)!important;color:var(--theme-primary)!important}
.cs-chip:active{background:var(--theme-soft2)!important}
.cs-input:focus{border-color:var(--theme-p2)!important}
.cs-send{background:linear-gradient(135deg, var(--theme-p2), var(--theme-primary))!important}
.vp-claim-val{color:var(--theme-primary)!important}
.vp-claim-btn{background:linear-gradient(135deg, var(--theme-p2), var(--theme-primary))!important}
.provider-tab.active .provider-icon{border-color:var(--theme-p2)!important}
.provider-icon{background:var(--theme-ink)!important;border-color:var(--theme-ink)!important}
.provider-tab.active .provider-icon{background:var(--theme-primary)!important;border-color:var(--theme-primary)!important}
.provider-logo-box{background:var(--theme-ink)!important}
.kat-tab{border:1px solid var(--theme-soft2)!important}
.kat-tab.active{background:var(--theme-primary)!important;border-color:var(--theme-primary)!important}
.section-title #home-sec-ikon .i{color:var(--theme-primary)!important}
.prov-cari{background:var(--theme-soft)!important;border:1px dashed color-mix(in srgb,var(--theme-p3) 72%,white)!important;color:var(--theme-primary)!important}
.gv-spin{border-top-color:var(--theme-p3)!important}
.gm-lagi-btn{border:1px solid var(--theme-soft2)!important;color:var(--theme-primary)!important}
.gm-lagi-btn:active{background:var(--theme-soft)!important}
.wd-akun.active{border-color:var(--theme-primary)!important;background:var(--theme-soft)!important}
.wd-akun.active .wd-akun-tipe{background:var(--theme-primary)!important}
.wd-akun-tick{color:var(--theme-primary)!important}
.vr-modal-prize-ico{background:var(--theme-soft)!important;color:var(--theme-primary)!important}
.qris-page{background:linear-gradient(180deg,var(--theme-bg) 0%,var(--theme-bg2) 100%)!important}
.qris-page-header{background:linear-gradient(135deg,var(--theme-border),var(--theme-bg))!important;border-bottom:1px solid color-mix(in srgb,var(--theme-p2) 8%,transparent)!important}
.qris-page-back{color:var(--theme-p2)!important}
.qris-page-title{color:var(--theme-primary)!important}
.qris-page-badge{background:var(--theme-p2)!important}
.qris-pay-card{border:1px solid color-mix(in srgb,var(--theme-p2) 8%,transparent)!important}
.qris-page-action{background:linear-gradient(180deg,var(--theme-p3),var(--theme-p2))!important}
#page-ewallet .ew-confirm-btn{background:linear-gradient(90deg,var(--theme-p3),var(--theme-primary))!important}
.txn-row-clickable:focus-visible{outline:3px solid var(--theme-primary)!important}
.txn-detail-header h2{color:var(--theme-deep)!important}
.txn-detail-close{background:var(--theme-soft)!important}
.txn-detail-close:focus-visible,.txn-detail-done:focus-visible{outline:3px solid var(--theme-p3)!important}
.txn-detail-lines{background:var(--theme-soft)!important}
.txn-detail-line{border-bottom:1px solid var(--theme-soft2)!important}
.txn-detail-done{background:var(--theme-primary)!important}
:root{--ui-blue:var(--theme-primary)!important;--ui-ink:var(--theme-ink)!important;--ui-border:var(--theme-soft2)!important}
#page-deposit .dep-tabs{border-color:var(--theme-soft2)!important}
#page-deposit .txn-row:active{border-color:var(--theme-p3)!important;box-shadow:0 3px 14px color-mix(in srgb,var(--theme-primary) 11%,transparent)!important}
#page-deposit .dep-offer-card,#page-deposit .dep-detail-section,#page-deposit .wd-info-card{border:1px solid var(--theme-soft2)!important}
#page-deposit .dep-custom-input:focus-within,#page-deposit .wd-custom-input:focus-within{border-color:var(--theme-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 11%,transparent)!important}
/* generated entries: 288 */

/* Dark theme final pass: legacy white/light surfaces are converted to dark cards. */
html[data-theme="graphite-dark"] body{color:var(--theme-ink)!important}
html[data-theme="graphite-dark"] .card,
html[data-theme="graphite-dark"] .ticker,
html[data-theme="graphite-dark"] .provider-tab,
html[data-theme="graphite-dark"] .leaderboard,
html[data-theme="graphite-dark"] .layanan-card,
html[data-theme="graphite-dark"] .promo-item,
html[data-theme="graphite-dark"] .akun-stats-card,
html[data-theme="graphite-dark"] .akun-section-card,
html[data-theme="graphite-dark"] .akun-menu-card,
html[data-theme="graphite-dark"] .dep-tabs,
html[data-theme="graphite-dark"] .dep-tab,
html[data-theme="graphite-dark"] .dep-offer-card,
html[data-theme="graphite-dark"] .dep-method,
html[data-theme="graphite-dark"] .dep-detail-section,
html[data-theme="graphite-dark"] .dep-support-card,
html[data-theme="graphite-dark"] .wd-info-card,
html[data-theme="graphite-dark"] .txn-detail-card,
html[data-theme="graphite-dark"] .game-card,
html[data-theme="graphite-dark"] .tw-card,
html[data-theme="graphite-dark"] .ba-card,
html[data-theme="graphite-dark"] .cki-card{background:var(--theme-card)!important;color:var(--theme-ink)!important;border-color:var(--theme-border)!important}
html[data-theme="graphite-dark"] .ticker-text,
html[data-theme="graphite-dark"] .provider-name,
html[data-theme="graphite-dark"] .win-user,
html[data-theme="graphite-dark"] .footer-text,
html[data-theme="graphite-dark"] .akun-stat-row,
html[data-theme="graphite-dark"] .akun-share-item span,
html[data-theme="graphite-dark"] .dep-tab{color:var(--theme-muted)!important}
html[data-theme="graphite-dark"] .bottom-nav{background:#172033!important}
html[data-theme="graphite-dark"] .bottom-nav svg.nav-bg path,
html[data-theme="graphite-dark"] .bottom-nav svg.nav-bg{fill:#172033!important}
html[data-theme="graphite-dark"] input,
html[data-theme="graphite-dark"] select,
html[data-theme="graphite-dark"] textarea{color:var(--theme-ink)!important}

/* Motion is cosmetic only. */
.header,.section-title,.dep-tab,.provider-tab,.nav-item{transition:background-color .18s ease,color .18s ease,border-color .18s ease}

/* Exact theme tint for active bottom-nav artwork, including Akun which has no separate active PNG. */
.bottom-nav .nav-item .theme-nav-mask{display:none;width:74px;height:48px;background:var(--theme-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.bottom-nav .nav-item.active .theme-nav-mask{display:block}
.bottom-nav .nav-item.active .theme-nav-mask + img.nav-icon{display:none!important}


/* V3 exhaustive page compatibility */
/* All 33 member page shells use the same semantic surfaces. This catches components
   that are created dynamically and therefore are not present during first paint. */
.page .card,.page [class$="-card"],.page [class*="-card "],.page [class$="-box"],.page [class*="-box "],
.page [class$="-panel"],.page [class*="-panel "],.page [class$="-section"],.page [class*="-section "]{
  --gogo-surface:var(--theme-card);
}
.page input:not([type="checkbox"]):not([type="radio"]),.page select,.page textarea{
  border-color:var(--theme-border);
}
.page input:focus,.page select:focus,.page textarea:focus{outline-color:var(--theme-primary)}
.page a:focus-visible,.page button:focus-visible,[role="button"]:focus-visible{outline:3px solid color-mix(in srgb,var(--theme-primary) 42%,transparent);outline-offset:2px}

/* Structural whites and cool grays for Graphite are handled here as a final fallback.
   Artwork (banner/game/provider/payment/social images) is intentionally not recolored. */
html[data-theme="graphite-dark"] .page,
html[data-theme="graphite-dark"] .sidebar,
html[data-theme="graphite-dark"] .modal-news,
html[data-theme="graphite-dark"] [class$="-modal"],
html[data-theme="graphite-dark"] [class*="-modal "],
html[data-theme="graphite-dark"] [class$="-popup"],
html[data-theme="graphite-dark"] [class*="-popup "],
html[data-theme="graphite-dark"] [class$="-sheet"],
html[data-theme="graphite-dark"] [class*="-sheet "]{color:var(--theme-ink)}
html[data-theme="graphite-dark"] .page .card,
html[data-theme="graphite-dark"] .page [class$="-card"],
html[data-theme="graphite-dark"] .page [class*="-card "],
html[data-theme="graphite-dark"] .page [class$="-box"],
html[data-theme="graphite-dark"] .page [class*="-box "],
html[data-theme="graphite-dark"] .page [class$="-panel"],
html[data-theme="graphite-dark"] .page [class*="-panel "],
html[data-theme="graphite-dark"] .page [class$="-section"],
html[data-theme="graphite-dark"] .page [class*="-section "]{border-color:var(--theme-border)}
html[data-theme="graphite-dark"] .page input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="graphite-dark"] .page select,
html[data-theme="graphite-dark"] .page textarea{background:var(--theme-soft)!important;color:var(--theme-ink)!important;border-color:var(--theme-border)!important}