.trivia-game{max-width:860px;margin:2rem auto;background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--gold);box-shadow:var(--shadow);padding:clamp(1.25rem,4vw,2.5rem)}
.trivia-meta{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--emerald);font-size:1rem;font-weight:700}
.trivia-score{padding:.25rem .75rem;border-radius:2rem;background:var(--emerald);color:var(--gold-light)}
.trivia-meter{display:block;width:100%;height:10px;margin:1.2rem 0 2rem;accent-color:var(--emerald-3);border:0}
.trivia-question{font:600 clamp(1.3rem,3vw,1.85rem)/1.4 Cinzel,serif;color:var(--emerald);margin:0 0 1.2rem}
.trivia-options{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.trivia-option{background:white;border:2px solid var(--line);color:#000;padding:1rem;text-align:left;min-height:64px;font-size:1rem;cursor:pointer;border-radius:4px;overflow-wrap:anywhere}
.trivia-option:hover:not(:disabled){border-color:var(--emerald-3);background:#edf6f0}
.trivia-option:focus-visible,.trivia-game button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.trivia-option:disabled{cursor:default;opacity:1}
.trivia-option.correct{border-color:var(--emerald-3);background:#e4f3e8;color:#000}
.trivia-option.incorrect{border-color:#a23b32;background:#fff1ee;color:#000}
.trivia-feedback{margin-top:1.5rem;padding:1.2rem;background:#f7f2e7;border-left:4px solid var(--gold);font-size:1rem;color:#000}
.trivia-feedback p{margin:.5rem 0 1rem}.trivia-feedback blockquote{margin:.6rem 0 0;font-size:1rem;line-height:1.8;color:#000}
.trivia-actions{margin-top:1.5rem}.trivia-actions .button{font-size:.9rem;min-height:48px}
.trivia-family-link{text-align:center;font-size:1rem}.trivia-family-link a{text-decoration:underline;color:var(--emerald-3);font-weight:700}
.trivia-settings{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.trivia-settings label{display:block;font-size:1rem;font-weight:700;color:var(--emerald);margin-bottom:.5rem}
.trivia-level{width:100%;max-width:420px;min-height:48px;padding:.7rem;background:white;color:var(--ink);border:2px solid var(--emerald);border-radius:4px;font:inherit}
.trivia-level:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.trivia-level:disabled{opacity:.7}.trivia-level-note{font-size:1rem;margin:.75rem 0 .5rem}.trivia-history-note{font-size:.9rem;line-height:1.6;margin:0}
.trivia-game [hidden]{display:none!important}
@media(max-width:560px){.trivia-options{grid-template-columns:1fr}.trivia-game{margin:1rem auto}.trivia-progress{font-size:.9rem}}