@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Rajdhani:wght@500;600;700&family=Orbitron:wght@600;700;800&family=Bangers&display=swap');
/* ============================================================
   THEME gasterus03 untuk situs RTP (Sendok88 DOM) — v15 (konsolidasi)
   Ubah UI/container/button/nav/font. TETAP: isi pola, thumbnail, RTP.
   Page gelap, kartu PUTIH. Bump ?v=N tiap edit + hard-reload.
   ============================================================ */
:root{
  --g-orange:#ff6b4a; --g-gold:#ffc83d; --g-gold-d:#e5a520;
  --g-card:#ffffff; --g-ink:#18181b; --g-stripe:#18181b;
}

/* ---------- FONT global ---------- */
body,p,span,a,td,th,li,div,button,input{ font-family:Inter,-apple-system,sans-serif; }
h1,h2,h3,h4,h5,.title-game,.jam-gacor{ font-family:Rajdhani,Inter,sans-serif; font-weight:700; }

/* ---------- CONTAINER: replika .gc-outer (putih, shadow lembut) ---------- */
.rtp-card{
  position:relative;
  background:
    repeating-linear-gradient(135deg,rgba(24,24,27,.05) 0 2px,transparent 2px 9px),
    var(--g-card) !important;
  border:none!important; border-radius:12px!important;
  box-shadow:0 4px 12px rgba(0,0,0,.45)!important;
  transition:transform .25s ease, box-shadow .25s ease!important; overflow:hidden;
}
.rtp-card:hover{ transform:translateY(-2px) scale(1.025); box-shadow:0 14px 28px rgba(0,0,0,.6)!important; z-index:5; }
.rtp-card .rtp-card-img{ border:3px solid #fff!important; border-radius:10px!important; box-shadow:0 2px 8px rgba(0,0,0,.25)!important; }
/* gradient hitam halus 2 sudut */
.rtp-card::after{
  content:""!important; position:absolute!important; right:0!important; bottom:0!important; top:auto!important; left:auto!important;
  width:130px!important; height:130px!important; z-index:1!important; pointer-events:none!important;
  background:radial-gradient(circle at bottom right, rgba(0,0,0,.18), transparent 66%)!important;
}
.rtp-card::before{
  content:""!important; position:absolute!important; top:0!important; left:0!important; right:auto!important; bottom:auto!important;
  width:130px!important; height:130px!important; z-index:1!important; pointer-events:none!important;
  background:radial-gradient(circle at top left, rgba(0,0,0,.18), transparent 66%)!important;
}

/* ---------- POLA di kartu putih: teks gelap (isi TETAP) ---------- */
.pola-wrapper{ background:transparent!important; border:none!important; box-shadow:none!important; }
.pola-wrapper, .pola-wrapper h4, .pola-wrapper h5, .pola-wrapper td, .pola-wrapper th,
.pola-wrapper .jam-gacor, .pola-wrapper .table-pola{ color:var(--g-ink)!important; }
.pola-wrapper hr{ border-color:rgba(0,0,0,.12)!important; opacity:1; }
.pola-wrapper h4 .lni,.pola-wrapper .jam-gacor .lni{ color:var(--g-gold-d)!important; }
.percent-txt{ color:#111!important; font-weight:800!important; }
.percent{ background:rgba(0,0,0,.08)!important; border-radius:6px!important; }

/* chip icon provider: persegi 1:1 dark, SEJAJAR kanan heading "Pola Slot:" (semua ukuran) */
.icon-providers{
  width:44px!important; height:44px!important; padding:7px!important;
  position:absolute!important; top:0.5rem!important; right:0.5rem!important; bottom:auto!important; left:auto!important;
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  background:#141418!important; border-radius:12px!important; box-sizing:border-box!important;
  box-shadow:0 2px 6px rgba(0,0,0,.3)!important; overflow:hidden!important;
}
.icon-providers img{ width:100%!important; height:100%!important; object-fit:contain!important; display:block!important; margin:0!important; }
/* heading "Pola Slot:" rata-kiri + sisakan ruang chip → tak menimpa baris pola */
.pola-wrapper > h4{
  text-align:left!important; display:flex!important; align-items:center!important; gap:6px!important;
  min-height:44px!important; padding-right:56px!important; margin-bottom:.35rem!important;
}

/* ---------- SECTION HEADER: bar putih + garis diagonal memudar (FONT RESPONSIF) ---------- */
.title-game{
  position:relative; display:block; text-align:center;
  background:#fff!important; color:var(--g-ink)!important;
  border-radius:8px; margin:16px auto!important; overflow:hidden;
  font-family:Orbitron,sans-serif!important; font-weight:800!important;
  text-transform:uppercase; letter-spacing:.5px;
  font-size:clamp(15px,4.6vw,26px)!important;
  padding:12px clamp(42px,14vw,120px)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.35); line-height:1.15;
}
.title-game::before,.title-game::after{
  content:""; position:absolute; top:0; bottom:0; width:clamp(34px,12vw,110px);
  background:repeating-linear-gradient(135deg,var(--g-stripe) 0 6px,transparent 6px 14px);
}
.title-game::before{ left:0; -webkit-mask:linear-gradient(90deg,#000,transparent); mask:linear-gradient(90deg,#000,transparent); }
.title-game::after{ right:0; -webkit-mask:linear-gradient(270deg,#000,transparent); mask:linear-gradient(270deg,#000,transparent); }

/* ---------- BUTTON: LOGIN putih / DAFTAR hitam ---------- */
.login-button{
  background:#fff!important; color:#111!important; border:2px solid #111!important;
  border-radius:12px!important; font-weight:800!important; letter-spacing:.5px; box-shadow:none!important;
}
.register-button{
  background:#111!important; color:#fff!important; border:2px solid #fff!important;
  border-radius:12px!important; font-weight:800!important; letter-spacing:.5px;
}
/* container nav provider PUTIH; tombol di dalam tetap gelap (logo terbaca) */
.slot-sidebar-nav{ background:#fff!important; border:1px solid rgba(0,0,0,.12)!important; border-radius:14px!important; }
.slot-sidebar-nav>li{ background:#fff!important; }
.slot-sidebar-nav .btn-provider{
  border-radius:12px!important; background:#141418!important;
  border:1px solid rgba(255,255,255,.10)!important; padding:12px 16px!important; transition:all .2s ease!important;
}
.slot-sidebar-nav .btn-provider:hover,.slot-sidebar-nav .btn-provider.active,.slot-sidebar-nav li.active .btn-provider{
  border-color:var(--g-gold)!important; box-shadow:0 0 0 2px var(--g-gold)!important; background:#1c1c22!important;
}
.slot-sidebar-nav .next-btn,.slot-sidebar-nav .prev-btn{
  border-radius:10px!important; background:#111!important; color:#fff!important; border:1px solid rgba(0,0,0,.15)!important;
}
.slot-sidebar-nav .next-btn:hover,.slot-sidebar-nav .prev-btn:hover{ border-color:#111!important; color:#fff!important; }
/* "Mari Bermain" */
.btn-play{
  border-radius:999px!important; border:none!important; font-weight:800!important; color:#241a00!important;
  background:linear-gradient(135deg,var(--g-gold),var(--g-orange))!important; box-shadow:0 6px 18px rgba(255,107,74,.45)!important;
}
.btn-play:hover{ transform:translate(-50%,-50%) scale(1.05)!important; }
/* scroll-top */
.btn-up.btn-danger{
  background:linear-gradient(135deg,var(--g-gold),var(--g-orange))!important;
  color:#241a00!important; border:none!important; border-radius:50%!important; box-shadow:0 4px 14px rgba(255,107,74,.5)!important;
}

/* ---------- BOTTOM NAV: hitam-putih ---------- */
.nav-bottom{ border-top:2px solid rgba(255,255,255,.25)!important; }
.item-nav-bottom{ background:#111!important; }
.item-nav-bottom:hover{ background:#000!important; }
.item-nav-bottom p{ color:#fff!important; font-family:Inter,sans-serif!important; }
.item-nav-bottom i,.item-nav-bottom .lni{ color:#fff!important; }

/* ============================================================
   v16 — logo provider lebih besar mengisi container (terutama mobile)
   ============================================================ */
.slot-sidebar-nav .btn-provider{ display:flex!important; align-items:center!important; justify-content:center!important; }
.slot-sidebar-nav .btn-provider img{
  height:58px!important; width:auto!important; max-width:90%!important; object-fit:contain!important;
}
@media (max-width:991.98px){
  .slot-sidebar-nav .btn-provider{ padding:8px 6px!important; }
  .slot-sidebar-nav .btn-provider img{ height:66px!important; max-width:94%!important; }
}