.trivia-page{background-image:radial-gradient(#343a4009 .7px,transparent .7px);background-size:12px 12px}
.launch{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding-top:53px;padding-bottom:42px;min-height:430px}
.launch h1{font:650 clamp(54px,6.3vw,82px)/1.08 var(--sans);letter-spacing:-4.5px;margin:0 0 22px}.launch h1>span{color:var(--brand)}.launch-description{font-size:var(--text-base);line-height:1.7;color:var(--muted);margin:0 0 27px}.launch-meta{display:flex;align-items:center;gap:13px;font-size:var(--text-sm);color:var(--muted);margin-bottom:20px}.launch-meta>span+span:before{content:'·';margin-right:13px}.launch-actions{display:flex;align-items:center;gap:12px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;border-radius:9px;min-height:49px;padding:13px 22px;font-size:var(--text-base);font-weight:600;border:1px solid transparent;text-decoration:none;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.button-ink{background:var(--brand-strong);color:#fff}.button-ink:hover{background:var(--brand-hover)}.launch-actions .button-ink{background:var(--brand-strong);color:#fff;min-width:178px;border-color:var(--brand-strong)}.launch-actions .button-ink:hover{background:var(--brand-hover)}.button-outline{background:transparent;border-color:#adb5bd;color:var(--ink)}.button-outline:hover{background:var(--surface-muted)}
.reactor{width:100%;max-width:430px;justify-self:center;position:relative}.reactor-atom{display:block;width:100%;overflow:visible}.reactor-guide{stroke:#dee2e6;stroke-width:1;stroke-dasharray:2 8}.reactor-crosshair{stroke:#ced4da;stroke-width:1}.orbital-system{transform-origin:220px 200px;animation:atomic-orbit 70s linear infinite}.orbital-system ellipse{stroke:#868e96;stroke-width:1.2}.electron{stroke:var(--paper);stroke-width:4}.electron-lime{fill:var(--brand)}.electron-orange{fill:#f2a0b2}.electron-ink{fill:var(--ink)}.nucleus-halo{fill:#f6003209;stroke:#f7c4cf;stroke-width:1}.nucleus{fill:var(--brand);stroke:#e90030;stroke-width:1}.nucleus-quotes{fill:#fff}.text-button{background:none;border:0;padding:5px 0;font-size:var(--text-sm);color:var(--muted);display:inline-flex;gap:9px;align-items:center}.text-button:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.game-screen{max-width:780px;padding-top:29px;min-height:65vh}.game-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.back-button{display:inline-flex;gap:7px;align-items:center;background:none;border:0;color:var(--muted);padding:7px 0;font-size:var(--text-sm)}.back-button:hover{color:var(--ink)}.mode-tag{font-size:var(--text-sm);color:var(--muted)}.round-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.round-heading h1{font-size:27px;letter-spacing:-.8px;font-weight:600;margin:0}.score-pill{border:1px solid var(--line);background:var(--surface-muted);padding:8px 14px;border-radius:24px;font-size:var(--text-sm);font-weight:550}.score-pill span{color:var(--brand-strong);margin-right:5px}.progress-track{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 6px 25px}.progress-track:before{content:'';position:absolute;left:5px;right:5px;top:50%;height:1px;background:var(--line)}.progress-step{position:relative;width:12px;height:12px;border-radius:50%;background:#ced4da;box-shadow:0 0 0 5px var(--paper);z-index:1}.progress-step.current{background:var(--brand);box-shadow:0 0 0 4px var(--paper),0 0 0 5px #f0a0b2}.progress-step.correct{background:var(--success)}.progress-step.incorrect{background:var(--error)}
.question-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:23px 31px 28px;position:relative;animation:rise-in .2s ease}.question-top{display:flex;justify-content:flex-end}.question-count{font-size:var(--text-sm);color:var(--muted)}.big-quote{font:400 clamp(29px,3.3vw,39px)/1.32 var(--serif);letter-spacing:-1px;margin:18px 0 21px;max-width:680px}.quote-mark{display:block;font:66px/.7 var(--serif);height:29px;color:#f4a2b4;margin:0 0 5px}.question-prompt{font-size:var(--text-base);color:var(--muted);line-height:1.75;margin:0}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px}.answer-button{min-height:62px;display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:10px;padding:13px 16px;background:var(--surface);color:var(--ink);font-size:var(--text-base);text-align:left;transition:background .15s,border-color .15s}.answer-button:not(:disabled):hover{border-color:#df8497;background:var(--brand-soft)}.answer-letter{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;font-size:var(--text-sm);color:var(--muted);background:var(--surface-muted)}.answer-text{flex:1}.answer-indicator{font-size:17px;font-weight:650}.answer-button.is-correct{background:var(--success-soft);border-color:#9dcbb0;color:#276447}.answer-button.is-correct .answer-letter{background:var(--success);border-color:var(--success);color:white}.answer-button.is-wrong{background:var(--error-soft);border-color:#e6a2b0;color:var(--error)}.answer-button.is-wrong .answer-letter{background:var(--error);border-color:var(--error);color:white}.answer-button.is-muted{opacity:.48}
.round-bottom{margin-top:14px}.hint-button{background:none;border:0;color:var(--muted);padding:6px 0;font-size:var(--text-sm)}.hint-button:hover{color:var(--ink)}.hint-box{margin-top:10px;background:var(--surface-muted);border:1px dashed #ced4da;border-radius:9px;padding:13px 17px;font-size:var(--text-base);color:var(--muted);line-height:1.75}.explanation{margin-top:20px;border:1px solid #b7d6c2;background:var(--success-soft);border-radius:12px;padding:20px 23px;animation:rise-in .2s ease}.explanation.wrong{background:var(--error-soft);border-color:#edbcc6}.explanation-title{font-size:var(--text-base);font-weight:650;margin:0 0 9px}.explanation p{font-size:var(--text-base);line-height:1.85;margin:0;color:#39664a}.explanation.wrong p{color:#8e4052}.explanation-actions{display:flex;justify-content:flex-end;margin-top:17px}.explanation-actions .button{min-width:128px}
.results-card{position:relative;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:33px 32px 29px;overflow:hidden;animation:rise-in .25s ease}.result-medallion{width:115px;height:115px;margin:0 auto 24px;border:1px solid var(--brand-line);border-radius:50%;background:var(--brand-strong);position:relative;display:flex;align-items:center;justify-content:center}.result-medallion:before,.result-medallion:after{content:'';position:absolute;inset:-10px;border:1px solid #e893a6;border-radius:50%;transform:rotate(50deg) scaleY(.43);pointer-events:none}.result-medallion:after{transform:rotate(-50deg) scaleY(.43)}.result-medallion span{color:#fff;font:500 44px var(--sans);letter-spacing:-3px;z-index:1}.result-medallion small{font-size:20px;letter-spacing:-1px;color:#fff}.results-card h1{font-size:34px;letter-spacing:-1.2px;font-weight:600;margin:0 0 18px}.result-squares{display:flex;justify-content:center;gap:8px;margin:21px 0 27px}.result-square{height:31px;width:31px;border:1px solid #b7d6c2;border-radius:50%;background:var(--success-soft);color:var(--success);font-size:15px;display:flex;align-items:center;justify-content:center}.result-square.missed{background:var(--error-soft);border-color:var(--brand-line);color:var(--error)}.result-buttons{display:flex;justify-content:center;gap:11px}.result-buttons .button{min-width:155px}.result-streak{font-size:var(--text-sm);color:var(--muted);margin:20px 0 0;line-height:1.7}.review-section{margin-top:30px}.review-heading{font-size:var(--text-base);font-weight:550;margin:0 0 15px}.review-question{padding:14px 0;border-top:1px solid var(--line)}.review-question summary{cursor:pointer;display:flex;align-items:center;gap:12px;list-style:none;font-size:var(--text-base);line-height:1.65}.review-question summary::-webkit-details-marker{display:none}.review-chevron{margin-left:auto;color:var(--muted);transition:transform .15s}.review-question[open] .review-chevron{transform:rotate(180deg)}.review-status{height:22px;width:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:var(--success-soft);color:var(--success);font-size:11px}.review-status.missed{background:var(--error-soft);color:var(--error)}.review-answer{padding:5px 0 4px 34px}.review-answer p{font-size:var(--text-base);color:var(--muted);line-height:1.9}.review-answer .correct-answer{color:#276447;font-weight:600}.review-answer .your-answer{color:var(--error);font-size:var(--text-sm)}.results-back{display:flex;justify-content:center;margin-top:24px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center;margin-bottom:22px}.stats-grid div{background:var(--surface-muted);border-radius:11px;padding:18px 10px}.stats-grid strong{display:block;font-size:32px;letter-spacing:-1px;font-weight:550;margin-bottom:6px}.stats-grid span{display:block;font-size:var(--text-sm);color:var(--muted)}.stats-history{list-style:none;padding:0;margin:15px 0 0}.stats-history li{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line);font-size:var(--text-sm);color:var(--muted)}.stats-empty{text-align:center;padding:15px 0;font-size:var(--text-base);color:var(--muted)}.archive-list{display:flex;flex-direction:column;gap:9px}.archive-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-align:left}.archive-button:hover{background:var(--brand-soft);border-color:var(--brand-line)}.archive-button strong{font-size:var(--text-base);font-weight:500}.mode-description{font-size:var(--text-base);color:var(--muted);line-height:1.7;margin-bottom:17px}.share-text{width:100%;resize:vertical;min-height:140px;background:var(--surface-muted);border:1px solid var(--line);border-radius:10px;padding:15px;font-size:var(--text-base);color:var(--ink);line-height:1.9}@keyframes rise-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes atomic-orbit{to{transform:rotate(360deg)}}
@media(max-width:900px){.launch{gap:10px;min-height:390px;padding-top:38px;padding-bottom:34px}.launch h1{font-size:63px;letter-spacing:-3.5px}.launch-description{font-size:var(--text-base)}.reactor{max-width:340px}}
@media(max-width:650px){.launch{grid-template-columns:1fr .7fr;gap:0;min-height:330px;padding-top:35px;padding-bottom:35px}.launch h1{font-size:50px;letter-spacing:-2.8px}.launch-description{font-size:var(--text-base);max-width:220px;line-height:1.75;margin-bottom:20px}.launch-actions{gap:9px;flex-wrap:wrap}.launch-actions .button{min-height:44px;min-width:0;font-size:var(--text-base);gap:16px;padding:10px 16px}.launch-meta{font-size:var(--text-sm);margin-bottom:17px}.reactor{width:120%;margin-right:-8px}.question-card{padding:23px 25px}.big-quote{font-size:33px}.game-screen{padding-top:22px}}
@media(max-width:480px){.launch{grid-template-columns:1fr;position:relative;min-height:0;padding-top:41px;padding-bottom:36px;overflow:hidden}.launch-copy{position:relative;z-index:1}.launch h1{font-size:56px;letter-spacing:-3.2px;max-width:250px;margin-bottom:17px}.launch-description{font-size:var(--text-base);max-width:205px;margin-bottom:22px}.launch-meta{font-size:var(--text-sm)}.launch-actions{gap:10px;margin-top:22px}.launch-actions .button{min-height:47px;font-size:var(--text-base);padding:12px 20px;gap:25px}.launch-actions .button-ink{min-width:165px}.reactor{position:absolute;width:210px;right:-79px;top:41px;margin:0;opacity:.75}.game-topbar{margin-bottom:22px}.mode-tag{font-size:var(--text-sm)}.round-heading h1{font-size:24px}.round-heading{margin-bottom:22px}.question-card{padding:19px 22px 24px}.big-quote{font-size:30px;margin-top:14px}.question-prompt{font-size:var(--text-base)}.options-grid{grid-template-columns:1fr;gap:9px;margin-top:15px}.answer-button{min-height:53px;font-size:var(--text-base);padding:11px 14px}.answer-letter{width:24px;height:24px}.explanation{padding:19px 20px}.explanation p{font-size:var(--text-base)}.explanation-actions .button{min-height:44px;font-size:var(--text-base)}.results-card{padding:29px 21px}.results-card h1{font-size:29px}.result-buttons{flex-direction:column;gap:10px}.result-buttons .button{width:100%}.result-medallion{width:100px;height:100px;margin-bottom:22px}.result-medallion span{font-size:39px}.stats-grid{gap:7px}.stats-grid strong{font-size:29px}.toast{max-width:calc(100% - 30px);text-align:center}}

.question-card,.results-card{border-radius:var(--radius)}

/* Blade views use the same shell as the quote library. */
.site-main .launch{padding-top:12px;padding-bottom:35px;min-height:365px;grid-template-columns:1.15fr 1fr;gap:15px}.site-main .launch h1{font-size:clamp(44px,4.7vw,64px);letter-spacing:-3px}.launch-actions form{margin:0}.site-main .launch-description{font-size:var(--text-base);max-width:none}.site-main .reactor{max-width:330px}.site-main .launch-actions{flex-wrap:wrap}.site-main .launch-actions .button{min-width:0;gap:18px;padding:12px 18px}.site-main .game-screen{width:100%;max-width:760px;padding-top:5px;margin-inline:auto;min-height:0}.site-main .round-heading h1{font-size:27px;margin:0}.text-button,.back-button{text-decoration:none}.site-main .button-ink:hover{color:#fff}.site-main .question-card .big-quote{font:400 clamp(27px,3vw,36px)/1.35 var(--serif);margin:20px 0}.question-top{margin-bottom:20px}.game-screen form{margin-bottom:0}.trivia-utility{max-width:620px;margin:0 auto;padding:5px 0 30px}.site-main .trivia-utility h1{font-size:32px;margin-top:22px}.share-score{margin-top:20px}.share-score summary{cursor:pointer}.share-score label{display:block;margin:15px 0 8px}.round-bottom summary{cursor:pointer;width:fit-content}.round-bottom[open] summary{color:var(--brand-strong)}.game-screen .explanation-title{font-size:var(--text-base)}.results-card .result-buttons{flex-wrap:wrap}
@media(max-width:1100px) and (min-width:901px){.site-main .launch h1{font-size:49px}}
@media(max-width:600px){.site-main .launch{min-height:0;grid-template-columns:1fr;position:relative;overflow:hidden;padding:25px 0 30px}.site-main .launch h1{font-size:54px;max-width:250px}.site-main .reactor{position:absolute;width:205px;right:-67px;top:30px;opacity:.65}.site-main .launch-copy{position:relative;z-index:1}.site-main .round-heading h1{font-size:23px}.site-main .launch-actions{margin-top:20px}.site-main .launch-actions .button{padding:11px 17px;min-height:46px}}
@media(prefers-reduced-motion:reduce){.orbital-system{animation:none}.button,.question-card,.results-card{animation:none;transition:none}}