.response-options{display:flex;gap:10px;flex-wrap:wrap}.response-settings>p{font-size:10px;color:var(--muted);margin:11px 0 0}
.format-explanation{display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid #cfdeca;background:#ebf2e5;border-radius:5px;margin-bottom:24px}.format-explanation>svg{width:20px;height:20px;color:var(--green);flex-shrink:0}.format-explanation p{font-size:11px;line-height:1.8;margin:0;color:#66806a}.format-explanation b{color:#386146}
.stage-metrics{display:flex;gap:16px;align-items:center}.available-points{font:700 10px var(--mono);color:#286247;background:#e4efdc;border:1px solid #c9ddbc;border-radius:3px;padding:5px 8px;white-space:nowrap}
.question-content .scrolling-question{min-height:146px;margin-top:18px;margin-bottom:15px;overflow-wrap:anywhere;line-height:1.55}
.question-content .identification-title{min-height:0;margin-bottom:19px}
.reading-cursor{display:inline-block;color:#6ab38c;font-weight:400;animation:reading-blink 1s steps(2) infinite;margin-left:2px}.reading-cursor.finished{opacity:0}
@keyframes reading-blink{50%{opacity:0}}
.buzzer-zone{margin:15px 0 6px}.buzzer-zone>p{font:8px var(--mono);color:#72917d;margin:0 0 13px;line-height:1.8}
.buzzer-button{width:100%;min-height:80px;padding:18px 23px;border:1px solid #76b599;background:var(--mint);color:var(--navy);border-radius:5px;display:flex;gap:18px;align-items:center;justify-content:flex-start;transition:background .15s,transform .15s;box-shadow:0 4px 0 #92bca7;text-align:left}
.buzzer-button:hover{background:#a0e7c9;transform:translateY(-1px)}.buzzer-button:active{transform:translateY(3px);box-shadow:0 1px 0 #92bca7}.buzzer-button>svg{width:26px;height:26px}.buzzer-button>svg:last-child{margin-left:auto;width:21px;height:21px}.buzzer-button>span{font:600 30px/1 var(--display);letter-spacing:1.8px}.buzzer-button small{display:block;font:6px var(--mono);letter-spacing:1px;margin-top:8px;color:#447b65}
.buzz-status{font:8px var(--mono);letter-spacing:.2px;color:#577d67;display:flex;gap:7px;align-items:center;margin:16px 0}.buzz-status svg{width:14px;height:14px}
.typed-answer-form{margin-top:17px}.typed-answer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:stretch}.typed-answer-row input{min-width:0}.typed-answer-row .button{min-width:108px}.typed-answer-form>p,.direct-validation-note{font-size:9px;color:#7e9181;margin:10px 0 0}
.hint-ladder{display:flex;gap:7px;margin:0 0 15px}.hint-ladder>span{flex:1;text-align:center;padding:9px 6px;border:1px solid #dce5d4;border-radius:4px;color:#8b9a8b;background:#f3f6ee;font:700 15px var(--mono)}.hint-ladder small{font:8px var(--mono)}.hint-ladder .current{background:#dcefd1;color:#2d714e;border-color:#6aa379}.hint-ladder .spent{opacity:.45}
.hint.current-hint{border-color:#a5c397;background:#edf5e5;min-height:87px}.hint>span{white-space:nowrap;font-size:7px}.hint>span b{display:block;margin-top:4px;font:6px var(--mono);color:#5f8258}.hint>p{min-height:24px;overflow-wrap:anywhere}
.hint-reveal-all{opacity:0;transform:translateY(7px);animation:hint-reveal .42s ease forwards;animation-delay:var(--hint-delay,0s)}
@keyframes hint-reveal{to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hint-reveal-all{animation:none;opacity:1;transform:none}}
.hint-retry{padding:12px 14px;background:#f8edde;border:1px solid #e1ccad;border-radius:4px;margin-top:15px;font-size:10px;color:#8a663d}.hint-retry b{font-size:10px;font-weight:600}.hint-retry p{margin:5px 0 0}
.question-actions:has(.next-hint-button){justify-content:space-between;flex-wrap:wrap}.next-hint-button{font-size:10px;gap:10px;padding:10px 13px;min-height:39px}.scoring-rule{font-size:9px;color:#899683;margin:16px 0 0;line-height:1.8}.feedback>small{display:block;margin-top:10px;font-size:9px;color:#68845f}.phonetic-accepted{display:block;font-size:9px;color:#3f7b4b;margin-top:10px}.result-score .score-meaning{font:8px var(--font);margin-top:7px;color:#a9c8bd;line-height:1.6;text-align:right}
.review-attempts{margin-top:8px;padding:9px 11px;background:#edf2e7;border-radius:4px}.review-attempts>div{font-size:9px;color:#71856a;line-height:1.9}.review-attempts b{font-size:9px;display:inline;color:#517148}.review-points{display:block;margin-top:5px;color:#46774e;font:700 9px var(--mono)}
@media(max-width:650px){.question-content .scrolling-question{min-height:140px;font-size:23px;line-height:1.55}.buzzer-button{min-height:75px;padding:17px 18px;gap:14px}.buzzer-button>span{font-size:29px}.buzzer-button small{font-size:5px;letter-spacing:.7px}.buzzer-zone>p{font-size:7px}.stage-metrics{gap:10px}.available-points{font-size:8px;padding:4px 6px}.hint-ladder>span{font-size:13px;padding:8px 4px}.hint-ladder small{font-size:6px}.hint.current-hint{min-height:85px}.hint>span{font-size:6px}.hint>span b{font-size:5px}.typed-answer-row .button{font-size:9px;min-width:88px;padding:10px 11px;gap:8px}.typed-answer-form label{font-size:9px;line-height:1.8}.typed-answer-row input{font-size:12px;padding:13px 11px}.next-hint-button{font-size:9px;gap:8px}.question-actions:has(.next-hint-button) .give-up{font-size:9px;margin:0}.scoring-rule{font-size:8px}.format-explanation p{font-size:10px}.response-options .domain-option{font-size:10px}.buzz-status{font-size:7px;line-height:1.8}.hint-retry b,.hint-retry{font-size:9px}.review-attempts>div,.review-attempts b{font-size:8px}}
@media(max-width:400px){.typed-answer-row{grid-template-columns:1fr}.typed-answer-row .button{min-height:42px}.hint-ladder>span{font-size:12px}.question-content .scrolling-question{font-size:21px;min-height:135px}}
@media(prefers-reduced-motion:reduce){.reading-cursor{animation:none}}
.start-countdown{min-height:460px;border:1px solid #44616b;border-radius:8px;padding:35px 25px;background:var(--navy);color:#eff9ef;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.start-countdown>img{height:54px;width:54px;object-fit:contain;margin-bottom:20px}.start-countdown .eyebrow{color:var(--mint);font-size:8px}.start-countdown h1{font:600 38px/1.1 var(--display);text-transform:uppercase;margin:12px 0 3px}.countdown-number{font:600 132px/1.1 var(--display);color:var(--mint);min-width:140px;font-variant-numeric:tabular-nums;margin:5px 0 7px}.start-countdown p{font-size:11px;color:#c2d7d3;margin:7px 0}.start-countdown>span:last-child{font-size:9px;color:#8db1aa;margin-top:4px}
@media(max-width:650px){.start-countdown{min-height:390px;padding:30px 18px}.start-countdown h1{font-size:32px}.countdown-number{font-size:112px}.start-countdown .eyebrow{font-size:7px}.start-countdown p{font-size:10px}}
