/* Canonical TOP30: image-free, equal-weight choices. */
.play{max-width:960px}.sample{border:1px solid var(--line);border-radius:16px;background:#f0e8d6;padding:38px;box-shadow:8px 9px 0 #253b3710}.sample h2{font-size:34px;line-height:1.7}.sample-options{display:flex;align-items:center;gap:24px;margin:28px 0}.sample-options span:not(:nth-child(2)){padding:12px 26px;background:#fffdf8;border:1px solid var(--line);border-radius:8px;font:36px Georgia,serif}.quiz-entry{padding:25px 28px;border:1px solid var(--line);border-radius:14px;background:#fffdf8;margin:25px 0}.quiz-entry h2{margin:8px 0}.primary-entry{border:2px solid var(--ink)}.quiz-entry .button{width:100%;margin-top:10px}.quiz-context{font-size:13px;font-weight:bold;margin:25px 0 0}.progress-label{gap:15px;align-items:center;margin-top:18px}.progress-label strong{font-size:19px}.progress-label>span{font-size:12px}.prompt h1{font-size:30px;line-height:1.65}.theme{font-weight:bold}.choice{display:flex;flex-direction:column;justify-content:flex-start;min-height:210px;text-align:left;padding:25px;overflow-wrap:anywhere}.choice .letter{font:25px Georgia,serif;margin-bottom:14px;color:var(--ink)}.choice strong{display:block;font-size:22px}.choice-definition{display:block;font-size:12px;line-height:1.7;color:var(--muted);margin-top:16px}.choice-status{margin-top:auto;padding-top:15px}.era-choices{grid-template-columns:repeat(3,1fr)}.era-choices .choice{min-height:100px;align-items:center;justify-content:center;padding:22px 10px}.era-choices .choice strong{font-size:25px}.feedback .one-fact{grid-template-columns:1fr}.feedback .explanation{font-size:16px;line-height:1.9}.fact small{font-size:12px;line-height:1.7;color:var(--muted)}.fact time{margin-top:8px}.fact .caution{font-size:12px;color:var(--muted)}.streak{font-size:20px;font-weight:bold}.result .score{font-size:58px}.share-text{display:block;width:100%;min-height:120px;resize:vertical;border:1px solid var(--ink);font:inherit;line-height:1.8;color:var(--ink)}textarea:focus-visible{outline:3px solid #1b706c;outline-offset:4px}.actions .button{gap:10px}
@media(max-width:680px){.hero{min-height:auto}.sample{padding:25px}.sample h2{font-size:27px}.play h1{font-size:25px}.quiz-entry{padding:22px 18px}.prompt h1{font-size:24px}.choice{padding:18px 13px;min-height:215px}.choice strong{font-size:18px}.choice-definition{font-size:11px;margin-top:12px}.era-choices{gap:8px}.era-choices .choice strong{font-size:21px}.era-choices .choice{min-height:95px}.era-choices .choice-status{font-size:11px}.feedback .explanation{font-size:14px}.result .score{font-size:52px}.result h1{font-size:27px}}