.qa-bonus-label{display:block;color:#8a4900;background:#fff1b3;border:1px solid #eac14c;border-radius:8px;padding:3px 8px;margin-bottom:4px;font:900 clamp(12px,1.3vw,18px)/1.3 system-ui;width:fit-content;max-width:100%}.qa-bonus-announcement{position:fixed;z-index:150;top:12px;left:50%;transform:translateX(-50%);max-width:92vw;width:max-content;padding:12px 22px;border-radius:16px;background:linear-gradient(110deg,#ffe17c,#ffb94f);color:#58310a;box-shadow:0 8px 30px #0003;font:900 clamp(16px,2vw,28px)/1.4 system-ui;pointer-events:none;animation:qa-bonus-pop .35s ease-out}@keyframes qa-bonus-pop{from{opacity:0;transform:translate(-50%,-15px) scale(.85)}to{opacity:1;transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.qa-bonus-announcement{animation:none}}

.qa-option-image{display:block;max-width:100%;width:auto;height:clamp(48px,12vh,140px);object-fit:contain;border-radius:8px;margin:4px auto}.qa-result-stat .qa-option-image{height:clamp(28px,6vh,70px)}

.option .qa-option-caption{display:inline;min-width:0;height:auto;background:none;border-radius:0;margin:0;flex-shrink:1}.option .qa-option-image{max-width:45%;height:clamp(32px,8vh,100px);margin:0 8px}.qa-result-stat .qa-option-image{max-width:40%;height:clamp(24px,5vh,54px)}

img[data-qa-zoom]{cursor:zoom-in}img[data-qa-zoom]:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}
.qa-image-viewer{position:fixed;inset:0;box-sizing:border-box;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:64px 16px 50px;border:0;background:rgba(10,10,20,.94);color:white;text-align:center;overflow:auto}
.qa-image-viewer::backdrop{background:rgba(0,0,0,.8)}
.qa-image-viewer>img{display:block;max-width:100%;max-height:calc(100dvh - 130px);width:auto;height:auto;object-fit:contain;margin:auto;cursor:default}
.qa-image-viewer>.qa-image-close{position:absolute;top:12px;right:16px;width:auto;padding:10px 18px;border:1px solid #ffffff66;border-radius:24px;background:#292936;color:white;font:700 16px system-ui;cursor:pointer}
.qa-image-viewer>p{font:14px/1.5 system-ui;color:#ddd;margin:12px 0 0}

/* Question type cues: one row keeps combined rules from overlapping. */
.qa-cue-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 8px;text-shadow:none}
.qa-cue-strip .qa-bonus-label{position:static;transform:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;margin:0;padding:7px 12px;border:2px solid;border-radius:12px;width:auto;max-width:100%;font:800 14px/1.25 system-ui}
.qa-cue-strip .qa-bonus-label strong{font-size:1.15em;white-space:nowrap}
.qa-cue-strip .qa-bonus-label small{font-size:.7em;font-weight:700}
.qa-cue-strip .qa-cue-bonus{background:linear-gradient(120deg,#fff1a3,#ffc342);color:#4b2900;border-color:#ffdf7c}
.qa-cue-strip .qa-cue-penalty{background:linear-gradient(120deg,#b9153e,#ef3754);color:white;border-color:#ff93a9}
.qa-cue-strip .qa-cue-truefalse{background:linear-gradient(120deg,#006e85,#005a56);color:white;border-color:#63ead9}
.qa-big-screen .qa-cue-strip .qa-bonus-label{font-size:clamp(16px,2.5vh,30px);padding:clamp(5px,1vh,12px) 16px;box-shadow:0 4px 18px #0004}
.qa-big-screen .qa-cue-strip{gap:8px;margin-bottom:clamp(5px,1vh,12px)}
.qa-bonus-announcement{padding:12px 20px;background:#201331f5;color:white;border:1px solid #ffffff55;box-shadow:0 12px 45px #0008}
.qa-bonus-announcement .qa-cue-strip{margin:6px 0 0}
.qa-cue-kicker{display:block;text-align:center;font:900 clamp(14px,2vw,24px)/1.2 system-ui;letter-spacing:.05em}
.qa-cue-entrance{top:10px;width:max-content;max-width:94vw;animation:qa-cue-impact .55s cubic-bezier(.2,.8,.2,1) both}
.qa-big-screen .qa-cue-entrance .qa-bonus-label{font-size:clamp(20px,3.2vh,42px);padding:10px 20px}
body[data-qa-cue="bonus"] .qa-stage>.panel,body[data-qa-cue="bonus"] .dp-question{box-shadow:inset 0 0 0 3px #ffd25b,inset 0 0 70px #ffb82e25}
body[data-qa-cue="penalty"] .qa-stage>.panel,body[data-qa-cue="penalty"] .dp-question{box-shadow:inset 0 0 0 3px #ff526d,inset 0 0 70px #ff234030}
body[data-qa-cue="truefalse"] .qa-stage>.panel,body[data-qa-cue="truefalse"] .dp-question{box-shadow:inset 0 0 0 3px #55e9d0,inset 0 0 70px #20dec525}
@keyframes qa-cue-impact{from{opacity:0;transform:translate(-50%,-20px) scale(.8)}65%{opacity:1;transform:translate(-50%,0) scale(1.025)}to{transform:translate(-50%,0) scale(1)}}
@media(max-height:500px){.qa-big-screen .qa-cue-strip .qa-bonus-label{font-size:13px;padding:3px 8px}.qa-big-screen .qa-cue-strip{gap:4px;margin-bottom:4px}.qa-cue-entrance .qa-cue-kicker{font-size:14px}}
@media(prefers-reduced-motion:reduce){.qa-cue-entrance{animation:none}}