.quiz-option {
    cursor: pointer;
    transition: background-color 0.2s;
}

.quiz-option:hover {
    background-color: #e9ecef;
}

.quiz-option.selected {
    border-color: #0d6efd;
    background-color: #e7f1ff;
}

.quiz-option.correct {
    border-color: #198754;
    background-color: #d1e7dd;
}

.quiz-option.wrong {
    border-color: #dc3545;
    background-color: #f8d7da;
}

.timer-bar {
    height: 8px;
    transition: width 1s linear;
}

.scoreboard-entry {
    transition: all 0.3s ease;
}

.category-card {
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}

.category-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}