/* Halloween Trivia only (../flag-quiz/flag-quiz.css and ../shared/game.css load first): Halloween colours on the
   answer buttons, room for longer answers, and Bubbles says the hints in the game. */
:root{--pumpkin:#ff9a2a}
/* Bubbles 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:38px}
.answer{background:linear-gradient(180deg,#2a1a44,#1c1030);border-color:#4a3470}
.answer:hover{border-color:var(--pumpkin)}
.answer .num{background:#ff9a2a26;color:#ffc98a}
.answer:focus-visible{outline-color:var(--pumpkin)}
.answer.right{border-color:#9dff7a;background:#9dff7a26;color:#e9ffd0}
.answer.right .num{background:#9dff7a;color:#140b24}
.answer.wrong{border-color:#ff6f91;background:#ff6f9126;color:#ffd0dc}
.answer.wrong .num{background:#ff6f91;color:#140b24}
@media (max-width:560px){
  .spotlight .title{font-size:30px}
  .answer{font-size:13.5px;line-height:1.18}
  .progress-label{font-size:7px}
}