.quiz-section{border-top:1px solid #454632;background:radial-gradient(ellipse at top left,#2c2d1555,transparent 65%),#090b08;padding:48px 0}.quiz-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}.quiz-intro h2{font-size:45px}.quiz-intro p,.quiz-card p{font-size:16px;line-height:1.75;color:#d1d6c2}.quiz-bands{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.quiz-band{padding:15px 10px;border:1px solid #60603b;border-radius:11px;text-align:center;background:#15180e}.quiz-band b{display:block;color:#ffcd00;font-family:Display,Arial;font-size:34px}.quiz-band span{font-size:14px}.quiz-terms{font-size:14px!important;color:#d0d4bd!important}.quiz-card{margin-top:24px;padding:28px;border:1px solid #656541;border-radius:18px;background:linear-gradient(135deg,#242717,#10130d)}.quiz-card [hidden]{display:none!important}.quiz-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:#e8eddc}.quiz-meter{width:100%;height:12px;accent-color:#ffcd00;margin:15px 0 24px}.quiz-question{border:0;padding:0;margin:0;min-width:0}.quiz-question legend{font:700 25px/1.4 Jakarta,Arial,sans-serif;color:#f6f7ee;max-width:100%;margin-bottom:21px}.quiz-options{display:grid;gap:12px}.quiz-option{display:flex;gap:12px;align-items:flex-start;padding:17px;border:1px solid #727a53;border-radius:10px;font-size:16px;color:#f0f3e6;background:#10140c;cursor:pointer;line-height:1.6}.quiz-option:has(input:checked){border-color:#ffcd00;background:#32341a}.quiz-option:focus-within{outline:3px solid #fafbe8;outline-offset:3px}.quiz-option input{margin:4px 0 0;width:21px;height:21px;flex:none;accent-color:#ffcd00}.quiz-feedback{margin-top:22px;border-left:4px solid #ffcd00;padding:16px 18px;background:#34361d;border-radius:7px;font-size:16px;line-height:1.8}.quiz-feedback strong{display:block}.quiz-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:22px}.quiz-controls .button{min-height:48px;font-size:16px;padding:13px 20px}.quiz-controls button:disabled{opacity:.5;cursor:not-allowed}.quiz-save{display:flex;gap:12px;align-items:flex-start;margin:20px 0;font-size:14px;line-height:1.6;color:#c8cfb6}.quiz-save input{width:21px;height:21px;flex:none;accent-color:#ffcd00}.quiz-score{font-family:Display,Arial;font-size:68px;line-height:1.1;color:#ffcd00;margin:15px 0}.quiz-bonus{font-size:28px!important;font-weight:700;color:#ffcd00!important}.quiz-notice{border:1px solid #8c7048;border-radius:9px;padding:16px;font-size:14px!important}.quiz-status{font-size:14px!important;min-height:1.5em;color:#ffcd00!important}.quiz-qr-box{margin-top:20px;display:grid;grid-template-columns:220px 1fr;gap:25px;align-items:start}.quiz-qr-box img{background:white;width:220px;max-width:100%;height:auto;image-rendering:pixelated}.quiz-message{width:100%;min-height:175px;resize:vertical;padding:14px;background:#090d07;color:#e9eedc;border:1px solid #758456;border-radius:9px;font:14px/1.8 Jakarta,Arial,sans-serif}.quiz-review{margin-top:25px}.quiz-review summary{font-size:16px;padding:12px 0;cursor:pointer;color:#ffcd00}.quiz-review li{padding:15px 0;border-bottom:1px solid #424833;font-size:15px;line-height:1.7}.quiz-review strong{display:block;color:#edf2df}.quiz-review p{font-size:14px}.quiz-restart-confirm{margin-top:20px;padding:17px;border:1px solid #c2a744;border-radius:10px}.quiz-section a:focus-visible,.quiz-section button:focus-visible,.quiz-section summary:focus-visible{outline:3px solid #fff;outline-offset:4px}.quiz-micro{font-size:13px!important;color:#b8c1a6!important}.quiz-toplink{border-color:#a59d41!important}.quiz-footer-link{display:inline-block;margin-top:15px;color:#ffcd00!important}@media(max-width:750px){.quiz-section{padding:32px 0}.quiz-intro{grid-template-columns:1fr;gap:10px}.quiz-intro h2{font-size:36px}.quiz-card{padding:21px}.quiz-question legend{font-size:22px}.quiz-controls{align-items:stretch;flex-direction:column}.quiz-controls .button{width:100%}.quiz-score{font-size:58px}.quiz-qr-box{grid-template-columns:1fr}.quiz-qr-box img{justify-self:center}.quiz-band b{font-size:30px}.quiz-band span{font-size:13px}.quiz-option{padding:15px}.quiz-bonus{font-size:25px!important}}@media print{.quiz-section{display:none!important}}

/* Visual questions, user-controlled voice and restrained motion. */
.quiz-visual-header{display:flex;gap:14px;align-items:center;margin:3px 0 21px}.quiz-host-photo{width:62px;height:62px;border-radius:50%;object-fit:cover;object-position:center 30%;border:2px solid #ffcd00;flex:none}.quiz-host-name{font-size:14px;color:#e8eddc;margin:0!important}.quiz-host-caption{font-size:12px!important;line-height:1.5!important;margin:2px 0 0!important;color:#bcc7a7!important}.quiz-figure{margin:0 0 24px}.quiz-figure img{display:block;width:100%;height:auto;aspect-ratio:360/225;border:1px solid #67763f;border-radius:12px;background:#0e130b}.quiz-figure figcaption{font-size:12px;color:#bac5a5;line-height:1.6;padding-top:8px}.quiz-audio{padding:15px 17px;border:1px solid #65723f;border-radius:12px;background:#171d10;margin:18px 0 22px}.quiz-audio-controls{display:flex;gap:10px;flex-wrap:wrap}.quiz-audio .button{font-size:14px;min-height:44px;padding:10px 15px}.quiz-audio p{font-size:13px!important;line-height:1.6!important;margin:10px 0 0}.quiz-voice-status{color:#ffcd00!important}.quiz-audio .button:disabled{opacity:.45;cursor:not-allowed}.quiz-voice-indicator{display:inline-block;width:9px;height:9px;background:#859160;border-radius:50%;margin-right:8px}.quiz-audio[data-speaking="true"] .quiz-voice-indicator{background:#ffcd00;animation:quiz-voice-pulse 1.3s ease-in-out infinite}.quiz-question-enter{animation:quiz-reveal .26s ease-out both}.quiz-option{transition:border-color .16s,background-color .16s,transform .16s}.quiz-option:hover{transform:translateY(-1px)}.quiz-feedback{animation:quiz-reveal .22s ease-out both}.quiz-figure img{animation:quiz-reveal .3s ease-out both}.quiz-question-view{display:grid;grid-template-columns:1fr;min-width:0}.quiz-animation-toggle{margin:10px 0 0;font-size:13px;color:#c0c9ae;display:flex;align-items:center;gap:9px}.quiz-animation-toggle input{accent-color:#ffcd00;width:18px;height:18px}.quiz-section[data-reduce-motion="true"] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.quiz-section[data-reduce-motion="true"] .quiz-option:hover{transform:none}@keyframes quiz-reveal{from{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes quiz-voice-pulse{0%,100%{opacity:1}50%{opacity:.35}}@media(min-width:1050px){.quiz-question-view{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:28px;align-items:start}.quiz-question-view .quiz-figure{position:sticky;top:20px}.quiz-question-view .quiz-figure img{aspect-ratio:360/225;object-fit:contain}.quiz-question-view .quiz-question{min-width:0}}@media(max-width:750px){.quiz-host-photo{width:52px;height:52px}.quiz-audio-controls{display:grid;grid-template-columns:1fr 1fr}.quiz-audio-controls .button:first-child{grid-column:1/-1}.quiz-audio .button{font-size:14px}.quiz-figure{margin-bottom:20px}.quiz-figure img{aspect-ratio:360/225;object-fit:contain}.quiz-host-name{font-size:13px}}@media(prefers-reduced-motion:reduce){.quiz-section *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.quiz-option:hover{transform:none}}

/* V2: the image itself is the answer surface. */
.quiz-version{display:inline-block;color:#f9e482;background:#27331a;border:1px solid #8d9e50;border-radius:999px;padding:6px 12px;margin:14px 0;font-size:13px;letter-spacing:.04em}.quiz-interaction-label{display:block;color:#ffda42;font-size:14px;margin:0 0 13px;font-weight:700}.quiz-question-view.interactive-v2{display:block}.interactive-v2 .quiz-figure{display:none}.quiz-hotspot-stage{position:relative;border:1px solid #84905a;border-radius:16px;overflow:hidden;background:#11160e;margin:16px 0}.quiz-hotspot-stage>img{display:block;width:100%;height:auto;aspect-ratio:940/560}.quiz-hotspot{position:absolute;transform:translate(-50%,-50%);width:52px;height:52px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;border:3px solid #f8e184;border-radius:50%;background:#172012;color:#fff1ad;font:bold 20px Jakarta,Arial;box-shadow:0 0 0 5px #0a1108a6;cursor:pointer}.quiz-hotspot:hover,.quiz-hotspot[data-selected="true"]{background:#ffcd00;color:#101608;border-color:#fff;box-shadow:0 0 0 7px #ffcf0055}.quiz-hotspot[data-selected="true"]{animation:quiz-target .25s ease-out}.quiz-selection-status{font-size:15px!important;color:#ffdf74!important;min-height:2em}.quiz-text-alternative{border-top:1px solid #627044;margin-top:18px;padding-top:8px}.quiz-text-alternative summary{font-size:15px;color:#d8e0c5;padding:12px 0;cursor:pointer}.quiz-text-option{display:block;width:100%;border:1px solid #697f44;border-radius:8px;background:#131c0d;color:#e9f0d9;text-align:left;padding:14px;margin:8px 0;font:15px/1.6 Jakarta,Arial;cursor:pointer}.quiz-text-option[data-selected="true"]{border-color:#ffdf71;background:#293419}.quiz-image-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:19px 0}.quiz-image-choice{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0;border:2px solid #5b6c42;border-radius:14px;overflow:hidden;background:#111a0c;color:#edf3de;text-align:left;cursor:pointer;transition:border-color .16s,transform .16s,box-shadow .16s;font:15px/1.65 Jakarta,Arial}.quiz-image-choice>img{display:block;width:100%;height:auto;aspect-ratio:420/290;object-fit:contain;background:#151e10}.quiz-choice-caption{display:block;padding:15px;font:15px/1.65 Jakarta,Arial}.quiz-image-choice:hover{border-color:#e0cf70;transform:translateY(-2px)}.quiz-image-choice[data-selected="true"]{border-color:#ffdf69;box-shadow:0 0 0 3px #ffcf0055}.quiz-image-choice:disabled{cursor:default;opacity:1}.quiz-step-badge{display:none;position:absolute;top:9px;right:9px;width:38px;height:38px;align-items:center;justify-content:center;background:#ffcf27;color:#19220e;border:2px solid #fff5c2;border-radius:50%;font:bold 22px Jakarta,Arial}.quiz-image-choice[data-selected="true"] .quiz-step-badge{display:flex}.quiz-order-tray{margin:16px 0;padding:16px 16px 16px 36px;border:1px dashed #879154;border-radius:12px;background:#1d2815;min-height:53px}.quiz-order-tray:empty{display:none}.quiz-order-tray li{font-size:15px;line-height:1.7;margin:7px 0}.quiz-interaction button:focus-visible{outline:4px solid #fff;outline-offset:3px}.quiz-hotspot:focus-visible{outline-offset:5px}.quiz-schematic-note{font-size:13px!important;color:#b8c8a0!important}.quiz-question-block-v2 legend{font-size:25px}.quiz-question-view.interactive-v2 .quiz-question{width:100%}@keyframes quiz-target{from{box-shadow:0 0 0 0 #ffcf0088}to{box-shadow:0 0 0 7px #ffcf0055}}@media(max-width:750px){.quiz-hotspot{width:48px;height:48px;font-size:18px}.quiz-card{padding:17px}.quiz-image-choices{grid-template-columns:1fr;gap:12px}.quiz-image-choice{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;min-height:113px}.quiz-image-choice>img{width:118px;min-height:110px;object-fit:contain}.quiz-choice-caption{padding:12px;font-size:15px;line-height:1.55}.quiz-step-badge{top:6px;left:6px;right:auto;width:31px;height:31px;font-size:19px}.quiz-interaction-label{font-size:13px}.quiz-question-block-v2 legend{font-size:22px}.quiz-hotspot-stage{margin-left:-9px;margin-right:-9px}.quiz-version{font-size:12px}}@media(prefers-reduced-motion:reduce){.quiz-interaction *{animation:none!important;transition:none!important}.quiz-image-choice:hover{transform:none}}
.quiz-text-alternative:not([open])>:not(summary){display:none}

.quiz-hotspot-stage{overflow:visible}.quiz-hotspot-stage>img{border-radius:15px}.quiz-step-badge{position:static!important;display:flex;top:auto;left:auto;right:auto;width:32px;height:32px;min-width:32px;min-height:32px;margin-bottom:8px;background:#293a1c;border-color:#788c54;color:#ffdd66}.quiz-image-choice[data-selected="true"] .quiz-step-badge{display:flex;background:#ffcf27;color:#19220e;border-color:#fff5c2}.quiz-choice-caption>span:last-child{display:block}

.quiz-step-badge{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;min-height:28px!important;max-height:28px!important;flex:0 0 28px!important;align-self:flex-start;justify-content:center;margin-bottom:7px;font-size:17px!important;line-height:1!important}

/* V2.1: one page scroll, compact question surface, reachable primary action. */
.quiz-section{--quiz-action-height:112px;scroll-margin-top:8px}
#quiz-play,#quiz-result,.quiz-privacy{scroll-margin-top:12px}
.quiz-section[data-playing="true"] .quiz-intro,.quiz-section[data-playing="true"]>.wrap>.quiz-animation-toggle,.quiz-section[data-playing="true"]>.wrap>.quiz-version{display:none}
.quiz-section[data-playing="true"] .quiz-card{margin-top:0}
.quiz-section .quiz-audio{padding:0;border:0;background:none;margin:8px 0 14px}
.quiz-section .quiz-audio-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.quiz-section .quiz-audio-controls .button{min-height:44px;padding:8px 12px;width:auto}
.quiz-section .quiz-voice-info{font-size:13px;flex:1 1 90px}
.quiz-voice-info summary,.quiz-image-info summary,.quiz-order-details summary{min-height:44px;display:list-item;padding:11px 0;cursor:pointer;color:#c9d3b7;font-size:13px;line-height:1.5}
.quiz-section .quiz-audio p{margin:4px 0 0}
.quiz-audio[data-voice-state="ready"] .quiz-voice-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.quiz-image-info{margin-top:2px}
.quiz-image-info p{margin:0 0 10px}
.quiz-order-details{margin:0}
.quiz-order-details:not([open])>:not(summary),.quiz-voice-info:not([open])>:not(summary),.quiz-image-info:not([open])>:not(summary),.quiz-explanation:not([open])>:not(summary){display:none}
.quiz-order-tray{margin:0 0 8px;min-height:0;padding:10px 10px 10px 30px}
.quiz-explanation{margin:8px 0;border:1px solid #657441;border-radius:8px;padding:0 12px}
.quiz-explanation summary{padding:12px 0;min-height:44px;cursor:pointer;font-weight:700;color:#ffdf74}
.quiz-explanation p{font-size:15px;line-height:1.6;margin:0 0 12px}
.quiz-explanation .button{min-height:44px;margin-bottom:12px;padding:8px 12px}
.quiz-action-bar{background:#17200f;border-top:1px solid #697946;margin-top:10px;padding:10px 0 0}
.quiz-action-bar .quiz-controls{margin:0;gap:8px}
.quiz-action-bar .quiz-controls>.button{flex:1;min-height:48px;text-align:center}
.quiz-action-bar .quiz-feedback{margin:0 0 7px;padding:0;border:0;background:none;line-height:1.45;font-size:14px;color:#ffdf74}
.quiz-action-links{display:flex;align-items:center;justify-content:space-between;gap:10px}
.quiz-text-link,.quiz-privacy-link{font:13px/1.5 Jakarta,Arial,sans-serif;background:none;border:0;padding:11px 0;min-height:44px;color:#d5dfc4;text-decoration:underline;cursor:pointer}
.quiz-privacy{margin-top:28px;padding-top:22px;border-top:1px solid #73804e}
.quiz-privacy h3{font-size:22px;margin:0 0 12px}
.quiz-privacy p{font-size:14px;line-height:1.65;margin:10px 0}
.quiz-privacy .button{min-height:48px;white-space:normal}
.quiz-section[data-playing="true"] :is(button,a,summary){scroll-margin-bottom:calc(var(--quiz-action-height) + 16px)}
@media(max-width:750px){
 .quiz-section{padding:20px 0}
 .quiz-section>.wrap{padding-left:12px;padding-right:12px}
 .quiz-card{padding:12px;border-radius:12px}
 .quiz-meta{font-size:12px;gap:6px}
 .quiz-meter{height:6px;margin:8px 0 4px}
 .quiz-question-block-v2 legend{font-size:19px;line-height:1.4;margin-bottom:8px}
 .quiz-interaction-label{font-size:11px;line-height:1.45;margin-bottom:6px;letter-spacing:.01em}
 .quiz-hotspot-stage{margin:8px 0 0}
 .quiz-text-alternative{margin-top:4px;padding-top:0}
 .quiz-text-alternative summary{font-size:13px;min-height:44px;padding:11px 0;line-height:1.5}
 .quiz-section .quiz-selection-status{font-size:13px!important;line-height:1.5;min-height:0;margin:4px 0}
 .quiz-image-choices{gap:7px;margin:8px 0 4px}
 .quiz-image-choice{grid-template-columns:84px minmax(0,1fr);min-height:64px;border-radius:9px}
 .quiz-image-choice>img{width:84px;min-height:60px;height:auto}
 .quiz-choice-caption{padding:8px;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
 .quiz-interaction-sequence .quiz-choice-caption{display:flex;align-items:center;gap:7px}
 .quiz-interaction-sequence .quiz-step-badge{margin:0!important;align-self:center}
 .quiz-interaction-sequence>.button{padding:8px 10px;font-size:13px;min-height:44px;margin:0}
 .quiz-action-bar{padding:8px 0 max(0px,env(safe-area-inset-bottom));z-index:5;box-shadow:0 -8px 12px #10170dcc}
 .quiz-section[data-sticky-controls="true"] .quiz-action-bar{position:sticky;bottom:0}
 .quiz-action-bar .quiz-controls{display:block}
 .quiz-action-bar .quiz-controls .button{font-size:15px;padding:11px 13px;min-height:48px}
 .quiz-action-links{gap:12px}
 .quiz-action-links>*{font-size:12px}
 .quiz-section .quiz-audio{margin:4px 0 8px}
 .quiz-section .quiz-audio .button{font-size:13px}
 .quiz-voice-info summary{font-size:12px}
}
@media(max-width:350px){
 .quiz-section>.wrap{padding-left:8px;padding-right:8px}
 .quiz-card{padding:10px}
 .quiz-question-block-v2 legend{font-size:18px}
 .quiz-image-choice{grid-template-columns:74px minmax(0,1fr)}
 .quiz-image-choice>img{width:74px}
 .quiz-choice-caption{padding:7px;font-size:13px}
 .quiz-section .quiz-audio-controls{gap:6px}
 .quiz-section .quiz-voice-info{flex-basis:90px}
}

#quiz-play{padding-bottom:max(12px,env(safe-area-inset-bottom))}
html:has(.quiz-section[data-playing="true"]){scroll-padding-bottom:calc(var(--servimotriz-action-height,112px) + 16px)}
html:has(.quiz-section[data-reduce-motion="true"]){scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}