/* Eliana Interaktif global public-site themes v1.5.9
   donation.pageTheme is now the theme source for Donate, Account, Game Interaktif,
   QRIS payment, billing checkout, and legal/information pages. */

body[data-donate-theme]{
  --site-bg:radial-gradient(circle at top,#312e81,#111827 58%,#020617);
  --site-panel:rgba(17,24,39,.82);--site-panel2:rgba(15,23,42,.76);--site-input:rgba(11,18,32,.86);
  --site-text:#f8fafc;--site-muted:#a7b0c0;--site-accent:#a855f7;--site-accent2:#ec4899;--site-accent-text:#fff;
  --site-border:rgba(255,255,255,.14);--site-border-strong:rgba(192,132,252,.42);
  --site-radius:24px;--site-radius-sm:13px;--site-shadow:0 26px 75px rgba(0,0,0,.42);
  --site-font:Inter,"Segoe UI",Arial,sans-serif;--site-heading:var(--site-font);--site-pattern:none;
  --site-success:#4ade80;--site-danger:#fb7185;--site-warning:#fde047;
  background:var(--site-bg)!important;color:var(--site-text)!important;font-family:var(--site-font)!important;
  transition:background .25s ease,color .25s ease;
}
body[data-donate-theme]::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--site-pattern);opacity:.75}
body[data-donate-theme] h1,body[data-donate-theme] h2,body[data-donate-theme] h3{font-family:var(--site-heading)!important;color:var(--site-text)}
body[data-donate-theme] .muted,body[data-donate-theme] .sub,body[data-donate-theme] .updated,body[data-donate-theme] .help,body[data-donate-theme] .footer,body[data-donate-theme] small{color:var(--site-muted)!important}

/* ACCOUNT */
body[data-site-page="account"][data-donate-theme] .card,
body[data-site-page="account"][data-donate-theme] .payment-box,
body[data-site-page="account"][data-donate-theme] .tx{background:var(--site-panel)!important;border-color:var(--site-border)!important;border-radius:var(--site-radius)!important;box-shadow:var(--site-shadow);color:var(--site-text)}
body[data-site-page="account"][data-donate-theme] .top a,
body[data-site-page="account"][data-donate-theme] .tabs button,
body[data-site-page="account"][data-donate-theme] .topup-quick button,
body[data-site-page="account"][data-donate-theme] .btn.secondary{background:var(--site-panel2)!important;border-color:var(--site-border)!important;color:var(--site-text)!important;border-radius:var(--site-radius-sm)!important}
body[data-site-page="account"][data-donate-theme] .tabs button.active,
body[data-site-page="account"][data-donate-theme] .btn:not(.secondary):not(.danger){background:linear-gradient(135deg,var(--site-accent),var(--site-accent2))!important;color:var(--site-accent-text)!important;border-color:transparent!important;border-radius:var(--site-radius-sm)!important}
body[data-site-page="account"][data-donate-theme] input,
body[data-site-page="account"][data-donate-theme] select{background:var(--site-input)!important;color:var(--site-text)!important;border-color:var(--site-border)!important;border-radius:var(--site-radius-sm)!important}
body[data-site-page="account"][data-donate-theme] label{color:var(--site-text)!important}
body[data-site-page="account"][data-donate-theme] .balance-card{background:linear-gradient(135deg,var(--site-accent),var(--site-accent2))!important;border-radius:var(--site-radius)!important;color:var(--site-accent-text)!important;box-shadow:var(--site-shadow)}
body[data-site-page="account"][data-donate-theme] .balance-label,body[data-site-page="account"][data-donate-theme] .account-meta{color:color-mix(in srgb,var(--site-accent-text) 82%,transparent)!important}

/* GAME INTERAKTIF */
body[data-site-page="games"][data-donate-theme]{--text:var(--site-text);--muted:var(--site-muted);--pink:var(--site-accent);--pink2:var(--site-accent2);--shadow:var(--site-shadow)}
body[data-site-page="games"][data-donate-theme]::before{opacity:.18;background-image:var(--site-pattern)!important;animation:none!important}
body[data-site-page="games"][data-donate-theme] .site-header,
body[data-site-page="games"][data-donate-theme] .header-nav,
body[data-site-page="games"][data-donate-theme] .account-chip,
body[data-site-page="games"][data-donate-theme] .game-hero,
body[data-site-page="games"][data-donate-theme] .step-card,
body[data-site-page="games"][data-donate-theme] .selected-summary,
body[data-site-page="games"][data-donate-theme] .pay-option,
body[data-site-page="games"][data-donate-theme] .qrbox,
body[data-site-page="games"][data-donate-theme] .success-modal,
body[data-site-page="games"][data-donate-theme] .empty{background:var(--site-panel)!important;border-color:var(--site-border)!important;border-radius:var(--site-radius)!important;color:var(--site-text);box-shadow:var(--site-shadow)}
body[data-site-page="games"][data-donate-theme] .category-media,
body[data-site-page="games"][data-donate-theme] .product,
body[data-site-page="games"][data-donate-theme] .nav-btn,
body[data-site-page="games"][data-donate-theme] .menu-btn,
body[data-site-page="games"][data-donate-theme] .back-btn,
body[data-site-page="games"][data-donate-theme] .qr-download{background:var(--site-panel2)!important;border-color:var(--site-border-strong)!important;color:var(--site-text)!important;border-radius:var(--site-radius-sm)!important}
body[data-site-page="games"][data-donate-theme] .product.selected,body[data-site-page="games"][data-donate-theme] .pay-option:has(input:checked){border-color:var(--site-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--site-accent) 24%,transparent)!important;background:color-mix(in srgb,var(--site-panel2) 78%,var(--site-accent) 22%)!important}
body[data-site-page="games"][data-donate-theme] .step-number,body[data-site-page="games"][data-donate-theme] .primary,body[data-site-page="games"][data-donate-theme] .success-modal button{background:linear-gradient(135deg,var(--site-accent),var(--site-accent2))!important;color:var(--site-accent-text)!important;border-radius:var(--site-radius-sm)!important}
body[data-site-page="games"][data-donate-theme] .input,body[data-site-page="games"][data-donate-theme] .textarea{background:var(--site-input)!important;color:var(--site-text)!important;border-color:var(--site-border)!important;border-radius:var(--site-radius-sm)!important}
body[data-site-page="games"][data-donate-theme] .category-title,body[data-site-page="games"][data-donate-theme] .product-title,body[data-site-page="games"][data-donate-theme] .product-price{color:var(--site-text)!important}
body[data-site-page="games"][data-donate-theme] .account-chip a,body[data-site-page="games"][data-donate-theme] .share-link,body[data-site-page="games"][data-donate-theme] .unique,body[data-site-page="games"][data-donate-theme] .selected-summary span{color:var(--site-accent)!important}

