/* Quiz only (../flag-quiz/flag-quiz.css and ../shared/game.css load first): bold quiz-show colours on the answer
   buttons, room for longer answers, and Bulb says the hints in the game. */
:root{--bulb:#ffd84a;--zap:#3ef0ff}
/* Bulb says the hints in a speech bubble, so the top-bar copy is kept for screen readers only. */
.hud .tip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.spotlight .title{font-size:44px;letter-spacing:.04em}
.answer{background:linear-gradient(180deg,#18204a,#0e1330);border-color:#2c3a74}
.answer:hover{border-color:var(--zap)}
.answer .num{background:var(--bulb);color:#0b0f24;font-weight:800}
.answer:focus-visible{outline-color:var(--zap)}
.answer.right{border-color:#7dff6a;background:#7dff6a26;color:#eaffe2}
.answer.right .num{background:#7dff6a;color:#0b0f24}
.answer.wrong{border-color:#ff5a7a;background:#ff5a7a26;color:#ffd6de}
.answer.wrong .num{background:#ff5a7a;color:#0b0f24}
@media (max-width:560px){
  .spotlight .title{font-size:34px}
  .answer{font-size:13.5px;line-height:1.18}
  .progress-label{font-size:7px}
}