/* DRAWCREST.COM - SELURUH CSS CUSTOM ADA DI FILE INI.
   Bootstrap 5 tetap dimuat melalui CDN untuk class utility dan komponen.
   Edit warna, tabel, banner, jarak, dan tampilan mobile di bawah.
*/
/* 1. GLOBAL */
:root{--bs-body-font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
html{scroll-padding-top:85px;scroll-behavior:smooth}
/* 2. HEADER / HERO */
.hero{background:linear-gradient(120deg,#111827,#1d3557)}
/* 3. KARTU DAN TABEL */
.card{border-radius:.8rem;overflow:hidden}
.table th,.table td{padding:.8rem}
/* 4. AREA LIVE DRAW */
.placeholder-panel{background:#101827;color:#f8fafc;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.live-frame{background:#101827;max-height:800px}
/* 5. BANNER SPONSOR ANTAR PRIZE */
.live-banner-row .live-banner-cell{padding:10px!important;background:#101827;text-align:center}
.live-banner-link{max-width:100%;margin:0 auto}
.live-banner-image{display:block;width:100%;height:auto;max-height:220px;object-fit:contain;margin:0 auto}
/* 6. RESPONSIVE */
@media(max-width:575.98px){.live-banner-row .live-banner-cell{padding:6px!important}.live-banner-image{max-height:140px}}

/* FLOATING ADS: posisi kiri, kanan, bawah; tombol tutup */
.floating-ad{position:fixed;z-index:1050;width:min(160px,28vw);filter:drop-shadow(0 3px 8px #0005)}
.floating-ad img{display:block;width:100%;height:auto;border-radius:6px}
.floating-ad-left{left:12px;bottom:16px}.floating-ad-right{right:12px;bottom:16px}
.floating-ad-bottom{left:50%;transform:translateX(-50%);bottom:10px;width:min(420px,85vw)}
.floating-ad-close{position:absolute;right:-8px;top:-12px;background:#212529;color:white;border:0;border-radius:50%;width:26px;height:26px;line-height:24px;font-size:20px;cursor:pointer}
@media(max-width:767px){.floating-ad-left,.floating-ad-right{width:min(110px,25vw);bottom:12px}.floating-ad-bottom{bottom:6px;width:min(280px,70vw)}}

.hero {
    background: linear-gradient(120deg, #111827, #790000);
}
.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgb(137 5 5) !important;
}
/* Countdown dan kolom result */
.countdown-panel{background:linear-gradient(135deg,#111827,#571111);color:#fff;border:1px solid #e0a800}
.countdown-digits{font-size:clamp(2rem,6vw,3.2rem);line-height:1.15;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#ffc107}
.result-table th,.result-table td{white-space:nowrap;vertical-align:middle}
@media(max-width:575.98px){.result-table{font-size:.82rem}.result-table th,.result-table td{padding:.45rem .3rem}.result-table .fs-5{font-size:1rem!important}}

/* Logo di sebelah countdown: menjaga ID timer dan fungsi JavaScript lama. */
.countdown-layout{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,28px)}
.countdown-logo{display:block;width:clamp(72px,13vw,112px);height:auto;flex:0 0 auto;object-fit:contain}
.countdown-content{min-width:0;text-align:center}
@media(max-width:420px){.countdown-layout{gap:8px}.countdown-logo{width:64px}.countdown-digits{font-size:clamp(1.5rem,7vw,2.2rem);letter-spacing:.025em}}

/* Starter Prize / Consolation Prize: setiap nomor berada di kotak terpisah. */
.prize-number-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:0;border-top:1px solid #7b8794;border-left:1px solid #7b8794;width:100%;font-size:clamp(.95rem,2.4vw,1.35rem);font-variant-numeric:tabular-nums}
.prize-number-cell{display:flex;align-items:center;justify-content:center;min-height:42px;padding:7px 9px;border-right:1px solid #7b8794;border-bottom:1px solid #7b8794;white-space:nowrap}
@media(max-width:575.98px){.prize-number-grid{grid-template-columns:repeat(2,minmax(0,1fr));font-size:1rem}.prize-number-cell{padding:7px 3px}}

/* Pembatas nomor hadiah: tidak tergantung styling cache lama. */
#live .prize-number-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%;border-top:1px solid #69747f;border-left:1px solid #69747f;gap:0!important}
#live .prize-number-cell{display:flex!important;align-items:center;justify-content:center;min-width:0;padding:10px 4px!important;border-right:1px solid #69747f!important;border-bottom:1px solid #69747f!important;font-size:clamp(13px,2vw,20px);white-space:nowrap}
@media(max-width:767px){#live .prize-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* V10: garis hadiah menyatu tanpa ruang antara sel (4 kolom tetap). */
#live td.prize-grid-td{padding:0!important;vertical-align:middle!important}
#live td.prize-grid-td .prize-number-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;width:100%;margin:0!important;padding:0!important;border:0!important}
#live td.prize-grid-td .prize-number-cell{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:68px;margin:0!important;padding:8px 2px!important;border:0!important;border-right:1px solid #69747f!important;border-bottom:1px solid #69747f!important;border-radius:0!important;font-size:clamp(11px,1.7vw,20px);white-space:nowrap}
#live td.prize-grid-td .prize-number-cell:nth-child(4n){border-right:0!important}
#live td.prize-grid-td .prize-number-cell:nth-last-child(-n+4){border-bottom:0!important}
@media(max-width:767px){#live td.prize-grid-td .prize-number-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}#live td.prize-grid-td .prize-number-cell{font-size:clamp(9px,2.6vw,15px);min-height:48px;padding:5px 1px!important}}