/* ==========================================================================
   Penyesuaian tambahan. Dimuat setelah UGSLOT.css agar menimpa aturan lama.
   ========================================================================== */

/* --- Papan jackpot -------------------------------------------------------
   Angka miliaran jauh lebih panjang daripada angka lima digit yang dulu
   ditampilkan, jadi ukurannya dibuat menyesuaikan lebar layar dan angkanya
   memakai lebar tetap (tabular) supaya tidak bergoyang saat berputar. */

.player-counter-wrapper {
    position: relative;
    container-type: inline-size;   /* jadikan acuan ukuran untuk angka di dalamnya */
}

.player-counter-wrapper > span {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;

    /* Cadangan untuk browser lama: mengikuti lebar layar. */
    font-size: clamp(13px, 3.4vw, 44px);
    /* Utama: mengikuti lebar kotak gambar, jadi "Rp 9.875.000.000" selalu muat
       baik di ponsel maupun layar lebar. */
    font-size: min(9cqw, 44px);
    line-height: 1;
    font-weight: 800;
    white-space: nowrap;

    /* Semua angka selebar sama, jadi teks tidak bergeser tiap putaran */
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
    letter-spacing: .005em;

    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .65), 0 0 12px rgba(255, 185, 0, .45);
}

/* Bagian angka yang berputar cepat diberi warna emas agar gerakannya terbaca */
.player-counter-wrapper > span .jp-fast {
    color: #ffd24a;
}

/* Layar sempit: rapatkan sedikit agar angka tidak menyentuh tepi gambar */
@media (max-width: 520px) {
    .player-counter-wrapper > span {
        letter-spacing: -.015em;
    }
}