/* One shared answer key: letters have the same neutral treatment everywhere. */
.question-stage{background:#111812}
.question-content{width:min(100%,1260px);margin:auto;align-self:center}
.question-label{display:block;color:var(--lime);font-size:12px;font-weight:700;letter-spacing:.18em;margin-bottom:22px}
.question-content h1{font-family:var(--display);font-size:clamp(52px,5.8vw,102px);line-height:1.05;letter-spacing:-.065em;max-width:1160px;margin:0 0 42px;text-wrap:balance}
.question-stage .stage-options{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.question-stage .stage-option{min-height:112px;padding:20px 24px;border:1px solid #52644d;border-radius:12px;background:#1b281b;gap:22px;font-size:clamp(18px,1.55vw,27px);line-height:1.24}
.question-stage .stage-option b,.question-stage .stage-option:nth-child(n) b{width:54px;height:54px;flex:0 0 54px;border-radius:8px;background:#d8ff5b;color:#111812;font-size:29px}
.reading-stage .question-content h1{font-size:clamp(62px,7vw,124px);margin-bottom:24px}
.reading-note{font-size:clamp(18px,1.5vw,23px);color:#a8b8a2;margin:0}
.player-question{max-width:600px;padding:28px 24px 32px}
.player-prompt{margin:auto 0 26px;text-align:center}
.player-prompt .question-label{margin-bottom:14px}
.player-prompt h1{font-size:clamp(43px,10vw,62px);line-height:1.05;letter-spacing:-.06em;margin:0 0 12px}
.player-prompt p{color:#a6b8a0;font-size:16px;line-height:1.4;margin:0}
.player-options,.player-options-binary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%}
.player-option,.player-options-binary .player-option{min-height:clamp(105px,21svh,162px);width:100%;display:grid;place-items:center;padding:12px;border:2px solid #657960;border-radius:16px;background:#1b281b;color:#e9f4e5;font-family:var(--display);font-size:clamp(52px,14vw,82px);line-height:1;font-weight:700;text-align:center;transition:background .15s,border-color .15s,transform .15s}
.player-option:nth-child(n){background:#1b281b;color:#e9f4e5;border-color:#657960}
.player-option:not(:disabled):hover{background:#273b25;border-color:#d8ff5b;transform:translateY(-2px)}
.player-option.chosen,.player-option.chosen:nth-child(n){background:#d8ff5b;color:#111812;border-color:#d8ff5b}
.player-option:disabled:not(.chosen){opacity:.38}
.player-bottom{margin-top:24px;min-height:24px}
.reading-player .player-prompt{margin:auto 0}
.reading-pulse{height:4px;width:100%;border-radius:4px;background:#334532;overflow:hidden;margin-bottom:22px}
.reading-pulse:after{content:'';display:block;width:35%;height:100%;background:var(--lime);animation:reading-progress 4s linear forwards}
@keyframes reading-progress{to{width:100%}}
@media(max-width:720px){.question-stage .question-content{margin:auto}.question-content h1{font-size:clamp(36px,8vw,62px);margin-bottom:24px}.reading-stage .question-content h1{font-size:clamp(45px,10vw,75px)}.question-stage .stage-options{gap:8px}.question-stage .stage-option{min-height:76px;padding:12px;gap:10px;font-size:clamp(13px,3vw,18px)}.question-stage .stage-option b,.question-stage .stage-option:nth-child(n) b{width:34px;height:34px;flex-basis:34px;font-size:18px}.player-question{padding:20px 18px 25px}}
@media(max-width:440px){.question-stage .stage-options{grid-template-columns:1fr}.question-stage .stage-option{min-height:58px}.player-option,.player-options-binary .player-option{min-height:clamp(100px,20svh,145px)}}
@media(max-height:620px){.player-option,.player-options-binary .player-option{min-height:82px}.player-prompt{margin:22px 0}.player-prompt h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.reading-pulse:after{animation:none;width:100%}}

/* Different input types keep the Beamer as the only source for answer text. */
.interaction-note{margin:22px 0 0;color:#a9baa3;font-size:12px;font-weight:700;letter-spacing:.13em}
.interaction-label{display:block;margin-bottom:12px;color:#a9baa3;font-size:12px;font-weight:700;letter-spacing:.15em}
.match-stage{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.match-stage>div{display:grid;align-content:start;gap:12px}
.match-stage .stage-option{min-height:110px}
.order-positions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.order-positions span{display:grid;place-items:center;height:65px;border:1px dashed #657960;border-radius:10px;color:#8fa18a;font-family:var(--display);font-size:30px;font-weight:700}
.order-positions span.filled{border-style:solid;border-color:var(--lime);color:var(--lime);background:#243522}
.order-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
.order-choices .player-option{min-height:105px}
.player-option.picked,.player-option.picked:nth-child(n),.match-choice.picked{border-color:var(--lime);background:#d8ff5b;color:#111812}
.interaction-actions{display:flex;align-items:center;gap:12px;margin-top:14px}
.interaction-actions .send-answer{margin-top:0;flex:1}
.reset-input{min-width:100px;font-size:11px;font-weight:700;letter-spacing:.08em}
.send-answer{border-radius:10px;font-size:12px}
.slider-answer{display:flex;flex-direction:column;align-items:center;width:100%;padding:8px 4px}
.slider-answer output{font-family:var(--display);font-size:clamp(100px,23vw,150px);font-weight:700;line-height:1;color:var(--lime)}
.slider-answer>span{color:#a9baa3;font-size:12px;letter-spacing:.15em;font-weight:700;margin:0 0 28px}
.slider-answer input[type=range]{width:100%;height:12px;accent-color:var(--lime);cursor:pointer}
.slider-ends{width:100%;display:flex;justify-content:space-between;color:#a9baa3;font-family:var(--display);font-size:20px;font-weight:700;margin-top:10px}
.slider-answer .send-answer{margin-top:28px}
.match-answer{display:grid;gap:12px}
.match-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid #566c51;border-radius:12px;background:#1b281b}
.match-row>span{font-size:12px;font-weight:700;letter-spacing:.12em;color:#a9baa3}
.match-row>div{display:flex;gap:8px}
.match-choice{width:62px;height:62px;border:2px solid #657960;border-radius:9px;background:#243322;color:#e9f4e5;font-family:var(--display);font-size:30px;font-weight:700}
.match-choice:disabled:not(.picked){opacity:.38}
.match-answer .send-answer{margin-top:8px}
.waiting-art{width:min(240px,65vw);height:auto;margin-bottom:32px;overflow:visible}
.waiting-art rect{fill:#1b281b;stroke:#506d4c;stroke-width:2}
.waiting-art>path:not(.waiting-check){fill:none;stroke:#63875b;stroke-width:5;stroke-linecap:round}
.waiting-art circle{fill:#263d24;stroke:#9fc483;stroke-width:3}
.waiting-art circle:nth-of-type(2){fill:var(--lime);stroke:var(--lime)}
.waiting-art .waiting-check{fill:none;stroke:#111812;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.waiting .eyebrow{justify-content:center}
.waiting-box{border-radius:12px}
@media(max-width:720px){.match-stage{gap:8px}.match-stage .stage-option{min-height:80px}.interaction-note{font-size:10px;margin-top:14px}}
@media(max-width:440px){.match-stage{grid-template-columns:1fr}.match-stage>div{gap:6px}.match-stage .stage-option{min-height:58px}.order-choices .player-option{min-height:95px}.match-choice{width:54px;height:54px}}

/* New question formats and reveal scenes */
.question-stage .stage-options-five{grid-template-columns:repeat(3,minmax(0,1fr))}
.player-options-five{grid-template-columns:repeat(3,minmax(0,1fr))}
.player-options-five .player-option{min-height:105px}
.question-stage .stage-option{animation:option-enter .5s both}
.question-stage .stage-option:nth-child(2){animation-delay:.07s}
.question-stage .stage-option:nth-child(3){animation-delay:.14s}
.question-stage .stage-option:nth-child(4){animation-delay:.21s}
.question-stage .stage-option:nth-child(5){animation-delay:.28s}
@keyframes option-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.estimate-stage{width:min(100%,970px);margin:30px 0 0}
.estimate-track{height:8px;border-radius:8px;background:#526b4d;position:relative;margin:48px 35px 22px}
.estimate-track:before,.estimate-track:after{content:'';position:absolute;top:-10px;width:3px;height:28px;background:#8fac86}
.estimate-track:before{left:0}.estimate-track:after{right:0}
.estimate-runner{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--lime);color:#111812;font-family:var(--display);font-size:48px;font-weight:700;box-shadow:0 0 0 12px rgba(216,255,91,.08);animation:estimate-scan 4.5s ease-in-out infinite alternate}
.estimate-ends{display:flex;justify-content:space-between;color:#c3d4bd;font-family:var(--display);font-size:clamp(19px,2vw,30px);font-weight:700}
@keyframes estimate-scan{to{left:100%}}
.fact-source{display:inline-block;margin-top:20px;color:var(--lime);font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.08em;text-underline-offset:4px}
.time-node{fill:#213721;stroke:#9fc483;stroke-width:4}
.time-route-base{fill:none;stroke:#4b6747;stroke-width:12;stroke-linecap:round}
.time-route{fill:none;stroke:var(--lime);stroke-width:7;stroke-linecap:round;stroke-dasharray:212;stroke-dashoffset:212;animation:time-route 2.8s ease-in-out infinite}
.time-particle{fill:var(--lime);filter:drop-shadow(0 0 15px var(--lime));animation:time-particle 2.8s ease-in-out infinite}
.time-result{fill:var(--lime);text-anchor:middle;font-family:var(--display);font-size:74px;font-weight:700;letter-spacing:-.07em;animation:time-result .7s .8s both}
@keyframes time-route{55%,100%{stroke-dashoffset:0}}
@keyframes time-particle{55%,100%{transform:translateX(212px)}}
@keyframes time-result{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
.product-card{animation:product-enter .65s both;animation-delay:calc(var(--card)*.15s)}
.product-card rect{fill:#253b25;stroke:#91b984;stroke-width:3}
.product-card text{fill:#e9f4e5;text-anchor:middle;font-family:var(--display);font-size:23px;font-weight:700}
@keyframes product-enter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.stat-dots circle{fill:#3e5540;transform-box:fill-box;transform-origin:center;animation:dot-enter .45s both;animation-delay:calc(var(--dot)*.012s)}
.stat-dots circle.is-on{fill:var(--lime)}
@keyframes dot-enter{from{opacity:0;transform:scale(.2);transform-origin:center}to{opacity:1;transform:scale(1);transform-origin:center}}
@media(max-width:720px){.question-stage .stage-options-five{grid-template-columns:repeat(2,minmax(0,1fr))}.estimate-runner{width:58px;height:58px;font-size:36px}.estimate-track{margin:35px 25px 22px}.player-options-five .player-option{min-height:94px}}
@media(prefers-reduced-motion:reduce){.question-stage .stage-option,.estimate-runner,.time-route,.time-particle,.time-result,.product-card,.stat-dots circle{animation:none!important}.time-route{stroke-dashoffset:0}.time-particle{transform:translateX(212px)}}