/* Uses the accepted prototype's site palette and layout. */
.quiz-return{margin:0 0 18px;font-size:12px;color:var(--ink-soft)}.quiz-return a{display:inline-block;padding:7px 0;text-underline-offset:4px}
.game-shell{max-width:1380px}.intro{margin-bottom:24px}.play-grid.observing{grid-template-columns:minmax(0,1fr) 240px;gap:32px}.window-card{min-width:0}.scene,.observing .scene{aspect-ratio:16/9;border-width:7px;position:relative}.scene>video{object-fit:contain}.window-heading h2{font-size:12px}.media-error{z-index:5}.bookmark-badge{position:absolute;left:14px;top:13px;border-radius:5px;padding:4px 9px;color:white;background:#b14e30e8;font-size:11px;z-index:2}.bookmark-badge.away{background:#1c2d40d9}.video-tools{padding:17px 0 0}.timeline-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--ink-soft);gap:10px;margin-bottom:8px}.timeline-top strong{color:var(--ink);font-variant-numeric:tabular-nums}.scrub-track{position:relative;height:58px;border-radius:7px;overflow:hidden;border:1px solid #d8cbb6;background:#213046}.filmstrip{width:100%;height:100%;object-fit:fill;opacity:.74;pointer-events:none}.scrub-track input{position:absolute;inset:0;width:100%;height:100%;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;z-index:3;touch-action:pan-y}.scrub-track input::-webkit-slider-thumb{appearance:none;width:5px;height:58px;border-radius:1px;background:#fff;box-shadow:0 0 0 2px #16202e70}.scrub-track input::-moz-range-thumb{width:5px;height:58px;border:0;border-radius:1px;background:#fff;box-shadow:0 0 0 2px #16202e70}.scrub-track input:focus-visible{outline-offset:-3px;outline:3px solid var(--accent)}.bookmark-line{position:absolute;top:0;bottom:0;width:3px;background:var(--accent);left:50.45%;z-index:2;pointer-events:none}.timeline-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-soft);margin-top:5px;position:relative}.timeline-labels button{position:absolute;left:50.45%;transform:translateX(-50%);top:0;padding:0 6px;border:0;background:var(--paper);color:#b65131;font-size:10px;font-weight:700}.transport{display:flex;align-items:center;gap:7px;margin-top:19px;flex-wrap:wrap}.transport button,.transport select{border:1px solid #d8cbb6;background:#fffcf7;color:var(--ink);border-radius:6px;padding:7px 12px;min-height:38px;font-size:12px}.transport #play{min-width:94px;background:var(--ink);color:white;border-color:var(--ink)}.transport #home-frame{margin-left:auto;color:#a2492e}.transport select{padding-left:8px;padding-right:5px}.video-rule{font-size:11px;color:var(--ink-soft);margin-top:13px;line-height:1.9}.video-rule b{color:var(--ink);font-weight:500}.observation-hint{border-top:1px solid var(--line);margin-top:17px;padding-top:13px;display:flex;gap:14px;align-items:center;justify-content:space-between}.observation-hint>p{font-size:12px;color:var(--ink-soft)}.observe-number{font-size:57px;letter-spacing:.02em}.observe-card .observe-note{margin-bottom:0!important}.answer-card{margin-top:31px}.answer-card .map-wrap{height:240px}.scene-caption{font-size:12px;margin-top:10px;color:var(--ink-soft)}.evidence-jumps{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.evidence-jumps button{background:#fffdf7;border:1px solid #bccbb6;color:#335e51;border-radius:6px;padding:8px 12px;font-size:12px}.evidence-note{font-size:11px;color:#567064;margin-top:10px}.result-actions .primary-button{background:var(--green)}.video-brief{font-size:10px;letter-spacing:.13em;color:#7a725f;margin-bottom:17px}.sync-key{color:#7059a0}.media-loading{position:absolute;inset:0;display:grid;place-content:center;color:white;background:#142234b5;font-size:12px;z-index:4}.retry-button{border:0;border-radius:6px;padding:8px 15px;margin:10px auto;background:#fff;color:var(--ink)}.speed-label{font-size:10px;color:var(--ink-soft)}.transport button:disabled{opacity:.4}.tip-copy{padding:14px;border-left:3px solid #b69960;background:#f2e9d8;font-size:12px;margin-top:12px}.result-top h2{font-size:25px}.result-numbers{gap:22px}.result-numbers strong{font-size:24px}.map-instruction{min-height:20px}.video-name{font-size:11px;color:var(--ink-soft);margin-top:12px}
@media(max-width:900px){.play-grid.observing{grid-template-columns:minmax(0,1fr) 205px;gap:22px}.transport{gap:5px}.transport button,.transport select{font-size:11px;padding:7px 8px}.transport #home-frame{margin-left:0}.observe-card h2{font-size:22px}}
@media(max-width:700px){.play-grid.observing{grid-template-columns:1fr;gap:0}.scene,.observing .scene{aspect-ratio:16/9;border-width:5px}.bookmark-badge{left:8px;top:8px;font-size:9px;padding:3px 7px}.video-tools{padding-top:13px}.scrub-track{height:43px}.scrub-track input::-webkit-slider-thumb{height:43px}.scrub-track input::-moz-range-thumb{height:43px}.timeline-top{font-size:10px}.transport{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:22px}.transport #play{grid-column:1/3;min-width:0}.transport .speed-label{grid-column:3;font-size:10px;text-align:right}.transport select{grid-column:4}.transport button{font-size:11px;padding:7px 3px;min-height:42px}.transport #home-frame{grid-column:1/-1;margin:0}.video-rule{font-size:10px}.observe-card{margin-top:17px;padding-top:17px}.observe-card .primary-button{margin-top:14px}.answer-card{margin-top:23px}.observation-hint{gap:7px}.observation-hint>p{font-size:11px}.hint-button{min-height:38px}.intro-copy{padding-right:0}.intro>.text-button{position:static;display:inline-block;margin-top:10px}.result-top h2{font-size:23px}.evidence-jumps{display:grid;grid-template-columns:1fr}.evidence-jumps button{text-align:left}.scene{scroll-margin-top:100px}.result-numbers strong{font-size:23px}.result-numbers p:last-child strong{font-size:20px}}

.journey-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.journey-bar .video-brief{margin:0}.question-nav{display:flex;gap:7px;max-width:100%;overflow-x:auto;padding:4px 0;position:relative}.question-nav button{flex:0 0 42px;min-width:42px;min-height:42px;border:1px solid #d8cbb6;border-radius:50%;background:transparent;color:var(--ink);font-size:12px}.question-nav button[aria-current="step"]{background:var(--ink);color:#fff;border-color:var(--ink)}.journey-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.journey-result{margin-top:30px;padding:25px;border:1px solid #d8cbb6;border-radius:14px;background:#f2e9d8;scroll-margin-top:100px}.journey-result h2{font-size:23px;line-height:1.6}.journey-result p{font-size:12px}.journey-result ol{padding-left:22px}.journey-result li{margin:10px 0}.journey-result button{text-align:left;border:0;border-bottom:1px solid #c6bba6;background:transparent;color:var(--ink);font-size:12px;padding:8px 0}.journey-result[hidden]{display:none}@media(max-width:700px){.journey-actions{width:100%;gap:12px}.journey-actions .primary-button{width:100%}.journey-result{padding:19px}.journey-result h2{font-size:20px}.journey-bar{gap:10px}}