/* Concept A — shared Quiz Arena; classroom and School Quiz retain their existing styles. */
#quiz-dialog.fq-arena{--arena-purple:#5d20bd;--arena-cream:#fff8ec;border-color:#e9c75e99;background:#210a43;border-radius:24px}
#quiz-dialog.fq-arena #quiz-content{padding:22px clamp(18px,4vw,64px) 28px;background:#260b47 url('/assets/quiz-stage/arena-v99.webp') center/cover no-repeat;min-height:calc(100dvh - 108px);color:#fff8ef}
#quiz-dialog.fq-arena .quiz-top{min-height:68px;padding:11px 26px;background:linear-gradient(100deg,#381260,#4c1980);border-bottom:1px solid #e3c16b55}
#quiz-dialog.fq-arena .stage-brand .logo{width:145px;border-radius:10px}
#quiz-dialog.fq-arena .quiz-stage-question{width:min(100%,1100px);min-height:0;gap:19px;padding:5px 0 18px}
.arena-backdrop{display:none}.arena-status{width:100%}.arena-status>.quiz-label{margin:0 0 10px;color:#ead8ff}
#quiz-dialog.fq-arena .progress-header{border-color:#dcc4fa50;background:#2d0e57d9;border-radius:18px;justify-content:space-between;padding:12px 20px;gap:12px;font-size:14px}
.arena-progress{width:clamp(80px,17vw,220px);height:10px;border-radius:30px;background:#7947aa77;overflow:hidden}.arena-progress i{display:block;height:100%;background:linear-gradient(90deg,#ffed91,#f4bd39);border-radius:inherit;min-width:4px;transition:width .25s}.arena-score{display:flex;align-items:center;gap:6px}.arena-score>span{color:#ffd766}#arena-score{font-size:18px}#arena-correct{color:#dfc5f5;font-size:13px}
.arena-question-row{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:24px;padding-right:34px}
#quiz-dialog.fq-arena .arena-card{position:relative;width:100%;min-height:160px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(115deg,#fffaf1,#fff5e6);border:2px solid #ffdb79;border-radius:26px;padding:25px 54px 25px 30px;color:#321253;box-shadow:inset 0 0 0 4px #fffdf7,0 0 0 3px #c48c3466,0 12px 26px #16082d60;text-align:left}
.arena-card-kicker{font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:#7c529d;margin-bottom:10px}
#quiz-dialog.fq-arena .arena-card .question{font:850 clamp(23px,2.4vw,32px)/1.36 Nunito,system-ui,sans-serif;text-shadow:none;letter-spacing:-.4px;color:#351452;text-align:left;margin:0;max-width:none;white-space:pre-line}
#quiz-dialog.fq-arena .stage-long .arena-card .question{font-size:clamp(21px,2vw,27px)}
#quiz-dialog.fq-arena .arena-card .stage-question-subtitle,#quiz-dialog.fq-arena .arena-card .stage-original{color:#71518b}.fq-arena .stage-original summary{margin:0}
.arena-clock{position:absolute;right:-42px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;background:#481876;border:6px solid #e8c052;outline:3px solid #fff0a2;box-shadow:0 5px 18px #21053266;color:#fff}.arena-clock #timer{font:900 25px/1.2 Nunito,system-ui;color:#fff;white-space:nowrap}.arena-clock small{font-size:8px;font-weight:900;letter-spacing:.6px;color:#ffebb1;margin-top:4px}.arena-clock:not(.is-timed){border-color:#b594d5;outline-color:#e9d6fc}.arena-clock.is-urgent{background:#9c3056;border-color:#ffb899;outline-color:#ffe5a1}
#quiz-dialog.fq-arena .arena-mascot .fq-companion{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;width:150px;max-width:100%;margin:0;padding:0;background:transparent;border:0;color:#fff}.fq-arena .arena-mascot .fqc-mascot{width:145px;height:auto;max-height:190px}.fq-arena .arena-mascot .fqc-caption{font-size:12px;line-height:1.45;max-width:155px;margin:5px 0 0;color:#f2e1ff;text-align:center}.fq-arena .arena-mascot .fqc-countdown,.fq-arena .arena-mascot .growth-report-link{display:none!important}
#quiz-dialog.fq-arena .arena-visual{margin:0 0 0 auto;width:calc(100% - 174px);max-width:900px}.fq-arena .arena-visual>.adventure-cue{max-width:100%;box-shadow:0 7px 20px #18072d40;padding:12px 18px}.fq-arena .arena-visual .adventure-cue>svg{max-height:175px}.fq-arena .arena-visual .stage-paint-scene{max-width:500px}.fq-arena .arena-visual .stage-paint-pot,.fq-arena .arena-visual .stage-palette{max-width:110px}.fq-arena .arena-visual .picture-question{font-size:65px}
#quiz-dialog.fq-arena .arena-answers{width:calc(100% - 174px);margin:0 0 0 auto;padding-right:5px}.fq-arena .arena-answers .options{gap:15px!important}
#quiz-dialog.fq-arena .stage-answer,#quiz-dialog.fq-arena .stage-answers .answer{min-height:76px;border:2px solid #e8d7ff;border-radius:19px;background:linear-gradient(120deg,#fffefa,#eee3ff);box-shadow:0 5px 0 #321050,0 7px 18px #13052b55;padding:17px 20px;font:850 19px/1.35 Nunito,system-ui;color:#341456;gap:14px}
#quiz-dialog.fq-arena .stage-answer .letter,#quiz-dialog.fq-arena .stage-answers .answer .letter{background:linear-gradient(135deg,#9f54f2,#641dc4);color:#fff;width:40px;height:40px;min-width:40px;border-radius:13px;font-size:22px;box-shadow:inset 0 1px 1px #ffffff60}
#quiz-dialog.fq-arena .stage-answer:hover:not(:disabled){background:#fff7dc;border-color:#ffe39a;transform:translateY(-2px)}#quiz-dialog.fq-arena .stage-answer:focus-visible{outline:3px solid #ffdc78;outline-offset:4px}
#quiz-dialog.fq-arena .stage-answer.correct{background:#e4faed;border-color:#74d59c;color:#174b31;box-shadow:0 5px 0 #277a4d,0 0 28px #64d78b60}#quiz-dialog.fq-arena .stage-answer.incorrect{background:#ffe9ed;border-color:#f397ad;color:#832540}#quiz-dialog.fq-arena .stage-answer:disabled{opacity:.8}#quiz-dialog.fq-arena .stage-answer.correct:disabled{opacity:1}
#quiz-dialog.fq-arena .arena-feedback{width:calc(100% - 174px);margin-left:auto}.fq-arena .stage-feedback .feedback{border:2px solid #eac76c;background:#fff9ed;padding:17px 22px}.fq-arena .stage-feedback .feedback strong{color:#4c2078}.fq-arena .stage-bottom{margin:0 0 0 174px;justify-content:space-between;gap:12px}.fq-arena .stage-bottom .report-button{font-size:12px}.fq-arena .stage-scoring-note{font-size:13px;color:#f1e0fb}.fq-arena .stage-feedback .next-button{min-height:48px;background:linear-gradient(120deg,#ffdf79,#f3b931);color:#351353}.fq-arena .stage-has-feedback .question{font-size:25px}.fq-arena .arena-answers #order-list,.fq-arena .arena-answers #match-list{background:#fff8ef;color:#32134f;padding:18px;border-radius:20px}.fq-arena .memory-study{margin-left:174px;background:#fff9ed;color:#32134f;border-radius:18px;padding:14px}
#quiz-dialog.fq-arena.stage-is-results #quiz-content{background:#260b47 url('/assets/quiz-stage/arena-v99.webp') center/cover no-repeat}#quiz-dialog.fq-arena.stage-is-results .result{background:#fff8edf5;border:2px solid #f5cf74;color:#351454;padding:30px;border-radius:24px;max-width:950px;margin:0 auto}#quiz-dialog.fq-arena.stage-is-results .result h2,#quiz-dialog.fq-arena.stage-is-results .result p{color:#351454}#quiz-dialog.fq-arena.stage-is-results .result a{color:#57269a}
/* Independent quiz engines: skin their existing question panels without replacing controls. */
.fq-arena-surface{background:#2a0c4e url('/assets/quiz-stage/arena-v99.webp') center/cover no-repeat!important;border:1px solid #e8c36d99!important;border-radius:24px!important;padding:28px!important;color:#fff8ef!important;box-shadow:0 12px 35px #2b104733}
.fq-arena-surface>.fqc-question{background:transparent;padding:0;margin:12px 0 22px;display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:20px;align-items:center}.fq-arena-surface .fqc-question-copy{background:#fff8ee;border:2px solid #f8d67c;border-radius:23px;padding:25px;box-shadow:0 5px 0 #a77b3733;color:#361653}.fq-arena-surface .fqc-question-copy :is(h1,h2,.question){font:850 clamp(22px,2.2vw,32px)/1.35 Nunito,system-ui!important;color:#361653!important;text-shadow:none!important;margin:0!important;letter-spacing:-.3px}.fq-arena-surface .fq-companion{color:#fff;width:125px;max-width:100%}.fq-arena-surface .fqc-mascot{max-height:155px}.fq-arena-surface .fqc-caption{color:#f4e7ff;font-size:12px}.fq-arena-surface :is(.options,.party-answers,.event-answer-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.fq-arena-surface :is(.answer,.party-answers>button,.event-answer){background:linear-gradient(120deg,#fffcf5,#eee3ff)!important;color:#351455!important;border:2px solid #e6d3fc!important;border-radius:17px!important;min-height:70px;box-shadow:0 4px 0 #160b2d88;font:800 18px/1.4 Nunito,system-ui;padding:16px 20px;white-space:normal}.fq-arena-surface :is(.answer,.party-answers>button,.event-answer):focus-visible{outline:3px solid #ffd571;outline-offset:3px}.fq-arena-surface .answer.correct,.fq-arena-surface .event-answer.is-correct{background:#e0f9e9!important;border-color:#65ca94!important;color:#164a2e!important}.fq-arena-surface .answer.incorrect{background:#ffe7ed!important;border-color:#f194aa!important}.fq-arena-surface .growth-report-link{color:#ead7fd!important}.fq-arena-surface :is(.early-points-rule,.fg-note,.party-topline,.pill){color:#f0defb}.fq-arena-surface :is(.fg-show-lights,.fg-truth-emblem,.fg-show-title,.fg-show-copy,.fg-show-kicker){display:none}.fq-arena-surface :is(.event-explanation,.smart-hint,.studio-feedback,.fg-feedback){background:#fff8ed;color:#351454;border-radius:16px;padding:18px}.fq-arena-surface .event-explanation :is(h2,p){color:#351454}
@media(max-width:800px){.arena-question-row{grid-template-columns:100px minmax(0,1fr);gap:12px;padding-right:26px}#quiz-dialog.fq-arena .arena-mascot .fq-companion{width:95px}.fq-arena .arena-mascot .fqc-mascot{width:95px;max-height:125px}#quiz-dialog.fq-arena .arena-card{padding:22px 40px 22px 22px;min-height:140px}.arena-clock{width:70px;height:70px;right:-32px;border-width:5px}.arena-clock #timer{font-size:21px}.arena-clock small{font-size:7px}.fq-arena .arena-mascot .fqc-caption{font-size:11px}#quiz-dialog.fq-arena .arena-answers,#quiz-dialog.fq-arena .arena-visual,#quiz-dialog.fq-arena .arena-feedback{width:calc(100% - 112px)}.fq-arena .stage-bottom,.fq-arena .memory-study{margin-left:112px}#quiz-dialog.fq-arena .stage-answer{font-size:17px;min-height:70px;padding:14px 16px}}
@media(max-width:560px){#quiz-dialog.fq-arena{width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}#quiz-dialog.fq-arena .quiz-top{padding:10px 13px;min-height:60px}#quiz-dialog.fq-arena .stage-brand .logo{width:118px}#quiz-dialog.fq-arena #quiz-stage-category{max-width:110px;overflow:hidden;text-overflow:ellipsis;font-size:11px;padding:6px 9px}.fq-arena .stage-tools .icon-button span{display:none}#quiz-dialog.fq-arena #quiz-content{padding:15px 16px 24px;min-height:calc(100dvh - 60px)}#quiz-dialog.fq-arena .progress-header{padding:10px 12px;gap:9px;font-size:12px}.arena-progress{width:62px}.fq-arena #arena-correct{display:none}#quiz-dialog.fq-arena .quiz-stage-question{gap:16px}.arena-question-row{display:block;padding:0}.fq-arena .arena-mascot{float:none;display:none}#quiz-dialog.fq-arena .arena-card{min-height:140px;border-radius:22px;padding:22px 60px 22px 20px}#quiz-dialog.fq-arena .arena-card .question,#quiz-dialog.fq-arena .stage-long .arena-card .question{font-size:22px;line-height:1.4}.arena-clock{right:8px;top:16px;transform:none;width:47px;height:47px;border-width:3px;outline-width:2px}.arena-clock #timer{font-size:15px}.arena-clock small{display:none}.arena-card-kicker{font-size:10px;margin-bottom:8px}#quiz-dialog.fq-arena .arena-answers,#quiz-dialog.fq-arena .arena-visual,#quiz-dialog.fq-arena .arena-feedback{width:100%;padding:0}.fq-arena .stage-bottom,.fq-arena .memory-study{margin-left:0}#quiz-dialog.fq-arena .arena-answers .options{grid-template-columns:1fr;gap:12px!important}#quiz-dialog.fq-arena .stage-answer{min-height:63px;padding:13px 15px;font-size:16px;gap:12px}#quiz-dialog.fq-arena .stage-answer .letter{width:34px;height:34px;min-width:34px;font-size:18px;border-radius:11px}.fq-arena .arena-visual .adventure-cue>svg{max-height:155px}.fq-arena-surface{padding:20px 15px!important}.fq-arena-surface>.fqc-question{grid-template-columns:minmax(0,1fr) 65px;gap:8px}.fq-arena-surface .fqc-question-copy{padding:19px 16px}.fq-arena-surface .fqc-question-copy :is(h1,h2,.question){font-size:22px!important}.fq-arena-surface .fq-companion{width:65px}.fq-arena-surface .fqc-mascot{max-height:95px}.fq-arena-surface .fqc-caption{display:none}.fq-arena-surface :is(.options,.party-answers,.event-answer-grid){grid-template-columns:1fr}.fq-arena-surface :is(.answer,.party-answers>button,.event-answer){font-size:16px;min-height:62px}.fq-arena .stage-bottom{justify-content:center}.fq-arena .stage-status>.quiz-label{font-size:10px;letter-spacing:1px}}
@media(max-height:740px) and (min-width:801px){#quiz-dialog.fq-arena #quiz-content{padding-top:12px;padding-bottom:16px}#quiz-dialog.fq-arena .quiz-stage-question{gap:14px}#quiz-dialog.fq-arena .arena-card{min-height:125px;padding-top:18px;padding-bottom:18px}#quiz-dialog.fq-arena .arena-card .question{font-size:25px}.fq-arena .arena-mascot .fqc-mascot{max-height:150px}#quiz-dialog.fq-arena .stage-answer{min-height:64px;padding:12px 17px}.fq-arena .arena-visual .adventure-cue>svg{max-height:125px}}
@media(prefers-reduced-motion:reduce){.fq-arena-surface *,.fq-arena *{animation:none!important;transition:none!important}}html.fq-reduced-motion :is(.fq-arena,.fq-arena-surface) *{animation:none!important;transition:none!important}html.fq-high-contrast :is(.fq-arena-surface,#quiz-dialog.fq-arena #quiz-content){background:#19082d!important}html.fq-large-text #quiz-dialog.fq-arena .arena-card .question{font-size:30px}html.fq-large-text #quiz-dialog.fq-arena .stage-answer{font-size:21px}
@media(max-width:560px){.fq-arena .arena-question-row{position:relative}.fq-arena .arena-mascot{display:block;position:absolute;top:7px;left:10px;z-index:2;width:44px;height:54px}#quiz-dialog.fq-arena .arena-mascot .fq-companion{width:44px}#quiz-dialog.fq-arena .arena-mascot .fqc-mascot{width:44px;max-height:55px}.fq-arena .arena-mascot .fqc-caption{display:none}.fq-arena .arena-card-kicker{padding-left:40px;min-height:32px;display:flex;align-items:center;margin-bottom:10px}}
#quiz-dialog.fq-arena .arena-clock #timer{background:transparent;padding:0;border-radius:0}.fq-arena .arena-mascot .fqc-caption{font-size:12px!important;min-height:0}.fq-arena-surface .fqc-caption{font-size:12px!important;min-height:0}
#quiz-dialog.fq-arena .arena-mascot .fq-companion{flex-direction:column}.fq-arena .arena-mascot .fqc-caption{width:145px;max-width:100%}