:root{color-scheme:dark;--bg:#101116;--panel:#181920;--edge:#2a2b36;--text:#f2f1f7;--muted:#9c9ba9;--accent:#b79aff;--green:#87dab2;--red:#ffaaaa;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,p{margin:0}svg{display:block}main{max-width:1120px;margin:0 auto;padding:58px 32px 32px;min-height:calc(100vh - 157px)}.accent{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:13px;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--muted)}.topbar{height:82px;border-bottom:1px solid #22232d;display:flex;align-items:center;padding:0 42px;gap:60px}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:-1px}.brand-muted{font-weight:450;color:#ddd9e6}.brand-period{color:var(--accent)}.brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:var(--accent)}.brand-mark svg{width:25px;stroke:#241935;stroke-width:2;fill:none}.topbar nav{display:flex;align-items:center;gap:28px;height:100%;font-size:13px}.nav-active{height:100%;display:grid;place-items:center;border-bottom:2px solid var(--accent)}.quiet{color:var(--muted);background:none;padding:9px 0;font-size:13px}.quiet:hover{color:var(--text)}.account{margin-left:auto;display:flex;align-items:center;gap:18px}.account #channelBadge{font-size:12px;background:#1d1e26;border:1px solid #30313a;border-radius:24px;padding:9px 14px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account #channelBadge:before{content:'';display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:8px}#versionLabel{font-size:9px;color:#8d8b9b;letter-spacing:1.5px}.primary{display:inline-flex;gap:26px;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;color:#1e142f;background:var(--accent);border-radius:9px;font-size:13px;font-weight:750;transition:background .15s,transform .15s}.primary:hover:not(:disabled){background:#c7b0ff;transform:translateY(-1px)}.primary:disabled{transform:none}.notice{background:#332332;border:1px solid #6b4056;color:#f9c8d6;border-radius:9px;padding:13px 16px;margin-bottom:24px;font-size:13px;line-height:1.6}.welcome{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px;padding-top:26px}.hero-copy h1{font-size:78px;line-height:1.03;letter-spacing:-5px;margin:24px 0}.hero-copy h1 span{color:var(--accent)}.tiny-star{color:var(--accent);margin-right:7px}.hero-description{font-size:17px;line-height:1.65;color:#adabb9;margin-bottom:28px}.twitch-button{font-size:14px;min-height:52px;gap:13px}.twitch-button svg{width:22px;fill:currentColor}.twitch-button span:last-child{margin-left:8px}.signin-note{font-size:12px;line-height:1.8;color:#82818f;margin-top:17px}.preview-card{background:#181920;border:1px solid #32313d;border-radius:16px;padding:25px 24px 20px;transform:rotate(2deg);box-shadow:0 18px 65px #0003}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;font-weight:700;letter-spacing:1px;color:#91909e}.pill{border:1px solid #3b314b;background:#211d2a;color:#b79adf;border-radius:5px;padding:6px 8px;font-size:8px}.anonymous-orbit{display:flex;flex-direction:column;align-items:center;gap:12px;margin:34px 0 20px}.orbit-symbol{width:60px;height:60px;background:#272032;border:1px dashed #66537f;display:grid;place-items:center;border-radius:18px;font-size:34px;font-weight:700;color:var(--accent)}.orbit-note{font-size:10px;font-family:ui-monospace,monospace;letter-spacing:1px;color:#95909f}.preview-quote{text-align:center;font-size:22px;font-weight:600;line-height:1.5;letter-spacing:-.5px}.ghost-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:27px}.ghost-choices>span{border:1px solid #343440;border-radius:8px;padding:13px 10px;font-size:11px;color:#a7a3b4;display:flex;gap:10px;align-items:center}.ghost-choices i{font-size:9px;font-style:normal;color:#807989}.illustration-note{font-size:9px;text-align:center;color:#75727f;margin-top:20px;line-height:1.6}.welcome-footer{grid-column:1/-1;display:flex;border-top:1px solid #292933;padding-top:26px;gap:48px;font-size:12px;color:#a7a4b4}.welcome-footer b{font-family:ui-monospace,monospace;color:var(--accent);font-size:10px;margin-right:12px}.center-state{text-align:center;padding:70px 0 90px;max-width:640px;margin:auto}.center-state h1{font-size:38px;letter-spacing:-1.5px;margin:16px 0}.center-state>p{color:#b0adbd;line-height:1.7;margin:15px auto;max-width:530px}.center-state .primary{margin-top:15px}.loader{width:50px;height:50px;border:2px solid #373040;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 30px}.state-symbol{width:56px;height:56px;display:grid;place-items:center;background:#292231;border-radius:17px;color:var(--accent);font-size:32px;margin:0 auto 25px}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px}.game-heading h1{font-size:43px;letter-spacing:-1.8px;margin:12px 0 8px;font-weight:730}.subtitle{color:var(--muted);font-size:13px;line-height:1.5}.scoreboard{display:flex;border:1px solid var(--edge);border-radius:12px;background:#15161b;min-width:277px;padding:18px 0}.scoreboard>div{padding:0 22px;min-width:91px;border-right:1px solid #2b2b36}.scoreboard>div:last-child{border:0}.scoreboard span:not(.metric-icon){display:block;color:#95929f;font-size:8px;letter-spacing:1.5px;font-weight:700;margin-bottom:9px}.scoreboard strong{font-size:24px;letter-spacing:-1px}.scoreboard small{font-size:12px;letter-spacing:0;color:#757381;font-weight:500}.metric-icon{color:var(--accent);font-size:17px;margin-left:8px}.case-meta{display:flex;align-items:center;gap:12px;margin-bottom:13px;font-size:11px;color:#a7a3b3}.source-pill{padding:6px 9px;border-radius:5px;background:#2b2337;color:#c6acec;font-size:8px;letter-spacing:1px;font-weight:700}.mode-pill{margin-left:auto;color:#8a8797;font-size:8px;font-weight:600;letter-spacing:1.2px}.quote-card{background:#191a21;border:1px solid #36333f;border-radius:13px;overflow:hidden;position:relative}.quote-card:before{content:'“';font-family:Georgia,serif;position:absolute;top:57px;left:27px;font-size:140px;line-height:1;color:#ffffff04;pointer-events:none}.quote-meta{display:flex;justify-content:space-between;align-items:center;padding:25px 29px 0}.author{display:flex;align-items:center;gap:12px}.anonymous-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#30263f;color:#c2a3ed;font-size:21px;font-weight:700;border:1px solid #493b5b}.author-label{font-size:8px;letter-spacing:1.3px;color:#8f879f;display:block;margin-bottom:5px}.author strong{font-size:12px;font-weight:600}.archive-date{color:#85818e;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:1px}.quote-card blockquote{margin:0;padding:32px 32px 35px;min-height:141px;font-size:clamp(20px,2.1vw,30px);font-weight:530;line-height:1.5;letter-spacing:-.45px;overflow-wrap:anywhere;white-space:pre-wrap}.quote-bottom{border-top:1px solid #292931;background:#16171d;padding:12px 28px;display:flex;gap:8px;align-items:center;font-size:10px;color:#807d8b}.seal{margin-left:auto;font-size:9px;color:#a095b0;display:flex;gap:6px}.mini-chat{font-size:15px}.choice-header{display:flex;justify-content:space-between;align-items:center;margin:29px 0 13px}.choice-header h2{font-size:13px;font-weight:650}.keyboard-hint{font-size:10px;color:#797685;display:flex;gap:5px;align-items:center}kbd{display:inline-grid;place-items:center;border:1px solid #383541;background:#1b1a22;border-radius:4px;height:19px;min-width:19px;font:9px ui-monospace,monospace;color:#aaa3b8}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{text-align:left;min-height:85px;display:flex;align-items:center;gap:15px;background:#191a20;border:1px solid #32323c;border-radius:10px;color:var(--text);padding:16px 19px;transition:background .15s,border-color .15s;min-width:0}.choice:hover:not(:disabled){border-color:#8f71bd;background:#211d29}.choice:disabled{opacity:1;cursor:default}.choice-number{color:#787280;font:10px ui-monospace,monospace;align-self:center}.choice-avatar{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-size:13px;flex-shrink:0;font-weight:700;border:1px solid #474052;background:#2f283b;color:#c1a7de}.choice:nth-child(2) .choice-avatar{background:#253334;border-color:#394648;color:#9ccebd}.choice:nth-child(3) .choice-avatar{background:#342c26;border-color:#4b4035;color:#d5b08a}.choice:nth-child(4) .choice-avatar{background:#282e40;border-color:#3e4258;color:#a7b4e0}.choice-names{min-width:0;flex:1}.choice-name{font-size:14px;font-weight:650;display:block;overflow-wrap:anywhere}.choice-login{color:#87818f;font-size:10px;margin-top:5px;display:block;overflow-wrap:anywhere}.choice-marker{font-size:12px;color:#9a8ba7}.choice.correct{border-color:#519575;background:#1c2a25}.choice.wrong{border-color:#a86272;background:#30232a}.choice.correct .choice-marker{color:var(--green)}.choice.wrong .choice-marker{color:var(--red)}.choice.dim{opacity:.43}.answer-feedback{margin-top:17px;padding:12px 16px;border-radius:8px;font-size:12px;line-height:1.6;background:#1c2924;color:var(--green);border:1px solid #365043}.answer-feedback.is-wrong{background:#2d232a;border-color:#523440;color:#efb9c5}.game-controls{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:15px;margin-top:13px}.round-progress{display:flex;gap:6px;align-items:center}.dot{width:6px;height:6px;border-radius:10px;background:#393442}.dot.active{width:19px;background:var(--accent)}.dot.done{background:#8f74b6}.skip-button{font-size:11px}.game-controls .primary{min-height:39px;font-size:12px}.source-note{font-size:9px;color:#797483;line-height:1.8;overflow-wrap:anywhere;border-top:1px solid #292731;padding-top:14px;margin-top:8px}.site-footer{display:flex;max-width:1120px;justify-content:space-between;padding:20px 32px 28px;gap:20px;margin:auto;color:#75717e;font-size:9px;border-top:1px solid #22232b}.results{text-align:center;max-width:800px;margin:10px auto}.results h1{font-size:43px;letter-spacing:-1.8px;margin:18px 0 12px}.results-subtitle{color:#a39dad;font-size:14px;line-height:1.6}.results-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #393040;border-radius:13px;margin:32px auto 26px;background:#1c1922;max-width:600px;padding:25px 0}.results-metrics>div{border-right:1px solid #3a3043}.results-metrics>div:last-child{border:0}.results-metrics span{display:block;font-size:9px;letter-spacing:1.5px;color:#a093ad;margin-bottom:12px}.results-metrics strong{font-size:36px;letter-spacing:-1px;color:#d9c6f0}.results>.small{margin-top:12px}.review-header{display:flex;justify-content:space-between;align-items:center;margin:44px 0 17px}.review-header h2{font-size:15px}.review-header span{font-size:10px;color:var(--muted)}.review{text-align:left}.review-row{padding:17px 18px;background:#1a1920;border:1px solid #312d37;border-radius:9px;margin-bottom:9px;display:flex;gap:14px}.review-icon{font-size:13px;color:var(--green);padding-top:2px}.review-icon.missed{color:var(--red)}.review-icon.skipped{color:var(--muted)}.review-row p{font-size:13px;line-height:1.65;overflow-wrap:anywhere}.review-row small{display:block;color:#9e90aa;font-size:11px;margin-top:7px}dialog{color:var(--text);background:#1d1b25;border:1px solid #514360;border-radius:16px;max-width:530px;width:calc(100% - 34px);padding:34px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#09080ed9}dialog h2{font-size:26px;letter-spacing:-.8px;margin:18px 0}dialog p{font-size:13px;line-height:1.8;margin:17px 0}dialog .primary{margin-top:5px}.dialog-close{position:absolute;right:20px;top:12px;font-size:19px}.skip-link{position:absolute;left:20px;top:-60px;z-index:10;background:var(--accent);color:#17131c;padding:12px}.skip-link:focus{top:10px}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){main{max-width:1230px;padding-top:72px}.game-heading h1{font-size:48px}.quote-card blockquote{font-size:33px;min-height:163px}.choice{min-height:95px}.choice-name{font-size:16px}.site-footer{max-width:1230px}}
@media(max-width:850px){.topbar{padding:0 25px;gap:28px}.topbar nav{gap:18px}#versionLabel{display:none}.welcome{gap:32px}.hero-copy h1{font-size:60px;letter-spacing:-3.5px}.preview-card{padding:18px}.preview-quote{font-size:19px}.welcome-footer{gap:26px}.game-heading{align-items:flex-end}.scoreboard{min-width:236px}.scoreboard>div{padding:0 16px;min-width:77px}.game-heading h1{font-size:38px}.eyebrow{font-size:9px;letter-spacing:1.6px}}
@media(max-width:620px){.topbar{height:69px;padding:0 19px;gap:12px}.brand{font-size:19px;gap:8px}.brand-mark{width:31px;height:31px;border-radius:9px}.brand-mark svg{width:23px}.topbar nav{display:none}.account{gap:12px}.account #channelBadge{font-size:10px;max-width:136px;padding:8px 10px}.account .quiet{font-size:10px}main{padding:32px 20px 24px;min-height:calc(100vh - 150px)}.welcome{display:flex;flex-direction:column;gap:38px;padding-top:10px;align-items:stretch}.hero-copy h1{font-size:68px;letter-spacing:-4px;margin:23px 0}.hero-description{font-size:16px}.twitch-button{width:100%}.signin-note{text-align:center}.preview-card{transform:none;margin:0 6px;padding:22px}.preview-quote{font-size:22px}.welcome-footer{gap:15px;flex-wrap:wrap;font-size:11px;padding-top:23px}.welcome-footer b{margin-right:6px}.game-heading{display:block;margin-bottom:23px}.game-heading h1{font-size:37px;letter-spacing:-1.7px;margin:12px 0 6px}.subtitle{font-size:12px}.scoreboard{margin-top:24px;padding:14px 0;justify-content:space-evenly;min-width:0}.scoreboard>div{flex:1;text-align:center;min-width:0}.scoreboard strong{font-size:22px}.scoreboard span:not(.metric-icon){font-size:8px;margin-bottom:7px}.mode-pill{font-size:7px;letter-spacing:.7px}.source-pill{font-size:7px;padding:5px 7px}.case-meta{font-size:10px;gap:7px}.quote-meta{padding:19px 18px 0}.archive-date{font-size:7px;letter-spacing:.5px;max-width:100px;text-align:right}.author-label{font-size:7px}.author strong{font-size:11px;overflow-wrap:anywhere}.anonymous-avatar{width:33px;height:33px;border-radius:10px;font-size:18px}.author{gap:9px}.quote-card blockquote{padding:23px 20px 25px;font-size:23px;line-height:1.5;min-height:140px}.quote-bottom{padding:11px 18px;font-size:8px}.seal{font-size:7px}.seal>span:first-child{display:none}.choice-header{margin-top:22px}.choice-header h2{font-size:12px}.keyboard-hint{display:none}.choices{gap:9px}.choice{padding:13px 10px;min-height:81px;gap:9px;position:relative}.choice-number{position:absolute;right:7px;top:6px;font-size:8px}.choice-avatar{width:31px;height:31px;border-radius:10px;font-size:11px}.choice-name{font-size:11px;line-height:1.4;padding-right:5px}.choice-login{font-size:8px;margin-top:3px}.choice-marker{display:none}.game-controls{margin-top:10px}.source-note{font-size:8px}.answer-feedback{font-size:11px;padding:10px 12px}.site-footer{font-size:8px;padding:18px 20px 24px;line-height:1.7;gap:23px}.site-footer>span{max-width:48%}.center-state{padding:44px 0}.center-state h1{font-size:29px}.center-state>p{font-size:13px}.center-state .small{font-size:12px}.results h1{font-size:34px}.results-metrics strong{font-size:28px}.results-metrics span{font-size:7px}.results-subtitle{font-size:13px}.review-header span{font-size:8px}.review-row{padding:14px 12px}.review-row p{font-size:12px}dialog{padding:28px}dialog h2{font-size:23px}}
/* The quote is focused programmatically for screen readers, not a keyboard control. */
#quoteText:focus-visible{outline:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.collection-meters{display:flex;gap:24px;justify-content:center;margin:28px auto;width:min(100%,500px)}.collection-meters>div{flex:1;padding:20px;border:1px solid var(--edge);border-radius:16px;background:var(--panel)}.collection-meters strong{display:block;font-size:30px;color:var(--accent)}.collection-meters span{display:block;color:var(--muted);font-size:13px;margin:8px 0}.collection-meters progress{width:100%;height:8px;accent-color:var(--accent)}.collection-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:22px auto}#collection{padding-top:30px}#collection p{max-width:650px;margin:16px auto}#openCollect{margin-bottom:12px}