/* ============================================================================
   TEMA "TOGEL Z1PLAY" — meniru tampilan https://togel.z1play.co
   (skin OXPLAY `black-yellow`) di atas markup frontend Z Engine yang ada.

   Palet dibaca dari computed style situs aslinya, 31 Agu 2026:
     halaman/header/footer  #000000 (+ wallpaper tepi)
     panel & kartu          #ffff00, garis #e6e600, radius 5px, TEKS HITAM
     tombol Daftar          #ffff00 teks hitam
     tombol Masuk           #e1ac00 teks hitam
     kolom konten           lebar 1200px, isi 1168px (inset 16px)
     font                   Avenir, "Helvetica Neue", Arial

   Aturan penting: apa pun yang duduk di atas panel kuning WAJIB berteks hitam.
   Semua aturan di-scope `body.theme-togel_z1play` supaya 15 tenant lain tidak
   ikut berubah, dan tidak ada markup yang perlu diubah.
   ========================================================================= */

body.theme-togel_z1play {
  --tg-page: #000000;
  --tg-panel: #ffff00;
  --tg-panel-line: #e6e600;
  --tg-panel-ink: #000000;
  --tg-panel-ink-soft: #4a4400;
  --tg-btn-login: #e1ac00;
  --tg-tile: #111111;
  --tg-col: 1200px;

  /* Token bersama app.css + theme-cohesion.css: diisi ulang supaya komponen
     generik (live casino, jackpot, loading screen, form login mobile) ikut
     hitam-kuning tanpa perlu aturan satu per satu. */
  --navy: #000000;
  --navy2: #141400;
  --gold: #ffff00;
  --gold2: #ffe75e;
  --line: #e6e600;
  --ink: #000000;
  --muted: #4a4400;
  --theme-accent: #ffff00;
  --theme-accent-soft: #ffe75e;
  --theme-dark: #000000;
  --theme-dark-2: #141400;
  --theme-border: #e6e600;
  --theme-radius: 5px;
  --process-dark: #000000;

  background: var(--tg-page) !important;
  background-image:
    radial-gradient(1100px 620px at 50% -160px, #2a2500 0%, rgba(42, 37, 0, 0) 72%),
    linear-gradient(180deg, #000 0%, #000 100%) !important;
  background-attachment: fixed !important;
  color: #fff;
  font-family: Avenir, "Helvetica Neue", Arial, sans-serif !important;
}

/* Ornamen tepi kiri/kanan menggantikan wallpaper CDN pihak lain. */
body.theme-togel_z1play::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    repeating-linear-gradient(115deg, rgba(255, 255, 0, .045) 0 2px, rgba(0, 0, 0, 0) 2px 26px),
    radial-gradient(520px 520px at 0% 32%, rgba(255, 255, 0, .12), rgba(0, 0, 0, 0) 70%),
    radial-gradient(520px 520px at 100% 32%, rgba(255, 255, 0, .12), rgba(0, 0, 0, 0) 70%);
}

/* ---------------------------------------------------------------- kolom isi
   Isi kembali dikurung kolom 1200px seperti situs aslinya. SATU pengecualian
   (permintaan pemilik, 31 Agu 2026): banner menempel penuh kiri-kanan. Caranya
   `main` dibiarkan selebar layar tanpa padding samping, lalu yang dikurung
   1200px adalah `.reference-home` — banner yang duduk di luar pembungkus itu
   otomatis memenuhi layar tanpa perlu trik `100vw` (yang selalu memunculkan
   scrollbar mendatar selebar batang gulir). */
body.theme-togel_z1play .public-desktop-nav-bar > div,
body.theme-togel_z1play .topbar-inner,
body.theme-togel_z1play .footer-inner,
body.theme-togel_z1play .footer-bottom {
  width: min(var(--tg-col), 100%);
  max-width: none;
  margin-inline: auto;
}
body.theme-togel_z1play main {
  width: 100%;
  max-width: none;
  margin-inline: auto;
  padding: 0 0 24px;
  background: var(--tg-page);
  box-shadow: none;
}
body.theme-togel_z1play .reference-home,
body.theme-togel_z1play .global-mobile-inline-login,
body.theme-togel_z1play .global-mobile-inline-register {
  width: min(var(--tg-col), calc(100% - 32px));
  max-width: none;
  margin-inline: auto;
}
/* Banner penuh kiri-kanan: tanpa radius dan tanpa garis samping supaya benar
   benar menempel ke tepi layar. */
body.theme-togel_z1play .public-home-banner {
  width: 100%;
  max-width: none;
  padding: 0;
}
body.theme-togel_z1play .banner-slider {
  width: 100%;
  max-width: none;
  border-radius: 0;
  border-inline: 0;
}
body.theme-togel_z1play .banner-slide img { border-radius: 0; }

/* -------------------------------------------------------------------- header */
body.theme-togel_z1play .topbar {
  background: var(--tg-page);
  border: 0;
  border-bottom: 2px solid var(--tg-panel);
  box-shadow: 0 3px 4px rgba(0, 0, 0, .5);
}
body.theme-togel_z1play .topbar-inner {
  height: 62px;
  padding: 0 16px;
  gap: 16px;
}
/* Logo dibesarkan sedikit (permintaan pemilik, 31 Agu 2026): 34px -> 44px.
   Tinggi bilah header ikut naik 53px -> 62px supaya logo tetap punya ruang
   napas di atas dan bawah, bukan mepet garis. */
body.theme-togel_z1play .brand img { max-height: 44px; }
body.theme-togel_z1play .account-nav { gap: 8px; align-items: center; }

/* ------------------------------------------------------- tombol MASUK/DAFTAR
   Redesain 31 Agu 2026. Sebelumnya keduanya blok padat berukuran sama (amber +
   kuning) sehingga tidak ada yang menonjol dan dua warna itu saling berebut
   perhatian. Sekarang bertingkat: DAFTAR tombol utama kuning padat, MASUK
   tombol sekunder bergaris kuning dengan isi kosong. Tanpa bayangan, gradient,
   maupun glow — hover hanya menukar isi dan garisnya. */
body.theme-togel_z1play .account-nav .login-btn,
body.theme-togel_z1play .account-nav .register-btn {
  height: 38px;
  min-width: 104px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-radius: 4px;
  font: 900 12px/1 Avenir, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: none;
  text-shadow: none;
  transition: background-color .15s linear, color .15s linear, border-color .15s linear;
}
body.theme-togel_z1play .account-nav .login-btn {
  border: 1px solid var(--tg-panel);
  background: transparent;
  color: var(--tg-panel);
}
body.theme-togel_z1play .account-nav .login-btn:hover {
  background: var(--tg-panel);
  color: #000;
}
body.theme-togel_z1play .account-nav .register-btn {
  border: 1px solid var(--tg-panel);
  background: var(--tg-panel);
  color: #000;
}
body.theme-togel_z1play .account-nav .register-btn:hover {
  background: #ffff5c;
  border-color: #ffff5c;
}
body.theme-togel_z1play .account-nav .login-btn:focus-visible,
body.theme-togel_z1play .account-nav .register-btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* Login inline di header, kalau varian ini nanti mengaktifkan blok classic. */
body.theme-togel_z1play .classic-inline-login .classic-login-field {
  background: #fff;
  border-radius: 3px;
  height: 30px;
  padding: 0 8px;
}
body.theme-togel_z1play .classic-inline-login .classic-login-field input { color: #222; }
body.theme-togel_z1play .classic-inline-login button[type="submit"] { background: var(--tg-btn-login); color: #000; }
body.theme-togel_z1play .classic-inline-login .classic-register { background: var(--tg-panel); color: #000; }

/* ------------------------------------------------------- teks berjalan kuning
   `.notice` = pita pengumuman di atas header. Bawaannya (marquee-notice.css)
   punya dua hiasan yang tidak cocok di sini: latar gradient dan peredam
   gradient gelap selebar 56px di tepi kanan (`:after`) yang di atas kuning
   terlihat seperti noda menyala. Keduanya dimatikan — pita ini rata, tanpa
   bayangan, tanpa gradient, tanpa efek apa pun. Lebarnya ikut kolom isi dan
   menyusut sendiri di layar sempit. */
/* DISEMBUNYIKAN atas permintaan pemilik (31 Agu 2026). Aturan tampilannya
   sengaja ditinggal utuh di bawah supaya tinggal menghapus baris ini kalau
   pita pengumuman mau dihidupkan lagi. */
body.theme-togel_z1play .notice { display: none !important; }

body.theme-togel_z1play .notice {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  width: min(calc(var(--tg-col) - 32px), calc(100% - 32px));
  height: 34px;
  margin: 8px auto 0;
  padding: 0;
  border: 1px solid var(--tg-panel-line);
  border-radius: 5px;
  background: var(--tg-panel) !important;
  color: var(--tg-panel-ink);
  box-shadow: none;
  text-shadow: none;
}
/* Label tetap di kiri: kotak hitam, bukan emoji dan bukan pelat gradient. */
body.theme-togel_z1play .notice::before {
  content: "INFO";
  position: relative;
  inset: auto;
  z-index: 2;
  flex: none;
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 0 13px;
  background: #000;
  color: var(--tg-panel);
  font: 900 10px/1 Avenir, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: .18em;
  text-shadow: none;
}
/* Peredam gradient di tepi kanan dibuang seluruhnya. */
body.theme-togel_z1play .notice::after { content: none; display: none; }
body.theme-togel_z1play .notice-marquee {
  flex: 1;
  min-width: 0;
  padding: 0 12px;
  overflow: hidden;
}
body.theme-togel_z1play .notice-track {
  animation-duration: 38s;
  will-change: auto;
}
body.theme-togel_z1play .notice-track span {
  padding: 0 22px;
  font: 700 12px/1 Avenir, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: .01em;
  color: var(--tg-panel-ink) !important;
  text-shadow: none;
}
body.theme-togel_z1play .notice-track i {
  color: var(--tg-panel-ink) !important;
  opacity: 1;
  font-size: 11px;
  text-shadow: none;
}

/* ------------------------------------------------- baris ikon kategori (nav) */
body.theme-togel_z1play .public-desktop-nav-bar {
  background: var(--tg-page);
  border: 0;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 0, .18);
}
body.theme-togel_z1play .public-desktop-nav-bar > div {
  display: flex;
  justify-content: center;
  gap: 22px;
  flex-wrap: wrap;
  width: min(var(--tg-col), 100%);
  height: auto;
  padding: 8px 16px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
body.theme-togel_z1play .public-desktop-nav-bar a {
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  background: none !important;
  border: 0 !important;
  padding: 0;
  min-width: 62px;
}
/* Ikon memakai artwork asli togel.z1play.co (di-host sendiri di
   static/togel-nav/), jadi TIDAK diberi pelat bundar emas — gambarnya sudah
   berbentuk lencana sendiri. */
body.theme-togel_z1play .public-desktop-nav-bar a i {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  background: none;
  border: 0;
  box-shadow: none;
  transition: transform .18s ease;
}
body.theme-togel_z1play .public-desktop-nav-bar a i img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  display: block;
}
body.theme-togel_z1play .public-desktop-nav-bar a:hover i { transform: translateY(-2px); }
body.theme-togel_z1play .public-desktop-nav-bar a span small { display: none; }
body.theme-togel_z1play .public-desktop-nav-bar a span b {
  font: 700 12px/1 Avenir, "Helvetica Neue", Arial, sans-serif;
  white-space: nowrap;
  color: #fff;
  text-transform: none;
}
body.theme-togel_z1play .public-desktop-nav-bar a.active span b,
body.theme-togel_z1play .public-desktop-nav-bar a:hover span b { color: var(--tg-panel); }

/* ------------------------------------------------------------------- banner */
body.theme-togel_z1play .banner-slider {
  border-block: 1px solid var(--tg-panel-line);
  overflow: hidden;
}
/* Vignette gelap bawaan di dalam banner (bayangan inset 60px dari bawah)
   dimatikan — pemilik minta tampilan tanpa efek. */
body.theme-togel_z1play .banner-slider::before { box-shadow: none; }
/* Banner diam (permintaan pemilik, 31 Agu 2026): pergantian otomatis tiap 5
   detik dimatikan lewat `data-autoplay="off"` di home.html, dan di sini sisa
   geraknya ikut dihapus — tanpa fade, tanpa zoom, tanpa batang progres. Panah
   dan titik navigasi tetap hidup untuk pindah banner secara manual. */
body.theme-togel_z1play .banner-slide {
  transition: none;
  transform: none;
}
body.theme-togel_z1play .banner-slide.active { transform: none; }
body.theme-togel_z1play .banner-progress { display: none; }

/* ------------------------------------------ pita tab kategori bawah banner
   DIHAPUS di desktop (permintaan pemilik, 31 Agu 2026): isinya duplikat dengan
   baris ikon kategori di atas banner. `global-mobile-public.css` sudah
   menyembunyikan `.global-mobile-game-menu` secara bawaan dan hanya
   memunculkannya di bawah 900px, jadi cukup TIDAK memaksanya tampil di sini —
   di ponsel ia tetap muncul karena di sana baris ikon atas yang disembunyikan. */

/* --------------------------------------------------------------- jackpot bar */
body.theme-togel_z1play .jp { margin: 12px 0 0; border-color: var(--tg-panel-line); }
body.theme-togel_z1play .jp-frame {
  background: linear-gradient(180deg, #ffff00, #d6d600);
  border: 1px solid var(--tg-panel-line);
  border-radius: 5px;
  box-shadow: none;
  padding: 8px 16px;
}
body.theme-togel_z1play .jp-label span,
body.theme-togel_z1play .jp-label span b,
body.theme-togel_z1play .jp-label small,
body.theme-togel_z1play .jp-crown { color: #000 !important; text-shadow: none; }
body.theme-togel_z1play .jp-amount {
  background: #000 !important;
  border: 1px solid #000;
  box-shadow: none;
}
body.theme-togel_z1play .jp-cur { color: var(--tg-panel) !important; }
body.theme-togel_z1play .jp-digits { color: #fff; text-shadow: none; }
body.theme-togel_z1play .jp-digits i { color: var(--tg-panel) !important; }

/* ---------------------------------------------------- tiga kartu keterangan */
body.theme-togel_z1play .reference-feature {
  grid-template-columns: 1fr;
  margin-top: 12px;
}
body.theme-togel_z1play .reference-feature > aside {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
body.theme-togel_z1play .reference-feature article {
  padding: 12px 14px;
  border: 1px solid var(--tg-panel-line);
  border-bottom: 1px solid var(--tg-panel-line);
  border-radius: 5px;
  background: var(--tg-panel);
  box-shadow: none;
}
body.theme-togel_z1play .reference-feature article i {
  background: #000;
  color: var(--tg-panel);
  border: 0;
}
body.theme-togel_z1play .reference-feature article b { color: var(--tg-panel-ink); }
body.theme-togel_z1play .reference-feature article small { color: var(--tg-panel-ink-soft); }

/* ============================================================ panel permainan */
body.theme-togel_z1play .reference-popular,
body.theme-togel_z1play .reference-live-casino,
body.theme-togel_z1play .reference-sportsbook {
  background: var(--tg-panel) !important;
  border: 1px solid var(--tg-panel-line) !important;
  border-radius: 5px;
  margin-top: 12px;
  padding: 0 0 14px;
  box-shadow: none;
}
body.theme-togel_z1play .reference-popular > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px 10px;
  border: 0;
  background: none;
}
body.theme-togel_z1play .reference-popular-title-default span { display: none; }
body.theme-togel_z1play .reference-popular h2,
body.theme-togel_z1play .reference-live-casino h2,
body.theme-togel_z1play .reference-sportsbook h2 {
  margin: 0;
  font: 700 17px/1.2 Avenir, "Helvetica Neue", Arial, sans-serif;
  color: var(--tg-panel-ink) !important;
  text-transform: none;
  letter-spacing: 0;
  position: relative;
  padding-left: 34px;
}
/* Lencana bundar hitam di kiri judul, seperti ikon bundar situs asli. */
body.theme-togel_z1play .reference-popular-title-default h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 25%, #3a3a3a, #000 70%);
  box-shadow: inset 0 -2px 3px rgba(255, 255, 255, .12);
}
body.theme-togel_z1play .reference-popular-title-default h2 span { display: inline; color: var(--tg-panel-ink-soft); }
body.theme-togel_z1play .reference-popular > header > a {
  background: #000;
  border: 1px solid #000;
  border-radius: 4px;
  color: var(--tg-panel);
  font: 700 12px/1 Avenir, "Helvetica Neue", Arial, sans-serif;
  padding: 8px 14px;
}
body.theme-togel_z1play .reference-popular > header > a:hover { background: #1c1c1c; }
body.theme-togel_z1play .reference-popular > header > a b { color: var(--tg-panel); }

/* Grid game: enam kolom, gambar 3:2, nama hitam di atas panel kuning. */
body.theme-togel_z1play .reference-game-grid {
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  padding: 0 16px;
}
body.theme-togel_z1play .reference-game-grid article {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
body.theme-togel_z1play .reference-game-grid article > div,
body.theme-togel_z1play .reference-live-casino .reference-game-grid article > div,
body.theme-togel_z1play .reference-sportsbook .reference-game-grid article > div {
  border: 1px solid #000;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .35);
  aspect-ratio: 3 / 2;
  background: var(--tg-tile);
}
body.theme-togel_z1play .reference-game-grid article > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}
body.theme-togel_z1play .reference-game-grid article:hover > div img { transform: scale(1.06); }
body.theme-togel_z1play .reference-game-grid article > div > a {
  background: var(--tg-panel) !important;
  color: #000 !important;
  border-radius: 3px;
  font: 700 12px/1 Avenir, "Helvetica Neue", Arial, sans-serif;
  padding: 8px 18px;
  border: 0;
}
body.theme-togel_z1play .reference-game-grid h3 {
  margin: 6px 0 0;
  font: 700 12px/1.3 Avenir, "Helvetica Neue", Arial, sans-serif;
  color: var(--tg-panel-ink);
  text-align: left;
}
body.theme-togel_z1play .reference-game-grid p {
  margin: 1px 0 0;
  font-size: 11px;
  color: var(--tg-panel-ink-soft);
  text-align: left;
}
body.theme-togel_z1play .reference-mobile-game-rail article > div {
  border: 1px solid #000;
  border-radius: 4px;
  background: var(--tg-tile);
}
body.theme-togel_z1play .reference-mobile-game-rail h3,
body.theme-togel_z1play .reference-mobile-game-rail p { color: var(--tg-panel-ink); }

/* -------------------------------------------------- blok proses & pembayaran */
body.theme-togel_z1play .reference-process-service,
body.theme-togel_z1play .reference-payment-methods,
body.theme-togel_z1play .reference-service {
  background: var(--tg-panel);
  border: 1px solid var(--tg-panel-line);
  border-radius: 5px;
  margin-top: 12px;
  box-shadow: none;
  color: var(--tg-panel-ink);
}
body.theme-togel_z1play .reference-process-service article,
body.theme-togel_z1play .reference-service article,
body.theme-togel_z1play .reference-payment-methods li {
  background: rgba(0, 0, 0, .06);
  border: 1px solid rgba(0, 0, 0, .28);
  border-radius: 4px;
  color: var(--tg-panel-ink);
}
body.theme-togel_z1play .reference-process-service :is(h2, h3, b, strong, span),
body.theme-togel_z1play .reference-payment-methods :is(h2, h3, b, strong, span),
body.theme-togel_z1play .reference-service :is(h2, h3, b, strong, span) { color: var(--tg-panel-ink); }
body.theme-togel_z1play .reference-process-service :is(p, small, em),
body.theme-togel_z1play .reference-payment-methods :is(p, small, em),
body.theme-togel_z1play .reference-service :is(p, small, em) { color: var(--tg-panel-ink-soft); }
body.theme-togel_z1play .reference-process-service i,
body.theme-togel_z1play .reference-service i,
body.theme-togel_z1play .reference-payment-methods i {
  background: #000;
  color: var(--tg-panel);
}

/* ==================================================================== footer
   Redesain 31 Agu 2026. Sebelumnya footer hanya satu blok di tengah (logo,
   satu kalimat, lencana 18+, hak cipta) — luas tapi kosong. Sekarang empat
   kolom: identitas, daftar permainan, layanan, dan sosial media; ditutup baris
   bawah berisi hak cipta dan catatan bermain bertanggung jawab. Kolom
   tautannya ditambahkan di base.html, digerbangi template_key, jadi tenant
   lain tetap footer ringkas mereka. */
body.theme-togel_z1play .public-footer {
  background: #000;
  border-top: 2px solid var(--tg-panel);
  padding: 30px 24px 16px !important;
  color: #fff;
}
body.theme-togel_z1play .footer-inner {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 32px;
  text-align: left;
}
body.theme-togel_z1play .footer-about { gap: 12px; }
body.theme-togel_z1play .footer-brand img { max-height: 44px; }
body.theme-togel_z1play .footer-about p {
  margin: 0 !important;
  max-width: 40ch;
  color: #9a9a9a;
  font-size: 12px;
  line-height: 1.7;
}
body.theme-togel_z1play .footer-age {
  width: 38px;
  height: 38px;
  border: 1px solid var(--tg-panel);
  border-radius: 4px;
  background: transparent;
  color: var(--tg-panel);
  font-weight: 900;
}
/* Kolom tautan */
body.theme-togel_z1play .footer-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
}
body.theme-togel_z1play .footer-inner h3 {
  margin: 0 0 4px;
  color: var(--tg-panel);
  font: 900 11px/1 Avenir, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
}
body.theme-togel_z1play .footer-links a {
  color: #9a9a9a;
  font-size: 12.5px;
  line-height: 1.2;
  transition: color .15s linear;
}
body.theme-togel_z1play .footer-links a:hover { color: var(--tg-panel); }
/* Baris bawah */
body.theme-togel_z1play .footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
  padding-top: 14px;
  border-top: 1px solid #222;
  color: #7a7a7a;
  font-size: 11.5px;
}
body.theme-togel_z1play .footer-note { color: #7a7a7a; }
body.theme-togel_z1play .public-footer a { color: #9a9a9a; }
body.theme-togel_z1play .public-footer a:hover { color: var(--tg-panel); }

/* ==================================================================== mobile */
@media (max-width: 900px) {
  body.theme-togel_z1play main {
    max-width: none;
    padding: 0 0 16px;
    box-shadow: none;
  }
  body.theme-togel_z1play .reference-home,
  body.theme-togel_z1play .global-mobile-inline-login,
  body.theme-togel_z1play .global-mobile-inline-register {
    width: calc(100% - 16px);
  }
  body.theme-togel_z1play .notice { width: auto; margin: 0 8px; }
  body.theme-togel_z1play .global-mobile-header {
    background: var(--tg-page);
    border-bottom: 2px solid var(--tg-panel);
  }
  body.theme-togel_z1play .global-mobile-ticker { background: var(--tg-panel); }
  body.theme-togel_z1play .global-mobile-ticker span,
  body.theme-togel_z1play .global-mobile-ticker i { color: var(--tg-panel-ink); }
  /* Rel kategori bawaan (5 item per layar, geser mendatar) hanya diwarnai ulang. */
  body.theme-togel_z1play .global-mobile-game-menu {
    display: flex !important;
    gap: 0;
    margin: 0;
    background: var(--tg-panel);
    border-top: 1px solid var(--tg-panel-line);
    border-bottom: 1px solid var(--tg-panel-line);
  }
  body.theme-togel_z1play .global-mobile-game-menu a {
    flex-direction: column;
    height: 62px;
    padding: 0;
    gap: 5px;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .18);
    border-radius: 0;
    background: none;
  }
  body.theme-togel_z1play .global-mobile-game-menu a:active,
  body.theme-togel_z1play .global-mobile-game-menu a:first-child { background: rgba(0, 0, 0, .08); }
  body.theme-togel_z1play .global-mobile-game-menu a i { width: auto; height: 22px; }
  body.theme-togel_z1play .global-mobile-game-menu a i img { width: 22px; height: 22px; }
  body.theme-togel_z1play .global-mobile-game-menu a span { font-size: 8px; font-weight: 900; color: var(--tg-panel-ink); }
  body.theme-togel_z1play .reference-game-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 0 10px; }
  body.theme-togel_z1play .reference-popular > header { padding: 10px 10px 8px; }
  body.theme-togel_z1play .reference-popular h2 { font-size: 15px; }
  body.theme-togel_z1play .public-mobile-dock {
    background: var(--tg-page);
    border-top: 2px solid var(--tg-panel);
  }
  body.theme-togel_z1play .public-mobile-dock a.active,
  body.theme-togel_z1play .public-mobile-dock a.dock-main { color: var(--tg-panel); }
}

/* ===================================================== koreksi kontras kuning
   theme-cohesion.css memaksa `color:#fff !important` pada judul Live Casino
   lewat selector ber-`:is()` yang spesifisitasnya lebih tinggi (0,3,3), jadi
   judul putih di atas panel kuning. Ditimpa dengan bentuk selector yang sama. */
body.theme-togel_z1play .reference-live-casino,
body.theme-togel_z1play .reference-sportsbook { color: var(--tg-panel-ink) !important; }
body.theme-togel_z1play .reference-live-casino :is(h2, .reference-popular-title-mobile h2 span),
body.theme-togel_z1play .reference-sportsbook :is(h2, .reference-popular-title-mobile h2 span) {
  color: var(--tg-panel-ink) !important;
}
body.theme-togel_z1play .reference-live-casino :is(h3, .reference-game-grid h3),
body.theme-togel_z1play .reference-sportsbook :is(h3, .reference-game-grid h3) { color: var(--tg-panel-ink) !important; }
body.theme-togel_z1play .reference-live-casino :is(p, .reference-game-grid p),
body.theme-togel_z1play .reference-sportsbook :is(p, .reference-game-grid p) { color: var(--tg-panel-ink-soft) !important; }


/* Kartu metode pembayaran berlatar hitam — teksnya harus terang, bukan hitam. */
body.theme-togel_z1play .reference-payment-methods article {
  background: #000;
  border: 1px solid #000;
}
body.theme-togel_z1play .reference-payment-methods article b { color: #fff; }
body.theme-togel_z1play .reference-payment-methods article small { color: rgba(255, 255, 255, .7); }
body.theme-togel_z1play .reference-payment-methods article i { background: none; color: var(--tg-panel); }
body.theme-togel_z1play .reference-payment-methods article i svg { stroke: var(--tg-panel); fill: none; }

/* ============================================== koreksi kontras versi mobile
   Di layar kecil judul panel memakai `.reference-popular-title-mobile` dan
   tombol "Lihat semua" dirender lewat `::after` berwarna `var(--gold)` —
   keduanya kuning di atas panel kuning kalau tidak ditimpa. */
@media (max-width: 900px) {
  body.theme-togel_z1play .reference-popular-title-mobile h2,
  body.theme-togel_z1play .reference-popular-title-mobile h2 span,
  body.theme-togel_z1play .reference-popular-title-mobile h2 em,
  body.theme-togel_z1play .reference-popular-title-mobile > b { color: var(--tg-panel-ink) !important; }
  body.theme-togel_z1play :is(.reference-popular, .reference-live-casino, .reference-sportsbook) > header > a {
    background: #000 !important;
    border: 1px solid #000 !important;
  }
  body.theme-togel_z1play :is(.reference-popular, .reference-live-casino, .reference-sportsbook) > header > a::after {
    color: var(--tg-panel) !important;
  }
  /* Kolom login inline di beranda ponsel ikut bahasa form yang baru: kotak
     gelap bergaris abu, bukan pil putih. */
  body.theme-togel_z1play .global-mobile-inline-login {
    background: var(--surface-bg);
    border-color: var(--surface-line);
  }
  body.theme-togel_z1play .global-mobile-inline-login label {
    border: 1px solid var(--surface-line);
    border-radius: 4px;
    background: var(--surface-soft);
  }
  body.theme-togel_z1play .global-mobile-inline-login label:focus-within {
    border-color: var(--tg-panel);
    box-shadow: none;
  }
  body.theme-togel_z1play .global-mobile-inline-login label span {
    border-right: 1px solid var(--surface-line);
    background: #000;
    color: var(--tg-panel);
  }
  body.theme-togel_z1play .global-mobile-inline-login input {
    background: var(--surface-soft);
    color: #fff;
  }
  body.theme-togel_z1play .global-mobile-inline-login input::placeholder { color: #6f6f6f; }
  body.theme-togel_z1play .global-mobile-inline-login :is(button, > a) { border-radius: 4px; }

  /* Tombol login/daftar inline: kuning dengan teks hitam, bukan teks putih. */
  body.theme-togel_z1play .global-mobile-inline-login button {
    background: var(--tg-btn-login) !important;
    color: #000 !important;
    box-shadow: none !important;
  }
  body.theme-togel_z1play .global-mobile-inline-login > a,
  body.theme-togel_z1play .global-mobile-inline-register .register-submit {
    background: var(--tg-panel) !important;
    color: #000 !important;
    box-shadow: none !important;
  }
}

/* ==========================================================================
   FORM MASUK & DAFTAR (modal maupun halaman penuh) — redesain 31 Agu 2026.

   Sebelumnya kedua form memakai permukaan terang bawaan (`--surface-bg:#fff`)
   sementara sisa situs hitam-kuning, jadi begitu modal dibuka warnanya
   melompat jadi putih dengan garis kuning yang menyilaukan. Kerangka form ini
   digerakkan token (`--surface-*`, `--pa-*`), jadi bagian terbesar diselesaikan
   dengan mengisi ulang tokennya; sisanya hanya membuang hiasan yang tidak
   diminta: gradient, bayangan, blur, dan animasi.
   ========================================================================== */
body.theme-togel_z1play {
  --surface-bg: #0d0d0d;
  --surface-soft: #161616;
  --surface-fg: #ffffff;
  --surface-muted: #9a9a9a;
  --surface-line: #333333;
}

/* --------------------------------------------------------------- rangka modal */
body.theme-togel_z1play .auth-modal-panel {
  border: 1px solid var(--tg-panel);
  border-radius: 6px;
  background: var(--surface-bg);
  box-shadow: none;
  animation: none;
}
body.theme-togel_z1play .auth-modal-panel::before {
  height: 3px;
  background: var(--tg-panel);          /* pita datar, bukan gradient berkilau */
}
body.theme-togel_z1play .auth-modal-backdrop { background: rgba(0, 0, 0, .82); }
body.theme-togel_z1play .auth-modal-close {
  border: 1px solid var(--surface-line);
  border-radius: 4px;
  background: var(--surface-soft);
  color: var(--tg-panel);
  box-shadow: none;
  backdrop-filter: none;
  transition: background-color .15s linear, color .15s linear;
}
body.theme-togel_z1play .auth-modal-close:hover {
  transform: none;                       /* tanpa putaran 90 derajat */
  background: var(--tg-panel);
  color: #000;
  border-color: var(--tg-panel);
}
body.theme-togel_z1play .auth-modal-loading span { color: var(--surface-muted); }

/* ------------------------------------------------------- kolom kiri (branding) */
body.theme-togel_z1play .player-login-brand {
  background: #000;
  border-right: 1px solid var(--surface-line);
}
body.theme-togel_z1play .player-login-copy small,
body.theme-togel_z1play .player-login-heading p { color: var(--tg-panel); letter-spacing: .16em; }
body.theme-togel_z1play .player-login-copy h1,
body.theme-togel_z1play .player-login-heading h2 { color: #fff; }
body.theme-togel_z1play .player-login-copy p,
body.theme-togel_z1play .player-login-heading span { color: var(--surface-muted); }
body.theme-togel_z1play .player-login-secure {
  border: 1px solid var(--surface-line);
  background: var(--surface-soft);
  box-shadow: none;
}
body.theme-togel_z1play .player-login-secure i { background: var(--tg-panel); color: #000; }
body.theme-togel_z1play .player-login-secure b { color: #fff; }
body.theme-togel_z1play .player-login-secure small { color: var(--surface-muted); }
body.theme-togel_z1play .player-login-form-panel { background: var(--surface-bg); }

/* ------------------------------------------------------------------ isian form
   Satu aturan untuk semua kolom di kedua form: kotak gelap, garis abu, fokus
   memakai garis kuning — tanpa cincin cahaya. */
body.theme-togel_z1play :is(.player-login-form, .register-form) :is(input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input:not([type]), select, textarea) {
  height: 42px;
  border: 1px solid var(--surface-line);
  border-radius: 4px;
  background: var(--surface-soft);
  color: #fff;
  box-shadow: none;
  font-size: 13px;
}
body.theme-togel_z1play :is(.player-login-form, .register-form) textarea { height: auto; }
body.theme-togel_z1play :is(.player-login-form, .register-form) :is(input, select, textarea)::placeholder { color: #6f6f6f; }
body.theme-togel_z1play :is(.player-login-form, .register-form) :is(input, select, textarea):focus {
  border-color: var(--tg-panel);
  outline: none;
  box-shadow: none;
}
body.theme-togel_z1play :is(.player-login-form, .register-form) label > span,
body.theme-togel_z1play .register-grid label > span {
  color: var(--surface-muted);
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body.theme-togel_z1play .player-password button { color: var(--surface-muted); background: none; border: 0; }
body.theme-togel_z1play .player-password button:hover { color: var(--tg-panel); }
body.theme-togel_z1play :is(.player-login-error, .register-errors, .auth-modal-error) {
  border: 1px solid #ff5252;
  border-radius: 4px;
  background: rgba(255, 82, 82, .1);
  color: #ff8a8a;
  box-shadow: none;
}

/* ------------------------------------------------------------ tombol & tautan */
body.theme-togel_z1play :is(.player-login-submit, .register-submit) {
  height: 46px;
  border: 0;
  border-radius: 4px;
  background: var(--tg-panel) !important;
  background-image: none !important;
  color: #000 !important;
  font: 900 13px/1 Avenir, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  box-shadow: none !important;
  text-shadow: none;
  transition: background-color .15s linear;
}
body.theme-togel_z1play :is(.player-login-submit, .register-submit):hover { background: #ffff5c !important; }
body.theme-togel_z1play :is(.player-login-register, .register-login) { color: var(--surface-muted); }
body.theme-togel_z1play :is(.player-login-register, .register-login) a { color: var(--tg-panel); font-weight: 700; }

/* ------------------------------------------------------------- form pendaftaran */
body.theme-togel_z1play .register-page { background: var(--surface-bg); }
body.theme-togel_z1play .register-brand-banner {
  background: #000;
  border-bottom: 1px solid var(--tg-panel);
  box-shadow: none;
}
body.theme-togel_z1play .register-brand-note { color: var(--surface-muted); }
body.theme-togel_z1play .register-brand-note i,
body.theme-togel_z1play .register-brand-note b { color: var(--tg-panel); }
body.theme-togel_z1play .register-section {
  border: 1px solid var(--surface-line);
  border-radius: 5px;
  background: var(--surface-bg);
  box-shadow: none;
}
body.theme-togel_z1play .register-section-heading span {
  background: var(--tg-panel);
  color: #000;
  box-shadow: none;
}
body.theme-togel_z1play .register-section-heading h2 { color: #fff; }
body.theme-togel_z1play .register-section-heading p { color: var(--surface-muted); }
body.theme-togel_z1play .register-grid label small { color: #6f6f6f; }
/* Pilihan Bank / E-Wallet */
body.theme-togel_z1play .payment-type label {
  border: 1px solid var(--surface-line);
  border-radius: 4px;
  background: var(--surface-soft);
  color: var(--surface-muted);
  box-shadow: none;
}
body.theme-togel_z1play .payment-type input:checked + span,
body.theme-togel_z1play .payment-type label:has(input:checked) {
  border-color: var(--tg-panel);
  background: rgba(255, 255, 0, .08);
  color: var(--tg-panel);
}
body.theme-togel_z1play :is(.register-form, .player-login-form) :is(input[type="radio"], input[type="checkbox"]) {
  accent-color: var(--tg-panel);
  height: auto;
}
body.theme-togel_z1play .privacy-check { color: var(--surface-muted); }
body.theme-togel_z1play .privacy-check a { color: var(--tg-panel); }
body.theme-togel_z1play .verification-row b {
  border: 1px solid var(--tg-panel);
  border-radius: 4px;
  background: rgba(255, 255, 0, .08);
  color: var(--tg-panel);
  letter-spacing: .2em;
}
/* Penanda langkah versi ponsel */
body.theme-togel_z1play .register-wizard-progress i { color: var(--surface-muted); }
body.theme-togel_z1play .register-wizard-progress i.active b { background: var(--tg-panel); color: #000; }
body.theme-togel_z1play :is(.register-next, .register-back) {
  border: 1px solid var(--tg-panel);
  border-radius: 4px;
  background: transparent;
  color: var(--tg-panel);
  box-shadow: none;
}
body.theme-togel_z1play .register-next { background: var(--tg-panel); color: #000; }

/* ============================================================================
   LOADING SCREEN — dirancang untuk ponsel (31 Agu markup, tanpa ubah HTML).
   Markup yang ada: .site-loading-screen > .site-loading-stage >
   (i.site-loading-orbit, .site-loading-logo, p.site-loading-status, .site-loading-progress).
   theme-cohesion.css memakai body[class*="theme-"] (spesifisitas 0,2,1) dan
   menyembunyikan beberapa pseudo-element; berkas ini dimuat SETELAHNYA dengan
   spesifisitas sama, jadi cukup mendefinisikan ulang — tidak perlu !important.
   Panggung diubah jadi kolom flex supaya elemen mengalir rapi di layar sempit,
   bukan lagi ditempel absolut ke dasar panggung.
   ========================================================================= */
body.theme-togel_z1play .site-loading-screen {
  padding: max(28px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));
  background:
    radial-gradient(130% 60% at 50% -6%, rgba(255, 255, 0, .11), rgba(255, 255, 0, 0) 62%),
    radial-gradient(100% 46% at 50% 104%, rgba(225, 172, 0, .09), rgba(225, 172, 0, 0) 68%),
    #000;
}
/* Kisi halus yang meredup ke tepi — memberi kedalaman tanpa gambar tambahan. */
body.theme-togel_z1play .site-loading-screen:before {
  display: block;
  inset: 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 0, .05) 0 1px, transparent 1px 36px),
    repeating-linear-gradient(90deg, rgba(255, 255, 0, .05) 0 1px, transparent 1px 36px);
  -webkit-mask-image: radial-gradient(72% 52% at 50% 46%, #000, transparent 76%);
  mask-image: radial-gradient(72% 52% at 50% 46%, #000, transparent 76%);
  transform: none;
  animation: none;
}
/* Halo emas berdenyut di belakang logo. */
body.theme-togel_z1play .site-loading-screen:after {
  display: block;
  left: 50%;
  top: 46%;
  width: min(96vw, 460px);
  height: min(96vw, 460px);
  border: 0;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 0, .17), rgba(255, 255, 0, .05) 46%, rgba(255, 255, 0, 0) 70%);
  transform: translate(-50%, -50%);
  animation: tg-splash-halo 2.8s ease-in-out infinite;
}
body.theme-togel_z1play .site-loading-stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: min(88vw, 340px);
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
body.theme-togel_z1play .site-loading-screen.is-leaving .site-loading-stage {
  opacity: 0;
  transform: translateY(-10px) scale(.96);
  filter: blur(2px);
}
body.theme-togel_z1play .site-loading-logo {
  order: 1;
  position: relative;
  overflow: visible;
  width: fit-content;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 8px 0;
  animation: tg-splash-logo .8s cubic-bezier(.2, .9, .25, 1) both;
}
body.theme-togel_z1play .site-loading-logo img {
  width: auto;
  max-width: min(76vw, 292px);
  max-height: 104px;
  filter: drop-shadow(0 0 18px rgba(255, 255, 0, .2)) drop-shadow(0 10px 22px rgba(0, 0, 0, .7));
  animation: tg-splash-glow 2.6s ease-in-out infinite;
}
/* Downline tanpa berkas logo memakai inisial: dibuat jadi lencana kuning. */
body.theme-togel_z1play .site-loading-logo span {
  display: grid;
  place-items: center;
  width: 84px;
  height: 84px;
  border: 0;
  border-radius: 22px;
  background: linear-gradient(155deg, #ffff00, #e1ac00);
  color: #000;
  font: 800 38px/1 Avenir, "Helvetica Neue", Arial, sans-serif;
  box-shadow: 0 0 34px rgba(255, 255, 0, .35);
}
/* Kilau pita dimatikan: logonya PNG beralas transparan, jadi pita putih
   terlihat sebagai balok abu di area kosong. Diganti pendar yang mengikuti
   bentuk huruf lewat drop-shadow beranimasi. */
body.theme-togel_z1play .site-loading-logo:after { display: none; }
/* .site-loading-orbit dipakai ulang sebagai garis emas + cahaya berjalan. */
body.theme-togel_z1play .site-loading-orbit {
  order: 2;
  position: relative;
  left: auto;
  top: auto;
  width: min(66vw, 226px);
  height: 1px;
  margin: 16px 0 0;
  border: 0;
  border-radius: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 0, .5), transparent);
  box-shadow: none;
  transform: none;
  animation: none;
}
body.theme-togel_z1play .site-loading-orbit:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  inset: -2px auto auto 0;
  width: 46px;
  /* Digeser selebar dirinya sendiri supaya cahaya berhenti PAS di ujung kanan
     garis, tidak menggantung di luar garis seperti balok terang. */
  margin-left: -46px;
  height: 4px;
  border: 0;
  border-radius: 99px;
  background: linear-gradient(90deg, transparent, #ffff00, transparent);
  box-shadow: 0 0 16px rgba(255, 255, 0, .7);
  animation: tg-splash-travel 1.7s linear infinite;
}
body.theme-togel_z1play .site-loading-orbit:after { display: none; }
body.theme-togel_z1play .site-loading-status {
  order: 3;
  position: static;
  margin: 16px 0 0;
  gap: 7px;
}
body.theme-togel_z1play .site-loading-status b {
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .34em;
  /* Imbangi spasi huruf terakhir supaya teks benar-benar di tengah. */
  text-indent: .34em;
}
body.theme-togel_z1play .site-loading-status span {
  color: rgba(255, 255, 0, .72);
  font-size: 10px;
  letter-spacing: .05em;
}
body.theme-togel_z1play .site-loading-progress {
  order: 4;
  position: static;
  width: min(62vw, 212px);
  height: 4px;
  margin: 18px 0 0;
  border-radius: 99px;
  background: rgba(255, 255, 255, .07);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 0, .16);
}
body.theme-togel_z1play .site-loading-progress i {
  width: 34%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(255, 255, 0, 0), #ffff00 45%, #fff 70%, rgba(255, 255, 0, 0));
  box-shadow: 0 0 10px rgba(255, 255, 0, .45);
  animation: tg-splash-progress 1.15s ease-in-out infinite;
}
@keyframes tg-splash-halo { 50% { transform: translate(-50%, -50%) scale(1.09); opacity: .55; } }
@keyframes tg-splash-logo { from { opacity: 0; transform: translateY(14px) scale(.94); filter: blur(6px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes tg-splash-glow { 50% { filter: drop-shadow(0 0 30px rgba(255, 255, 0, .42)) drop-shadow(0 10px 22px rgba(0, 0, 0, .7)); } }
@keyframes tg-splash-travel { 0% { left: 0; opacity: 0; } 14% { opacity: 1; } 72% { opacity: 1; } 100% { left: 100%; opacity: 0; } }
@keyframes tg-splash-progress { from { transform: translateX(-118%); } to { transform: translateX(320%); } }
/* Layar lega: semuanya naik satu tingkat, komposisi tetap sama. */
@media (min-width: 781px) {
  body.theme-togel_z1play .site-loading-stage { width: min(70vw, 420px); }
  body.theme-togel_z1play .site-loading-logo img { max-width: 340px; max-height: 128px; }
  body.theme-togel_z1play .site-loading-orbit { width: 280px; }
  body.theme-togel_z1play .site-loading-status b { font-size: 12px; }
  body.theme-togel_z1play .site-loading-status span { font-size: 11px; }
  body.theme-togel_z1play .site-loading-progress { width: 260px; }
}
@media (prefers-reduced-motion: reduce) {
  body.theme-togel_z1play .site-loading-screen:after,
  body.theme-togel_z1play .site-loading-logo,
  body.theme-togel_z1play .site-loading-logo img,
  body.theme-togel_z1play .site-loading-orbit:before,
  body.theme-togel_z1play .site-loading-progress i { animation: none; }
}

/* ============================================================================
   HEADER MEMBER (mobile) — .member-header-menu di templates/base.html.
   Bawaannya pelat abu-abu dari frontend-lux.css yang bertabrakan dengan skin
   hitam-kuning; di sini diganti bar hitam beraksen kuning, tiap tab dapat ikon
   (SVG data-URI dipasang sebagai mask, jadi warnanya ikut currentColor dan
   markup tidak perlu diubah), tab aktif jadi pelat kuning berteks hitam sesuai
   aturan tema. Kolom kelima = tombol Keluar, sengaja lebih sempit + merah muda
   supaya tidak tertukar dengan menu navigasi.
   Bar ini hanya tampil di bawah 781px (desktop memakai tombol di topbar).
   ========================================================================= */
body.theme-togel_z1play .member-header-menu {
  height: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr)) 58px;
  border-top: 1px solid rgba(255, 255, 0, .22);
  border-bottom: 1px solid var(--tg-panel-line);
  background: linear-gradient(180deg, #14140a, #000 72%);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .55);
}
body.theme-togel_z1play .member-header-menu a,
body.theme-togel_z1play .member-header-menu button {
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: 8px 3px 7px;
  border-right: 1px solid rgba(255, 255, 0, .14);
  background: none;
  color: rgba(255, 255, 255, .8);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
body.theme-togel_z1play .member-header-menu form { border-right: 0; }
body.theme-togel_z1play .member-header-menu a:before,
body.theme-togel_z1play .member-header-menu button:before {
  content: "";
  width: 18px;
  height: 18px;
  background-color: currentColor;
  -webkit-mask: center / contain no-repeat var(--tg-ico);
  mask: center / contain no-repeat var(--tg-ico);
}
body.theme-togel_z1play .member-header-menu a:nth-child(1) { --tg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 11 8-7 8 7v9h-6v-6h-4v6H4z'/%3E%3C/svg%3E"); }
body.theme-togel_z1play .member-header-menu a:nth-child(2) { --tg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v11m0 0 4-4m-4 4-4-4M4 19h16'/%3E%3C/svg%3E"); }
body.theme-togel_z1play .member-header-menu a:nth-child(3) { --tg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21V10m0 0 4 4m-4-4-4 4M4 5h16'/%3E%3C/svg%3E"); }
body.theme-togel_z1play .member-header-menu a:nth-child(4) { --tg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
body.theme-togel_z1play .member-header-menu button { --tg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v8'/%3E%3Cpath d='M7.6 7.2a7 7 0 1 0 8.8 0'/%3E%3C/svg%3E"); }
body.theme-togel_z1play .member-header-menu a.active {
  background: linear-gradient(180deg, #ffff00, #e6e600);
  color: #000;
}
body.theme-togel_z1play .member-header-menu a.active:after { display: none; }
body.theme-togel_z1play .member-header-menu a:hover,
body.theme-togel_z1play .member-header-menu button:hover { background: rgba(255, 255, 0, .1); color: #fff; }
body.theme-togel_z1play .member-header-menu button {
  color: #ff9b9b;
  font-size: 8px;
}
body.theme-togel_z1play .member-header-menu button:hover { background: rgba(255, 60, 60, .16); color: #ff9b9b; }
body.theme-togel_z1play .member-header-menu a:active,
body.theme-togel_z1play .member-header-menu button:active { transform: translateY(1px); }
body.theme-togel_z1play .member-header-menu a:focus-visible,
body.theme-togel_z1play .member-header-menu button:focus-visible {
  outline: 2px solid var(--tg-panel);
  outline-offset: -3px;
}


/* ============================================================================
   BOTTOM DOCK MOBILE — .mobile-dock (member) + .public-mobile-dock (belum login).
   global-mobile-public.css memaksa dock jadi bar penuh menempel dasar layar
   (left/right/bottom/border-radius pakai !important), jadi desain ini tetap
   memakai bentuk bar penuh, bukan "pulau" melayang. theme-cohesion.css juga
   memakai !important untuk dock publik — karena itu sejumlah properti di sini
   ikut ber-!important, bukan karena malas menghitung spesifisitas.
   Ciri desain: bar hitam + hairline kuning, ikon 22-24px, item aktif memakai
   sorotan elips + pita kuning di tepi atas (bukan kotak gelap), dan tombol
   tengah jadi cakram kuning bercincin hitam. Label kedua dock disamakan dengan
   bar menu header: huruf kapital kecil, tebal, tidak boleh patah dua baris.
   ========================================================================= */
@media (max-width: 900px) {
  body.theme-togel_z1play .mobile-dock,
  body.theme-togel_z1play .public-mobile-dock {
    height: 64px;
    border-top: 1px solid var(--tg-panel-line);
    background: linear-gradient(180deg, #14140a, #000 62%) !important;
    box-shadow: 0 -10px 26px rgba(0, 0, 0, .65);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  body.theme-togel_z1play .mobile-dock > a,
  body.theme-togel_z1play .public-mobile-dock > a {
    gap: 4px;
    height: 100% !important;
    border-radius: 0;
    background: none !important;
    color: rgba(255, 252, 230, .64) !important;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .02em;
  }
  body.theme-togel_z1play .mobile-dock > a > i,
  body.theme-togel_z1play .public-mobile-dock > a > i {
    width: 24px;
    height: 24px;
    transition: transform .16s ease;
  }
  body.theme-togel_z1play .mobile-dock a svg,
  body.theme-togel_z1play .public-mobile-dock a svg { width: 22px !important; height: 22px !important; stroke-width: 1.7; }
  /* Label kedua dock disamakan: huruf besar kecil-kecil seperti bar menu header. */
  body.theme-togel_z1play .mobile-dock > a > span,
  body.theme-togel_z1play .public-mobile-dock > a > span {
    color: inherit !important;
    font-size: 8.5px !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    /* Jangan sampai "LUCKY WHEEL" patah dua baris dan mendorong ikonnya naik. */
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis;
  }
  /* Item aktif: tanpa kotak gelap, cukup kuning + pita tipis di tepi atas. */
  body.theme-togel_z1play .mobile-dock > a.active,
  body.theme-togel_z1play .public-mobile-dock > a.active {
    /* Sorotan berbentuk elips supaya tidak ada tepi kotak yang kelihatan. */
    background: radial-gradient(62% 100% at 50% 0%, rgba(255, 255, 0, .16), rgba(255, 255, 0, 0) 74%) !important;
    color: var(--tg-panel) !important;
    font-weight: 800;
  }
  body.theme-togel_z1play .mobile-dock > a.active:after,
  body.theme-togel_z1play .public-mobile-dock > a.active:after {
    content: "";
    position: absolute;
    inset: 0 auto auto 50%;
    bottom: auto;
    width: 30px;
    height: 3px;
    border-radius: 0 0 4px 4px;
    background: var(--tg-panel);
    box-shadow: 0 0 12px rgba(255, 255, 0, .6);
    transform: translateX(-50%);
  }
  body.theme-togel_z1play .mobile-dock > a:active > i,
  body.theme-togel_z1play .public-mobile-dock > a:active > i { transform: scale(.9); }
  /* Tombol tengah: cakram kuning yang menyembul dari bar. */
  body.theme-togel_z1play .mobile-dock > .dock-main,
  body.theme-togel_z1play .public-mobile-dock > .dock-main {
    justify-content: flex-end;
    padding-bottom: 7px;
    background: none !important;
    color: var(--tg-panel) !important;
    font-weight: 800 !important;
  }
  body.theme-togel_z1play .mobile-dock > .dock-main:after,
  body.theme-togel_z1play .public-mobile-dock > .dock-main:after { display: none; }
  body.theme-togel_z1play .mobile-dock > .dock-main > i,
  body.theme-togel_z1play .public-mobile-dock > .dock-main > i {
    width: 52px !important;
    height: 52px !important;
    margin-top: -32px !important;
    border: 4px solid #000 !important;
    border-radius: 50% !important;
    background: linear-gradient(160deg, #ffff00, #e1ac00) !important;
    color: #000 !important;
    box-shadow: 0 10px 22px rgba(255, 255, 0, .28), 0 4px 10px rgba(0, 0, 0, .6) !important;
  }
  body.theme-togel_z1play .mobile-dock > .dock-main svg,
  body.theme-togel_z1play .public-mobile-dock > .dock-main svg {
    width: 24px !important;
    height: 24px !important;
    stroke: #000 !important;
    stroke-width: 2.1;
  }
  body.theme-togel_z1play .mobile-dock > .dock-main > i img,
  body.theme-togel_z1play .public-mobile-dock > .dock-main > i img { width: 26px !important; height: 26px !important; }
  body.theme-togel_z1play .mobile-dock > .dock-main:active > i,
  body.theme-togel_z1play .public-mobile-dock > .dock-main:active > i { transform: scale(.93); }
}

@media (max-width: 360px) {
  body.theme-togel_z1play .mobile-dock > a > span,
  body.theme-togel_z1play .public-mobile-dock > a > span { font-size: 7.5px !important; letter-spacing: .01em !important; }
  body.theme-togel_z1play .mobile-dock > .dock-main > i,
  body.theme-togel_z1play .public-mobile-dock > .dock-main > i { width: 48px !important; height: 48px !important; margin-top: -29px !important; }
}


/* ============================================================================
   HALAMAN MEMBER /userarea/ — kartu saldo, menu kategori, dan ubin akses cepat.
   userarea.css memakai palet navy-ungu + chip ikon warna-warni per nth-child;
   di skin hitam-kuning itu terbaca kotor. Lapisan ini menyamakan semuanya ke
   hitam + kuning tanpa mengubah markup. Banyak aturan di userarea.css memakai
   !important pada blok mobile (@media max-width:600px), jadi sebagian properti
   di sini ikut ber-!important supaya benar-benar menimpa.
   ========================================================================= */
body.theme-togel_z1play .ua-page { --tg-card: #0b0b06; }

/* --- Kartu saldo ---------------------------------------------------------- */
body.theme-togel_z1play .ua-wallet-card {
  border: 1px solid rgba(255, 255, 0, .3) !important;
  border-radius: 12px !important;
  background:
    radial-gradient(130% 100% at 100% -10%, rgba(255, 255, 0, .1), rgba(255, 255, 0, 0) 62%),
    linear-gradient(180deg, #12120a, #000) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .55) !important;
}
/* userarea.css menempel lingkaran emas blur 190px di sudut kanan-atas kartu
   (.ua-dashboard-home .ua-wallet-card:after) — di skin ini ia terbaca sebagai
   noda zaitun, jadi dimatikan dan diganti pendar tipis dari gradien di atas. */
body.theme-togel_z1play .ua-wallet-card:after { display: none !important; }
body.theme-togel_z1play .ua-wallet-card small { color: var(--tg-panel) !important; letter-spacing: .14em; }
body.theme-togel_z1play .ua-wallet-main strong { color: #fff !important; }
body.theme-togel_z1play .ua-wallet-main span,
body.theme-togel_z1play .ua-wallet-stat span { color: rgba(255, 255, 255, .45) !important; }
body.theme-togel_z1play .ua-wallet-stat {
  border: 1px solid rgba(255, 255, 0, .22) !important;
  border-left: 3px solid var(--tg-panel) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 0, .04) !important;
}
body.theme-togel_z1play .ua-wallet-stat b { color: var(--tg-panel) !important; }
body.theme-togel_z1play .ua-wallet-buttons a {
  border-radius: 7px !important;
  background: linear-gradient(180deg, #ffff00, #e6e600) !important;
  color: #000 !important;
  font-weight: 900 !important;
  box-shadow: 0 6px 16px rgba(255, 255, 0, .2) !important;
}
body.theme-togel_z1play .ua-wallet-buttons a + a {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 0, .45) !important;
  color: var(--tg-panel) !important;
  box-shadow: none !important;
}
body.theme-togel_z1play .ua-wallet-buttons button {
  border: 1px dashed rgba(255, 255, 0, .3) !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: rgba(255, 255, 0, .75) !important;
  font-weight: 800 !important;
}

/* --- Pemisah bagian ------------------------------------------------------- */
body.theme-togel_z1play .ua-section-divider { color: var(--tg-panel) !important; }
body.theme-togel_z1play .ua-section-divider:before { background: linear-gradient(90deg, transparent, rgba(255, 255, 0, .35)) !important; }
body.theme-togel_z1play .ua-section-divider:after { background: linear-gradient(90deg, rgba(255, 255, 0, .35), transparent) !important; }

/* --- Menu kategori -------------------------------------------------------- */
body.theme-togel_z1play .ua-category-menu {
  border-color: rgba(255, 255, 0, .25) !important;
  background: linear-gradient(180deg, #12120a, #000) !important;
}
body.theme-togel_z1play .ua-category-menu a { color: #fff !important; }
body.theme-togel_z1play .ua-category-menu a + a:before { background: linear-gradient(transparent, rgba(255, 255, 0, .25), transparent) !important; }
body.theme-togel_z1play .ua-category-menu i {
  border: 1px solid rgba(255, 255, 0, .28) !important;
  background: rgba(255, 255, 0, .07) !important;
  box-shadow: none !important;
}
body.theme-togel_z1play .ua-category-menu i:after { background: rgba(255, 255, 0, .25) !important; }
body.theme-togel_z1play .ua-category-menu a:hover {
  border-color: rgba(255, 255, 0, .5) !important;
  background: rgba(255, 255, 0, .08) !important;
}

/* --- Ubin akses cepat ----------------------------------------------------- */
body.theme-togel_z1play .ua-shortcuts a {
  border: 1px solid rgba(255, 255, 0, .18) !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg, #101008, #000) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .45) !important;
}
/* Semua chip ikon disamakan; userarea.css memberi warna pelangi per nth-child
   (kuning, biru, hijau, ungu, merah muda, oranye) yang tidak nyambung dengan
   skin hitam-kuning. */
body.theme-togel_z1play .ua-shortcuts a i,
body.theme-togel_z1play .ua-shortcuts a:nth-child(n) i {
  border: 1px solid rgba(255, 255, 0, .35) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 0, .08) !important;
  color: var(--tg-panel) !important;
}
body.theme-togel_z1play .ua-shortcuts b { color: #fff !important; }
body.theme-togel_z1play .ua-shortcuts small { color: rgba(255, 255, 255, .4) !important; }
/* Ubin terakhir (Lucky Wheel) tidak lagi melebar penuh saat jumlahnya ganjil. */
body.theme-togel_z1play .ua-shortcuts a:last-child:nth-child(odd) { grid-column: auto !important; }
body.theme-togel_z1play .ua-shortcuts a:active { transform: scale(.97); }

/* --- Kartu isi lain ------------------------------------------------------- */
body.theme-togel_z1play .ua-card,
body.theme-togel_z1play .ua-provider-catalog {
  border: 1px solid rgba(255, 255, 0, .18) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #0d0d07, #000) !important;
}
body.theme-togel_z1play .ua-card > header h2 { color: #fff !important; }
body.theme-togel_z1play .ua-card > header small { color: var(--tg-panel) !important; }
body.theme-togel_z1play .ua-empty { color: rgba(255, 255, 255, .4) !important; }


/* ============================================================================
   IKON KATEGORI VERSI PONSEL = SET IKON NAV DESKTOP.
   Pita kategori di beranda (.global-mobile-game-menu, templates/core/home.html)
   dan menu kategori member (.ua-category-menu, core/_member_shared_top.html)
   memakai PNG dari flaticon/googleusercontent yang di-hardcode di template dan
   DIPAKAI BERSAMA semua tenant — jadi tidak diubah di templatenya. Di sini
   <img> disembunyikan dan <i> diberi ikon latar dari static/togel-nav/*.svg,
   set yang sama dengan baris ikon nav desktop, hanya untuk tenant ini.
   Urutan kedua menu sama: togel, slot, live, sportsbook, arcade, poker, sabung.
   Path-nya relatif terhadap berkas CSS ini, jadi resolusinya /static/togel-nav/.
   ========================================================================= */
body.theme-togel_z1play :is(.global-mobile-game-menu, .ua-category-menu) a > i > img { display: none !important; }
body.theme-togel_z1play :is(.global-mobile-game-menu, .ua-category-menu) a > i {
  background-image: var(--tg-cat-ico) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px 24px !important;
}
/* Di pita kategori publik, <i> memang selebar gambarnya (width:auto). Karena
   <img>-nya disembunyikan, kotaknya harus diberi ukuran sendiri — kalau tidak,
   lebarnya nol dan ikon latar tidak kelihatan sama sekali. */
body.theme-togel_z1play .global-mobile-game-menu a > i {
  width: 34px !important;
  height: 34px !important;
  /* Ikon nav desktop itu emas-perak dan dirancang untuk latar hitam; di pita
     kuning ia tenggelam. Diberi cakram hitam di belakangnya — sekaligus meniru
     tampilan di header desktop. */
  border-radius: 50% !important;
  background-color: #000 !important;
  background-size: 23px 23px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .35) !important;
}
body.theme-togel_z1play :is(.global-mobile-game-menu, .ua-category-menu) a:nth-child(1) > i { --tg-cat-ico: url("togel-nav/lotto.svg"); }
body.theme-togel_z1play :is(.global-mobile-game-menu, .ua-category-menu) a:nth-child(2) > i { --tg-cat-ico: url("togel-nav/slots.svg"); }
body.theme-togel_z1play :is(.global-mobile-game-menu, .ua-category-menu) a:nth-child(3) > i { --tg-cat-ico: url("togel-nav/casino.svg"); }
body.theme-togel_z1play :is(.global-mobile-game-menu, .ua-category-menu) a:nth-child(4) > i { --tg-cat-ico: url("togel-nav/sports.svg"); }
body.theme-togel_z1play :is(.global-mobile-game-menu, .ua-category-menu) a:nth-child(5) > i { --tg-cat-ico: url("togel-nav/arcade.svg"); }
body.theme-togel_z1play :is(.global-mobile-game-menu, .ua-category-menu) a:nth-child(6) > i { --tg-cat-ico: url("togel-nav/poker.svg"); }
body.theme-togel_z1play :is(.global-mobile-game-menu, .ua-category-menu) a:nth-child(7) > i { --tg-cat-ico: url("togel-nav/sabung.png"); }


/* ============================================================================
   HALAMAN KATALOG /?category= — pita tab kategori + judul halaman.
   Markup: templates/core/category_providers.html (cabang non-z1play, ikon PNG
   flaticon yang di-hardcode dan dipakai bersama 16 tenant, jadi tidak diubah
   di templatenya). <img> disembunyikan lalu <i> memakai ikon nav desktop dari
   static/togel-nav/ seperti pita kategori beranda dan menu member.
   Tab aktif = pelat kuning berteks hitam, ikonnya tetap di atas cakram hitam.
   Judul: semua ragam heading (slot/arcade, live, sportsbook+sabung, togel,
   poker) disamakan — pita kuning di kiri, eyebrow kuning, judul sans tebal
   (bukan serif Cormorant dari frontend-lux), keterangan redup.
   ========================================================================= */
/* --- Pita tab kategori ----------------------------------------------------- */
body.theme-togel_z1play .category-provider-tabs {
  background: linear-gradient(180deg, #14140a, #000) !important;
  border-bottom: 1px solid var(--tg-panel-line) !important;
}
body.theme-togel_z1play .category-provider-tabs a {
  gap: 7px !important;
  border-right: 1px solid rgba(255, 255, 0, .14) !important;
  background: none !important;
  color: #fff !important;
}
body.theme-togel_z1play .category-provider-tabs a > span {
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
}
body.theme-togel_z1play .category-provider-tabs a > i > img { display: none !important; }
body.theme-togel_z1play .category-provider-tabs a > i {
  width: 36px !important;
  height: 36px !important;
  border: 1px solid rgba(255, 255, 0, .28) !important;
  border-radius: 50% !important;
  background-color: #0a0a05 !important;
  background-image: var(--tg-cat-ico) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 23px 23px !important;
  box-shadow: none !important;
}
body.theme-togel_z1play .category-provider-tabs a:nth-child(1) > i { --tg-cat-ico: url("togel-nav/lotto.svg"); }
body.theme-togel_z1play .category-provider-tabs a:nth-child(2) > i { --tg-cat-ico: url("togel-nav/slots.svg"); }
body.theme-togel_z1play .category-provider-tabs a:nth-child(3) > i { --tg-cat-ico: url("togel-nav/casino.svg"); }
body.theme-togel_z1play .category-provider-tabs a:nth-child(4) > i { --tg-cat-ico: url("togel-nav/sports.svg"); }
body.theme-togel_z1play .category-provider-tabs a:nth-child(5) > i { --tg-cat-ico: url("togel-nav/arcade.svg"); }
body.theme-togel_z1play .category-provider-tabs a:nth-child(6) > i { --tg-cat-ico: url("togel-nav/poker.svg"); }
body.theme-togel_z1play .category-provider-tabs a:nth-child(7) > i { --tg-cat-ico: url("togel-nav/sabung.png"); }
/* Tab aktif memakai pelat kuning seperti bar menu header; ikonnya tetap di atas
   cakram hitam supaya ikon emas tidak tenggelam di kuning. */
body.theme-togel_z1play .category-provider-tabs a.active {
  background: linear-gradient(180deg, #ffff00, #e6e600) !important;
  color: #000 !important;
}
body.theme-togel_z1play .category-provider-tabs a.active > i {
  border-color: rgba(0, 0, 0, .35) !important;
  background-color: #000 !important;
}

/* --- Judul halaman kategori ------------------------------------------------ */
body.theme-togel_z1play :is(.category-provider-heading, .live-section-title, .sb-section-title, .lottery-provider-heading, .poker-section-title) {
  padding-left: 11px;
  border-left: 3px solid var(--tg-panel);
}
body.theme-togel_z1play :is(.category-provider-heading, .live-section-title, .sb-section-title, .lottery-provider-heading, .poker-section-title) small {
  color: var(--tg-panel) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .22em !important;
}
/* frontend-lux.css memasang serif Cormorant untuk semua h1-h3; di skin ini
   judulnya harus satu keluarga dengan sisa halaman. */
body.theme-togel_z1play :is(.category-provider-heading, .live-section-title, .sb-section-title, .lottery-provider-heading, .poker-section-title) :is(h1, h2) {
  margin: 4px 0 0 !important;
  color: #fff !important;
  font-family: Avenir, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
}
body.theme-togel_z1play :is(.category-provider-heading, .live-section-title, .sb-section-title, .lottery-provider-heading, .poker-section-title) p {
  margin-top: 5px !important;
  color: rgba(255, 255, 255, .5) !important;
  font-size: 11px !important;
}
/* Keterangan kanan ("Semua provider tersedia") jadi pil bergaris kuning. */
body.theme-togel_z1play :is(.live-section-title, .sb-section-title, .poker-section-title) > span {
  padding: 6px 11px !important;
  border: 1px solid rgba(255, 255, 0, .35) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 0, .06) !important;
  color: var(--tg-panel) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}
/* Tombol "← Beranda" */
body.theme-togel_z1play .category-provider-heading a,
body.theme-togel_z1play .category-provider-page > .category-provider-heading + a {
  border: 1px solid rgba(255, 255, 0, .45) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 0, .06) !important;
  color: var(--tg-panel) !important;
  font-weight: 800 !important;
}


/* ============================================================================
   PENCOCOKAN WARNA — sisa aksen yang belum ikut skin hitam-kuning.
   Ditemukan dengan memindai computed style halaman live (kartu provider,
   lencana, dan halaman promo):
     * kartu provider katalog: badan kartu nila/plum/marun + garis toska
       (category-providers.css memakai #178d78/#159170 untuk sportsbook)
     * lencana "● LIVE"/"● ONLINE" dan titik status: hijau toska
     * tombol "Masuk Sportsbook": gradien hijau-biru
     * halaman promo: ungu #a855f7 di puluhan aturan
   Warna platform (Facebook/WhatsApp/Telegram di tombol sosial) SENGAJA tidak
   diubah — itu identitas layanan, bukan aksen tema.
   ========================================================================= */

/* --- Kartu provider di semua halaman kategori ------------------------------ */
body.theme-togel_z1play .category-provider-card {
  border-color: rgba(255, 255, 0, .22) !important;
  background: linear-gradient(180deg, #0c0c06, #000) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .5) !important;
}
body.theme-togel_z1play .category-provider-card:hover { border-color: rgba(255, 255, 0, .55) !important; }
body.theme-togel_z1play .category-provider-card > span { background: linear-gradient(160deg, #121208, #000) !important; }
body.theme-togel_z1play .category-provider-name {
  border-top-color: rgba(255, 255, 0, .18) !important;
  background: linear-gradient(180deg, #0b0b05, #000) !important;
  color: #fff !important;
}
body.theme-togel_z1play .category-provider-name em {
  background: linear-gradient(180deg, #ffff00, #e6e600) !important;
  color: #000 !important;
}
/* Lencana sudut kartu: "● LIVE" (sportsbook) dan "● ONLINE" (togel) */
body.theme-togel_z1play .category-provider-card > span::before,
body.theme-togel_z1play .category-provider-card::after {
  border-color: rgba(255, 255, 0, .4) !important;
  background: rgba(0, 0, 0, .82) !important;
  color: var(--tg-panel) !important;
}
body.theme-togel_z1play .sb-notes li { border-color: rgba(255, 255, 0, .18) !important; }
/* Titik status hijau di judul bagian */
body.theme-togel_z1play :is(.sb-section-title, .live-section-title, .poker-section-title) span i {
  background: var(--tg-panel) !important;
  box-shadow: 0 0 8px rgba(255, 255, 0, .55) !important;
}

/* --- Halaman promo --------------------------------------------------------- */
/* Isi promo ditulis di backoffice dan membawa <style> sendiri yang menyetel
   :root{--tessa-gold:#a855f7!important} (ungu). Variabel custom mengikuti
   leluhur terdekat, jadi mendefinisikan ulang di <body> sudah cukup menang. */
body.theme-togel_z1play {
  --tessa-gold: #ffff00 !important;
  --tessa-light-gold: #ffe75e !important;
  --tessa-dark-gold: #e1ac00 !important;
}
/* Apa pun yang tadinya ungu berteks putih kini berlatar kuning — teksnya wajib
   hitam (aturan keras tema). */
body.theme-togel_z1play :is(.tessa-section-number, .tessa-telegram-button, .tessa-promo-arrow) { color: #000 !important; }
body.theme-togel_z1play .tessa-promo-section li::before { color: #000 !important; }
body.theme-togel_z1play :is(.member-promo-badge, .member-promo-section-head p) i {
  background: var(--tg-panel) !important;
  box-shadow: 0 0 8px rgba(255, 255, 0, .5) !important;
}
body.theme-togel_z1play .member-promo-badge {
  border-color: rgba(255, 255, 0, .35) !important;
  background: rgba(255, 255, 0, .07) !important;
  color: var(--tg-panel) !important;
}

/* Isi promo memakai ungu #a855f7 yang di-hardcode di puluhan aturan (bukan
   hanya lewat variabel), jadi komponen ber-prefix .tessa- ditimpa di sini.
   Idealnya warna ini juga dibetulkan di sumbernya (editor promo backoffice). */
body.theme-togel_z1play [class^="tessa-"],
body.theme-togel_z1play [class*=" tessa-"] { border-color: rgba(255, 255, 0, .45) !important; }
body.theme-togel_z1play :is(.tessa-promo-arrow, .tessa-section-number, .tessa-telegram-button, .tessa-prize-table-header) {
  background: linear-gradient(135deg, #ffff00, #e1ac00) !important;
  color: #000 !important;
  box-shadow: 0 0 12px rgba(255, 255, 0, .28) !important;
}
body.theme-togel_z1play .tessa-promo-list li::before {
  border-color: rgba(255, 255, 0, .5) !important;
  background: var(--tg-panel) !important;
  color: #000 !important;
  box-shadow: 0 0 10px rgba(255, 255, 0, .35) !important;
}
body.theme-togel_z1play :is(.tessa-promo-list strong, .tessa-turnover-box strong, .tessa-summary-card strong, .tessa-promo-section h3, .tessa-header-star, .tessa-prize-note, .tessa-prize-stake) {
  color: var(--tg-panel) !important;
}
body.theme-togel_z1play :is(.tessa-turnover-box, .tessa-turnover-result, .tessa-prize-table) { background-color: rgba(255, 255, 0, .05) !important; }
body.theme-togel_z1play .tessa-summary-card {
  background: linear-gradient(145deg, rgba(255, 255, 0, .09), rgba(255, 255, 255, .02)) !important;
}
body.theme-togel_z1play .tessa-promo-inner {
  background:
    radial-gradient(circle at top right, rgba(255, 255, 0, .12), transparent 30%),
    radial-gradient(circle at bottom left, rgba(225, 172, 0, .1), transparent 32%),
    linear-gradient(160deg, #0d0d07, #000) !important;
}
body.theme-togel_z1play :is(.tessa-promo-inner, .tessa-promo-section, .tessa-summary-card, .tessa-promo-button) {
  box-shadow: 0 10px 26px rgba(0, 0, 0, .5) !important;
}