.route-quiz{min-height:100vh;background:radial-gradient(ellipse at 85% 10%,rgba(152,29,54,.09),transparent 55%),var(--bg,#faf7f2);color:var(--text,#342f31);font-family:'IBM Plex Sans',sans-serif}
.quiz-brand{max-width:1080px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.8rem;font-weight:700}.quiz-brand>.brand>img{width:47px;height:47px;object-fit:contain}.quiz-page{max-width:1000px;margin:18px auto 60px;padding:0 24px}.quiz-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}.quiz-intro h1{font-size:2.75rem;line-height:1.12;margin:14px 0 20px;letter-spacing:0}.quiz-intro p{line-height:1.65}.quiz-event-title{font-weight:700}.quiz-facts{display:flex;gap:18px;padding:18px 0;border-block:1px solid var(--card-border);margin:22px 0;font-size:.75rem}.quiz-facts span{display:grid;gap:4px}.quiz-facts b{font-size:1.5rem;color:var(--brand-primary)}
.quiz-glass,.quiz-feature,.quiz-leaderboard{background:var(--card-tint),var(--card-surface);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);backdrop-filter:var(--card-filter);-webkit-backdrop-filter:var(--card-filter)}
.quiz-entry-panel{padding:22px}.quiz-art{width:100%;height:180px;object-fit:contain;display:block;margin-bottom:18px}.quiz-entry-panel label{display:block;font-weight:700;margin-bottom:8px}.quiz-entry-panel input{width:100%;min-height:48px;padding:12px;border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--reading-surface);font:inherit;font-size:16px}.quiz-entry-panel .button{width:100%;margin-top:10px}.quiz-note{font-size:.75rem;line-height:1.6;color:#51484b}.quiz-entry-panel [role=status]{font-size:.85rem}.quiz-footer{text-align:center;padding:20px;font-size:.75rem}.quiz-page .button,.quiz-leaderboard .button,.quiz-feature .button{min-height:44px;white-space:normal;text-align:center}.quiz-page [hidden]{display:none!important}
.quiz-gamebar{position:sticky;top:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:var(--reading-surface)}.quiz-gamebar p{margin:0 0 5px}.quiz-clock{text-align:center;min-width:80px;font-variant-numeric:tabular-nums}.quiz-clock span{font-size:1.75rem;font-weight:800;color:var(--brand-primary)}.quiz-clock small{display:block;font-size:.65rem}.quiz-clock[data-urgency=soon]{border-bottom:3px solid #bd7118}.quiz-clock[data-urgency=urgent]{border-bottom:3px solid var(--brand-primary);background:#fff0f2;border-radius:8px}.quiz-steps{display:flex;gap:10px;margin:20px 0}.quiz-step{width:44px;height:44px;border:1px solid var(--card-border);border-radius:50%;background:var(--card-surface);color:inherit;font:inherit;font-weight:700;cursor:pointer}.quiz-step.is-answered{border-color:var(--brand-primary);box-shadow:inset 0 -3px var(--brand-primary)}.quiz-step[aria-current=step]{background:var(--brand-primary);color:white}.quiz-question{min-width:0;margin:0;padding:24px;border:1px solid var(--card-border)}.quiz-question legend{float:left;width:100%;padding:0;margin-bottom:22px;font-weight:750;font-size:1.15rem;line-height:1.55}.quiz-choice{clear:both;display:grid;grid-template-columns:20px 30px minmax(0,1fr);align-items:center;gap:12px;margin-top:12px;padding:14px;border:1px solid var(--card-border);border-radius:12px;background:rgba(255,253,249,.82);font-size:.9375rem;line-height:1.5;cursor:pointer;min-height:60px;transition:border-color .15s,background-color .15s}.quiz-choice input{width:18px;height:18px;accent-color:var(--brand-primary);margin:0}.quiz-choice__letter{font-weight:800;color:var(--brand-primary)}.quiz-choice:has(:checked){border-color:var(--brand-primary);background:#fce9ee;box-shadow:inset 3px 0 var(--brand-primary)}.quiz-choice:hover{border-color:var(--brand-primary)}.quiz-choice:focus-within{outline:3px solid var(--brand-primary);outline-offset:2px}.quiz-actions{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:20px}.quiz-page button:disabled{cursor:wait;opacity:.65}.quiz-result{padding:40px;text-align:center;max-width:650px;margin:auto}.quiz-score{font-size:4rem;color:var(--brand-primary);display:block;line-height:1.3}.quiz-result .quiz-actions{justify-content:center}.quiz-leaderboard{width:min(560px,calc(100% - 36px));max-height:85dvh;overflow:auto;padding:24px;color:#342f31;background:var(--glass-floating-background);font-family:'IBM Plex Sans',sans-serif}.quiz-leaderboard::backdrop{background:rgba(55,20,30,.35);backdrop-filter:blur(5px)}.quiz-leaderboard__head{display:flex;justify-content:space-between;gap:15px;align-items:start}.quiz-leaderboard h2{margin:0;font-size:1.5rem}.quiz-leaderboard .eyebrow{margin:0 0 8px}.quiz-rankings{list-style:none;margin:20px 0;padding:0;display:grid;gap:10px}.quiz-rankings li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:14px;border:1px solid var(--card-border);border-radius:12px}.quiz-rankings li:first-child{background:#fbebda;border-color:#b7803d}.quiz-rankings li:nth-child(2){background:#f1f1f4}.quiz-rankings li:nth-child(3){background:#f8eee7}.quiz-rankings li span{overflow-wrap:anywhere;font-size:.85rem}.quiz-rankings li small{grid-column:2/4;font-size:.7rem}.quiz-rankings strong{color:var(--brand-primary)}
.quiz-feature{display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:24px;padding:24px;margin:24px 0;font-family:'IBM Plex Sans',sans-serif}.quiz-feature h2{margin:5px 0 10px;font-size:1.6rem}.quiz-feature p{margin:8px 0;font-size:.9rem;line-height:1.6}.quiz-feature .quiz-actions{justify-content:start;margin-top:16px}.quiz-feature .quiz-scan{text-align:center;font-size:.75rem;font-weight:700}.quiz-scan img{display:block;width:140px;height:140px;background:white;border-radius:8px;margin-bottom:8px}.quiz-feature .eyebrow{font-size:.7rem;color:var(--brand-primary);font-weight:800}
@media(max-width:820px){.quiz-intro{grid-template-columns:1fr;gap:24px}.quiz-intro h1{font-size:2.25rem}.quiz-entry-panel{display:grid;grid-template-columns:160px minmax(0,1fr);gap:0 22px}.quiz-art{height:220px;grid-row:1/4;margin:0}.quiz-page{max-width:720px}.quiz-feature{gap:18px}}
@media(max-width:500px){.quiz-brand{padding:16px 18px}.quiz-brand>.brand>img{width:43px;height:43px}.quiz-page{padding:0 18px;margin-top:8px}.quiz-intro h1{font-size:2rem}.quiz-entry-panel{display:block;padding:18px}.quiz-art{height:160px;margin-bottom:16px}.quiz-facts{gap:16px}.quiz-question{padding:18px}.quiz-question legend{font-size:1rem}.quiz-choice{grid-template-columns:18px 20px minmax(0,1fr);gap:8px;padding:12px;font-size:.875rem}.quiz-gamebar{padding:12px}.quiz-gamebar .eyebrow{font-size:.65rem}.quiz-result{padding:24px 18px}.quiz-result .button{width:100%}.quiz-leaderboard{padding:18px}.quiz-feature{grid-template-columns:1fr;padding:20px}.quiz-scan{justify-self:center}.quiz-feature .quiz-actions{display:grid}.quiz-feature h2{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.quiz-choice{transition:none}}

/* Keep approved landscape quiz artwork complete at every entry-panel size. */
.quiz-art.quiz-art--landscape{height:auto;margin-bottom:18px}
.quiz-entry-panel:has(.quiz-art--landscape){display:block}