/* Headings & Main Text */
h1 {
    font-size: 4.5em;
    font-weight: 800;
    letter-spacing: -0.04em;
    margin-bottom: 10px;
    position: relative;
}

.subtitle {
    font-size: 1.5em;
    font-weight: 300;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.7);
    position: relative;
}

.subtitle::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 2px;
    opacity: 0.8;
}

/* Stats & Game Text */
.stat-icon {
    font-size: 2em;
}
.stat-value {
    font-size: 2em;
    font-weight: bold;
}
.stat-label {
    font-size: 0.9em;
}
/* Achievement Typography */
.achievement-icon {
    font-size: 2.5em;
}
.achievement-name {
    font-size: 0.9em;
    font-weight: bold;
}
.achievement-description {
    font-size: 0.75em;
    line-height: 1.3;
}
.achievement-unlocked-date {
    font-size: 0.65em;
}

/* Achievement Popup Typography */
.achievement-popup-icon {
    font-size: 3.5em;
}
.achievement-popup-title {
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.achievement-popup-name {
    font-size: 1.3em;
    font-weight: 700;
}
.achievement-popup-description {
    font-size: 0.85em;
}

/* Leaderboard Typography */
.leaderboard h2 {
    font-size: 2em;
}
.rank {
    font-size: 1.5em;
    font-weight: bold;
}

/* Verification Code Typography */
.verification-input {
    font-size: 1.5em;
    letter-spacing: 0.5em;
    font-family: monospace;
}
.pairing-code {
    font-size: 2.5em;
    font-weight: bold;
    font-family: monospace;
    letter-spacing: 0.2em;
}

/* Progress Text */
.progress-text {
    font-size: 0.7em;
}

/* Party Typography */
.party-header h3 {
    font-size: 1.8em;
}
.party-code-display {
    font-family: monospace;
    font-size: 1.4em;
    font-weight: bold;
    letter-spacing: 0.1em;
}

/* Mobile Typography Adjustments */
@media (max-width: 768px) {
    h1 {
        font-size: 2em;
    }
    .bac-value {
        font-size: 2em;
    }
    .stat-value {
        font-size: 1.5em;
    }
    .timer-display {
        font-size: 3em;
    }
    .question-card {
        font-size: 1.2em;
    }
    .leaderboard h2 {
        font-size: 1.5em;
    }
}