/* Exact Quiz Lovers game selectors copied from web_app/src/styles/global.css. */
.quiz-solo-game { display: grid; width: min(100%,680px); gap: 14px; margin: 0 auto; padding: 0 4px 24px; }
.quiz-solo-game__top { display: grid; grid-template-columns: 42px 1fr 42px; align-items: center; }
.quiz-solo-game__top button { display: grid; width: 42px; height: 42px; place-items: center; padding: 0; border: 0; background: transparent; color: var(--coach-charcoal); }
.quiz-solo-game__top > strong { color: var(--coach-charcoal); font-size: .98rem; font-weight: 950; text-align: center; }
.quiz-solo-game__top > span { color: var(--coach-terracotta); font-size: .9rem; font-weight: 950; text-align: right; }
.quiz-solo-game__progress { height: 6px; overflow: hidden; border-radius: 999px; background: rgba(61,64,91,.09); }
.quiz-solo-game__progress i { display: block; height: 100%; border-radius: inherit; background: var(--coach-terracotta); transition: width .2s; }
.quiz-fuse { display: flex; gap: 10px; align-items: center; padding: 12px 14px; border: 1px solid rgba(61,64,91,.08); border-radius: 999px; background: #fff; box-shadow: 0 8px 18px rgba(61,64,91,.063); color: var(--coach-terracotta); }
.quiz-fuse > span { height: 9px; flex: 1; overflow: hidden; border-radius: 999px; background: rgba(61,64,91,.09); }
.quiz-fuse i { display: block; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#f4a261,var(--coach-terracotta)); transform-origin: left; transition: transform .1s linear; }
.quiz-fuse strong { width: 40px; color: var(--coach-terracotta); font-size: 1.06rem; font-variant-numeric: tabular-nums; font-weight: 950; text-align: right; }
.quiz-fuse--urgent { color: #d1495b; }
.quiz-fuse--urgent i { background: linear-gradient(90deg,#f4a261,#d1495b); }
.quiz-fuse--urgent strong { color: #d1495b; }
.quiz-power-ups { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.quiz-power-ups button { display: flex; min-width: 0; min-height: 58px; gap: 8px; align-items: center; padding: 10px 12px; border: 1px solid var(--coach-outline); border-radius: 18px; background: #fff; color: var(--coach-charcoal); text-align: left; }
.quiz-power-ups button:disabled { opacity: .5; }
.quiz-power-ups button > span { display: grid; min-width: 0; }
.quiz-power-ups strong { font-size: .72rem; font-weight: 950; }
.quiz-power-ups small { color: var(--coach-muted-ink); font-size: .61rem; }
.quiz-question-card { display: grid; justify-items: start; gap: 10px; padding: 14px; border: 1px solid rgba(242,204,143,.55); border-radius: 30px; background: #fffbf8; box-shadow: 0 8px 22px rgba(224,122,95,.08); text-align: left; }
.quiz-question-card__visual { display: grid; width: 100%; height: 164px; overflow: hidden; place-items: center; padding: 14px; border: 1px solid rgba(224,122,95,.18); border-radius: 22px; background: #fff; }
.quiz-question-card__visual img { width: 100%; height: 100%; min-width: 0; min-height: 0; max-width: 100%; max-height: 100%; object-fit: contain; user-select: none; }
.quiz-question-card__label { display: inline-flex; min-height: 28px; gap: 6px; align-items: center; padding: 0 11px; border-radius: 999px; background: var(--coach-pale-peach); color: var(--coach-terracotta-text); font-size: .66rem; font-weight: 950; letter-spacing: .05em; }
.quiz-question-card h1 { max-width: 560px; margin: 0 0 3px; color: var(--coach-charcoal); font-size: clamp(1.08rem,4.8vw,1.35rem); font-weight: 950; line-height: 1.25; }
.quiz-solo-choices { display: grid; gap: 10px; }
.quiz-solo-choices button { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; gap: 12px; align-items: center; width: 100%; min-height: 62px; padding: 15px 14px; border: 1.5px solid rgba(61,64,91,.13); border-radius: 19px; background: #fff1ec; color: var(--coach-charcoal); text-align: left; transition: opacity .18s,background-color .18s,border-color .18s; }
.quiz-solo-choices button:nth-child(2) { background: #f0f7f3; }
.quiz-solo-choices button:nth-child(3) { background: #f4f1f9; }
.quiz-solo-choices button:disabled { cursor: default; }
.quiz-solo-choices b { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: rgba(61,64,91,.063); color: inherit; }
.quiz-solo-choices span { font-size: .84rem; font-weight: 760; line-height: 1.35; }
.quiz-solo-choices button.is-selected { border: 2.5px solid var(--coach-terracotta); background: #ffe7de; box-shadow: 0 4px 12px rgba(129,178,154,.3); }
.quiz-solo-choices button.is-correct { border-color: var(--coach-sage); background: var(--coach-sage); color: #fff; opacity: 1; }
.quiz-solo-choices button.is-correct b,.quiz-solo-choices button.is-wrong b { background: rgba(255,255,255,.18); color: #fff; }
.quiz-solo-choices button.is-wrong { border-color: var(--coach-terracotta); background: var(--coach-terracotta); color: #fff; opacity: 1; }
.quiz-solo-choices button:disabled:not(.is-selected):not(.is-correct) { opacity: .52; }
.quiz-solo-feedback { display: grid; gap: 8px; padding: 18px; border: 1px solid rgba(129,178,154,.25); border-radius: 26px; background: #eaf5ee; }
.quiz-solo-feedback--incorrect, .quiz-solo-feedback--timed_out { border-color: rgba(224,122,95,.25); background: #fff1e9; }
.quiz-solo-feedback > strong { color: var(--coach-charcoal); font-size: .95rem; font-weight: 950; }
.quiz-solo-feedback p { margin: 0; color: var(--coach-charcoal); font-size: .8rem; line-height: 1.45; }
.quiz-solo-feedback small { color: var(--coach-muted-ink); font-size: .68rem; font-weight: 800; }
.quiz-solo-feedback button { display: flex; min-height: 48px; gap: 8px; align-items: center; justify-content: center; margin-top: 3px; border: 0; border-radius: 18px; background: var(--coach-charcoal); color: #fff; font-weight: 900; }

@media (max-width: 560px) {
  .quiz-power-ups { gap: 8px; }
  .quiz-power-ups button { padding: 9px; }
}