.quiz-page{padding:40px 0 64px}
#quest-root{--q-teal:#247d70;--q-rose:#bb5860;max-width:1120px;margin:auto;color:var(--ink);scroll-margin-top:30px}
#quest-root [hidden]{display:none!important}
#quest-root *{box-sizing:border-box}
#quest-root button{font:inherit;cursor:pointer}
#quest-root button:disabled{cursor:default}
#quest-root button:focus-visible,#quest-root summary:focus-visible{outline:3px solid #729fc5;outline-offset:4px}
#quest-root h1{font-size:clamp(2.4rem,4.6vw,4.2rem);letter-spacing:-.05em;line-height:1.08;margin:18px 0 24px;color:var(--navy)}
#quest-root h2{font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.35;letter-spacing:-.025em;margin:18px 0 24px}
#quest-root h3{font-size:1.15rem;margin:0}
#quest-root p{margin:0 0 18px}
#quest-root .quiz-toolbar,#quest-root .top-tools,#quest-root .game-heading,#quest-root .hud,#quest-root .question-meta,#quest-root .question-tools,#quest-root .feedback-heading,#quest-root .next-controls{display:flex;align-items:center;justify-content:space-between;gap:14px}
#quest-root .quiz-toolbar{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:36px}
#quest-root .alpha{font-size:.72rem;letter-spacing:.12em;color:var(--muted);font-weight:650}
#quest-root .top-tools{gap:8px}
#quest-root .icon-button{background:transparent;border:1px solid var(--line);border-radius:20px;padding:6px 12px;font-size:.76rem;color:var(--muted)}
#quest-root .welcome{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;min-height:430px}
#quest-root .eyebrow{font-size:.73rem;letter-spacing:.14em;color:var(--q-teal);margin-bottom:12px}
#quest-root em{font-style:normal;color:var(--q-rose)}
#quest-root .intro-copy{color:var(--muted);font-size:1.1rem;line-height:1.7}
#quest-root .intro-chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
#quest-root .intro-chips span{font-size:.75rem;background:#f1f4ed;border-radius:20px;padding:5px 10px;color:#526b5d}
#quest-root .primary,#quest-root .secondary{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 22px;border:1px solid transparent;border-radius:12px;background:var(--blue);color:white;font-weight:650;min-height:48px}
#quest-root .primary:hover{filter:brightness(.96)}
#quest-root .secondary{background:white;border-color:var(--line);color:var(--ink)}
#quest-root .text-button{background:none;border:0;color:var(--q-teal);padding:10px 0;font-size:.88rem}
#quest-root .intro>.text-button{display:block}
#quest-root .start-note{color:var(--muted);font-size:.78rem;margin-top:14px}
#quest-root .intro-art{margin:0;background:#f3f1e9;border-radius:24px;padding:24px 12px 20px}
#quest-root .panel-illustration{display:block;width:100%;height:auto}
#quest-root .intro-art figcaption{text-align:center;color:#766e61;font-size:.78rem;margin-top:8px}
#quest-root .game{max-width:840px;margin:auto}
#quest-root .game-heading h1{font-size:1.8rem;margin:0 0 22px}
#quest-root .game-heading .eyebrow{margin-bottom:8px}
#quest-root .hud{font-size:.83rem;color:var(--muted);margin:12px 0}
#quest-root .hud strong{color:var(--ink);font-weight:650}
#quest-root .progress-track{height:5px;border-radius:8px;background:#e8e6dd;overflow:hidden;margin-bottom:24px}
#quest-root #progress-fill{height:100%;background:#5bb4a7;transition:width .3s}
#quest-root .question-card{background:white;border:1px solid var(--line);border-radius:18px;padding:28px}
#quest-root .question-meta{font-size:.7rem;letter-spacing:.07em;color:var(--muted)}
#quest-root .category{color:var(--q-teal);font-weight:650}
#quest-root .question-context{color:var(--muted);font-size:.9rem}
#quest-root .options{display:grid;gap:10px}
#quest-root .answer{display:flex;align-items:center;text-align:left;gap:14px;background:#fcfbf9;border:1px solid #e6e0da;border-radius:12px;padding:14px;line-height:1.45;color:var(--ink);min-height:58px}
#quest-root .answer:not(:disabled):hover{background:#f2f6f2;border-color:#7eaea0}
#quest-root .answer-key{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eeeae3;font-size:.8rem;font-weight:650}
#quest-root .illustrated-options{grid-template-columns:repeat(2,minmax(0,1fr))}
#quest-root .illustrated-answer{display:grid;grid-template-columns:30px minmax(0,1fr);align-content:start;gap:12px;padding:16px}
#quest-root .answer-illustration{grid-column:1/-1;display:block;width:100%;max-height:195px;background:#f5f3ec;border-radius:10px}
#quest-root .answer-illustration text{text-anchor:middle;font:10px system-ui,sans-serif;fill:#5c625d}
#quest-root .illustrated-answer .answer-label{align-self:center}
@media(max-width:480px){#quest-root .illustrated-options{grid-template-columns:1fr}#quest-root .answer-illustration{max-height:150px}}
#quest-root .answer.correct{background:#edf6f1;border-color:#62a18c}
#quest-root .answer.correct .answer-key{background:#2d7e69;color:white}
#quest-root .answer.incorrect{background:#fbefed;border-color:#c77871}
#quest-root .answer.incorrect .answer-key{background:#b85e57;color:white}
#quest-root .question-tools{margin-top:14px}
#quest-root .question-tools>span{font-size:.72rem;color:var(--muted)}
#quest-root .hint{background:#f6f1e4;padding:14px;border-radius:10px;font-size:.88rem;margin-top:12px}
#quest-root .feedback{margin-top:18px;background:#eff5f1;border:1px solid #d3e5dc;padding:24px;border-radius:18px}
#quest-root .feedback.is-wrong{background:#faf1e9;border-color:#eadccc}
#quest-root .feedback-heading{justify-content:flex-start;margin-bottom:14px;color:var(--q-teal)}
#quest-root .is-wrong .feedback-heading{color:#95602f}
#quest-root #explanation{font-size:.94rem;line-height:1.65}
#quest-root .reward-line{font-size:.79rem;color:var(--muted)}
#quest-root details{border:0;border-top:1px solid #d9e2d9;border-radius:0;padding:14px 0;margin:0 0 12px;background:none}
#quest-root summary{font-size:.8rem;color:var(--q-teal);cursor:pointer}
#quest-root #question-sources a,#quest-root .review-item a{display:block;font-size:.8rem;margin:10px 0;overflow-wrap:anywhere}
#quest-root .next-controls{gap:10px}
#quest-root #next{flex:1;position:relative;isolation:isolate;overflow:hidden}
#quest-root #next.auto-next{background:#e1d9d0;color:#403936}
#quest-root #next.auto-next:before{content:'';position:absolute;inset:0 auto 0 0;width:var(--next-fill,0%);background:#cfb5a7;z-index:-1}
#quest-root .pause-next{width:56px;height:56px;flex:none;border:1px solid #cbbfb2;border-radius:12px;background:#fffaf4;color:var(--ink);font-size:1rem}
#quest-root .results{max-width:840px;text-align:center;margin:auto;padding:24px 0}
#quest-root .results h1{font-size:2.7rem}
#quest-root #result-comment{color:var(--muted)}
#quest-root .result-stats{display:flex;justify-content:center;gap:44px;margin:30px 0}
#quest-root .result-stats strong{display:block;font-size:2rem;color:var(--q-teal)}
#quest-root .result-stats span{font-size:.78rem;color:var(--muted)}
#quest-root .result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:30px}
#quest-root .review{text-align:left}
#quest-root .review-item{padding:20px 0;border-bottom:1px solid var(--line);font-size:.9rem}
#quest-root .review-item h3{margin-bottom:14px}
#quest-root .review-correct{color:var(--q-teal)}
#quest-root .review-wrong{color:#a45c42}
#quest-root .game-note{font-size:.75rem;color:var(--muted);text-align:center;border-top:1px solid var(--line);padding-top:20px;margin:38px 0 0}
#quest-root.motion-off *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){#quest-root:not(.motion-on) *{animation:none!important;transition:none!important}
}
@media(max-width:700px){.quiz-page{padding-top:24px}
#quest-root .welcome{grid-template-columns:1fr;gap:24px}
#quest-root .intro-art{max-width:450px;width:100%;margin:auto}
#quest-root .intro-copy br{display:none}
#quest-root .quiz-toolbar{align-items:flex-start;gap:10px;margin-bottom:26px}
#quest-root .alpha{max-width:130px}
#quest-root .top-tools{gap:5px}
#quest-root .icon-button{padding:6px 8px;font-size:.7rem}
#quest-root .question-card{padding:20px 16px}
#quest-root .feedback{padding:20px 16px}
#quest-root .question-tools{align-items:flex-start;gap:8px}
#quest-root .question-tools>span{padding-top:12px;text-align:right;max-width:120px}
#quest-root .result-stats{gap:22px}
#quest-root .result-stats strong{font-size:1.5rem}
#quest-root .game-heading h1{font-size:1.5rem}
#quest-root .game-heading .text-button{white-space:nowrap}
#quest-root .results h1{font-size:2.1rem}
}
#quest-root .pause-next:before{content:'';display:block;width:12px;height:14px;margin:auto;border-left:4px solid currentColor;border-right:4px solid currentColor}
#quest-root .pause-next[data-paused=true]:before{border:0;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
#quest-root .quiz-toolbar{flex-wrap:wrap}
#quest-root .top-tools{flex-wrap:wrap}
#quest-root .welcome{position:relative}
#quest-root .intro-art{background:linear-gradient(140deg,#f3f3eb,#f7eee5)}
#quest-root .device-card{display:flex;align-items:center;gap:20px;padding:16px 22px;background:linear-gradient(115deg,#edf3ea,#f5efe7);border:1px solid #dbe4d7;border-radius:18px;margin-bottom:18px}
#quest-root .device-art{width:130px;flex:none}
#quest-root .device-art svg{width:100%;display:block}
#quest-root .device-info{flex:1;min-width:0}
#quest-root .device-label{font-size:.65rem;letter-spacing:.1em;color:var(--muted);display:flex;justify-content:space-between;gap:8px}
#quest-root #research-points{letter-spacing:0;color:var(--q-teal)}
#quest-root .device-info h2{font-size:1.3rem;margin:6px 0}
#quest-root .device-info p{font-size:.77rem;color:var(--muted);margin:0 0 10px}
#quest-root .device-track{height:4px;background:#dfe2d5;border-radius:5px;overflow:hidden}
#quest-root #device-progress{background:#7da99a;height:100%;transition:width .4s}
#quest-root #device-progress-label{display:block;font-size:.7rem;color:var(--muted);margin-top:5px}
#quest-root .unlock-notice{padding:12px 18px;background:#f7ecd2;border:1px solid #e6d4a1;border-radius:12px;font-size:.9rem;color:#7c6031}
#quest-root.device-upgraded .device-art{animation:design-unlock .7s ease-out}
#quest-root .event-card{display:flex;align-items:center;gap:16px;padding:16px 22px;margin-bottom:18px;border:1px solid #dadfdf;border-radius:18px;background:#eff3f5}
#quest-root .event-card.boss-event{background:linear-gradient(120deg,#f8e8e6,#f8f2e7);border-color:#e5c9c1}
#quest-root #event-art{width:100px;flex:none}
#quest-root #event-art svg{display:block;width:100%}
#quest-root .event-copy{flex:1;min-width:0}
#quest-root .event-eyebrow{font-size:.65rem;letter-spacing:.13em;color:#8f6360;margin-bottom:4px}
#quest-root .event-copy h2{font-size:1.2rem;margin:0 0 7px}
#quest-root .event-copy p{font-size:.82rem;margin-bottom:8px}
#quest-root .challenge-status{display:flex;gap:12px;align-items:center;margin:12px 0}
#quest-root #challenge-time{min-width:66px;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:650;color:#9b534f}
#quest-root .challenge-track{height:5px;border-radius:5px;background:#e6d5cb;flex:1;overflow:hidden}
#quest-root #challenge-fill{height:100%;background:#c67a8d}
#quest-root .challenge-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
#quest-root .challenge-actions .secondary{padding:8px 14px;min-height:42px;font-size:.8rem}
#quest-root .device-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0 30px}
#quest-root .gallery-device{border:1px solid var(--line);border-radius:12px;padding:10px;background:#f4f1eb;color:var(--muted);font-size:.7rem}
#quest-root .gallery-device svg{display:block;width:100%;filter:grayscale(1);opacity:.35}
#quest-root .gallery-device.unlocked{background:#eef3ec;color:var(--q-teal);border-color:#d6e3d2}
#quest-root .gallery-device.unlocked svg{filter:none;opacity:1}
@keyframes design-unlock{40%{transform:translateY(-6px) scale(1.06)}
100%{transform:none}
}
@media(max-width:700px){#quest-root .device-card{gap:12px;padding:14px 12px}
#quest-root .device-art{width:82px}
#quest-root .device-info h2{font-size:1.1rem}
#quest-root .device-label{font-size:.58rem;flex-wrap:wrap;gap:1px}
#quest-root .device-info p{font-size:.7rem;line-height:1.4}
#quest-root .event-card{align-items:flex-start;gap:10px;padding:16px 12px}
#quest-root #event-art{width:62px}
#quest-root .device-gallery{grid-template-columns:repeat(2,1fr)}
#quest-root .quiz-toolbar{gap:12px}
#quest-root .top-tools{gap:5px}
#quest-root .icon-button{min-height:30px}
#quest-root .challenge-actions{gap:8px}
#quest-root .intro-art{margin-top:0}
}
#quest-root #question-card{scroll-margin-top:16px}
#quest-root #challenge-controls{background:#faf0e9;border:1px solid #e4cfc2;padding:14px;border-radius:12px;margin-bottom:20px}
#quest-root #challenge-controls .challenge-status{margin-top:0}
#quest-root .unlock-notice{position:relative;overflow:hidden}
#quest-root.device-upgraded .unlock-notice:after{content:'✦';position:absolute;right:16px;top:3px;font-size:2rem;color:#d6a863;animation:design-unlock .7s ease-out}
#quest-root .boss-event #event-art{animation:boss-idle 5s ease-in-out infinite}
@keyframes boss-idle{50%{transform:translateY(-3px) rotate(-2deg)}
}
#quest-root.motion-off .boss-event #event-art{animation:none}

