.shuffle-toggle{border:1px solid #ba9852;border-radius:6px;background:#102b42;color:#f2db9d;font:700 11px Arial,sans-serif;padding:7px 10px;min-height:30px;white-space:nowrap;cursor:pointer;margin-left:auto}.shuffle-toggle:focus-visible,.shuffle-skip:focus-visible{outline:3px solid #ffda7e;outline-offset:3px}.question-shuffling{position:relative;overflow:hidden!important}.question-awaiting{visibility:hidden;pointer-events:none}.question-shuffle{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:radial-gradient(ellipse at center,#214b65,#081b2c);border:1px solid #ad8a43;border-radius:12px}.question-shuffle p{margin:0;color:#f8e7bc;font:700 clamp(15px,2vw,22px) Georgia,serif;text-align:center}.shuffle-deck{position:relative;width:160px;height:180px}.shuffle-deck>span{position:absolute;inset:10px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:2px solid #e0c173;border-radius:12px;background:repeating-linear-gradient(45deg,#193c52,#193c52 7px,#1f4257 7px,#1f4257 8px);box-shadow:0 6px 16px #0006;color:#f6d78e;font:700 20px Georgia,serif;animation:shuffle-front .7s ease both}.shuffle-deck>span>span{font-size:70px;line-height:.9}.shuffle-deck>span:nth-child(1){animation-name:shuffle-left}.shuffle-deck>span:nth-child(2){animation-name:shuffle-right}.shuffle-skip{padding:10px 18px;border:1px solid #c9a65e;border-radius:7px;background:#10283a;color:#eed596;font:700 13px Arial,sans-serif;cursor:pointer;min-height:38px}@keyframes shuffle-left{0%,100%{transform:translateX(-9px) rotate(-6deg)}40%{transform:translateX(-60px) rotate(-18deg)}}@keyframes shuffle-right{0%,100%{transform:translateX(9px) rotate(6deg)}60%{transform:translateX(60px) rotate(18deg)}}@keyframes shuffle-front{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(max-width:650px){.shuffle-toggle{font-size:9px;padding:5px 7px;min-height:28px}.trivia-playing .game-nav-row{gap:3px 6px}.trivia-playing .round-label{margin-left:auto}.shuffle-deck{width:140px;height:160px}}@media(orientation:landscape) and (max-height:550px){.question-shuffle{gap:7px}.shuffle-deck{width:110px;height:112px}.shuffle-deck>span{inset:3px 17px;font-size:12px;gap:7px}.shuffle-deck>span>span{font-size:42px}.question-shuffle p{font-size:14px}.shuffle-skip{min-height:30px;padding:6px 12px}.shuffle-toggle{min-height:25px;padding:4px 8px}}@media(prefers-reduced-motion:reduce){.shuffle-deck>span{animation:none}}

/* Keep multiple-choice questions and decisions in the same playing view. */
.trivia-playing .choice-quiz{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:12px}
.choice-quiz .stage-title{margin:0 0 8px;gap:5px}
.choice-quiz .stage-title h2{font-size:20px}.choice-quiz .stage-title p{font-size:12px}
.choice-quiz .quiz-card{width:100%;margin:0 auto;padding:18px}
.choice-quiz .quiz-progress,.choice-quiz .progress-track{display:none}
.choice-quiz .quiz-question{margin:0 0 16px;font-size:clamp(22px,2.8vw,34px)}
.choice-quiz .option-button{min-height:52px}
.choice-quiz .feedback{margin-top:12px}
@media(max-width:650px){
 .trivia-playing .choice-quiz{padding:10px}
 .choice-quiz .stage-title{flex-direction:row;align-items:baseline}
 .choice-quiz .quiz-card{padding:13px}
 .choice-quiz .quiz-question{font-size:23px;margin-bottom:14px}
 .choice-quiz .quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .choice-quiz .option-button{font-size:13px;padding:10px 7px;gap:7px;min-height:62px}
 .choice-quiz .option-button span:first-child{width:23px;height:23px;flex-basis:23px;font-size:11px}
 .choice-quiz .feedback{font-size:14px;line-height:1.4;padding:10px;margin-top:10px}
 .choice-quiz .quiz-next{margin-top:10px}.choice-quiz .primary-button{min-height:46px}
}
@media(orientation:landscape) and (max-height:550px){
 .trivia-playing .choice-quiz{padding:8px;min-height:100%}
 .choice-quiz .stage-title{margin-bottom:6px;flex-direction:row}.choice-quiz .stage-title h2{font-size:16px}.choice-quiz .stage-title p{font-size:11px}
 .choice-quiz .quiz-card{padding:12px}
 .choice-quiz .quiz-question{font-size:20px;line-height:1.2;margin:0 0 12px}
 .choice-quiz .quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .choice-quiz .option-button{min-height:44px;padding:7px 10px;font-size:13px;gap:8px}
 .choice-quiz .option-button span:first-child{width:23px;height:23px;flex-basis:23px;font-size:11px}
 .choice-quiz.answered .quiz-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 16px}
 .choice-quiz.answered .quiz-question{grid-column:1;grid-row:1;font-size:18px;margin:0}
 .choice-quiz.answered .quiz-options{grid-column:1;grid-row:2/5;align-self:start}
 .choice-quiz.answered .feedback{grid-column:2;grid-row:1/3;margin:0;padding:8px;font-size:13px;line-height:1.35}
 .choice-quiz.answered .source-link{grid-column:2;grid-row:3;margin:0;font-size:11px}
 .choice-quiz.answered .quiz-next{grid-column:2;grid-row:4;margin:0}.choice-quiz.answered .primary-button{min-height:40px;padding:8px 15px}
}