/* ============================================================
   DYNAMIC THEME — Generated from tb_thema
   Updated: 2026-11-08 18:50:59   ============================================================ */

:root {
  /* ===== WARNA UTAMA ===== */
  --gold-100: #f3e8ff;
  --gold-200: #e0c4ff;
  --gold-300: #c084fc;
  --gold-400: #a855f7;
  --gold-500: #9333ea;
  --gold-600: #7e22ce;
  --gold-700: #581c87;
  --gold-900: #2e1065;

  /* ===== RGB (untuk rgba) ===== */
  --gold-100-rgb: 243,232,255;
  --gold-200-rgb: 224,196,255;
  --gold-300-rgb: 192,132,252;
  --gold-400-rgb: 168,85,247;
  --gold-500-rgb: 147,51,234;
  --gold-600-rgb: 126,34,206;
  --gold-700-rgb: 88,28,135;
  --gold-900-rgb: 46,16,101;

  /* ===== VARIAN BG ===== */
  --bg-dark-2: #2e1065;
  --bg-dark:   #581c87;

  /* ===== GRADIENT ===== */
  --grad-gold-simple: linear-gradient(135deg, #9333ea, #581c87);
  --grad-gold-glossy: linear-gradient(180deg, #e0c4ff 0%, #9333ea 45%, #7e22ce 100%);
  --grad-gold: linear-gradient(
    270deg,
    #9333ea 15%, #581c87 21%, #2e1065 33%,
    #9333ea 44%, #2e1065 60%, #9333ea 73%,
    #9333ea 85%, #581c87 100%
  );

  /* ===== GLOSSY / KILAU / BLUR TIPIS ===== */
  --grad-glossy-top:   linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,0));
  --grad-glossy-soft:  linear-gradient(180deg, rgba(255,255,255,.25), rgba(255,255,255,.05) 60%, rgba(255,255,255,0));
  --grad-glossy-strong:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.05));
  --radial-shine:      radial-gradient(circle at 30% 0%, rgba(255,255,255,.5), transparent 55%);
  --radial-soft:       radial-gradient(circle at 30% 0%, rgba(255,255,255,.35), transparent 60%);

  /* ===== SHADOW ===== */
  --border-gold: 1px solid rgba(147,51,234, .2);
  --shadow-gold: 0 4px 15px rgba(147,51,234, .25);
  --shadow-gold-lg: 0 8px 30px rgba(147,51,234, .4);

  /* ===== SHADOW GLOSSY (inset) ===== */
  --shadow-glossy-inset: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.15);
  --shadow-glossy-btn:   inset 0 1px 0 rgba(255,255,255,.65), inset 0 -1px 0 rgba(0,0,0,.12), 0 2px 6px rgba(0,0,0,.12);

  /* ===== TRANSISI ===== */
  --trans-fast: all .15s ease;
  --trans-base: all .25s ease;
}

/* ===== BACKGROUND ===== */
.pc body.black-gold-theme {
  background-image: url('https://s15.gifyu.com/images/bQAvw.gif') !important;
}

.mobile body {
  background-image: url('https://s15.gifyu.com/images/bc2qu.jpg') !important;
}

/* ===== ICON KATEGORI GAME (PC) ===== */
.pc .black-gold-theme .game-list-box .game-menu .history-menu { background-image: url(https://s15.gifyu.com/images/bQA7k.gif); }
.pc .black-gold-theme .game-list-box .game-menu .hot-menu     { background-image: url(https://s15.gifyu.com/images/bQAhF.gif); }
.pc .black-gold-theme .game-list-box .game-menu .live-menu    { background-image: url(https://s15.gifyu.com/images/bQAvQ.gif); }
.pc .black-gold-theme .game-list-box .game-menu .elgame-menu  { background-image: url(https://s15.gifyu.com/images/bQAvF.gif); }
.pc .black-gold-theme .game-list-box .game-menu .lottery-menu { background-image: url(https://s15.gifyu.com/images/bQAvf.gif); }
.pc .black-gold-theme .game-list-box .game-menu .sport-menu   { background-image: url(https://s15.gifyu.com/images/bQAmJ.gif); }
.pc .black-gold-theme .game-list-box .game-menu .fish-menu    { background-image: url(https://s15.gifyu.com/images/bQAqv.gif); }
.pc .black-gold-theme .game-list-box .game-menu .card-menu    { background-image: url(https://s15.gifyu.com/images/bQAmX.gif); }
.pc .black-gold-theme .game-list-box .game-menu p {
  background-image: url(https://s15.gifyu.com/images/bQA7k.gif);
  border-radius: 30px !important;
}

/* ===== ICON KATEGORI GAME (MOBILE) ===== */
.black-gold-theme .game-list .game-menu .history-menu { background-image: url(https://s15.gifyu.com/images/bQA7k.gif); }
.black-gold-theme .game-list .game-menu .hot-menu     { background-image: url(https://s15.gifyu.com/images/bQAhF.gif); }
.black-gold-theme .game-list .game-menu .live-menu    { background-image: url(https://s15.gifyu.com/images/bQAvQ.gif); }
.black-gold-theme .game-list .game-menu .elgame-menu  { background-image: url(https://s15.gifyu.com/images/bQAvF.gif); }
.black-gold-theme .game-list .game-menu .lottery-menu { background-image: url(https://s15.gifyu.com/images/bQAvf.gif); }
.black-gold-theme .game-list .game-menu .sport-menu   { background-image: url(https://s15.gifyu.com/images/bQAmJ.gif); }
.black-gold-theme .game-list .game-menu .fish-menu    { background-image: url(https://s15.gifyu.com/images/bQAqv.gif); }
.black-gold-theme .game-list .game-menu .card-menu    { background-image: url(https://s15.gifyu.com/images/bQAmX.gif); }
.black-gold-theme .game-list .game-menu p {
  background-image: url(https://s15.gifyu.com/images/bQA7k.gif);
  border-radius: 30px !important;
}

/* ===== UTILITAS GLOSSY (opsional, bisa dipakai di CSS lain) ===== */
.glossy-top::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 50%;
  background: var(--grad-glossy-top);
  pointer-events: none;
}

.glossy-shine::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--radial-shine);
  pointer-events: none;
  mix-blend-mode: screen;
  filter: blur(4px);
}