@charset "UTF-8";
/* ==========================================================================
   Bible Trivia — styles.css
   --------------------------------------------------------------------------
   ALMOST EVERYTHING THIS PAGE LOOKS LIKE IS SOMEWHERE ELSE, ON PURPOSE.

     /biblegames/shared/theme.css   the night sky, the golds, the three levels
                                    of ink, the type stacks, the focus ring,
                                    the self-check report panel.
     /biblegames/shared/quiz.css    the whole four-choice layout: the no-scroll
                                    flex column, the scoreboard, the answer
                                    grid, the feedback panel, the score card.
     this file                      only what belongs to Bible Trivia alone.

   index.php loads them in that order, so anything here overrides both.

   The test for whether a rule belongs in this file: WOULD WHO DID IT WANT IT
   DIFFERENT? If no, it goes in quiz.css and every quiz gets it. If yes, here.

   To re-theme the whole site: shared/theme.css.
   To change every quiz on the site: shared/quiz.css.
   To change this one game: below.
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* 1. The question                                                            */
/* -------------------------------------------------------------------------- */

/*
 * This is the only quiz on the site whose prompt is itself a QUESTION rather
 * than a statement to be identified. Who Did It shows a deed and Who Said It
 * shows a quotation; both are read and then matched. A question is read and
 * then answered, which is a slightly different act, and it wants a slightly
 * different setting:
 *
 *   * upright, not italic — it is speech to the player, not a quotation;
 *   * a wider measure, because questions run longer than deeds. "What did
 *     Jesus tell Nicodemus a man must do to see the kingdom?" is 61 characters
 *     and reads badly broken over four short lines;
 *   * a touch smaller, so the longest question in the bank still fits the
 *     stage on a phone without stealing the answer buttons' room.
 */
.ask {
  max-width: 42ch;
  font-style: normal;
  font-size: clamp(1.05rem, 3.6vw, 1.6rem);
}

/* -------------------------------------------------------------------------- */
/* 2. The answers                                                             */
/* -------------------------------------------------------------------------- */

/*
 * Trivia answers are not names. They are short phrases — "Two tables of stone",
 * "Honour thy father and mother", "Water turned to blood" — and the longest in
 * the bank is 28 characters, against 20 in Who Did It.
 *
 * So the ceiling comes down a little further than that game's. The floor is
 * unchanged, so a one-word answer like "Ten" still fills its button, and the
 * shared rule that a long answer SHRINKS rather than wraps still does the rest:
 * four buttons of different heights read as a mistake.
 *
 * The 30-character limit itself is bgs_quiz_spec()'s default, enforced in
 * questions.php. This rule is what makes 30 characters actually legible.
 */
:root {
  --ans-font: clamp(0.82rem, 2.8vw, 1.12rem);
}

/* -------------------------------------------------------------------------- */
/* 3. Print                                                                   */
/* -------------------------------------------------------------------------- */

/* The blanket print rules are in quiz.css. Nothing here needs adding. */