/* QRIS PAYMENT */
body[data-site-page="pay"][data-donate-theme] .card{background:var(--site-panel)!important;border-color:var(--site-border)!important;border-radius:var(--site-radius)!important;color:var(--site-text)!important;box-shadow:var(--site-shadow)}
body[data-site-page="pay"][data-donate-theme] .badge,body[data-site-page="pay"][data-donate-theme] .status{background:var(--site-panel2)!important;border-color:var(--site-border)!important;border-radius:var(--site-radius-sm)!important;color:var(--site-text)!important}
body[data-site-page="pay"][data-donate-theme] .btn{background:linear-gradient(135deg,var(--site-accent),var(--site-accent2))!important;color:var(--site-accent-text)!important;border-radius:var(--site-radius-sm)!important}
body[data-site-page="pay"][data-donate-theme] .btn.download{background:var(--site-panel2)!important;border:1px solid var(--site-border)!important;color:var(--site-text)!important}
body[data-site-page="pay"][data-donate-theme] .amount,body[data-site-page="pay"][data-donate-theme] .success{color:var(--site-success)!important}
body[data-site-page="pay"][data-donate-theme] .progress{background:var(--site-input)!important}.bar{background:linear-gradient(90deg,var(--site-accent),var(--site-accent2))!important}
body[data-site-page="pay"][data-donate-theme] .timer{color:var(--site-warning)!important}

/* LEGAL / INFO */
body[data-site-page="legal"][data-donate-theme] .site-header,
body[data-site-page="legal"][data-donate-theme] .page-card,
body[data-site-page="legal"][data-donate-theme] .faq-item,
body[data-site-page="legal"][data-donate-theme] .contact-item,
body[data-site-page="legal"][data-donate-theme] .contact-extra{background:var(--site-panel)!important;border-color:var(--site-border)!important;border-radius:var(--site-radius)!important;color:var(--site-text)!important;box-shadow:var(--site-shadow)}
body[data-site-page="legal"][data-donate-theme] .back-link{background:var(--site-panel2)!important;color:var(--site-text)!important;border:1px solid var(--site-border)!important;border-radius:var(--site-radius-sm)!important}
body[data-site-page="legal"][data-donate-theme] .page-kicker{background:color-mix(in srgb,var(--site-accent) 15%,transparent)!important;border-color:color-mix(in srgb,var(--site-accent) 50%,transparent)!important;color:var(--site-accent)!important}
body[data-site-page="legal"][data-donate-theme] .content,body[data-site-page="legal"][data-donate-theme] .faq-question,body[data-site-page="legal"][data-donate-theme] .faq-answer,body[data-site-page="legal"][data-donate-theme] .footer-links a{color:var(--site-text)!important}
body[data-site-page="legal"][data-donate-theme] .faq-icon,body[data-site-page="legal"][data-donate-theme] .contact-item strong{color:var(--site-accent)!important}

/* BILLING CHECKOUT */
body[data-site-page="billing"][data-donate-theme] .shell,
body[data-site-page="billing"][data-donate-theme] .summary,
body[data-site-page="billing"][data-donate-theme] .method,
body[data-site-page="billing"][data-donate-theme] .status{background:var(--site-panel)!important;border-color:var(--site-border)!important;border-radius:var(--site-radius)!important;color:var(--site-text)!important;box-shadow:var(--site-shadow)}
body[data-site-page="billing"][data-donate-theme] .brand-mark,body[data-site-page="billing"][data-donate-theme] .primary{background:linear-gradient(135deg,var(--site-accent),var(--site-accent2))!important;color:var(--site-accent-text)!important;border-radius:var(--site-radius-sm)!important}
body[data-site-page="billing"][data-donate-theme] .secondary{background:var(--site-panel2)!important;color:var(--site-text)!important;border-color:var(--site-border)!important;border-radius:var(--site-radius-sm)!important}
body[data-site-page="billing"][data-donate-theme] .method:has(input:checked){border-color:var(--site-accent)!important;background:color-mix(in srgb,var(--site-panel) 80%,var(--site-accent) 20%)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--site-accent) 24%,transparent)!important}
body[data-site-page="billing"][data-donate-theme] .row span,body[data-site-page="billing"][data-donate-theme] .merchant{color:var(--site-accent)!important}

