.lotto-countdown-boxes {

        display: flex;

        justify-content: center;

        align-items: stretch;

        gap: 8px;

        flex-wrap: wrap;

    }


    .lotto-countdown-box {

        min-width: 75px;

        padding: 10px 8px;

        border: 2px solid var(--countdown-color);

        border-radius: 8px;

        background: var(--countdown-color);

        color: #fff;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        box-shadow:
            0 2px 5px rgba(0,0,0,0.15);

    }


    .lotto-countdown-box span {

        font-size: 26px;

        font-weight: 700;

        line-height: 1.2;

    }


    .lotto-countdown-box small {

        font-size: 13px;

        font-weight: 600;

        margin-top: 3px;

    }


    @media (max-width: 576px) {

        .lotto-countdown-box {

            min-width: 62px;

            padding: 8px 5px;

        }


        .lotto-countdown-box span {

            font-size: 21px;

        }


        .lotto-countdown-box small {

            font-size: 11px;

        }

    }
    
    
/* Container fade */
.lotto-faded-balls {
    opacity: 0.45;
}

/* Main Balls: Plain flat color matching the draw theme */
.lotto-ball-main-blank {
    border: 3px solid var(--countdown-color, #333);
    background: var(--countdown-color, #333);
    color: #000000;
}

/* Star / Euro Balls: Plain yellow background with solid border and shadow */
.lotto-ball-star-blank {
    border: 5px solid var(--countdown-color, #333);

    color: #000000;
    box-shadow: 
        inset -3px -5px 8px rgba(0, 0, 0, 0.08),
        inset 3px 4px 8px rgba(255, 255, 255, 0.9),
        0 4px 8px rgba(0, 0, 0, 0.2);
}