/* ==========================================================
   1. PENGATURAN FONT UTAMA (OSWALD)
   ========================================================== */
@font-face {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v40/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
    font-family: "Oswald", sans-serif;
    scroll-behavior: smooth;
}

/* ==========================================================
   2. RESET CSS (Mengatur Margin, Padding, & Box-Sizing Global)
   ========================================================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ==========================================================
   3. ANIMASI (Jam Pasir & Efek Kedip / Blink)
   ========================================================== */
@keyframes lds-hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    100% {
        transform: rotate(1800deg);
    }
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

/* ==========================================================
   4. KELAS WARNA LATAR BELAKANG PASARAN
   ========================================================== */
.hongkong {
    background-color: #9C1512; /* Warna Merah Tua / Maroon untuk Pasaran Hongkong */
}

.sydney {
    background-color: #2980b9; /* Warna Biru Khas untuk Pasaran Sydney */
}

.singapore {
    background-color: #0b6623; /* Warna Hijau Khas untuk Pasaran Singapore */
}

/* ==========================================================
   5. KONTAINER UTAMA TABEL LIVE DRAW
   ========================================================== */
.entry-ld-container {
    width: 100%;
    text-align: center;
    margin: auto;
    border: 8px solid #EBEBEB; /* Warna Border Luar: Abu-abu Muda */
    border-radius: .25rem;
    margin-bottom: 20px;
}

.entry-ld-container .entry-ld-table {
    width: 100%;
    border-collapse: collapse;
    margin: auto;
    border-spacing: 0;
}

.entry-ld-container .entry-ld-table thead {
    border: 1px solid #EBEBEB; /* Garis Tepi Bagian Kepala Tabel */
}

/* Logo Pasaran di Bagian Atas Tabel */
.entry-ld-container .entry-ld-table .entry-ld-image {
    width: 100%;
    padding-top: 5px;
}

.entry-ld-container .entry-ld-table .entry-ld-image img {
    width: 65px;
    vertical-align: bottom;
}

/* Teks Judul, Tanggal, dan Jam */
.entry-ld-container .entry-ld-table .entry-ld-title {
    font-weight: bold;
    color: #FFFFFF; /* Warna Teks: Putih */
    vertical-align: top;
    letter-spacing: 1px;
}

/* Subtitle Khusus Tabel SGP (Starter & Consolation) */
.entry-ld-container .entry-ld-table .entry-ld-subtitle {
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-align: center;
    height: 40px;
    font-size: 18px;
    border: 1px solid #EBEBEB;
}

/* Pengaturan Jarak Spasi (Padding) & Ukuran Font */
.pt-10 { padding-top: 10px; }
.pb-10 { padding-bottom: 10px; }
.fz-20 { font-size: 20px; }
.fz-16 { font-size: 16px; }
.fz-15 { font-size: 15px; }
.fz-26 { font-size: 26px; }

/* ==========================================================
   6. BAGIAN BANNER / IKLAN
   ========================================================== */
.entry-ld-container .entry-ld-table .entry-ld-brand {
    width: 100%;
    background-color: #EBEBEB; /* Warna Latar Belakang Area Iklan */
    border: 1px solid #EBEBEB;
    padding: 0;
}

/* Mengatur gambar banner iklan agar menyesuaikan lebar tabel */
.entry-ld-container .entry-ld-table .entry-ld-brand img {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

/* ==========================================================
   7. BADAN TABEL (HASIL ANGKA PRIZE 1, 2, 3, STARTER, CONSOLATION)
   ========================================================== */
.entry-ld-container .entry-ld-table .entry-ld-body {
    background-color: #141414; /* Warna Latar Belakang Hitam Arang */
}

.entry-ld-container .entry-ld-table .entry-ld-body a {
    text-decoration: none;
    color: #FFFFFF; /* Warna Teks Angka Prize: Putih */
}

.entry-ld-container .entry-ld-table td {
    width: 15%;
    border: 1px solid #EBEBEB; /* Garis Tepi Kotak Angka */
    text-align: center;
    font-size: 22px;
    color: #FFFFFF; /* Warna Teks: Putih */
    letter-spacing: 1px;
    height: 50px;
}

.entry-ld-container .entry-ld-table .entry-ld-body tr:nth-child(1) {
    height: 65px; /* Tinggi khusus untuk Baris 1st Prize */
}

/* ==========================================================
   8. MEDIA QUERY: RESPONSIF UNTUK TABLET & HP (< 960px)
   ========================================================== */
@media screen and (max-width: 960px) {
    .entry-ld-container {
        border: 3px solid #EBEBEB; /* Border diperkecil di layar HP */
    }

    .entry-ld-container .entry-ld-table .entry-ld-image img {
        width: 45px;
    }

    .fz-20 { font-size: 18px; }
    .fz-16 { font-size: 15px; }
    .fz-15 { font-size: 14px; }

    .entry-ld-container .entry-ld-table td {
        font-size: 20px;
        height: 45px;
    }

    .entry-ld-container .entry-ld-table .entry-ld-body tr:nth-child(1) {
        height: 50px;
    }

    .fz-26 { font-size: 26px; }
}

/* ==========================================================
   9. MEDIA QUERY: RESPONSIF UNTUK LAYAR KECIL / HP (< 500px)
   ========================================================== */
@media screen and (max-width: 500px) {
    .entry-ld-container .entry-ld-table td {
        font-size: 16px;
        height: 45px;
    }

    .fz-26 { font-size: 22px; }
}

/* ==========================================================
   10. PENGATURAN KOTAK UTAMA SITUS DI TENGAH (MAX-WIDTH 1000px)
   ========================================================== */
.container {
    width: 100%;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    background: #ffffff; /* Warna Latar Belakang Utama Website: Putih */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Efek Bayangan Lembut */
}

/* Responsif Kotak Utama untuk Layar Mobile */
@media screen and (max-width: 1000px) {
    .container {
        max-width: 100%;
        box-shadow: none;
    }
}