/* Halaman teks hukum di footer (Kebijakan Privasi, dst.). Semua kelas berawalan bgl-. Warna mengikuti variabel tema situs. */
.bgl-root{--g:var(--primary-color,#d4af37);--rgb:var(--primary-rgb,212,175,55);--muted:var(--text-muted,#c9a227);max-width:1120px;margin:0 auto;padding:16px 16px 36px;color:#fff;font-size:16px;line-height:1.65}
.bgl-root *{box-sizing:border-box}
.bgl-root h1,.bgl-root h2,.bgl-root h3,.bgl-root p,.bgl-root ul{margin:0}
.bgl-head{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px}
.bgl-head .bgl-ic{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#e6bd2c,#ffd60a);color:#1a1300}
.bgl-head h1{font-size:34px;font-weight:800;color:var(--g)}
.bgl-date{margin-top:26px;text-align:center;font-size:15px;color:var(--muted)}
.bgl-card{margin-top:28px;padding:28px 32px;border-radius:24px;border:1px solid rgba(var(--rgb),.6);background:linear-gradient(135deg,#0d0e12,#15161c)}
.bgl-card h2{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800;color:#fff}
.bgl-card h2 svg{flex:none;color:var(--g)}
.bgl-card p{margin-top:8px;color:var(--muted)}
.bgl-card p+p{margin-top:14px}
.bgl-card ul{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:10px;color:var(--muted)}
.bgl-card li{padding-left:18px;position:relative}
.bgl-card li:before{content:"•";position:absolute;left:2px;top:0}
.bgl-card h3{margin-top:22px;font-size:20px;font-weight:800;color:#fff}
.bgl-card h2+h3{margin-top:22px}
.bgl-card h3+ul{margin-top:6px}
.bgl-empty{margin-top:40px;padding:44px 16px;text-align:center;border-radius:20px;border:1px solid rgba(var(--rgb),.35);color:rgba(255,255,255,.75)}
@media (max-width:820px){
.bgl-head h1{font-size:26px}.bgl-head .bgl-ic{width:52px;height:52px}
.bgl-card{padding:20px 18px;border-radius:20px}.bgl-card h2{font-size:21px}.bgl-card h3{font-size:18px}
}

/* Halaman dimuat dari API: tahan tinggi supaya bagian bawah situs (Bantuan?, footer) tidak melompat ke atas selagi isi belum ada */
.bgl-root{min-height:calc(100vh - 220px)}
.bgl-root:empty:before{content:"Memuat…";display:block;padding:90px 0;text-align:center;font-size:16px;color:var(--text-muted,#c9a227)}
.bgl-root>*{animation:bgl-in .28s ease-out}
@keyframes bgl-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.bgl-root>*{animation:none}}

/* variasi halaman Bermain Bertanggung Jawab: subjudul, panel kembar, tombol aksi, kartu penutup */
.bgl-root .bgl-sub{max-width:700px;margin:26px auto 0;text-align:center;font-size:16px;color:var(--muted)}
.bgl-card h2.danger svg{color:#f87171}
.bgl-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.bgl-panel{padding:16px 20px;border-radius:16px;background:#131313}
.bgl-panel.danger{background:rgba(127,29,29,.24);border:1px solid rgba(239,68,68,.35)}
.bgl-card .bgl-panel h3{margin:0;font-size:19px}
.bgl-panel.danger h3{color:#ff6b6b}
.bgl-panel p{margin-top:4px;font-size:14px}
.bgl-panel ul{margin-top:6px;gap:5px;font-size:14px}
.bgl-row{margin-top:8px;font-size:14.5px;color:var(--muted);overflow-wrap:anywhere}
.bgl-row b{color:var(--g)}
.bgl-card p.bgl-c{margin-top:20px;text-align:center}
.bgl-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:16px}
.bgl-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;border-radius:14px;font-size:16px;font-weight:700;text-decoration:none;transition:filter .15s,transform .15s}
.bgl-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.bgl-btn.gold{background:linear-gradient(90deg,#d8b13a,#ffd60a);color:#1a1300}
.bgl-btn.danger{background:rgba(153,27,27,.4);border:1px solid rgba(239,68,68,.4);color:#f87171}
.bgl-card.hl{text-align:center;background:linear-gradient(120deg,rgba(var(--rgb),.18),rgba(var(--rgb),.05));border-color:rgba(var(--rgb),.4)}
.bgl-card.hl h2{justify-content:center}
.bgl-card.hl p.bgl-quote{margin-top:6px;font-size:17px}
.bgl-card.hl .bgl-acts{margin-top:20px}
@media (max-width:820px){.bgl-panels{grid-template-columns:1fr}.bgl-btn{width:100%}}

/* satu panel penuh (mis. Verifikasi Usia) + kalimat penegas */
.bgl-panels.one{grid-template-columns:1fr}
.bgl-panels.one .bgl-panel{padding:22px 26px}
.bgl-panels.one .bgl-panel h3{font-size:22px}
.bgl-card .bgl-panel p.bgl-strong{margin-top:6px;font-size:18px;font-weight:700;color:#fff}
.bgl-panels.one ul{margin-top:12px;gap:10px;font-size:16px}

/* variasi halaman Self Exclusion: judul & ikon merah, tiga panel berlencana, kartu penutup merah */
.bgl-head.red .bgl-ic{background:linear-gradient(135deg,#ff2d46,#e11d2e);color:#fff;box-shadow:0 8px 22px rgba(239,68,68,.35)}
.bgl-head.red h1{color:#ff4d5e}
.bgl-panels.n3{grid-template-columns:repeat(3,1fr)}
.bgl-panels.n3 .bgl-panel{padding:22px 22px 20px}
.bgl-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 10px;margin-bottom:18px;border-radius:50%;font-size:17px;font-weight:800}
.bgl-badge.gold{background:rgba(var(--rgb),.22);color:var(--g)}
.bgl-badge.red{background:rgba(239,68,68,.22);color:#f87171}
.bgl-badge.gray{background:rgba(255,255,255,.1);color:var(--g)}
.bgl-card .bgl-panel .bgl-badge+h3{margin-top:0}
.bgl-btn.red{background:linear-gradient(90deg,#ff2d46,#e5001a);color:#fff}
.bgl-btn.blue{background:rgba(51,65,110,.55);border:1px solid rgba(96,165,250,.3);color:#60a5fa}
.bgl-card.hl.red{background:linear-gradient(120deg,rgba(127,29,29,.35),rgba(var(--rgb),.1));border-color:rgba(239,68,68,.35)}
.bgl-card p.bgl-foot{margin-top:18px;text-align:center;font-size:13.5px}
@media (max-width:820px){.bgl-panels.n3{grid-template-columns:1fr}}