/* ===================================
   SPLASH SCREEN RESPONSIVE STYLES
   =================================== */

/* Wrapper for splash content - enables responsive sizing */
.splash-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
}

/* Category 1 - Special (Halftime/Final) */
.splash-cat-1-special {
    /* font-size set by JavaScript */
    font-weight: bold;
    line-height: 1.2;
    margin: 10px 0;
}

/* Category 1 - Regular rounds */
.splash-cat-1 {
    /* font-size set by JavaScript */
    font-weight: bold;
    line-height: 1.2;
    margin: 10px 0;
}

/* Category 2 */
.splash-cat-2 {
    /* font-size set by JavaScript */
    font-weight: bold;
    line-height: 1.2;
    margin: 10px 0;
}

/* Category 3 */
.splash-cat-3 {
    /* font-size set by JavaScript */
    font-weight: bold;
    line-height: 1.2;
    margin: 10px 0;
}

/* Points available - regular rounds */
.splash-points {
    /* font-size set by JavaScript */
    font-weight: 1000;
    line-height: 1.3;
    margin: 20px 0;
}

/* Halftime - line 1 */
.splash-halftime-1 {
    /* font-size set by JavaScript */
    font-weight: 900;
    line-height: 1.2;
    margin: 10px 0;
}

/* Halftime - line 2 */
.splash-halftime-2 {
    /* font-size set by JavaScript */
    line-height: 1.2;
    margin: 10px 0;
}

/* Final question instructions */
.splash-final {
    /* font-size set by JavaScript */
    line-height: 1.4;
    margin: 20px 0;
    max-width: 90%;
}