.theme-halloween-hot-take .leaderboard{background:#281334;color:#fff0d2;border-color:#a45434}.theme-halloween-hot-take .leaderboard strong{color:#fff0d2}.theme-halloween-hot-take .leaderboard span,.theme-halloween-hot-take .leaderboard .eyebrow{color:#ff9d2e}
.trivia-options[hidden]{display:none!important}
.trivia-topline{flex-wrap:wrap}
.trivia-game-modal .trivia-sound-toggle{width:auto;margin:0;padding:9px 12px;min-height:44px;border:1px solid #ffffff66;border-radius:999px;background:#0b0d3566;color:#fff;font:700 12px/1 system-ui,sans-serif;letter-spacing:0}
.trivia-celebration{position:fixed;inset:0;z-index:95;overflow:hidden;pointer-events:none;contain:layout paint}
.trivia-celebration i{position:absolute;top:-20px;left:var(--x);width:8px;height:15px;background:var(--color);animation:triviaConfetti 2.8s var(--delay) ease-out both}
.trivia-podium-badge{position:absolute;top:max(20px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:max-content;max-width:90%;margin:0;padding:13px 19px;border:2px solid #ff9d2e;border-radius:999px;background:#251332;color:#fff0d2;box-shadow:0 6px 22px #0005;font:900 clamp(16px,4vw,23px)/1.2 system-ui,sans-serif;text-align:center}
@keyframes triviaConfetti{0%{opacity:0;transform:translate3d(0,-20px,0) rotate(0)}10%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate3d(var(--drift),100dvh,0) rotate(460deg)}}
@media(prefers-reduced-motion:reduce){.trivia-celebration i{display:none}}
.trivia-game-modal .trivia-options:not(.is-revealed) .trivia-option{animation:none}
.trivia-game-modal .trivia-options.is-revealed .trivia-option{animation:triviaOptionIn .5s var(--trivia-delay) cubic-bezier(.2,1.25,.35,1) both}
@media(prefers-reduced-motion:reduce){.trivia-game-modal .trivia-options.is-revealed .trivia-option{animation:none}}
/* Trivia is a full-screen, high-energy show moment—visually separate from Hot Take. */
.trivia-backdrop{z-index:70;padding:0;background:#11184c}
.trivia-game-modal{width:100%;max-width:none!important;height:100dvh;max-height:none;border:0;border-radius:0;padding:max(24px,env(safe-area-inset-top)) clamp(20px,6vw,82px) max(24px,env(safe-area-inset-bottom));background:radial-gradient(circle at 9% 12%,#32d7f855,transparent 25%),radial-gradient(circle at 92% 85%,#ff4d9355,transparent 29%),linear-gradient(140deg,#161d61,#412879 56%,#101644);color:#f8f7ff;box-shadow:none;overflow:auto}
.trivia-game-modal::before{content:"";position:fixed;inset:-30%;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 30px,#ffffff08 31px 32px);animation:triviaLines 18s linear infinite}
.trivia-game-modal .game-overlay{position:relative;width:min(100%,980px);min-height:100%;margin:auto;justify-content:center;align-items:center;gap:clamp(16px,3vh,30px);text-align:center}
.trivia-topline{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.trivia-logo{margin:0;color:#6ce8ff;font:900 clamp(19px,3vw,30px)/1 system-ui,sans-serif;letter-spacing:.04em;text-shadow:3px 3px 0 #ff4d93}
.trivia-progress{margin:0;padding:8px 12px;border:1px solid #ffffff55;border-radius:999px;background:#0b0d3555;font-size:clamp(10px,1.6vw,14px)}
.trivia-game-modal .eyebrow{margin:0;color:#ffd95b;font-size:clamp(11px,1.6vw,16px);letter-spacing:.18em}
.trivia-game-modal h2{max-width:18ch;margin:0;font:900 clamp(31px,6.8vw,76px)/.98 system-ui,sans-serif;letter-spacing:-.065em;overflow-wrap:anywhere;text-wrap:balance;text-shadow:4px 5px 0 #0b0d3577}
.trivia-options{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.8vw,16px)}
.trivia-game-modal .trivia-option{display:flex;align-items:center;gap:13px;min-height:clamp(72px,10vh,104px);margin:0;padding:14px 18px;border:1px solid #ffffff55;border-radius:18px;background:#f8f7ff;color:#161d61;text-align:left;font-size:clamp(16px,2.2vw,24px);font-weight:900;box-shadow:0 10px 0 #0b0d3355;animation:triviaOptionIn .45s var(--trivia-delay) cubic-bezier(.2,1.25,.35,1) both}
@media (hover:hover) and (pointer:fine){.trivia-game-modal .trivia-option:hover{background:#6ce8ff;transform:translateY(-3px);filter:none}}.trivia-game-modal .trivia-option:active{transform:translateY(2px);box-shadow:0 5px 0 #0b0d3355}
.trivia-option-letter{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#342579;color:#fff;font-size:15px;box-shadow:inset 0 0 0 2px #fff5}
.trivia-game-modal .trivia-option.is-correct{background:#67df9a;color:#123c32;border-color:#d9ffe8;box-shadow:0 10px 0 #143e3a77;animation:triviaCorrect .55s ease both}.trivia-game-modal .trivia-option.is-wrong{background:#ff7898;color:#520b28;border-color:#ffd2dd;box-shadow:0 10px 0 #5c113077;animation:triviaWrong .45s ease both}.trivia-game-modal .trivia-option.is-selected{background:#d9edff;color:#18245c;border-color:#6ce8ff;box-shadow:0 10px 0 #10255d66}.trivia-game-modal .trivia-option.is-correct .trivia-option-letter,.trivia-game-modal .trivia-option.is-wrong .trivia-option-letter,.trivia-game-modal .trivia-option.is-selected .trivia-option-letter{background:#ffffffcc;color:#161d61}
.trivia-feedback{margin:0;font:900 clamp(17px,2.7vw,28px)/1.15 system-ui,sans-serif;animation:triviaFeedback .3s ease both}.trivia-feedback.is-correct{color:#8cffb1}.trivia-feedback.is-wrong{color:#ffd95b}.trivia-feedback.is-locked{color:#6ce8ff}
.trivia-bottom{width:100%;margin-top:0;padding-top:18px;border-top:1px solid #ffffff44}.trivia-game-modal .game-timer,.trivia-game-modal .game-score{color:#f8f7ff;font-size:clamp(13px,1.9vw,20px);letter-spacing:.08em}.trivia-game-modal .game-timer strong,.trivia-game-modal .game-score strong{color:#ffd95b;font-size:1.22em}.trivia-game-modal .game-timer.urgent{color:#ff91af}
.trivia-results{max-width:680px!important}.trivia-results h2{font-size:clamp(68px,14vw,148px);color:#ffd95b}.trivia-results .game-score{font-size:clamp(19px,3vw,30px)}.trivia-results #game-done{width:auto;margin-top:10px;padding:15px 25px;background:#6ce8ff;color:#161d61}
.trivia-recap-scene{width:min(100%,820px);margin:auto;text-align:center}.trivia-recap-scene h2{max-width:17ch;margin-inline:auto;font-size:clamp(30px,6vw,56px)}.trivia-recap-list{display:grid;gap:9px;width:100%;max-height:min(48vh,440px);overflow:auto;margin:4px 0 8px;padding-right:4px;text-align:left}.trivia-recap-list article{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid #ffffff44;border-radius:14px;background:#0b0d3355}.trivia-recap-list article>span{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:50%;background:#ffd95b;color:#161d61;font-size:12px;font-weight:900}.trivia-recap-list small,.trivia-recap-list strong{display:block}.trivia-recap-list small{color:#6ce8ff;font-size:10px;font-weight:900;letter-spacing:.12em}.trivia-recap-list strong{margin-top:2px;color:#fff;font-size:clamp(15px,2.6vw,21px)}.theme-halloween-hot-take .trivia-recap-list article>span{background:#ff9d2e}.theme-halloween-hot-take .trivia-recap-list small{color:#ffca68}
.theme-halloween-hot-take .trivia-game-modal{background:radial-gradient(circle at 9% 12%,#ff8b3555,transparent 25%),radial-gradient(circle at 92% 85%,#8e3dcc66,transparent 29%),linear-gradient(140deg,#251332,#3d1a30 56%,#160e24)}.theme-halloween-hot-take .trivia-logo{color:#ffca68;text-shadow:3px 3px 0 #ef5b35}.theme-halloween-hot-take .trivia-game-modal .trivia-option{color:#321334}.theme-halloween-hot-take .trivia-option-letter{background:#ef5b35}
@keyframes triviaLines{to{transform:translate3d(8%,5%,0)}}@keyframes triviaOptionIn{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes triviaCorrect{50%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes triviaWrong{25%,75%{transform:translateX(-7px)}50%{transform:translateX(7px)}to{transform:translateX(0)}}@keyframes triviaFeedback{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:560px){.trivia-game-modal{padding-inline:18px}.trivia-topline{align-items:flex-start;flex-direction:column}.trivia-options{grid-template-columns:1fr}.trivia-game-modal .trivia-option{min-height:62px;padding:11px 14px;border-radius:15px}.trivia-game-modal h2{font-size:clamp(29px,10vw,48px)}.trivia-bottom{padding-top:13px}.trivia-game-modal .game-timer,.trivia-game-modal .game-score{font-size:12px}}
@media(prefers-reduced-motion:reduce){.trivia-game-modal::before,.trivia-game-modal .trivia-option,.trivia-feedback{animation:none}}