/* ---- SCOREBOARD CSS (paste this into main.css) ---- */
#rf-countdown-hero,
#rf-countdown-hero2 {
    background: #2b2b2b;
    border-radius: 8px;
    padding: 2em 1.5em;
    text-align: center;
    margin-bottom: 1.5em;
    box-shadow: 0 4px 16px rgba(0,0,0,0.25);
}

.rf-countdown-inner {
    max-width: 600px;
    margin: 0 auto;
}

#rf-countdown-hero h2,
#rf-countdown-hero2 h2 {
    color: #ffffff;
    font-size: 1.4em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin: 0 0 0.4em 0;
    border-bottom: none;
    padding: 0;
}

.rf-countdown-announcement {
    color: #b0b0b0;
    font-size: 0.95em;
    line-height: 1.4;
    margin: 0;
    max-width: none;
}

#rf-countdown-timer,
#rf-countdown-timer2 {
    display: flex;
    justify-content: center;
    gap: 1em;
    flex-wrap: wrap;
    margin: 0.8em 0;
}

.rf-time-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 70px;
    padding: 0.6em 0.8em;
    background: rgba(255,255,255,0.06);
    border-radius: 6px;
}

.rf-time-value {
    font-size: 2.8em;
    font-weight: 800;
    line-height: 1.1;
    color: #ffffff !important;
    font-variant-numeric: tabular-nums;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.rf-time-label {
    font-size: 0.7em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #888888;
    margin-top: 0.2em;
}

#rf-countdown-hero2 .rf-time-value {
    color: #ff2a2a !important;
}

@media screen and (max-width: 600px) {
    #rf-countdown-timer, #rf-countdown-timer2 {
        gap: 0.6em;
    }

    .rf-time-value {
        font-size: 2em;
    }

    .rf-time-box {
        min-width: 56px;
        padding: 0.4em 0.6em;
    }

    #rf-countdown-hero h2, #rf-countdown-hero2 h2 {
        font-size: 1.15em;
    }
}

#accountability-scoreboards {
    margin-bottom: 2em;
}
/* ============================================================
   Box — ported from Rockets Fight (mainGreen.css)
   ============================================================ */

.box {
    border-radius: 0.375em;
    border: solid 1px rgba(160, 165, 170, 0.55);
    margin-bottom: 2em;
    padding: 1.5em;
}

    .box > :last-child,
    .box > :last-child > :last-child,
    .box > :last-child > :last-child > :last-child {
        margin-bottom: 0;
    }

    .box.alt {
        border: 0;
        border-radius: 0;
        padding: 0;
    }