@media(max-width:1160px){#quest-root{scroll-margin-top:70px}#quest-root #question-card{scroll-margin-top:65px}}
@media(max-width:700px){#quest-root.challenge-live .answer{min-height:50px;padding:10px 12px}#quest-root.challenge-live .question-card h2{font-size:1.4rem;margin:14px 0 18px}#quest-root.challenge-live .options{gap:8px}}

#quest-root .prompt-placeholder{padding:24px 12px;color:var(--muted);text-align:center;font-size:.95rem;margin:0}

#quest-root .panel-led{animation:panel-led-glow 3.8s ease-in-out var(--led-delay) infinite}
#quest-root .panel-halo{animation:panel-halo-glow 4.5s ease-in-out infinite}
#quest-root .panel-photon{animation:panel-photon-drift 4.2s linear var(--photon-delay) infinite}
@keyframes panel-led-glow{0%,100%{opacity:.62}50%{opacity:1}}
@keyframes panel-halo-glow{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes panel-photon-drift{0%{transform:translateX(0);opacity:0}12%{opacity:.85}85%{opacity:.55}100%{transform:translateX(100px);opacity:0}}

/* Illustrated collectibles share the Devices page artwork; animation stays in UI layers. */
#quest-root .device-art{width:118px}
#quest-root .device-visual{position:relative;aspect-ratio:1;background:#fffdf6;border-radius:12px;overflow:hidden}
#quest-root .device-display{position:relative;animation:device-sway 6s ease-in-out infinite;transform-origin:50% 78%}
#quest-root .device-display img{display:block;width:100%;height:auto}
#quest-root .device-lights{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#quest-root .device-emitter{animation:device-radiance 4s ease-in-out var(--emitter-delay) infinite;opacity:.3}
#quest-root .device-light-point{animation:device-point-drift 4.5s ease-in-out var(--emitter-delay) infinite;opacity:0}
#quest-root .gallery-device strong,#quest-root .gallery-device>span{display:block;margin-top:7px}
#quest-root .gallery-device>span{font-size:.65rem;margin-top:3px;color:var(--muted)}
#quest-root .gallery-device svg{filter:none;opacity:1}
#quest-root .gallery-device:not(.unlocked) .device-display{filter:grayscale(1);opacity:.28;animation:none}
#quest-root .gallery-device:not(.unlocked) .device-lights{display:none}
#quest-root .gallery-device:not(.unlocked) .device-display *{animation:none}
@keyframes device-sway{0%,100%{transform:translateY(0) rotate(-.2deg)}50%{transform:translateY(-2px) rotate(.2deg)}}
@keyframes device-radiance{0%,100%{opacity:.2}50%{opacity:.8}}
@keyframes device-point-drift{0%,100%{transform:translateY(0);opacity:0}25%{opacity:.65}75%{transform:translateY(-18px);opacity:0}}
@media(max-width:700px){#quest-root .device-art{width:86px}}

/* Device taps play brief light effects without changing the round. */
#quest-root .device-visual,#quest-root .welcome-device{display:block;width:100%;padding:0;border:0;text-align:inherit;color:var(--q-teal);font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#quest-root .device-display{display:block}
#quest-root .welcome-device{position:relative;background:transparent;border-radius:14px;overflow:hidden}
#quest-root .device-action-badge{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#f6f7efcf;border:1px solid #c6d9cf;font-size:.82rem;line-height:1;color:var(--q-teal);pointer-events:none}
#quest-root .welcome-device .device-action-badge{right:12px;bottom:12px;width:28px;height:28px;font-size:1rem}
#quest-root .device-visual:not(:disabled):hover .device-action-badge,#quest-root .welcome-device:hover .device-action-badge{background:#e9f2e8}

/* A click animates the existing artwork inside its own clipped tile. */
#quest-root .effect-active .device-display{animation:none;transform-origin:center}
#quest-root .effect-active .panel-illustration{transform-origin:center;transform-box:fill-box}
#quest-root .performance-inline-layer{position:absolute;inset:0;display:block;overflow:hidden;border-radius:inherit;pointer-events:none}
#quest-root .performance-props{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#quest-root .performance-strip{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
#quest-root .performance-eye-layer{position:absolute;inset:0;pointer-events:none}
#quest-root .effect-active .device-action-badge{background:#e1eee4;opacity:.5}
#quest-root .performance-star{transform-box:fill-box;transform-origin:center;animation:performance-star-dance 4.4s ease-in-out var(--delay) both}
#quest-root .performance-exhaust{transform-box:fill-box;transform-origin:top;animation:performance-rocket-fire 4.4s ease-in-out both}
#quest-root .performance-launch-trail{stroke-dashoffset:160;animation:performance-launch-trail 4.4s ease-in-out both}
#quest-root .performance-note{animation:performance-note-drift 4.4s ease-in-out var(--delay) both}
#quest-root .performance-ribbon,#quest-root .performance-smile{stroke-dasharray:1;animation:performance-ribbon-draw 4.4s ease-in-out both}
#quest-root .performance-hoop{transform-origin:150px 147px;animation:performance-hoop-turn 4.4s ease-in-out both}
#quest-root .performance-clock{transform-origin:150px 142px;animation:performance-clock-turn 4.4s ease-in-out both;opacity:.65}
#quest-root .performance-twin{animation:performance-twin-left 4.4s ease-in-out both}
#quest-root .twin-right{animation-name:performance-twin-right}
#quest-root .performance-curtain{animation:performance-curtain-left 4.4s ease-in-out both}
#quest-root .curtain-right{animation-name:performance-curtain-right}
#quest-root .performance-popcorn{animation:performance-popcorn-hop 3.5s ease-in-out var(--delay) both}
#quest-root .performance-teleport-ring{transform-origin:150px 216px;animation:performance-hoop-turn 4.4s ease-in-out both}
#quest-root .performance-eyes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#quest-root .performance-pupils{animation:performance-eyes-glance 4.4s ease-in-out both}
#quest-root .performance-noodle{transform-origin:150px 140px;animation:performance-noodle-unwind 4.4s ease-in-out both;opacity:.65}
#quest-root .performance-cloud{animation:performance-cloud-drift 4.4s ease-in-out var(--delay) both}

@keyframes performance-star-dance{0%,100%{transform:rotate(0) scale(.55);opacity:.3}40%{transform:rotate(170deg) scale(1.25);opacity:1}75%{transform:rotate(300deg) scale(.8);opacity:.7}}
@keyframes performance-rocket-fire{0%,18%,72%,100%{transform:scale(.3,0);opacity:0}30%,55%{transform:scale(1,1);opacity:.8}42%{transform:scale(.7,.65);opacity:.6}}
@keyframes performance-launch-trail{0%,20%{opacity:0}42%{opacity:.8;stroke-dashoffset:90}75%{opacity:.6;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:-60}}
@keyframes performance-note-drift{0%,100%{transform:translateY(25px) rotate(-12deg);opacity:0}25%{opacity:1}70%{transform:translateY(-52px) rotate(16deg);opacity:1}}
@keyframes performance-ribbon-draw{0%{stroke-dashoffset:1;opacity:0}18%{opacity:.8}85%{stroke-dashoffset:0;opacity:.8}100%{stroke-dashoffset:0;opacity:.25}}
@keyframes performance-hoop-turn{0%,100%{transform:rotate(0)}50%{transform:rotate(180deg) scale(.78,1.2)}90%{transform:rotate(360deg)}}
@keyframes performance-clock-turn{0%{transform:rotate(0)}80%,100%{transform:rotate(-360deg)}}
@keyframes performance-twin-left{0%,100%{transform:translate(0,0) scale(.6)}25%{transform:translate(124px,-32px)}60%{transform:translate(135px,100px) scale(.8)}82%{transform:translate(-18px,45px)}}
@keyframes performance-twin-right{0%,100%{transform:translate(0,0) scale(.6)}25%{transform:translate(-124px,70px)}60%{transform:translate(-135px,-24px) scale(.8)}82%{transform:translate(18px,45px)}}
@keyframes performance-curtain-left{0%{transform:translateX(0)}28%,100%{transform:translateX(-158px)}}
@keyframes performance-curtain-right{0%{transform:translateX(0)}28%,100%{transform:translateX(158px)}}
@keyframes performance-popcorn-hop{0%,100%{transform:translate(0,0) scale(.4);opacity:0}15%{opacity:1}40%{transform:translate(var(--dx),var(--dy)) scale(1);opacity:1}76%{transform:translate(calc(var(--dx)*.55),15px) scale(.8);opacity:.8}}
@keyframes performance-eyes-glance{0%,100%{transform:translateX(0)}20%{transform:translateX(-17px)}48%{transform:translateX(17px)}70%{transform:translate(0,-8px)}}
@keyframes performance-noodle-unwind{0%{transform:rotate(0) scale(.55)}55%{transform:rotate(210deg) scale(1)}100%{transform:rotate(360deg) scale(.55)}}
@keyframes performance-cloud-drift{0%,100%{transform:translateX(18px);opacity:.1}35%{transform:translateX(-20px);opacity:.85}75%{transform:translateX(-65px);opacity:.6}}

/* Soft moving light stays behind the same readable question layout. */
#quest-root .question-card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#fff 28%,#fffdf9);box-shadow:0 12px 34px #65534506}
#quest-root .question-card::before{content:"";position:absolute;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 16% 22%,#5bb4a71a,transparent 44%),radial-gradient(ellipse at 83% 15%,#c67a8d19,transparent 43%),radial-gradient(ellipse at 67% 86%,#d6a86314,transparent 45%);filter:blur(18px);animation:quiz-question-light 22s ease-in-out infinite alternate}
#quest-root .question-card::after{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;pointer-events:none;border-radius:50%;background:linear-gradient(90deg,transparent,#5bb4a759,#729fc54a,#c67a8d59,#d6a8634d,transparent);background-size:180% 100%;animation:quiz-question-rim 18s ease-in-out infinite alternate}
#quest-root .answer{background:linear-gradient(115deg,#fffffff2,#fcfbf9eb);box-shadow:inset 0 1px #fff,0 2px 7px #6c594c04;transition:background .2s,border-color .2s,box-shadow .2s}
#quest-root .answer:not(:disabled):hover{background:linear-gradient(115deg,#f3f8f4,#faf7f0);box-shadow:0 3px 12px #426c5d0c}
#quest-root .answer-key{background:linear-gradient(140deg,#f4f0e9,#eae5dd);box-shadow:inset 0 1px #ffffffc7;font-variant-numeric:tabular-nums}
#quest-root .answer.correct{background:linear-gradient(115deg,#edf6f1,#e7f3ee)}
#quest-root .answer.incorrect{background:linear-gradient(115deg,#fbefed,#fae9e6)}
#quest-root.motion-off .question-card::before,#quest-root.motion-off .question-card::after{animation-play-state:paused}
@keyframes quiz-question-light{0%{transform:translate(-2%,-1%) rotate(-3deg) scale(1);opacity:.66}50%{transform:translate(4%,2%) rotate(3deg) scale(1.06);opacity:1}100%{transform:translate(-3%,4%) rotate(-1deg) scale(1.02);opacity:.8}}
@keyframes quiz-question-rim{from{background-position:0 50%;opacity:.55}to{background-position:100% 50%;opacity:1}}
@media(prefers-reduced-motion:reduce){#quest-root:not(.motion-on) .question-card::before,#quest-root:not(.motion-on) .question-card::after{animation-play-state:paused}}