.verb-quiz {
  margin: var(--space-xl) 0;
  padding: var(--space-lg);
  background: white;
  border: 2px solid rgba(255, 140, 66, 0.25);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
  text-align: center;
}
.verb-quiz h2 { font-size: 1.25rem; margin: 0 0 var(--space-xs); color: var(--color-text); }
.verb-quiz h3 { font-size: 1.1rem; margin: var(--space-md) 0 var(--space-xs); color: var(--color-text); }
.verb-quiz p { color: var(--color-text-muted); margin: 0 0 var(--space-md); }

.verb-quiz-progress { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: var(--brand-orange-strong); margin-bottom: var(--space-xs); }
.verb-quiz-prompt { font-size: 1.15rem; color: var(--color-text); margin-bottom: var(--space-md); }
.verb-quiz-prompt strong { font-family: var(--font-mono); }
.verb-quiz-gloss { font-size: 0.9rem; color: var(--color-text-muted); }
.verb-quiz-options { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-sm); max-width: 520px; margin: 0 auto var(--space-md); }
.verb-quiz-option {
  padding: 0.85rem 1rem;
  border: 2px solid rgba(139, 111, 71, 0.2);
  border-radius: var(--radius-lg);
  background: var(--brand-cream);
  color: var(--color-text);
  font: inherit;
  font-size: 1.05rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color var(--transition-fast), background var(--transition-fast);
}
.verb-quiz-option:hover:not(:disabled) { border-color: var(--brand-orange-strong); }
.verb-quiz-option:disabled { cursor: default; }
.verb-quiz-option.is-right { border-color: var(--brand-teal); background: rgba(74, 155, 127, 0.15); }
.verb-quiz-option.is-wrong { border-color: var(--brand-orange-strong); background: rgba(255, 140, 66, 0.12); }
.verb-quiz-feedback { min-height: 1.5em; font-weight: 600; }
.verb-quiz-feedback.is-right { color: var(--brand-teal-strong); }
.verb-quiz-feedback.is-wrong { color: var(--brand-orange-strong); }

.verb-quiz-score { font-size: 1.15rem; font-weight: 700; color: var(--color-text); }
.verb-quiz-qr { display: none; }
.verb-quiz-qr img { display: block; margin: 0 auto var(--space-xs); }
.verb-quiz-qr p { font-size: 0.85rem; }
/* Desktop (mouse + wide screen) gets the QR; phones get the store button. */
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  .verb-quiz-qr { display: block; }
  .verb-quiz-store { display: none; }
}

.verb-quiz-retry {
  display: block;
  margin: var(--space-md) auto 0;
  border: none;
  background: none;
  color: var(--brand-orange-strong);
  font: inherit;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 480px) {
  .verb-quiz { padding: var(--space-md); }
  .verb-quiz-options { grid-template-columns: 1fr; }
}