.ie2-quest-page{--quest-ink:#153847;--quest-teal:#087f83;--quest-muted:#4f6570;--quest-line:#d2e1e4}
.ie2-quest-page .u4-hero{min-height:240px}.ie2-quest-page .u4-hero-inner{padding-top:2rem;padding-bottom:2rem}.ie2-quest-page .u4-hero-image{object-position:center 40%}
.quest-shell{width:min(980px,calc(100% - 32px));margin:1.4rem auto 3rem;color:var(--quest-ink)}
.quest-shell [hidden]{display:none!important}.quest-toolbar,.quest-row,.quest-toolbar>div,.quest-actions{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.quest-toolbar,.quest-row{justify-content:space-between}.quest-toolbar{margin-bottom:1rem}.quest-toolbar label{display:flex;gap:.35rem;align-items:center;font-size:.9rem}.quest-toolbar input{width:18px;height:18px;accent-color:var(--quest-teal)}
.quest-shell button,.quest-shell select{font:inherit;border:1px solid #b5cdd2;background:white;color:var(--quest-ink);border-radius:12px;padding:.7rem 1rem;min-height:44px;cursor:pointer}.quest-shell button:hover:not(:disabled){border-color:var(--quest-teal);background:#edf8f8}.quest-shell button:disabled{opacity:.55;cursor:default}.quest-shell :focus-visible{outline:3px solid #ed9c27;outline-offset:3px}.quest-shell .quest-primary{background:var(--quest-teal);color:#fff;border-color:var(--quest-teal);box-shadow:0 3px 0 #065c60;font-weight:700}.quest-shell .quest-primary:hover:not(:disabled){background:#056c70;color:#fff}
.quest-panel{border:1px solid var(--quest-line);border-radius:22px;background:white;padding:clamp(1rem,3vw,2rem);box-shadow:0 8px 30px #133a4a0a}.quest-panel h2{font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.3;margin:.8rem 0 1.2rem}.quest-panel p{line-height:1.65}.quest-eyebrow{text-transform:uppercase;font-size:.78rem;letter-spacing:.13em;font-weight:800;color:var(--quest-teal)}.quest-help{margin-top:1.5rem;color:var(--quest-muted)}.quest-help summary{cursor:pointer}.quest-tag{font-size:.82rem;font-weight:700;background:#edf8f8;color:#06696e;border-radius:20px;padding:.35rem .8rem}#quest-progress{width:100%;height:10px;accent-color:var(--quest-teal);margin:1rem 0 .2rem}
#quest-stimulus>img{display:block;width:100%;height:clamp(170px,28vw,290px);object-fit:contain;background:#eef3f4;border-radius:14px;margin-bottom:1rem}#quest-stimulus .quest-cloze{font-size:clamp(1.2rem,2.8vw,1.65rem);font-weight:600;line-height:1.6;padding:1rem;background:#f3f8f9;border-radius:14px}#quest-options{border:0;padding:0;margin:1.2rem 0}#quest-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quest-option{position:relative;border:2px solid var(--quest-line);border-bottom-width:4px;border-radius:14px;padding:.7rem;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:.6rem;justify-content:center;min-height:95px}.quest-option:has(input:checked){border-color:var(--quest-teal);background:#eaf9f7}.quest-option:has(input:focus-visible){outline:3px solid #ed9c27;outline-offset:2px}.quest-option:has(input:disabled){cursor:default}.quest-option input{position:absolute;opacity:0;width:1px;height:1px}.quest-option img{width:100%;height:160px;object-fit:contain;background:#f1f5f5;border-radius:7px}.quest-option span{display:flex;gap:.6rem;align-items:center}.quest-option b{font-size:.78rem;border:1px solid #c0d6da;border-radius:6px;min-width:25px;height:25px;display:grid;place-items:center}.quest-option.is-correct{border-color:#238254;background:#edf9f1}.quest-option.is-wrong{border-color:#b35732;background:#fff4ee}
.quest-footer{border-top:1px solid var(--quest-line);padding-top:1rem;margin-top:1.2rem;justify-content:flex-end}#quest-feedback:not(:empty){padding:1rem;border-radius:12px;background:#edf7f3;line-height:1.6}#quest-feedback.is-review{background:#fff4e8}#quest-feedback .quest-answer{font-size:1.2rem;font-weight:700;display:block}.quest-small,#quest-mic-status,#quest-tip{font-size:.92rem;color:var(--quest-muted)}.quest-stress{font-weight:750;letter-spacing:.04em;color:#096e76}#quest-speech-model{font-size:1.4rem;font-weight:650;margin:.8rem 0}.quest-meter{display:flex;gap:1rem;align-items:center;margin-top:1rem}.quest-meter meter{width:130px;height:16px}#quest-recording{width:min(100%,400px);display:block;margin:1rem 0}.quest-shell .quest-link{border:0;background:none;text-decoration:underline;font-size:.9rem;margin-top:.6rem}#quest-self-check{background:#f4f9fa;padding:1rem;border-radius:12px;margin:1rem 0}.quest-story-link{display:inline-block;margin-top:1.5rem}#quest-audio-status{color:#9b3f20}
#quest-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.quest-card{border:1px solid var(--quest-line);border-radius:14px;overflow:hidden}.quest-card img{width:100%;height:150px;object-fit:contain;background:#eef4f4}.quest-card>div{padding:1rem}.quest-card p{font-size:.9rem;margin:.6rem 0 0}.quest-shell .quest-word{padding:.2rem .25rem;min-height:36px;border:0;border-bottom:2px dotted var(--quest-teal);border-radius:0;background:transparent;font-weight:700}.quest-translation{position:fixed;max-width:min(300px,calc(100vw - 24px));z-index:2147483647;border-radius:8px;padding:.55rem .8rem;background:#153847;color:#fff;box-shadow:0 3px 12px #0003;font-size:1rem;pointer-events:none}#quest-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}#quest-summary p{background:#f1f7f8;border-radius:12px;padding:1rem;margin:0}#quest-summary strong{display:block;font-size:1.6rem}#quest-difficult{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.quest-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:760px){.quest-shell{width:calc(100% - 20px)}.quest-toolbar>div{gap:.5rem}.quest-toolbar button,.quest-toolbar select{padding:.45rem .55rem}.quest-option img{height:120px}.quest-panel{border-radius:16px}#quest-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ie2-quest-page .u4-hero{min-height:260px}#quest-summary{grid-template-columns:1fr}}
@media(max-width:480px){#quest-choices{grid-template-columns:1fr}.quest-option{min-height:66px;flex-direction:row;align-items:center;justify-content:flex-start}.quest-option img{width:130px;height:100px}.quest-option span{flex:1}#quest-cards{grid-template-columns:1fr}.quest-card{display:grid;grid-template-columns:115px minmax(0,1fr)}.quest-card img{height:100%;min-height:150px}.quest-actions>button{flex-grow:1}#quest-stimulus>img{max-height:230px}.quest-toolbar{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.quest-shell *{scroll-behavior:auto!important;transition:none!important}}
.quest-trophies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.quest-shell .quest-trophy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem;padding:1.5rem 1rem;border-bottom-width:5px;background:#f3f8fa}.quest-trophy-icon{font-size:3.5rem;line-height:1.3;filter:drop-shadow(0 5px 0 #15384718)}.quest-trophy strong{font-size:1.15rem}.quest-trophy>span:not(.quest-trophy-icon){font-size:.9rem}.quest-shell .quest-trophy.is-earned{background:#fffae4;border-color:#d6aa34}.quest-trophy-state{font-weight:700;color:#06696e}#quest-results{position:relative;overflow:hidden}#quest-celebration{height:0;pointer-events:none}#quest-celebration:has(.quest-cup){height:95px;text-align:center}.quest-cup{display:inline-block;font-size:4.5rem;animation:quest-cup-in .65s ease-out}#quest-celebration i{position:absolute;width:10px;height:16px;background:var(--color);left:var(--x);top:0;opacity:0;animation:quest-confetti 1.8s var(--delay) ease-out forwards}#quest-assessment:not(:empty){padding:1rem;margin:1rem 0;background:#edf7f3;border-radius:12px;line-height:1.6}#quest-assessment .quest-missed{color:#8c3517;text-decoration:underline wavy}#quest-assessment .quest-heard{color:#16613e}#quest-assessment strong{font-size:1.15rem}
@keyframes quest-cup-in{from{transform:scale(.4) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes quest-confetti{0%{transform:translateY(-15px) rotate(0);opacity:1}100%{transform:translateY(470px) rotate(420deg);opacity:0}}
@media(max-width:650px){.quest-trophies{grid-template-columns:1fr}.quest-shell .quest-trophy{display:grid;grid-template-columns:65px 1fr;text-align:left;padding:1rem}.quest-trophy-icon{grid-row:span 3;font-size:2.8rem}.quest-trophy>*:not(.quest-trophy-icon){grid-column:2}}
@media(prefers-reduced-motion:reduce){.quest-cup,#quest-celebration i{animation:none!important}}

.quest-no-effects .quest-cup{animation:none}