/* THEME TOKENS + meaningful structural differences */
body[data-donate-theme="eliana-glass"]{--site-bg:radial-gradient(circle at 20% 0,#4338ca88,transparent 35%),radial-gradient(circle at 90% 10%,#d946ef55,transparent 30%),linear-gradient(160deg,#0f172a,#020617);--site-panel:rgba(49,46,129,.34);--site-panel2:rgba(30,41,59,.66);--site-input:rgba(67,56,202,.14);--site-accent:#8b5cf6;--site-accent2:#ec4899;--site-border:rgba(196,181,253,.22);--site-border-strong:rgba(216,180,254,.48);--site-radius:28px;--site-radius-sm:16px;--site-pattern:radial-gradient(circle at 10% 20%,#ffffff0c 0 1px,transparent 2px) 0 0/24px 24px}

body[data-donate-theme="aurora-flow"]{--site-bg:radial-gradient(circle at 12% 10%,#06b6d4aa,transparent 32%),radial-gradient(circle at 88% 8%,#d946ef99,transparent 34%),radial-gradient(circle at 55% 96%,#7c3aedaa,transparent 38%),#07111c;--site-panel:rgba(255,255,255,.10);--site-panel2:rgba(255,255,255,.08);--site-input:rgba(255,255,255,.09);--site-accent:#06b6d4;--site-accent2:#ec4899;--site-border:rgba(255,255,255,.25);--site-border-strong:rgba(103,232,249,.5);--site-radius:42px;--site-radius-sm:999px;--site-shadow:0 35px 90px #0008,0 0 55px #22d3ee20;--site-pattern:radial-gradient(circle at 50% 50%,#ffffff0d 0 2px,transparent 3px) 0 0/34px 34px}
body[data-donate-theme="aurora-flow"] textarea,body[data-donate-theme="aurora-flow"] .textarea{border-radius:26px!important}

body[data-donate-theme="sakura-paper"]{color-scheme:light;--site-bg:linear-gradient(135deg,#fff7f8,#fde7ef 50%,#fffaf5);--site-panel:#fffdfb;--site-panel2:#fff7f9;--site-input:#fff9fa;--site-text:#4a2635;--site-muted:#986278;--site-accent:#a63f68;--site-accent2:#d9779c;--site-accent-text:#fff;--site-border:#efbfd0;--site-border-strong:#d99ab1;--site-radius:8px;--site-radius-sm:4px;--site-shadow:12px 12px 0 #eeb3c7;--site-font:Georgia,"Times New Roman",serif;--site-heading:Georgia,"Times New Roman",serif;--site-pattern:radial-gradient(circle,#d99ab122 1px,transparent 1.5px) 0 0/28px 28px;--site-success:#15803d;--site-warning:#a16207}
body[data-donate-theme="sakura-paper"] input,body[data-donate-theme="sakura-paper"] textarea,body[data-donate-theme="sakura-paper"] select,body[data-donate-theme="sakura-paper"] .input,body[data-donate-theme="sakura-paper"] .textarea{border-width:0 0 2px!important;border-radius:0!important;box-shadow:none!important}

body[data-donate-theme="cyber-grid"]{--site-bg:#020617;--site-panel:#020817ee;--site-panel2:#04121f;--site-input:#04121f;--site-text:#ecfeff;--site-muted:#a5f3fc;--site-accent:#22d3ee;--site-accent2:#0e7490;--site-accent-text:#02131b;--site-border:#155e75;--site-border-strong:#22d3ee;--site-radius:0px;--site-radius-sm:0px;--site-shadow:0 0 0 1px #0891b244,0 0 45px #06b6d433;--site-pattern:linear-gradient(#22d3ee18 1px,transparent 1px),linear-gradient(90deg,#22d3ee18 1px,transparent 1px);--site-font:"Segoe UI",Arial,sans-serif}
body[data-donate-theme="cyber-grid"] .card,body[data-donate-theme="cyber-grid"] .page-card,body[data-donate-theme="cyber-grid"] .step-card,body[data-donate-theme="cyber-grid"] .game-hero,body[data-donate-theme="cyber-grid"][data-site-page="billing"] .shell{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
body[data-donate-theme="cyber-grid"] h1,body[data-donate-theme="cyber-grid"] h2{text-transform:uppercase;letter-spacing:.12em}

body[data-donate-theme="black-gold"]{--site-bg:radial-gradient(circle at top,#3b2b0b,#090909 42%,#000);--site-panel:linear-gradient(160deg,#18150e,#080808);--site-panel2:#10100e;--site-input:#0f0f0f;--site-text:#fff7d6;--site-muted:#bca76c;--site-accent:#f3dc86;--site-accent2:#a77c22;--site-accent-text:#171006;--site-border:#4d4022;--site-border-strong:#b99542;--site-radius:14px;--site-radius-sm:5px;--site-shadow:0 30px 85px #000, inset 0 0 40px #b995420b;--site-heading:Georgia,serif;--site-pattern:linear-gradient(135deg,transparent 48%,#d4af3710 49% 51%,transparent 52%) 0 0/44px 44px;--site-success:#e6d17a;--site-warning:#f6d77a}
body[data-donate-theme="black-gold"] h1,body[data-donate-theme="black-gold"] h2{letter-spacing:.08em}

body[data-donate-theme="ocean-wave"]{--site-bg:radial-gradient(circle at 50% -10%,#38bdf888,transparent 34%),linear-gradient(155deg,#082f49,#0f172a 58%,#020617);--site-panel:rgba(8,47,73,.72);--site-panel2:rgba(14,116,144,.22);--site-input:rgba(2,132,199,.12);--site-text:#f0f9ff;--site-muted:#bae6fd;--site-accent:#38bdf8;--site-accent2:#14b8a6;--site-accent-text:#032534;--site-border:rgba(125,211,252,.25);--site-border-strong:#38bdf8;--site-radius:34px;--site-radius-sm:18px;--site-shadow:0 28px 75px #001f3370;--site-pattern:radial-gradient(ellipse at 50% 100%,#38bdf811 0 28%,transparent 29%) 0 0/90px 38px}
body[data-donate-theme="ocean-wave"] .btn,body[data-donate-theme="ocean-wave"] .primary,body[data-donate-theme="ocean-wave"] .back-link{border-radius:999px!important}

body[data-donate-theme="candy-pop"]{color-scheme:light;--site-bg:linear-gradient(135deg,#fdf2f8,#e0f2fe 48%,#f3e8ff);--site-panel:#ffffff;--site-panel2:#fff5fb;--site-input:#fff;--site-text:#42165b;--site-muted:#8b5b9c;--site-accent:#ec4899;--site-accent2:#7c3aed;--site-accent-text:#fff;--site-border:#f0abfc;--site-border-strong:#d946ef;--site-radius:24px;--site-radius-sm:14px;--site-shadow:9px 9px 0 #7c3aed;--site-pattern:radial-gradient(circle,#ec48991f 0 3px,transparent 4px) 0 0/34px 34px;--site-success:#16a34a;--site-warning:#ca8a04}
body[data-donate-theme="candy-pop"] .card,body[data-donate-theme="candy-pop"] .page-card,body[data-donate-theme="candy-pop"] .step-card,body[data-donate-theme="candy-pop"] .game-hero,body[data-donate-theme="candy-pop"][data-site-page="billing"] .shell{border-width:3px!important}
body[data-donate-theme="candy-pop"] .btn,body[data-donate-theme="candy-pop"] .primary{box-shadow:4px 4px 0 #7c3aed!important}

body[data-donate-theme="minimal-white"]{color-scheme:light;--site-bg:#f4f4f0;--site-panel:#fff;--site-panel2:#f7f7f5;--site-input:#fff;--site-text:#111827;--site-muted:#6b7280;--site-accent:#111827;--site-accent2:#374151;--site-accent-text:#fff;--site-border:#d1d5db;--site-border-strong:#111827;--site-radius:8px;--site-radius-sm:4px;--site-shadow:0 12px 34px #11182714;--site-font:"Helvetica Neue",Arial,sans-serif;--site-heading:"Helvetica Neue",Arial,sans-serif;--site-pattern:linear-gradient(#11182708 1px,transparent 1px) 0 0/100% 36px;--site-success:#15803d;--site-warning:#a16207}
body[data-donate-theme="minimal-white"] h1,body[data-donate-theme="minimal-white"] h2{letter-spacing:-.03em}

body[data-donate-theme="terminal-green"]{--site-bg:#020704;--site-panel:#031109;--site-panel2:#04170c;--site-input:#020a05;--site-text:#bbf7d0;--site-muted:#4ade80;--site-accent:#22c55e;--site-accent2:#15803d;--site-accent-text:#001a08;--site-border:#166534;--site-border-strong:#22c55e;--site-radius:0px;--site-radius-sm:0px;--site-shadow:0 0 30px #22c55e18;--site-font:"Courier New",monospace;--site-heading:"Courier New",monospace;--site-pattern:repeating-linear-gradient(0deg,transparent 0 3px,#22c55e08 4px);--site-success:#4ade80;--site-warning:#bef264}
body[data-donate-theme="terminal-green"] h1::before,body[data-donate-theme="terminal-green"] h2::before{content:"> ";color:var(--site-accent)}
body[data-donate-theme="terminal-green"] button,body[data-donate-theme="terminal-green"] input,body[data-donate-theme="terminal-green"] textarea,body[data-donate-theme="terminal-green"] select{text-transform:none;letter-spacing:.03em}

body[data-donate-theme="sunset-split"]{color-scheme:light;--site-bg:linear-gradient(120deg,#fb7185 0 31%,#7c3aed 31% 43%,#fff7ed 43% 100%);--site-panel:#fffaf5;--site-panel2:#fff1f2;--site-input:#fff;--site-text:#4c1d3d;--site-muted:#9f5f6e;--site-accent:#e11d48;--site-accent2:#7c3aed;--site-accent-text:#fff;--site-border:#fecdd3;--site-border-strong:#fb7185;--site-radius:18px;--site-radius-sm:10px;--site-shadow:0 28px 70px #4c1d2d2b;--site-pattern:none;--site-success:#15803d;--site-warning:#a16207}
body[data-donate-theme="sunset-split"] .card,body[data-donate-theme="sunset-split"] .page-card,body[data-donate-theme="sunset-split"] .step-card,body[data-donate-theme="sunset-split"] .game-hero,body[data-donate-theme="sunset-split"][data-site-page="billing"] .shell{border-left:8px solid var(--site-accent)!important}

body[data-donate-theme="royal-purple"]{--site-bg:radial-gradient(circle at top,#8b5cf6,#2e1065 38%,#10002b);--site-panel:linear-gradient(165deg,#ffffff1f,#5b21b622);--site-panel2:#2e106566;--site-input:#2e106566;--site-text:#f5e8ff;--site-muted:#d8b4fe;--site-accent:#c084fc;--site-accent2:#ec4899;--site-accent-text:#fff;--site-border:#d8b4fe55;--site-border-strong:#c084fc;--site-radius:34px;--site-radius-sm:16px;--site-shadow:0 30px 80px #12002a, inset 0 1px #ffffff33;--site-heading:"Palatino Linotype",Georgia,serif;--site-pattern:radial-gradient(circle at center,#ffffff0b 0 1px,transparent 2px) 0 0/20px 20px}
body[data-donate-theme="royal-purple"] h1,body[data-donate-theme="royal-purple"] h2{font-weight:500;letter-spacing:.04em}

body[data-donate-theme="monochrome-studio"]{color-scheme:light;--site-bg:#dedede;--site-panel:#f7f7f4;--site-panel2:#fff;--site-input:#fff;--site-text:#111;--site-muted:#444;--site-accent:#111;--site-accent2:#111;--site-accent-text:#fff;--site-border:#111;--site-border-strong:#111;--site-radius:0px;--site-radius-sm:0px;--site-shadow:10px 10px 0 #111;--site-font:"Helvetica Neue",Arial,sans-serif;--site-heading:"Helvetica Neue",Arial,sans-serif;--site-pattern:linear-gradient(90deg,#11111110 1px,transparent 1px) 0 0/42px 100%;--site-success:#111;--site-warning:#111}
body[data-donate-theme="monochrome-studio"] .card,body[data-donate-theme="monochrome-studio"] .page-card,body[data-donate-theme="monochrome-studio"] .step-card,body[data-donate-theme="monochrome-studio"] .game-hero,body[data-donate-theme="monochrome-studio"][data-site-page="billing"] .shell{border-width:4px!important}
body[data-donate-theme="monochrome-studio"] h1,body[data-donate-theme="monochrome-studio"] h2{text-transform:uppercase;letter-spacing:-.045em;font-weight:900}


body[data-donate-theme="neon-tokyo"]{--site-bg:linear-gradient(155deg,#050510 0 55%,#16051f 55% 100%);--site-panel:#080812ee;--site-panel2:#120d1d;--site-input:#0d0c18;--site-text:#f8fafc;--site-muted:#a5f3fc;--site-accent:#22d3ee;--site-accent2:#ec4899;--site-accent-text:#050510;--site-border:#334155;--site-border-strong:#22d3ee;--site-radius:0 28px 0 28px;--site-radius-sm:0 12px 12px 0;--site-shadow:18px 18px 0 #ec489922,0 0 55px #22d3ee22;--site-pattern:linear-gradient(90deg,#22d3ee0c 1px,transparent 1px) 0 0/32px 32px}
body[data-donate-theme="neon-tokyo"] h1,body[data-donate-theme="neon-tokyo"] h2{text-transform:uppercase;letter-spacing:.13em}
body[data-donate-theme="emerald-luxe"]{--site-bg:radial-gradient(circle at top,#174b3b,#071a14 46%,#020705);--site-panel:linear-gradient(155deg,#10281f,#07130f);--site-panel2:#143d2e;--site-input:#06100c;--site-text:#fff8dd;--site-muted:#cbbd8b;--site-accent:#d6bd72;--site-accent2:#9d7a32;--site-accent-text:#17200e;--site-border:#405f50;--site-border-strong:#b89b55;--site-radius:18px;--site-radius-sm:9px;--site-shadow:0 35px 90px #0009,inset 0 0 55px #d6bd7209;--site-heading:Georgia,"Times New Roman",serif;--site-pattern:linear-gradient(135deg,transparent 48%,#d6bd7208 49% 51%,transparent 52%) 0 0/48px 48px;--site-success:#d6bd72;--site-warning:#f0d98c}
body[data-donate-theme="peach-cream"]{color-scheme:light;--site-bg:radial-gradient(circle at 85% 5%,#ffd2c7 0 20%,transparent 21%),linear-gradient(145deg,#fff7ef,#ffe9dc 58%,#ffd8d0);--site-panel:#fffaf5;--site-panel2:#fff3ea;--site-input:#fff;--site-text:#5f3029;--site-muted:#9c6c61;--site-accent:#fb7185;--site-accent2:#f59e8b;--site-accent-text:#fff;--site-border:#efc6b9;--site-border-strong:#f3a795;--site-radius:42px 42px 14px 42px;--site-radius-sm:18px;--site-shadow:0 26px 60px #8a4a3030;--site-pattern:radial-gradient(circle,#fb718514 0 2px,transparent 3px) 0 0/30px 30px;--site-success:#15803d;--site-warning:#a16207}
body[data-donate-theme="arctic-glass"]{color-scheme:light;--site-bg:radial-gradient(circle at 20% 10%,#fff 0 13%,transparent 30%),radial-gradient(circle at 90% 5%,#7dd3fc66,transparent 28%),linear-gradient(160deg,#e9f8ff,#c7e9f7 50%,#eaf4ff);--site-panel:#ffffffa6;--site-panel2:#eefbffbb;--site-input:#ffffffc7;--site-text:#12304a;--site-muted:#52798b;--site-accent:#0ea5e9;--site-accent2:#14b8a6;--site-accent-text:#fff;--site-border:#a9d7e8;--site-border-strong:#38bdf8;--site-radius:32px;--site-radius-sm:14px;--site-shadow:0 30px 75px #1e6b8f26;--site-pattern:linear-gradient(135deg,#fff4 25%,transparent 25% 75%,#fff4 75%) 0 0/42px 42px;--site-success:#15803d;--site-warning:#a16207}
body[data-donate-theme="crimson-noir"]{--site-bg:linear-gradient(145deg,#050505 0 60%,#250407 60%);--site-panel:#090909;--site-panel2:#18181b;--site-input:#0e0e0e;--site-text:#fafafa;--site-muted:#fca5a5;--site-accent:#dc2626;--site-accent2:#7f1d1d;--site-accent-text:#fff;--site-border:#3f1519;--site-border-strong:#dc2626;--site-radius:3px;--site-radius-sm:2px;--site-shadow:20px 20px 0 #240306,0 30px 80px #000;--site-pattern:linear-gradient(120deg,transparent 0 47%,#dc262608 48% 52%,transparent 53%) 0 0/52px 52px;--site-success:#f87171;--site-warning:#fca5a5}
body[data-donate-theme="coffee-atelier"]{color-scheme:light;--site-bg:#e9decb;--site-panel:#fffaf0;--site-panel2:#f7efe1;--site-input:#fffaf0;--site-text:#3d2b20;--site-muted:#765b48;--site-accent:#6f4e37;--site-accent2:#9a765a;--site-accent-text:#fffaf0;--site-border:#c7ac8e;--site-border-strong:#8f6d51;--site-radius:0px;--site-radius-sm:0px;--site-shadow:10px 10px 0 #7b5a3a55;--site-font:Georgia,"Times New Roman",serif;--site-heading:Georgia,"Times New Roman",serif;--site-pattern:linear-gradient(#6f4e3710 1px,transparent 1px) 0 0/100% 32px;--site-success:#5b7d48;--site-warning:#8a5b25}
body[data-donate-theme="pixel-arcade"]{--site-bg:#0b1020;--site-panel:#111827;--site-panel2:#0f172a;--site-input:#030712;--site-text:#fff;--site-muted:#67e8f9;--site-accent:#22d3ee;--site-accent2:#7c3aed;--site-accent-text:#06131b;--site-border:#374151;--site-border-strong:#facc15;--site-radius:0px;--site-radius-sm:0px;--site-shadow:8px 8px 0 #7c3aed;--site-font:"Courier New",monospace;--site-heading:"Courier New",monospace;--site-pattern:linear-gradient(90deg,#22d3ee0d 1px,transparent 1px),linear-gradient(#22d3ee0d 1px,transparent 1px);--site-success:#22d3ee;--site-warning:#facc15}
body[data-donate-theme="pixel-arcade"] .card,body[data-donate-theme="pixel-arcade"] .page-card,body[data-donate-theme="pixel-arcade"] .step-card,body[data-donate-theme="pixel-arcade"] .game-hero{border-width:3px!important}
body[data-donate-theme="lavender-mist"]{color-scheme:light;--site-bg:radial-gradient(circle at 15% 10%,#fff 0 12%,transparent 28%),radial-gradient(circle at 88% 8%,#d8b4fe88,transparent 28%),linear-gradient(145deg,#f5f0ff,#ede9fe 50%,#fae8ff);--site-panel:#ffffffc7;--site-panel2:#faf7ff;--site-input:#fff;--site-text:#402c5c;--site-muted:#80699a;--site-accent:#8b5cf6;--site-accent2:#d946ef;--site-accent-text:#fff;--site-border:#ddd6fe;--site-border-strong:#a78bfa;--site-radius:36px;--site-radius-sm:18px;--site-shadow:0 28px 65px #6d28d922;--site-pattern:radial-gradient(circle,#8b5cf612 0 2px,transparent 3px) 0 0/30px 30px;--site-success:#15803d;--site-warning:#a16207}

/* keep QR itself readable in all light/dark themes */
body[data-donate-theme] .qr,body[data-donate-theme] .qr-wrap,body[data-donate-theme] .payment-box img,body[data-donate-theme] .qrbox img{background:#fff!important}

@media(max-width:600px){body[data-donate-theme="candy-pop"]{--site-shadow:5px 5px 0 #7c3aed}body[data-donate-theme="sakura-paper"]{--site-shadow:6px 6px 0 #eeb3c7}body[data-donate-theme="monochrome-studio"]{--site-shadow:6px 6px 0 #111}body[data-donate-theme="aurora-flow"]{--site-radius:30px}}

/* readability fixes for pages that had hard-coded dark-theme text colors */
body[data-site-page="games"][data-donate-theme] .brand-sub,
body[data-site-page="games"][data-donate-theme] .intro p,
body[data-site-page="games"][data-donate-theme] .account-chip small,
body[data-site-page="games"][data-donate-theme] .game-hero p,
body[data-site-page="games"][data-donate-theme] .step-title p,
body[data-site-page="games"][data-donate-theme] .message-meta,
body[data-site-page="games"][data-donate-theme] .pay-option small,
body[data-site-page="games"][data-donate-theme] .success-modal p{color:var(--site-muted)!important}
body[data-site-page="games"][data-donate-theme] .header-nav a,
body[data-site-page="games"][data-donate-theme] .field-label,
body[data-site-page="games"][data-donate-theme] .header-actions a{color:var(--site-text)!important}
body[data-site-page="games"][data-donate-theme] .header-nav a:hover{background:color-mix(in srgb,var(--site-accent) 12%,transparent)!important}
body[data-site-page="pay"][data-donate-theme]{animation:none!important}
body[data-site-page="legal"][data-donate-theme] .site-footer,
body[data-site-page="legal"][data-donate-theme] .updated{color:var(--site-muted)!important}


/* Opaque admin drawer surfaces per global theme.
   Kept separate from --site-panel because several public themes intentionally use translucent glass panels. */
body[data-donate-theme="eliana-glass"]{--admin-sidebar-bg:#0b1020}
body[data-donate-theme="aurora-flow"]{--admin-sidebar-bg:#07111c}
body[data-donate-theme="sakura-paper"]{--admin-sidebar-bg:#fff7f8}
body[data-donate-theme="cyber-grid"]{--admin-sidebar-bg:#020817}
body[data-donate-theme="black-gold"]{--admin-sidebar-bg:#0b0a07}
body[data-donate-theme="ocean-wave"]{--admin-sidebar-bg:#082f49}
body[data-donate-theme="candy-pop"]{--admin-sidebar-bg:#fff5fb}
body[data-donate-theme="minimal-white"]{--admin-sidebar-bg:#f7f7f5}
body[data-donate-theme="terminal-green"]{--admin-sidebar-bg:#031109}
body[data-donate-theme="sunset-split"]{--admin-sidebar-bg:#fff1f2}
body[data-donate-theme="royal-purple"]{--admin-sidebar-bg:#241046}
body[data-donate-theme="monochrome-studio"]{--admin-sidebar-bg:#f7f7f4}
body[data-donate-theme="neon-tokyo"]{--admin-sidebar-bg:#080812}
body[data-donate-theme="emerald-luxe"]{--admin-sidebar-bg:#07130f}
body[data-donate-theme="peach-cream"]{--admin-sidebar-bg:#fff3ea}
body[data-donate-theme="arctic-glass"]{--admin-sidebar-bg:#e9f8ff}
body[data-donate-theme="crimson-noir"]{--admin-sidebar-bg:#090909}
body[data-donate-theme="coffee-atelier"]{--admin-sidebar-bg:#f7efe1}
body[data-donate-theme="pixel-arcade"]{--admin-sidebar-bg:#0b1020}
body[data-donate-theme="lavender-mist"]{--admin-sidebar-bg:#f5f0ff}

/* ADMIN PANEL — global website theme support v1.5.12 */
html[data-site-theme="sakura-paper"],html[data-site-theme="candy-pop"],html[data-site-theme="minimal-white"],html[data-site-theme="sunset-split"],html[data-site-theme="monochrome-studio"],html[data-site-theme="peach-cream"],html[data-site-theme="arctic-glass"],html[data-site-theme="coffee-atelier"],html[data-site-theme="lavender-mist"]{color-scheme:light}
html[data-site-theme="eliana-glass"],html[data-site-theme="aurora-flow"],html[data-site-theme="cyber-grid"],html[data-site-theme="black-gold"],html[data-site-theme="ocean-wave"],html[data-site-theme="terminal-green"],html[data-site-theme="royal-purple"],html[data-site-theme="neon-tokyo"],html[data-site-theme="emerald-luxe"],html[data-site-theme="crimson-noir"],html[data-site-theme="pixel-arcade"]{color-scheme:dark}

/* v1.5.15 — native <select> popup readability.
   Desktop Chromium may render the popup on a system surface instead of the select's own background.
   Give option/optgroup explicit foreground + background for every light/dark theme. */
html[data-site-theme] select{color-scheme:inherit!important}
html[data-site-theme] select option,html[data-site-theme] select optgroup{color:var(--site-text)!important;background:var(--site-panel2)!important}
html[data-site-theme="sakura-paper"] select option,html[data-site-theme="sakura-paper"] select optgroup,
html[data-site-theme="candy-pop"] select option,html[data-site-theme="candy-pop"] select optgroup,
html[data-site-theme="minimal-white"] select option,html[data-site-theme="minimal-white"] select optgroup,
html[data-site-theme="sunset-split"] select option,html[data-site-theme="sunset-split"] select optgroup,
html[data-site-theme="monochrome-studio"] select option,html[data-site-theme="monochrome-studio"] select optgroup,
html[data-site-theme="peach-cream"] select option,html[data-site-theme="peach-cream"] select optgroup,
html[data-site-theme="arctic-glass"] select option,html[data-site-theme="arctic-glass"] select optgroup,
html[data-site-theme="coffee-atelier"] select option,html[data-site-theme="coffee-atelier"] select optgroup,
html[data-site-theme="lavender-mist"] select option,html[data-site-theme="lavender-mist"] select optgroup{background:#fff!important;color:#111827!important}
html[data-site-theme="eliana-glass"] select option,html[data-site-theme="eliana-glass"] select optgroup,
html[data-site-theme="aurora-flow"] select option,html[data-site-theme="aurora-flow"] select optgroup,
html[data-site-theme="cyber-grid"] select option,html[data-site-theme="cyber-grid"] select optgroup,
html[data-site-theme="black-gold"] select option,html[data-site-theme="black-gold"] select optgroup,
html[data-site-theme="ocean-wave"] select option,html[data-site-theme="ocean-wave"] select optgroup,
html[data-site-theme="terminal-green"] select option,html[data-site-theme="terminal-green"] select optgroup,
html[data-site-theme="royal-purple"] select option,html[data-site-theme="royal-purple"] select optgroup,
html[data-site-theme="neon-tokyo"] select option,html[data-site-theme="neon-tokyo"] select optgroup,
html[data-site-theme="emerald-luxe"] select option,html[data-site-theme="emerald-luxe"] select optgroup,
html[data-site-theme="crimson-noir"] select option,html[data-site-theme="crimson-noir"] select optgroup,
html[data-site-theme="pixel-arcade"] select option,html[data-site-theme="pixel-arcade"] select optgroup{background:#0f172a!important;color:#f8fafc!important}
body[data-site-page="admin"][data-donate-theme]{
  --bg:var(--site-bg);--panel:var(--site-panel);--panel2:var(--site-panel2);--line:var(--site-border);--muted:var(--site-muted);--pink:var(--site-accent);--green:var(--site-success);
  background:var(--site-bg)!important;color:var(--site-text)!important;
}
body[data-site-page="admin"][data-donate-theme] .sidebar{
  /* Sidebar MUST be opaque. A translucent panel lets the page theme's large radial
     background bleed through while the mobile drawer is dragged, which looks like
     an oversized logo moving beside/inside the sidebar. */
  background:var(--admin-sidebar-bg,#09111f)!important;
  border-right-color:var(--site-border)!important;
  box-shadow:10px 0 40px color-mix(in srgb,#000 28%,transparent);
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  overflow-x:hidden!important;isolation:isolate;contain:paint;
}
body[data-site-page="admin"][data-donate-theme] .topbar,
body[data-site-page="admin"][data-donate-theme] .save-card{
  background:var(--site-panel)!important;border-color:var(--site-border)!important;color:var(--site-text)!important;backdrop-filter:blur(18px)
}
body[data-site-page="admin"][data-donate-theme] .card,
body[data-site-page="admin"][data-donate-theme] .toolbar,
body[data-site-page="admin"][data-donate-theme] .item,
body[data-site-page="admin"][data-donate-theme] .empty,
body[data-site-page="admin"][data-donate-theme] .game-modal-card{
  background:var(--site-panel)!important;border:1px solid var(--site-border)!important;border-radius:var(--site-radius)!important;box-shadow:var(--site-shadow)!important;color:var(--site-text)!important
}
body[data-site-page="admin"][data-donate-theme] .brand strong,
body[data-site-page="admin"][data-donate-theme] .page-heading h2,
body[data-site-page="admin"][data-donate-theme] .topbar h1,
body[data-site-page="admin"][data-donate-theme] .card h2,
body[data-site-page="admin"][data-donate-theme] .card h3,
body[data-site-page="admin"][data-donate-theme] .name,
body[data-site-page="admin"][data-donate-theme] .game-modal-head strong{color:var(--site-text)!important}
body[data-site-page="admin"][data-donate-theme] .brand small,
body[data-site-page="admin"][data-donate-theme] .topbar p,
body[data-site-page="admin"][data-donate-theme] .page-heading p,
body[data-site-page="admin"][data-donate-theme] .hint,
body[data-site-page="admin"][data-donate-theme] .card-subtitle,
body[data-site-page="admin"][data-donate-theme] .meta,
body[data-site-page="admin"][data-donate-theme] .nav-label,
body[data-site-page="admin"][data-donate-theme] .catalog-empty,
body[data-site-page="admin"][data-donate-theme] .game-logo-placeholder{color:var(--site-muted)!important}
body[data-site-page="admin"][data-donate-theme] .brand-mark,
body[data-site-page="admin"][data-donate-theme] .login-brand-mark{
  position:relative;overflow:hidden!important;
  background:linear-gradient(135deg,var(--site-accent),var(--site-accent2))!important;
  border:1px solid var(--site-border)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--site-accent) 22%,transparent);
  flex:none!important;min-width:42px;max-width:42px;min-height:42px;max-height:42px;
  touch-action:manipulation;-webkit-user-select:none;user-select:none;
}
body[data-site-page="admin"][data-donate-theme] .brand-mark.has-logo,
body[data-site-page="admin"][data-donate-theme] .login-brand-mark.has-logo{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
body[data-site-page="admin"][data-donate-theme] .brand-mark img,
body[data-site-page="admin"][data-donate-theme] .login-brand-mark img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;object-fit:contain!important;
  object-position:center!important;display:block;pointer-events:none!important;
  -webkit-user-drag:none!important;-webkit-user-select:none!important;user-select:none!important;
}
body[data-site-page="admin"][data-donate-theme] .brand-mark img[hidden],
body[data-site-page="admin"][data-donate-theme] .login-brand-mark img[hidden]{display:none!important}
body[data-site-page="admin"][data-donate-theme] .brand-mark [data-admin-brand-fallback],
body[data-site-page="admin"][data-donate-theme] .login-brand-mark [data-admin-brand-fallback]{font-weight:900;color:var(--site-accent-text)}
body[data-site-page="admin"][data-donate-theme] .nav a{color:var(--site-text)!important;border-color:transparent!important}
body[data-site-page="admin"][data-donate-theme] .nav a:hover{background:color-mix(in srgb,var(--site-accent) 12%,var(--site-panel2))!important}
body[data-site-page="admin"][data-donate-theme] .nav a.active{background:color-mix(in srgb,var(--site-accent) 18%,var(--site-panel2))!important;border-color:var(--site-border-strong)!important;color:var(--site-text)!important}
body[data-site-page="admin"][data-donate-theme] input,
body[data-site-page="admin"][data-donate-theme] select,
body[data-site-page="admin"][data-donate-theme] textarea,
body[data-site-page="admin"][data-donate-theme] .toggle-row,
body[data-site-page="admin"][data-donate-theme] .preview,
body[data-site-page="admin"][data-donate-theme] .quick-link,
body[data-site-page="admin"][data-donate-theme] .faq-editor-item,
body[data-site-page="admin"][data-donate-theme] .link-editor-item,
body[data-site-page="admin"][data-donate-theme] .social-editor-item,
body[data-site-page="admin"][data-donate-theme] .voice-note-card,
body[data-site-page="admin"][data-donate-theme] .game-logo-box,
body[data-site-page="admin"][data-donate-theme] .game-category-pick,
body[data-site-page="admin"][data-donate-theme] .game-selected-category,
body[data-site-page="admin"][data-donate-theme] .status-box{
  background:var(--site-input)!important;color:var(--site-text)!important;border-color:var(--site-border)!important;border-radius:var(--site-radius-sm)!important
}
body[data-site-page="admin"][data-donate-theme] label.field,
body[data-site-page="admin"][data-donate-theme] .field,
body[data-site-page="admin"][data-donate-theme] .mini-toggle,
body[data-site-page="admin"][data-donate-theme] .message,
body[data-site-page="admin"][data-donate-theme] td,
body[data-site-page="admin"][data-donate-theme] th{color:var(--site-text)!important}
body[data-site-page="admin"][data-donate-theme] td,
body[data-site-page="admin"][data-donate-theme] th,
body[data-site-page="admin"][data-donate-theme] .leaderboard-item,
body[data-site-page="admin"][data-donate-theme] .message{border-color:var(--site-border)!important}
body[data-site-page="admin"][data-donate-theme] .primary,
body[data-site-page="admin"][data-donate-theme] .btn:not(.secondary):not(.download),
body[data-site-page="admin"][data-donate-theme] .public-tab.active,
body[data-site-page="admin"][data-donate-theme] .game-admin-tab.active{
  background:linear-gradient(135deg,var(--site-accent),var(--site-accent2))!important;color:var(--site-accent-text)!important;border-color:transparent!important;border-radius:var(--site-radius-sm)!important
}
body[data-site-page="admin"][data-donate-theme] .secondary,
body[data-site-page="admin"][data-donate-theme] .ghost,
body[data-site-page="admin"][data-donate-theme] .btn.secondary,
body[data-site-page="admin"][data-donate-theme] .public-tab,
body[data-site-page="admin"][data-donate-theme] .game-admin-tab,
body[data-site-page="admin"][data-donate-theme] .menu,
body[data-site-page="admin"][data-donate-theme] .menu-button{
  background:var(--site-panel2)!important;color:var(--site-text)!important;border:1px solid var(--site-border)!important;border-radius:var(--site-radius-sm)!important
}
body[data-site-page="admin"][data-donate-theme] .danger,
body[data-site-page="admin"][data-donate-theme] .logout{background:color-mix(in srgb,var(--site-danger) 86%,#7f1d1d)!important;color:#fff!important;border-radius:var(--site-radius-sm)!important}
body[data-site-page="admin"][data-donate-theme] .toggle-row input{accent-color:var(--site-accent)!important}
body[data-site-page="admin"][data-donate-theme] a,
body[data-site-page="admin"][data-donate-theme] code,
body[data-site-page="admin"][data-donate-theme] .rank,
body[data-site-page="admin"][data-donate-theme] .voice-note-title{color:var(--site-accent)!important}
body[data-site-page="admin"][data-donate-theme] .total,
body[data-site-page="admin"][data-donate-theme] .amount,
body[data-site-page="admin"][data-donate-theme] .ok{color:var(--site-success)!important}
body[data-site-page="admin"][data-donate-theme] .err{color:var(--site-danger)!important}
body[data-site-page="admin"][data-donate-theme] .theme-note{background:color-mix(in srgb,var(--site-accent) 10%,var(--site-panel2))!important;border-color:var(--site-border-strong)!important;color:var(--site-text)!important;border-radius:var(--site-radius-sm)!important}
body[data-site-page="admin"][data-donate-theme] .theme-chip{background:var(--site-panel2)!important;border-color:var(--site-border)!important;color:var(--site-text)!important}
body[data-site-page="admin"][data-donate-theme] .catalog-table-wrap,
body[data-site-page="admin"][data-donate-theme] .game-table-wrap{border-color:var(--site-border)!important;border-radius:var(--site-radius-sm)!important}
body[data-site-page="admin"][data-donate-theme] .game-modal{background:color-mix(in srgb,#000 58%,transparent)!important;backdrop-filter:blur(9px)}
body[data-site-page="admin"][data-donate-theme] .game-action-fav.active{background:linear-gradient(135deg,var(--site-accent),var(--site-accent2))!important;color:var(--site-accent-text)!important}
body[data-site-page="admin"][data-donate-theme] .contact-required,
body[data-site-page="admin"][data-donate-theme] .warning-box{background:color-mix(in srgb,var(--site-warning) 12%,var(--site-panel))!important;border-color:color-mix(in srgb,var(--site-warning) 45%,transparent)!important;color:var(--site-warning)!important}
body[data-site-page="admin"][data-donate-theme] .login-admin-card{width:min(420px,calc(100% - 32px));padding:30px}
body[data-site-page="admin"][data-donate-theme] .login-brand{display:flex;align-items:center;gap:13px;margin-bottom:22px}
body[data-site-page="admin"][data-donate-theme] .login-brand-mark{width:54px;height:54px;min-width:54px;max-width:54px;min-height:54px;max-height:54px;display:grid;place-items:center;border-radius:calc(var(--site-radius-sm) + 3px);font-size:18px;flex:0 0 54px!important}
body[data-site-page="admin"][data-donate-theme] .login-brand-copy strong{display:block;font-size:18px;color:var(--site-text)}
body[data-site-page="admin"][data-donate-theme] .login-brand-copy small{display:block;margin-top:3px;color:var(--site-muted)}
body[data-site-page="admin"][data-donate-theme] .brand-mark{flex:0 0 auto}
@media(max-width:600px){body[data-site-page="admin"][data-donate-theme] .sidebar{width:min(310px,88vw)}body[data-site-page="admin"][data-donate-theme] .login-admin-card{padding:22px}}

/* v1.5.12 — admin branding logo tanpa kotak/border dekoratif.
   Logo yang di-upload ditampilkan apa adanya di sidebar dan halaman login. */
body[data-site-page="admin"] .brand-mark,
body[data-site-page="admin"] .login-brand-mark,
body[data-site-page="admin"][data-donate-theme] .brand-mark,
body[data-site-page="admin"][data-donate-theme] .login-brand-mark{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  outline:0!important;
}
