.trivia-board{color:#24382b;background:#f5f1e2;border-radius:16px;align-content:start;gap:14px;min-height:340px;padding:18px;display:grid}.trivia-board button{font:inherit;color:inherit;cursor:pointer;background:#fffdf5;border:1px solid #b9b39a;border-radius:12px;min-height:44px;padding:8px 14px}.trivia-board button:focus-visible{outline-offset:2px;outline:3px solid #d6a73c}.trivia-board button[aria-pressed=true]{color:#fff;background:#2f6b45;border-color:#2f6b45}.trivia-themes{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.trivia-board .trivia-start,.trivia-board .trivia-next{color:#fff;background:#2f6b45;justify-self:center;min-width:180px;font-weight:700}.trivia-summary{text-align:center}.trivia-summary h2{margin:0 0 4px;font-size:1.8rem}.trivia-summary p{margin:0 0 4px}.trivia-best{opacity:.8}.trivia-hud{font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.trivia-dots{gap:6px;margin:0;padding:0;list-style:none;display:flex}.trivia-dots li{background:#0001;border-radius:99px;flex:1;height:6px}.trivia-dots li.is-now{background:#d6a73c}.trivia-dots li.is-right{background:#2f6b45}.trivia-dots li.is-wrong{background:#b5544a}.trivia-question{margin:4px 0;font-size:clamp(1.2rem,4.5vw,1.6rem);line-height:1.3}.trivia-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.trivia-choices button{text-align:left;align-items:center;gap:10px;min-height:56px;display:flex}.trivia-choices kbd{font:inherit;background:#0000000f;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.trivia-choices button:disabled{cursor:default;opacity:1}.trivia-choices button.is-right{color:#fff;background:#2f6b45;border-color:#2f6b45}.trivia-choices button.is-wrong{color:#fff;background:#b5544a;border-color:#b5544a}.trivia-choices button.is-dim{opacity:.55}.trivia-feedback{gap:10px;display:grid}.trivia-feedback p{margin:0}@media (max-width:520px){.trivia-board{padding:12px}.trivia-choices{grid-template-columns:1fr}}
