@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/fraunces-latin-800-normal-5RM8DebB.woff2) format("woff2"),url(/assets/fraunces-latin-800-normal-B3oGScaA.woff) format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/fraunces-latin-900-normal-DmBL83SS.woff2) format("woff2"),url(/assets/fraunces-latin-900-normal-D67OkaMf.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/nunito-latin-500-normal-EugFkASW.woff2) format("woff2"),url(/assets/nunito-latin-500-normal-B5klmw3Q.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2) format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.woff) format("woff")}:root{color:#fffdf8;font-family:Nunito,sans-serif;font-synthesis:none;--ink: #26164f;--deep-purple: #33226e;--purple: #7556de;--pink: #ec6596;--coral: #f15e65;--peach: #ffb178;--sky: #75d9f2;--cream: #fff9ed;--panel: rgba(255, 245, 247, .9);--shadow: 0 24px 70px rgba(31, 15, 75, .28)}*{box-sizing:border-box}html,body,#app,#game-canvas{min-height:100%}html{background:var(--deep-purple)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,a{font:inherit}button{-webkit-tap-highlight-color:transparent}#game-canvas{position:fixed;inset:0;z-index:0;contain:strict;background:var(--deep-purple) url(/assets/tess-quote-backdrop.webp) center / cover no-repeat}#game-canvas canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .42s cubic-bezier(.16,1,.3,1)}#game-canvas.is-ready canvas{opacity:1}#game-canvas:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,transparent 0 26%,rgba(28,15,76,.08) 72%,rgba(28,15,76,.24) 100%);pointer-events:none}#app{position:relative;z-index:1}.app-loading{min-height:100vh;display:grid;place-items:center;padding:24px;color:#fffdf8db;font-weight:900;letter-spacing:.06em;text-align:center}.app-loading.is-error{color:#ffe4ea}.app-shell{width:min(1120px,calc(100% - 40px));min-height:100vh;margin:0 auto;display:grid;grid-template-rows:auto 1fr auto;gap:16px;padding:20px 0 16px}.topbar,.footer-note{display:flex;align-items:center;justify-content:space-between;gap:16px}.mini-brand{color:#fff;display:inline-flex;align-items:center;gap:10px;font-family:Fraunces,serif;font-size:1.2rem;font-weight:900;text-decoration:none;text-shadow:0 2px 10px rgba(29,10,75,.25)}.mini-brand-icon{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 5px 3px rgba(31,15,75,.24))}.icon-button,.secondary-button{color:#fff;background:#2816585c;border:1px solid rgba(255,255,255,.38);border-radius:999px;padding:9px 15px;font-size:.78rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .15s ease,background .15s ease}.icon-button:hover,.secondary-button:hover{transform:translateY(-2px);background:#28165894}.screen{align-self:center;width:min(900px,100%);margin:0 auto;animation:screen-in .42s cubic-bezier(.2,.8,.2,1) both}.title-screen{width:min(1040px,100%);text-align:center;padding:12px 0}.eyebrow{margin:0 0 5px;color:#ffffffdb;font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eyebrow span{color:#ffe4a4;padding:0 5px}.title-screen h1{margin:-4px 0 -14px;font-family:Fraunces,serif;font-size:clamp(3.2rem,10vw,7.7rem);font-weight:900;letter-spacing:-.075em;line-height:1;color:#fff;text-shadow:0 7px 0 rgba(64,37,139,.65),0 18px 50px rgba(38,12,76,.35)}.title-screen h1 span{color:#ffd4e3}.tagline{display:inline-block;margin:0 0 18px;padding:7px 19px 8px;background:var(--ink);border-radius:999px;color:#fff5ae;font-weight:900;font-size:clamp(1rem,2.5vw,1.35rem);transform:rotate(-2deg);box-shadow:0 5px #ffffff40}.title-layout{display:flex;flex-direction:column;align-items:center;gap:16px}.title-layout .intro-card{padding:24px 34px}.title-layout .intro-card>p:first-child{margin-bottom:16px}.title-layout .rules{margin-bottom:18px}.title-layout .best-score{margin-top:14px}.intro-card{width:min(630px,100%);margin:0;padding:clamp(24px,4vw,36px);color:var(--ink);background:linear-gradient(145deg,#fffcf8f0,#ffe1ede6);border:2px solid rgba(255,255,255,.78);border-radius:32px 32px 42px 28px;box-shadow:var(--shadow),inset 0 1px #fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.intro-card>p:first-child{max-width:500px;margin:0 auto 22px;font-size:1.1rem;line-height:1.55;font-weight:700}.title-layout .quiz-launch-card{width:min(780px,100%);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(250px,.88fr);gap:14px;padding:14px}.quiz-preview{min-height:224px;display:flex;flex-direction:column;justify-content:space-between;gap:13px;padding:17px;border:1px solid rgba(255,255,255,.2);border-radius:23px 23px 29px 19px;color:#fff;background:radial-gradient(circle at 82% 10%,rgba(117,217,242,.16),transparent 34%),linear-gradient(145deg,#34226efa,#532e83f0);box-shadow:inset 0 1px #ffffff29,0 9px 22px #311b642e}.quiz-preview-meta{display:flex;align-items:center;justify-content:flex-end}.quiz-preview-meta strong{color:#ffb6cf;font-size:.82rem;letter-spacing:.08em}.quiz-preview blockquote{margin:0;font-family:Fraunces,serif;font-size:clamp(1.32rem,2.2vw,1.72rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;text-align:center}.quiz-preview mark{display:inline-block;min-width:3.2em;padding:0 .16em .08em;border-radius:.35em;color:#42276e;background:linear-gradient(135deg,#fff1a8,#ffb6cf);box-shadow:0 .12em #a73f6f4d;font:inherit;transform:rotate(-1deg)}.quiz-preview-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.quiz-preview-choices span{min-width:0;display:flex;align-items:center;gap:7px;padding:7px 8px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:#ffffff17;font-size:.67rem;font-weight:900;white-space:nowrap}.quiz-preview-choices b{flex:0 0 auto;width:21px;height:21px;display:grid;place-items:center;border-radius:7px;color:var(--ink);background:#fff3c5;font-size:.6rem}.quiz-launch-action{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 13px;text-align:center}.quiz-launch-kicker{color:var(--purple);font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.quiz-launch-action h2{margin:5px 0 7px;font-family:Fraunces,serif;font-size:clamp(1.55rem,2.5vw,2rem);line-height:1.02;letter-spacing:-.025em}.quiz-launch-action>p:not(.best-score){margin:0 0 17px;color:#705d83;font-size:.78rem;font-weight:800;line-height:1.45}.quiz-launch-action .primary-button{width:100%;padding-inline:18px}.quiz-launch-action .best-score{margin-top:15px}.rules{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:25px}.rules span{padding:8px 12px;background:#7454da1a;border-radius:12px;font-size:.82rem;font-weight:800}.rules b{color:var(--purple)}.primary-button,.next-button{position:relative;border:0;border-radius:999px;padding:14px 26px;color:#fff;background:linear-gradient(135deg,var(--pink),var(--coral));box-shadow:0 7px #a82f65,0 14px 26px #7a266547;font-weight:900;font-size:1.05rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.primary-button:hover,.next-button:hover{transform:translateY(-2px);box-shadow:0 9px #a82f65,0 17px 30px #7a266552}.primary-button:active,.next-button:active{transform:translateY(5px);box-shadow:0 2px #a82f65}.best-score{margin:18px 0 0;color:#715c84;font-size:.85rem}.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}.hud-stat{min-width:0;display:flex;align-items:baseline;justify-content:center;gap:8px;padding:8px 13px;border:1px solid rgba(255,255,255,.42);border-radius:15px;background:#2715546b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-stat span{color:#ffffffba;font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900}.hud-stat strong{font-size:1.05rem}.hud-stat small{color:#ffffff9e;font-size:.7em}.hud-lives strong{color:#ffbdd0;letter-spacing:.08em}.quote-card{position:relative;min-height:245px;padding:clamp(28px,4vw,50px) clamp(24px,6vw,70px) 32px;display:flex;flex-direction:column;justify-content:center;color:var(--ink);background:var(--panel);border:2px solid rgba(255,255,255,.78);border-radius:36px 36px 48px 30px;box-shadow:var(--shadow),inset 0 1px #fff;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.quote-card:after{content:"";position:absolute;right:-45px;bottom:-70px;width:180px;height:180px;border:26px solid rgba(218,119,158,.14);border-radius:50%}.quote-mark{position:absolute;top:4px;left:22px;color:#e55b8c38;font-family:Fraunces,serif;font-size:8.5rem;font-weight:900;line-height:1}.quote-meta{position:absolute;top:18px;right:20px;left:20px;display:flex;justify-content:flex-end;gap:8px}.game-pill,.streak-pill{max-width:56%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 10px;border-radius:999px;color:#6d4776;background:#e07ca529;font-size:.68rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.streak-pill{color:#a8494c;background:#ffb47440}.quote-card h2{position:relative;z-index:1;max-width:760px;margin:14px auto 5px;text-align:center;font-family:Fraunces,serif;font-size:clamp(1.55rem,3.5vw,2.55rem);font-weight:800;line-height:1.22;letter-spacing:-.025em;overflow-wrap:anywhere}.quote-card h2:first-letter{text-transform:uppercase}.answer-reveal{display:inline-block;padding:.04em .22em .1em;border-radius:.34em .42em .3em .38em;color:#3a205f;background:linear-gradient(135deg,#fff1a8,#ffb6cf);box-shadow:0 .13em #a73f6f47,0 .25em .7em #5f317e2e;font:inherit;transform:rotate(-1.5deg);animation:answer-reveal .48s cubic-bezier(.2,1.5,.4,1) both}.quote-card.has-answer-reveal{border-color:#fff1a6f0;box-shadow:0 24px 70px #1f0f4b47,0 0 0 5px #ffe09529,inset 0 1px #fff}.quote-number{position:relative;z-index:1;margin:10px 0 0;text-align:center;color:#8c6b92;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:13px}.choice-button{min-height:58px;display:flex;align-items:center;gap:12px;padding:10px 16px;border:2px solid rgba(255,255,255,.56);border-radius:18px;color:#fff;background:#2b175ba8;box-shadow:0 6px 18px #1d0d4929;font-weight:900;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .14s ease,background .14s ease,border-color .14s ease}.choice-button span{flex:0 0 auto;width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:var(--ink);background:#fff3c5;font-size:.78rem;box-shadow:0 3px #170b3f2e}.choice-button:hover:not(:disabled),.choice-button:focus-visible{transform:translateY(-3px);background:#5d37abe0;border-color:#fff;outline:none}.choice-button:disabled{cursor:default;opacity:.56}.choice-button.is-correct{opacity:1;background:#1b826be6;border-color:#bbffe1;animation:answer-pop .36s ease}.choice-button.is-wrong{opacity:1;background:#aa2a4fdb;border-color:#ffc0cf;animation:answer-shake .34s ease}.feedback{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:9px}.feedback-row{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%}.feedback-copy{display:flex;align-items:baseline;gap:12px;padding-left:8px}.feedback-copy strong{font-family:Fraunces,serif;font-size:1.25rem}.feedback-copy span{color:#ffffffc2;font-size:.78rem;font-weight:800}.feedback-copy.correct strong{color:#d6ffb8}.feedback-copy.wrong strong{color:#ffd3dc}.next-button{padding:11px 21px;font-size:.88rem;box-shadow:0 5px #a82f65,0 10px 20px #7a266538}.clip-reveal{position:relative;z-index:1;width:min(640px,100%);margin:18px auto 0;text-align:right}.clip-reveal iframe,.clip-reveal video{display:block;width:100%;aspect-ratio:16 / 9;border:2px solid rgba(255,255,255,.72);border-radius:22px;background:#18181b;box-shadow:var(--shadow)}.clip-reveal iframe{min-width:400px;min-height:300px}.clip-link{display:inline-block;margin-top:7px;color:#fff;font-size:.75rem;font-weight:900;text-underline-offset:3px}.quote-card.has-clip{padding-bottom:24px}.quote-card .clip-link{color:var(--ink)}.clip-fallback{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;padding:12px 16px;border:1px solid rgba(255,255,255,.42);border-radius:16px;background:#2715546b}.clip-fallback .clip-link{margin-top:0}.result-screen{width:min(1040px,100%);text-align:center;color:#fff}.result-grid{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(390px,1.1fr);align-items:center;gap:clamp(22px,4vw,52px)}.result-summary{min-width:0}.result-screen h1{max-width:620px;margin:0 auto 18px;font-family:Fraunces,serif;font-size:clamp(2.8rem,6vw,5.3rem);line-height:.96;letter-spacing:-.055em;text-shadow:0 6px 0 rgba(59,32,130,.65)}.result-burst{font-size:3rem;color:#ffe6a6;animation:twinkle 1.6s ease-in-out infinite}.score-orb{width:190px;aspect-ratio:1;margin:0 auto 18px;display:grid;place-content:center;border:3px solid rgba(255,255,255,.75);border-radius:50% 44% 50% 46%;color:var(--ink);background:linear-gradient(145deg,#fff9e9,#ffd0e1);box-shadow:var(--shadow);transform:rotate(-3deg)}.score-orb span{font-size:.7rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.score-orb strong{font-family:Fraunces,serif;font-size:2.6rem;line-height:1}.score-orb em{margin-top:5px;color:#be3d72;font-size:.68rem;font-style:normal;font-weight:900}.result-detail{font-weight:800}.result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.secondary-button{padding:14px 22px}.leaderboard-card{padding:clamp(20px,3vw,30px);color:var(--ink);text-align:left;background:linear-gradient(145deg,#fffcf8f5,#ffe1edf0);border:2px solid rgba(255,255,255,.82);border-radius:32px 32px 42px 27px;box-shadow:var(--shadow),inset 0 1px #fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.leaderboard-trophy{width:72px;height:72px;margin:-15px -5px -12px 0;object-fit:contain;filter:drop-shadow(0 5px 3px rgba(70,39,125,.2));transform:rotate(3deg)}.leaderboard-heading div>span{color:var(--purple);font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.leaderboard-heading h2{margin:-3px 0 0;font-family:Fraunces,serif;font-size:2rem;line-height:1}.leaderboard-form{padding:13px;border-radius:17px;background:#7556de17}.leaderboard-form label{display:block;margin:0 0 7px 2px;color:#5f4b7a;font-size:.72rem;font-weight:900}.leaderboard-form>div{display:flex;gap:7px}.leaderboard-form input{min-width:0;flex:1;border:2px solid rgba(117,86,222,.2);border-radius:12px;padding:10px 12px;color:var(--ink);background:#ffffffe6;font-weight:800;outline:none}.leaderboard-form input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7556de26}.leaderboard-form button{flex:0 0 auto;border:0;border-radius:12px;padding:10px 14px;color:#fff;background:var(--purple);font-size:.78rem;font-weight:900;cursor:pointer}.leaderboard-form button:disabled{opacity:.58;cursor:default}.leaderboard-status{min-height:1.2em;margin:7px 2px 0;color:#77668c;font-size:.68rem;font-weight:800}.leaderboard-list{min-height:220px;margin:14px 0 0;padding:0;list-style:none;counter-reset:none}.leaderboard-list li{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:34px;padding:5px 7px;border-radius:10px;font-size:.75rem}.leaderboard-list li:nth-child(odd){background:#7556de12}.leaderboard-list li.is-current{color:#7d2858;background:#ec65962e;box-shadow:inset 0 0 0 1px #ec65962e}.leaderboard-rank{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;color:var(--purple);background:#7556de1c;font-weight:900}.leaderboard-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-list li>span:nth-child(3){color:#7d6d8d;white-space:nowrap}.leaderboard-list b{color:var(--purple);font-variant-numeric:tabular-nums}.leaderboard-list .leaderboard-empty{grid-template-columns:1fr;place-items:center;align-content:center;gap:10px;min-height:190px;padding:22px;color:#766688;text-align:center;background:linear-gradient(145deg,#7556de14,#ec659614);border:2px dashed rgba(117,86,222,.2);border-radius:18px}.leaderboard-empty-trophy{width:104px;height:104px;margin:-10px 0 -5px;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(70,39,125,.22));transform:rotate(-3deg)}.leaderboard-empty div{display:grid;gap:2px}.leaderboard-empty div strong{color:var(--ink);font-family:Fraunces,serif;font-size:1.05rem}.leaderboard-empty div span{color:#766688;font-size:.74rem;font-weight:800}.title-leaderboard{width:min(860px,100%);min-height:132px;display:grid;grid-template-columns:126px minmax(0,1fr);column-gap:16px;padding:13px 18px;background:linear-gradient(145deg,#fffcf8e0,#ffe1edd6);border-width:1px;box-shadow:0 14px 38px #1f0f4b2e,inset 0 1px #fffc}.title-leaderboard .leaderboard-heading{margin:0;padding-right:14px;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center;border-right:1px solid rgba(117,86,222,.12)}.title-leaderboard .leaderboard-trophy{order:-1;width:66px;height:66px;margin:-5px 0 -3px;filter:drop-shadow(0 3px 2px rgba(70,39,125,.16))}.title-leaderboard .leaderboard-heading div>span{font-size:.56rem}.title-leaderboard .leaderboard-heading h2{font-size:1.3rem}.title-leaderboard .leaderboard-status{display:none}.title-leaderboard .leaderboard-list{min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));align-content:center;gap:6px;margin:0}.title-leaderboard .leaderboard-list li{grid-template-columns:20px minmax(0,1fr) auto;gap:5px;min-height:42px;padding:4px 6px;background:#7556de0e}.title-leaderboard .leaderboard-list strong{font-size:.76rem;font-weight:900}.title-leaderboard .leaderboard-list li>span:nth-child(3){display:none}.title-leaderboard .leaderboard-list b{font-size:.68rem}.title-leaderboard .leaderboard-rank{width:20px;height:20px;border-radius:7px;font-size:.68rem}.title-leaderboard .leaderboard-list .leaderboard-empty{grid-column:1 / -1;min-height:80px;grid-template-columns:1fr;align-content:center;justify-items:center;gap:0;padding:10px 16px;text-align:center;background:transparent;border:0}.title-leaderboard .leaderboard-empty div strong{font-size:.95rem}.title-leaderboard .leaderboard-empty div span{font-size:.68rem}.title-leaderboard .leaderboard-empty-trophy{display:none}.stream-lobby,.stream-results{width:min(920px,100%);text-align:center}.stream-lobby-card,.stream-results-card{position:relative;width:min(660px,100%);margin:0 auto;padding:clamp(28px,5vw,50px);color:var(--ink);background:radial-gradient(circle at 12% 0,rgba(117,217,242,.18),transparent 32%),linear-gradient(145deg,#fffcf8f7,#ffe1edf2);border:2px solid rgba(255,255,255,.84);border-radius:38px 38px 50px 30px;box-shadow:var(--shadow),inset 0 1px #fff;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.stream-live-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;color:#9d2755;background:#f15e6521;font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.stream-live-badge i,.connection-dot,.stream-chat-state i{width:8px;height:8px;border-radius:50%;background:#32cc91;box-shadow:0 0 0 5px #32cc9121;animation:live-pulse 1.8s ease-in-out infinite}.stream-live-badge i{background:var(--coral);box-shadow:0 0 0 5px #f15e6521}.stream-lobby h1,.stream-results h1{margin:15px 0 12px;font-family:Fraunces,serif;font-size:clamp(2.5rem,7vw,4.8rem);line-height:.94;letter-spacing:-.055em}.stream-lobby h1 span{color:var(--pink)}.stream-lobby-card>p{max-width:520px;margin:0 auto;color:#6e5a81;font-weight:800;line-height:1.5}.stream-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0 16px}.stream-rules div{display:grid;gap:1px;padding:13px 8px;border-radius:17px;background:#7556de14}.stream-rules strong{color:var(--purple);font-family:Fraunces,serif;font-size:1.45rem;line-height:1}.stream-rules span{color:#756487;font-size:.66rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.chat-connection{display:grid;grid-template-columns:12px 1fr;gap:0 9px;align-items:center;max-width:410px;margin:0 auto 19px;padding:12px 16px;border:1px solid rgba(117,86,222,.12);border-radius:16px;text-align:left;background:#ffffff8c}.chat-connection .connection-dot{grid-row:1 / 3}.chat-connection strong{font-size:.78rem}.chat-connection small{color:#7b698d;font-size:.68rem;font-weight:700}.chat-connection.is-connecting .connection-dot,.stream-chat-state.is-offline i{background:#ffbd5e;box-shadow:0 0 0 5px #ffbd5e24}.chat-connection.is-error .connection-dot,.chat-connection.is-disconnected .connection-dot{background:var(--coral);box-shadow:0 0 0 5px #f15e6521}.stream-lobby .primary-button{min-width:min(320px,100%)}.primary-button:disabled{opacity:.52;cursor:wait;transform:none;box-shadow:0 5px #58316b61}.text-button{display:block;margin:18px auto 0;border:0;padding:5px 10px;color:#77648b;background:transparent;font-size:.74rem;font-weight:900;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.stream-screen{width:min(1080px,100%)}.stream-hud{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;margin-bottom:10px}.stream-hud>div{min-width:0;display:flex;align-items:baseline;justify-content:center;gap:7px;padding:8px 12px;border:1px solid rgba(255,255,255,.4);border-radius:15px;background:#27155475;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stream-hud span{color:#ffffffb8;font-size:.64rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.stream-hud strong{font-size:1rem;font-variant-numeric:tabular-nums}.stream-hud small{color:#fff9;font-size:.7em}.stream-clock strong{min-width:1.5em;color:#fff1a8;font-family:Fraunces,serif;font-size:1.25rem}.stream-chat-state{align-items:center!important;min-width:110px!important}.stream-chat-state i{flex:0 0 auto;width:7px;height:7px}.stream-stage{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:12px;align-items:stretch}.stream-question-area{min-width:0}.stream-quote-card{min-height:220px;padding-top:48px;padding-bottom:24px}.stream-quote-card .quote-meta{justify-content:space-between;align-items:center}.stream-instruction{color:#7c6288;font-size:.68rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.stream-quote-card .clip-reveal{width:min(520px,100%)}.stream-quote-card .clip-reveal iframe{min-width:0;min-height:0}.stream-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.stream-choice{position:relative;min-width:0;min-height:58px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;border:2px solid rgba(255,255,255,.5);border-radius:17px;color:#fff;background:#2b175bad;box-shadow:0 6px 18px #1d0d4929;overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .22s ease,background .22s ease}.stream-choice-fill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#7556de75,#ec659666);transition:width .28s cubic-bezier(.2,.8,.2,1)}.stream-choice>*:not(.stream-choice-fill){position:relative;z-index:1}.stream-choice>b{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:var(--ink);background:#fff3c5;font-size:.78rem;box-shadow:0 3px #170b3f2e}.stream-choice>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.stream-choice>span{color:#ffffffb8;font-size:.68rem;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.stream-choice.is-chat-pick{border-color:#a6ecff;box-shadow:0 0 0 3px #75d9f221}.stream-choice.is-correct{border-color:#c6ffe4;background:#188267eb;animation:answer-pop .36s ease}.stream-choice.is-correct .stream-choice-fill{background:#78ffc52e}.stream-leaders{min-height:100%;padding:19px 15px;color:var(--ink);background:linear-gradient(145deg,#fffcf8f0,#ffe1ede8);border:2px solid rgba(255,255,255,.72);border-radius:26px 26px 34px 20px;box-shadow:0 15px 42px #1f0f4b33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stream-leaders-heading{padding:0 5px 12px;border-bottom:1px solid rgba(117,86,222,.12)}.stream-leaders-heading span{color:var(--coral);font-size:.58rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.stream-leaders-heading h2{margin:-2px 0 0;font-family:Fraunces,serif;font-size:1.35rem;line-height:1}.stream-leaders ol{display:grid;gap:6px;margin:11px 0 0;padding:0;list-style:none}.stream-leaders li{min-width:0;min-height:37px;display:grid;grid-template-columns:21px 8px minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px;border-radius:11px;background:#7556de0f}.stream-leaders li>span{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;color:var(--purple);background:#7556de1a;font-size:.65rem;font-weight:900}.stream-leaders li>i,.stream-podium li>i{width:8px;height:8px;border-radius:50%;background:var(--player-color,#ffd4e3)}.stream-leaders li>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.69rem}.stream-leaders li>b{color:var(--purple);font-family:Fraunces,serif;font-size:.9rem}.stream-leaders .stream-leaders-empty{min-height:154px;display:grid;grid-template-columns:1fr;align-content:center;gap:12px;padding:8px 1px 0;color:#756486;text-align:center;background:transparent}.stream-empty-copy{display:grid;gap:1px;padding:2px 4px 0}.stream-empty-copy strong{color:var(--ink);font-family:Fraunces,serif;font-size:.94rem}.stream-empty-copy p{margin:0;color:#756486;font-size:.64rem;font-weight:800;line-height:1.35}.stream-empty-slot{min-width:0;display:grid;grid-template-columns:21px 8px minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px;border:1px dashed rgba(117,86,222,.2);border-radius:11px;color:#897a98;background:#7556de0b;text-align:left}.stream-empty-slot>span{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;color:var(--purple);background:#7556de1a;font-size:.65rem;font-weight:900}.stream-empty-slot>i{width:8px;height:8px;border-radius:50%;background:#7556de2e}.stream-empty-slot>em{overflow:hidden;text-overflow:ellipsis;color:#8d7e9b;font-size:.62rem;font-style:normal;font-weight:800;white-space:nowrap}.stream-empty-slot>b{color:#a99db4;font-family:Fraunces,serif;font-size:.8rem}.stream-auto-note{margin:6px auto 0;color:#76668a;font-size:.72rem;font-weight:900}.mock-chat-controls{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;color:#ffffffb8;font-size:.65rem;font-weight:900}.mock-chat-controls button{width:28px;height:28px;border:1px solid rgba(255,255,255,.5);border-radius:9px;color:var(--ink);background:#fff3c5;font-weight:900;cursor:pointer}.stream-results-card{width:min(720px,100%);padding-top:34px}.stream-result-trophy{height:150px;margin-bottom:0}.stream-result-trophy img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 9px 6px rgba(70,39,125,.24));transform:rotate(-3deg)}.stream-results .eyebrow{color:var(--purple)}.stream-results h1{color:var(--deep-purple);font-size:clamp(2.4rem,6vw,4.3rem);overflow-wrap:anywhere}.stream-results-card>p:not(.eyebrow){color:#6e5a81;font-weight:800}.stream-results-card .stream-next-game{margin:8px 0 -8px;color:var(--purple);font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.stream-podium{display:grid;gap:6px;max-width:520px;margin:22px auto 0;padding:0;list-style:none}.stream-podium li{min-width:0;display:grid;grid-template-columns:30px 9px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:42px;padding:7px 11px;border-radius:13px;color:#5f4b77;background:#7556de12;text-align:left}.stream-podium li>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:var(--purple);background:#7556de1c;font-weight:900}.stream-podium li>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.stream-podium li>b{color:var(--purple);font-size:.75rem}.stream-podium .place-1{color:#6c3c24;background:linear-gradient(90deg,#ffe17a4d,#fff4cd66);box-shadow:inset 0 0 0 1px #d9a62b33}.stream-podium .place-1>span{color:#7f521d;background:#ffe897}.stream-podium-empty{display:block!important;padding:18px!important;text-align:center!important}.footer-note{color:#ffffffad;font-size:.72rem;font-weight:800}.footer-note a{color:#fff;text-underline-offset:3px}:focus-visible{outline:3px solid #fff1a6;outline-offset:3px}@keyframes screen-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes answer-pop{50%{transform:scale(1.025)}}@keyframes answer-reveal{0%{opacity:0;transform:translateY(.28em) scale(.72) rotate(4deg)}70%{transform:translateY(-.05em) scale(1.08) rotate(-2.5deg)}to{opacity:1;transform:rotate(-1.5deg)}}@keyframes answer-shake{25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes twinkle{50%{transform:scale(1.2) rotate(20deg);opacity:.68}}@keyframes live-pulse{50%{transform:scale(.74);opacity:.68}}@media(max-width:680px){.app-shell{width:min(100% - 22px,560px);padding-top:12px;gap:10px}.mini-brand{font-size:1rem}.footer-note span{display:none}.footer-note{justify-content:center}.title-screen h1{margin-bottom:-8px}.title-layout{gap:18px}.intro-card{border-radius:26px 26px 34px 22px;padding:24px 18px}.title-layout .intro-card{padding:24px 18px}.title-layout .quiz-launch-card{grid-template-columns:1fr;gap:12px;padding:12px}.quiz-preview{min-height:210px;padding:15px}.quiz-launch-action{padding:12px 12px 16px}.stream-lobby-card,.stream-results-card{padding:26px 16px;border-radius:29px 29px 38px 23px}.stream-lobby h1{font-size:clamp(2.5rem,13vw,3.8rem)}.stream-rules{gap:6px}.stream-rules div{padding:11px 4px}.stream-hud{grid-template-columns:repeat(3,1fr)}.stream-hud>div{padding:7px 5px;flex-direction:column;gap:0}.stream-hud .stream-chat-state{grid-column:1 / -1;min-height:30px;flex-direction:row}.stream-stage{grid-template-columns:1fr}.stream-quote-card{min-height:210px}.stream-instruction{max-width:52%;text-align:right}.stream-choices{grid-template-columns:1fr;gap:7px}.stream-choice{min-height:51px}.stream-leaders{min-height:0;padding:14px}.stream-leaders ol{grid-template-columns:repeat(2,minmax(0,1fr))}.stream-leaders .stream-leaders-empty{grid-column:1 / -1;min-height:0;grid-template-columns:minmax(120px,.65fr) minmax(160px,1fr);align-items:center;gap:14px;padding:4px;text-align:left}.stream-empty-copy,.stream-empty-slot{align-self:center}.stream-result-trophy{height:125px}.stream-result-trophy img{width:125px;height:125px}.hud-stat{flex-direction:column;gap:0;padding:6px 7px}.hud-stat span{font-size:.58rem}.hud-stat strong{font-size:.92rem}.quote-card{min-height:220px;padding:52px 20px 25px;border-radius:28px 28px 36px 22px}.quote-mark{left:12px;top:16px;font-size:6rem}.game-pill{max-width:62%}.choices{grid-template-columns:1fr;gap:8px}.choice-button{min-height:49px;border-radius:15px}.feedback,.feedback-row{align-items:stretch;flex-direction:column;gap:8px}.feedback-copy{justify-content:center;flex-wrap:wrap;gap:4px 10px}.next-button{width:100%}.result-grid{grid-template-columns:1fr;gap:28px}.result-screen{padding:16px 0}.result-screen h1{font-size:clamp(2.4rem,11.8vw,3.6rem);overflow-wrap:anywhere}.leaderboard-card{border-radius:26px 26px 34px 22px;padding:20px 14px}.title-leaderboard{min-height:0;display:block}.title-leaderboard .leaderboard-heading{margin-bottom:5px;padding-right:0;flex-direction:row;align-items:center;border-right:0}.title-leaderboard .leaderboard-trophy{order:0;width:72px;height:72px;margin:-15px -5px -12px 0}.title-leaderboard .leaderboard-status{margin:0 2px 8px}.title-leaderboard .leaderboard-list{grid-template-columns:1fr;gap:5px}.title-leaderboard .leaderboard-empty{min-height:160px;grid-template-columns:1fr;justify-items:center;gap:8px;padding:18px;text-align:center}.leaderboard-form>div{align-items:stretch}.leaderboard-list li{grid-template-columns:25px minmax(0,1fr) auto}.leaderboard-list li>span:nth-child(3){display:none}}@media(max-height:760px)and (min-width:681px){.app-shell{padding-top:12px;gap:8px}.quote-card{min-height:190px;padding-top:44px;padding-bottom:24px}.choice-button{min-height:50px}.feedback{min-height:54px}.title-screen h1{font-size:clamp(3.5rem,8vw,6rem)}.intro-card{padding:22px 30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}