/* 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}
.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-correct .trivia-option-letter,.trivia-game-modal .trivia-option.is-wrong .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-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}
.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}}