/* Loaded last — full green / red answer bars after you pick. */

#question-screen #options .answer-option-btn.answer-option-btn--correct,
#question-screen .question-body .answer-option-btn.answer-option-btn--correct,
#options .answer-option-btn.answer-option-btn--correct,
.answer-option-btn.answer-option-btn--correct,
#question-screen #options .answer-option-btn.answer-option-btn--correct:hover,
#question-screen #options .answer-option-btn.answer-option-btn--correct:disabled {
  background: #16a34a !important;
  background-image: none !important;
  border: 2px solid #86efac !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 16px rgb(22 163 74 / 0.45) !important;
  opacity: 1 !important;
  filter: none !important;
}

#question-screen #options .answer-option-btn.answer-option-btn--wrong,
#question-screen .question-body .answer-option-btn.answer-option-btn--wrong,
#options .answer-option-btn.answer-option-btn--wrong,
.answer-option-btn.answer-option-btn--wrong,
#question-screen #options .answer-option-btn.answer-option-btn--wrong:hover,
#question-screen #options .answer-option-btn.answer-option-btn--wrong:disabled {
  background: #dc2626 !important;
  background-image: none !important;
  border: 2px solid #fca5a5 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 16px rgb(220 38 38 / 0.45) !important;
  opacity: 1 !important;
  filter: none !important;
}

#question-screen .answer-option-btn--correct .answer-text,
.answer-option-btn--correct .answer-text,
#question-screen .answer-option-btn--wrong .answer-text,
.answer-option-btn--wrong .answer-text {
  color: #ffffff !important;
  font-weight: 800 !important;
}

#question-screen .answer-option-btn--correct .answer-badge,
.answer-option-btn--correct .answer-badge,
#question-screen .answer-option-btn--wrong .answer-badge,
.answer-option-btn--wrong .answer-badge {
  color: #ffffff !important;
}

#question-screen #options .answer-option-btn.answer-option-btn--muted,
#options .answer-option-btn.answer-option-btn--muted,
.answer-option-btn.answer-option-btn--muted {
  background: #0a1611 !important;
  background-image: none !important;
  border-color: rgb(148 163 184 / 0.2) !important;
  color: #94a3b8 !important;
  opacity: 0.38 !important;
  filter: grayscale(0.55) !important;
  box-shadow: none !important;
}

#question-screen .answer-option-btn--muted .answer-text,
.answer-option-btn--muted .answer-text {
  color: #94a3b8 !important;
  font-weight: 500 !important;
}