/* Only the quiz content changes; the page atmosphere and navigation stay intact. */
body.quiz-page .quiz-header { display:flex; align-items:center; gap:24px; padding:42px 0 28px !important; }
body.quiz-page .quiz-brand { flex:none; font-size:78px; line-height:1; color:#e14559; text-shadow:0 0 30px #b6203545; }
body.quiz-page .quiz-eyebrow { color:#c9a778; font:600 11px/1.5 Arial,sans-serif; letter-spacing:.18em; text-transform:uppercase; }
body.quiz-page .quiz-header h1 { margin:8px 0 12px; font-size:clamp(2.1rem,4vw,3.6rem); line-height:1.12; letter-spacing:-.02em; }
body.quiz-page .quiz-header h1 em { font-style:normal; color:#e14b61; }
body.quiz-page .quiz-header p { max-width:700px; font-size:1rem; line-height:1.6; }
body.quiz-page #quizModes { border-radius:22px; padding:18px 24px; margin-bottom:20px; background:linear-gradient(115deg,#20161bcc,#0b0a0ce8); }
body.quiz-page #quizModes button { border-radius:999px !important; min-height:40px; padding:9px 16px; }
body.quiz-page #quizModes .archive-kicker { color:#cbaa7d; font-size:10px; letter-spacing:.14em; }
body.quiz-page #hud .stats-grid { gap:0; padding:20px 8px; border:1px solid #c2a48030; border-radius:22px; background:linear-gradient(115deg,#1d151be6,#0c0b0de8); }
body.quiz-page #hud .stat-box { display:grid; grid-template-columns:38px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; column-gap:12px; padding:0 20px; border:0; border-radius:0; background:none; text-align:left; }
body.quiz-page #hud .stat-box + .stat-box { border-left:1px solid #c6a67d25; }
body.quiz-page .quiz-stat-icon { grid-row:1 / 3; width:38px; height:38px; display:grid; place-items:center; border-radius:50%; color:#e0b873; background:#d9a9680b; border:1px solid #d9a96830; }
body.quiz-page .quiz-stat-icon svg { width:19px; height:19px; }
body.quiz-page #hud .stat-label { font:11px/1.4 Arial,sans-serif; letter-spacing:.02em; text-transform:none; margin:0 0 5px; }
body.quiz-page #hud .stat-value { font-size:1.25rem; line-height:1.2; overflow-wrap:anywhere; }
body.quiz-page #hud .stat-box:nth-child(2) .stat-value { color:#ee7988 !important; }
body.quiz-page .quiz-health-heading { display:flex; align-items:center; justify-content:space-between; margin:18px 2px 9px; color:#bdb0a2; font:12px/1.4 Arial,sans-serif; }
body.quiz-page .quiz-health-heading .hp-text { position:static; inset:auto; gap:4px; color:#f0d7b5; font-size:12px; text-shadow:none; }
body.quiz-page #hud .hp-container { height:12px; border:1px solid #a44b5b70; border-radius:999px; background:#201218; box-shadow:0 0 18px #9b21351a; }
body.quiz-page #hpBar { background:linear-gradient(90deg,#7f2036,#d14158,#f0a371) !important; box-shadow:0 0 16px #d7425850; border-radius:999px; }
body.quiz-page #hud[data-critical=true] #hpBar { background:linear-gradient(90deg,#981f39,#ed4963) !important; }
body.quiz-page .hp-segments { position:absolute; inset:0; display:grid; grid-template-columns:repeat(20,minmax(0,1fr)); pointer-events:none; }
body.quiz-page .hp-segments span + span { border-left:3px solid #130e13; }
body.quiz-page #questionBox { position:relative; border-radius:26px; border:1px solid #d3ad7838; border-top:1px solid #bb566980; padding:32px 36px; background:radial-gradient(ellipse at 100% 0,#9e30481a,transparent 60%),linear-gradient(135deg,#1a1419f2,#0a090cee); box-shadow:0 22px 70px #0008; }
body.quiz-page .quiz-question-heading { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-bottom:20px; }
body.quiz-page #qNumber { margin:0; font:600 11px/1.5 Arial,sans-serif; letter-spacing:.17em; color:#e1b979; }
body.quiz-page .quiz-question-tags { display:flex; flex-wrap:wrap; gap:7px; }
body.quiz-page .quiz-question-tags span { padding:6px 12px; border:1px solid #c3a48035; border-radius:999px; color:#d2be9e; background:#d6a76908; font:11px/1.3 Arial,sans-serif; }
body.quiz-page .quiz-question-tags span:last-child { border-color:#dc647440; color:#eeb1bc; background:#a7375010; }
body.quiz-page #qText { margin:0 0 28px; font-size:clamp(1.4rem,2.5vw,2rem); line-height:1.45; font-weight:600; text-wrap:pretty; }
body.quiz-page #qText:focus { outline:none; }
body.quiz-page #optionsGrid { gap:12px; }
body.quiz-page #optionsGrid .option-btn { border-radius:20px !important; min-height:80px; padding:16px 20px; gap:16px; font-size:1rem; line-height:1.5; background:linear-gradient(120deg,#241b22,#151116) !important; border-color:#bfa48035 !important; transition:transform .18s,border-color .18s,box-shadow .18s; }
body.quiz-page #optionsGrid .option-btn::before { display:grid; place-items:center; flex:0 0 36px; height:36px; border:1px solid #bc996044; border-radius:50%; color:#d8b474; background:#0c0a0c70; font:600 12px Arial,sans-serif; }
@media(hover:hover) {
 body.quiz-page #questionBox #optionsGrid .option-btn:not(:disabled):not(.correct):not(.wrong):hover { padding-left:20px; transform:translateY(-2px); border-color:#d6879470 !important; background:linear-gradient(120deg,#38202b,#1d141c) !important; box-shadow:0 7px 22px #0005,inset 0 1px #efcaa611 !important; }
}
body.quiz-page #optionsGrid .option-btn.correct { background:linear-gradient(120deg,#214731,#132b21) !important; border-color:#79bc93 !important; box-shadow:inset 0 0 0 1px #98d7aa18 !important; }
body.quiz-page #optionsGrid .option-btn.wrong { background:linear-gradient(120deg,#562130,#30151f) !important; border-color:#df7188 !important; box-shadow:inset 0 0 0 1px #f899ae18 !important; }
body.quiz-page #optionsGrid .option-btn:disabled:not(.correct):not(.wrong) { opacity:.55 !important; }
body.quiz-page #quizExplanation:not(:empty) { border:1px solid #c7a26925; border-left:3px solid #c7a269; border-radius:14px; padding:14px 18px; background:#d8b77506; font-size:.94rem; }
body.quiz-page #questionBox.fade-in { animation:trialQuestionIn .32s both; }
body.quiz-page #questionBox.fade-out { opacity:0; transform:translateY(-6px); transition:opacity .22s,transform .22s; }
body.quiz-page.damage-flash { animation:none; }
body.quiz-page.damage-flash #questionBox { animation:trialDamage .38s ease-out; }
body.quiz-page.damage-flash #hud .hp-container { box-shadow:0 0 22px #e4456570; }
body.quiz-page #resultScreen { border-radius:26px; border-top:1px solid #be6278; }
body.quiz-page #resultScreen.active { animation:trialQuestionIn .32s both; }
@keyframes trialQuestionIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@keyframes trialDamage { 0%,100% { transform:none; } 20% { transform:translateX(-3px); border-color:#e26780; box-shadow:0 0 30px #c73e5530; } 50% { transform:translateX(3px); } 75% { transform:translateX(-1px); } }
@media(max-width:720px) {
 body.quiz-page .quiz-header { gap:14px; padding:28px 0 24px !important; }
 body.quiz-page .quiz-brand { font-size:54px; }
 body.quiz-page .quiz-header h1 { font-size:clamp(1.7rem,6vw,2.7rem); }
 body.quiz-page #hud .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:18px; padding:18px 4px; }
 body.quiz-page #hud .stat-box { padding:0 12px; column-gap:9px; }
 body.quiz-page #hud .stat-box:nth-child(3) { border-left:0; }
 body.quiz-page #hud .stat-value { font-size:1.05rem; }
 body.quiz-page #questionBox { padding:24px 20px; }
 body.quiz-page #optionsGrid { grid-template-columns:1fr; }
 body.quiz-page #quizModes { padding:16px; }
}
@media(max-width:380px) {
 body.quiz-page .quiz-brand { display:none; }
 body.quiz-page #hud .stat-box { padding:0 8px; grid-template-columns:28px minmax(0,1fr); }
 body.quiz-page .quiz-stat-icon { width:28px; height:28px; }
 body.quiz-page #questionBox { padding:22px 16px; }
}
body.quiz-page .quiz-mistake-review{margin-top:26px;padding-top:24px;border-top:1px solid #c4a16b44;text-align:left;color:#dfd1c1;}
body.quiz-page .quiz-mistake-review[hidden]{display:none;}
body.quiz-page .quiz-mistake-review h3{font:600 24px/1.3 Georgia,serif;color:#f1e3cb;margin:0 0 15px;}
body.quiz-page .quiz-mistake-review article{padding:18px;margin:14px 0;border:1px solid #b18a5f44;border-radius:13px;background:#191216;}
body.quiz-page .quiz-mistake-review h4{font:600 16px/1.5 Arial,sans-serif;margin:0 0 12px;color:#eee0c7;}
body.quiz-page .quiz-mistake-review p{font:14px/1.6 Arial,sans-serif;margin:6px 0;overflow-wrap:anywhere;}
body.quiz-page .quiz-mistake-review .quiz-review-wrong{color:#f1a0aa;}
body.quiz-page .quiz-mistake-review .quiz-review-right{color:#9fddbd;}
body.quiz-page .quiz-mistake-review button{padding:13px 18px;max-width:100%;white-space:normal;}
body.quiz-page .quiz-duel-entry{max-width:960px;margin:24px auto;padding:0 18px;box-sizing:border-box;}
body.quiz-page .quiz-duel-link{display:flex;align-items:center;gap:18px;padding:22px 24px;background:radial-gradient(ellipse at left,#6c233337,transparent 70%),#171216;border:1px solid #8d66496b;border-radius:16px;text-decoration:none!important;color:#f0e1c9!important;transition:border-color .18s,background-color .18s,box-shadow .18s;}
body.quiz-page .quiz-duel-link:hover{border-color:#d3aa68;box-shadow:0 8px 26px #0004;}
body.quiz-page .quiz-duel-link:focus-visible{outline:2px solid #f2ca85;outline-offset:4px;}
body.quiz-page .quiz-duel-seal{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border:1px solid #c4855d66;border-radius:13px;background:#3e2029;color:#f0c789;font-size:26px;}
body.quiz-page .quiz-duel-copy{min-width:0;flex:1;}
body.quiz-page .quiz-duel-copy strong{display:block;font:600 20px/1.3 Georgia,serif;}
body.quiz-page .quiz-duel-copy small{display:block;margin-top:7px;font:13px/1.5 Arial,sans-serif;color:#bead9e;}
body.quiz-page .quiz-duel-arrow{color:#e4be7d;font-size:25px;}
@media(max-width:480px){body.quiz-page .quiz-duel-link{gap:12px;padding:17px 14px;}body.quiz-page .quiz-duel-seal{width:42px;height:46px;}body.quiz-page .quiz-duel-copy strong{font-size:18px;}body.quiz-page .quiz-duel-copy small{font-size:12px;}body.quiz-page .quiz-duel-arrow{display:none;}}
@media(prefers-reduced-motion:reduce) {
 body.quiz-page #questionBox,body.quiz-page #questionBox.fade-in,body.quiz-page #questionBox.fade-out,body.quiz-page.damage-flash #questionBox,body.quiz-page #resultScreen.active { animation:none !important; transition:none !important; transform:none !important; opacity:1; }
 body.quiz-page #hpBar,body.quiz-page #optionsGrid .option-btn { transition:none !important; }
 body.quiz-page #questionBox #optionsGrid .option-btn:hover { transform:none; }
}