/* Couples Trivia Jeepney Date Journey styles (v102).
   Plum night board, gold wave, rose and coral hearts, postcard
   question cards with sampaguita-garland edges. No quiz-show
   template, no buzzer and podium, no casino framing. Layout is a
   single centred column for a 390px phone, narrowing for folded
   widths; the narrowest query is spec by code inspection, to be
   re-verified on a real folded device. Options are full-width
   buttons, never colour-only: correct and wrong are always shown
   in words on the reveal. */
.trivia-title { margin: 8px 0 4px; }
.trivia-scores { font-weight: 700; }
.trivia-garland { text-align: center; letter-spacing: 6px; color: #efa93b; margin: 8px 0 4px; }
.trivia-track { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; margin: 8px 0; }
.trivia-stop { display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 50%; background: #46204a; color: #fdf8ec; border: 2px solid #efa93b; font-size: 13px; font-weight: 700; }
.trivia-stop-gold { background: #efa93b; color: #2b1233; }
.trivia-jeepney { font-size: 24px; line-height: 1; }
.trivia-route-now { font-weight: 600; }
.trivia-body { max-width: 390px; margin: 0 auto; }
.trivia-prompt { background: #fdf8ec; color: #2b1233; border: 2px solid #efa93b; border-radius: 12px; padding: 12px; }
.trivia-options { display: flex; flex-direction: column; gap: 8px; margin: 10px 0; }
.trivia-opt { min-height: 48px; padding: 10px 12px; border-radius: 10px; border: 2px solid #efa93b; background: #fdf8ec; color: #2b1233; font-size: 16px; text-align: left; cursor: pointer; font-family: inherit; }
.trivia-opt.trivia-picked { background: #fdeec2; outline: 3px solid #efa93b; }
.trivia-reactions { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.trivia-parked { font-weight: 700; }
.trivia-toggles { display: flex; flex-wrap: wrap; gap: 10px; font-size: 14px; margin: 10px 0; }
.trivia-toggle { cursor: pointer; }
.trivia-card-list { margin: 10px 0; }
.trivia-card-row { border: 1px solid #efa93b; border-radius: 10px; padding: 8px 10px; margin: 8px 0; }
.trivia-glossary dt { font-weight: 700; margin-top: 8px; }
.trivia-glossary dd { margin: 2px 0 0 12px; }
.trivia-solo-daily, .trivia-solo-deck, .trivia-solo-story, .trivia-solo-how { max-width: 390px; margin: 0 auto 18px; }
.trivia-bar { height: 12px; background: #e8dcc8; border-radius: 6px; margin: 2px 0 8px; overflow: hidden; }
.trivia-bar i { display: block; height: 100%; background: #efa93b; }
.trivia-bar-partner i { background: #e85d75; }
.trivia-solo-deck select, .trivia-solo-story input, .trivia-solo-story select { display: block; width: 100%; margin: 6px 0; padding: 10px; border-radius: 10px; border: 2px solid #efa93b; box-sizing: border-box; }
/* Light board toggle: ivory day board, plum text. */
.trivia-light .trivia-prompt, .trivia-light .trivia-opt { background: #ffffff; }
.trivia-light .trivia-stop { background: #fdf8ec; color: #2b1233; }
/* Large text toggle. */
.trivia-large .trivia-opt { font-size: 19px; min-height: 52px; }
.trivia-large .trivia-prompt { font-size: 19px; }
/* High contrast toggle. */
.trivia-contrast .trivia-prompt, .trivia-contrast .trivia-opt { border-width: 3px; border-color: #2b1233; }
.trivia-contrast .trivia-stop { border-width: 3px; }
/* Reduced motion toggle, plus the platform preference. */
.trivia-motion .trivia-jeepney { transition: none; }
@media (max-width: 420px) {
  .trivia-prompt { padding: 10px; }
  .trivia-opt { font-size: 15px; }
  .trivia-stop { width: 24px; height: 24px; line-height: 24px; font-size: 12px; }
}
@media (max-width: 320px) {
  .trivia-opt { font-size: 14px; min-height: 44px; padding: 8px; }
  .trivia-stop { width: 22px; height: 22px; line-height: 22px; font-size: 11px; }
  .trivia-jeepney { font-size: 20px; }
}