/* ============================================================
   DYNAMIC THEME — Generated from tb_thema
   Updated: 2026-10-09 21:53:32   ============================================================ */

:root {
  /* ===== WARNA UTAMA ===== */
  --gold-100: #fff2c2;
  --gold-200: #ffe276;
  --gold-300: #ffd84d;
  --gold-400: #ffc928;
  --gold-500: #f5c842;
  --gold-600: #e5a900;
  --gold-700: #b8860b;
  --gold-900: #3d2a00;

  /* ===== RGB (untuk rgba) ===== */
  --gold-100-rgb: 255,242,194;
  --gold-200-rgb: 255,226,118;
  --gold-300-rgb: 255,216,77;
  --gold-400-rgb: 255,201,40;
  --gold-500-rgb: 245,200,66;
  --gold-600-rgb: 229,169,0;
  --gold-700-rgb: 184,134,11;
  --gold-900-rgb: 61,42,0;

  /* ===== VARIAN BG ===== */
  --bg-dark-2: #3d2a00;
  --bg-dark:   #b8860b;

  /* ===== GRADIENT ===== */
  --grad-gold-simple: linear-gradient(135deg, #f5c842, #b8860b);
  --grad-gold-glossy: linear-gradient(180deg, #ffe276 0%, #f5c842 45%, #e5a900 100%);
  --grad-gold: linear-gradient(
    270deg,
    #f5c842 15%, #b8860b 21%, #3d2a00 33%,
    #f5c842 44%, #3d2a00 60%, #f5c842 73%,
    #f5c842 85%, #b8860b 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(245,200,66, .2);
  --shadow-gold: 0 4px 15px rgba(245,200,66, .25);
  --shadow-gold-lg: 0 8px 30px rgba(245,200,66, .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://cdn.areabermain.club/assets/cdn/az9/2026/08/02/20260802/870ed5bb34239b019b245e5f1ed74f61/jutawanbet-background-17agustus-1.jpg') !important;
}

.mobile body {
  background-image: url('https://puncakwd.nyc3.cdn.digitaloceanspaces.com/PUNCAKWD_BACKGROUND_MOBILE.jpg') !important;
}

/* ===== ICON KATEGORI GAME (PC) ===== */
.pc .black-gold-theme .game-list-box .game-menu .history-menu { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_history.gif); }
.pc .black-gold-theme .game-list-box .game-menu .hot-menu     { background-image: url(https://puncakwd.nyc3.cdn.digitaloceanspaces.com/ICON-HOT.gif); }
.pc .black-gold-theme .game-list-box .game-menu .live-menu    { background-image: url(https://puncakwd.nyc3.cdn.digitaloceanspaces.com/ICON-LIVE-GAME.gif); }
.pc .black-gold-theme .game-list-box .game-menu .elgame-menu  { background-image: url(https://puncakwd.nyc3.cdn.digitaloceanspaces.com/ICON-SLOT-GAME-.gif); }
.pc .black-gold-theme .game-list-box .game-menu .lottery-menu { background-image: url(https://puncakwd.nyc3.cdn.digitaloceanspaces.com/ICON-TOGEL.gif); }
.pc .black-gold-theme .game-list-box .game-menu .sport-menu   { background-image: url(https://puncakwd.nyc3.cdn.digitaloceanspaces.com/ICON-SPORTSBOOK.gif); }
.pc .black-gold-theme .game-list-box .game-menu .fish-menu    { background-image: url(https://puncakwd.nyc3.cdn.digitaloceanspaces.com/ICON-TEMBAK-IKAN.gif); }
.pc .black-gold-theme .game-list-box .game-menu .card-menu    { background-image: url(https://puncakwd.nyc3.cdn.digitaloceanspaces.com/ICON-ARCADE.gif); }
.pc .black-gold-theme .game-list-box .game-menu p {
  background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_history.gif);
  border-radius: 30px !important;
}

/* ===== ICON KATEGORI GAME (MOBILE) ===== */
.black-gold-theme .game-list .game-menu .history-menu { background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_history.gif); }
.black-gold-theme .game-list .game-menu .hot-menu     { background-image: url(https://puncakwd.nyc3.cdn.digitaloceanspaces.com/ICON-HOT.gif); }
.black-gold-theme .game-list .game-menu .live-menu    { background-image: url(https://puncakwd.nyc3.cdn.digitaloceanspaces.com/ICON-LIVE-GAME.gif); }
.black-gold-theme .game-list .game-menu .elgame-menu  { background-image: url(https://puncakwd.nyc3.cdn.digitaloceanspaces.com/ICON-SLOT-GAME-.gif); }
.black-gold-theme .game-list .game-menu .lottery-menu { background-image: url(https://puncakwd.nyc3.cdn.digitaloceanspaces.com/ICON-TOGEL.gif); }
.black-gold-theme .game-list .game-menu .sport-menu   { background-image: url(https://puncakwd.nyc3.cdn.digitaloceanspaces.com/ICON-SPORTSBOOK.gif); }
.black-gold-theme .game-list .game-menu .fish-menu    { background-image: url(https://puncakwd.nyc3.cdn.digitaloceanspaces.com/ICON-TEMBAK-IKAN.gif); }
.black-gold-theme .game-list .game-menu .card-menu    { background-image: url(https://puncakwd.nyc3.cdn.digitaloceanspaces.com/ICON-ARCADE.gif); }
.black-gold-theme .game-list .game-menu p {
  background-image: url(https://statics.hokibagus.club/jutawanbet/icongame/jutawanbet_history.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);
}