*{box-sizing:border-box}:root{--gold:#ddbd79;--paper:#f1ecdc;--muted:#b9c3b5;--glass:rgba(17,34,30,.91)}body{margin:0;background:#172a26;color:var(--paper);font-family:"PingFang SC","Microsoft YaHei",sans-serif}button,input,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit;border:1px solid #bda87055;background:#293d32;padding:10px 14px;border-radius:3px;transition:background .2s}button:hover,button.active{background:#c9ad72;color:#172a26}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--gold)}#world{position:fixed;inset:0}#world canvas{width:100%;height:100%;touch-action:none}#world-labels{position:fixed;inset:0;pointer-events:none}.world-tag{position:absolute;transform:translate(-50%,-50%);background:#172e27bd;border:1px solid #dfc58277;border-radius:20px;font-size:12px;padding:6px 10px;white-space:nowrap;pointer-events:auto;box-shadow:0 2px 20px #0002}.world-tag[hidden]{display:none}.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#071b19a6,transparent 37%,transparent 65%,#071b1966),linear-gradient(0deg,#071b19ed,transparent 22%,transparent 75%,#071b19cc)}header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 32px;border-bottom:1px solid #e5d4a325;background:#0a1b195c;z-index:4}header a{text-decoration:none;letter-spacing:3px;font:20px "Songti SC",serif;color:#eee8d6}header small{margin-left:16px;font-size:11px;letter-spacing:3px;color:#bdc8b9}header .tools{display:flex;gap:8px}.tools button{font-size:12px;background:#1e332dc9;padding:7px 11px}main{position:relative;pointer-events:none;min-height:100svh}.intro{position:absolute;top:125px;left:42px;width:300px;pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);margin-bottom:25px}.intro h1{font:46px/1.45 "Songti SC","SimSun",serif;letter-spacing:4px;margin:0 0 20px;text-shadow:0 2px 14px #0005}.intro p{font-size:14px;line-height:1.9;color:#d5dccd;max-width:265px}.chapter-name{font-size:12px;color:#c6cbb9;letter-spacing:2px}.panel{position:absolute;right:32px;top:115px;width:315px;max-height:calc(100svh - 250px);overflow:auto;pointer-events:auto;background:var(--glass);border:1px solid #bfa87744;padding:22px;box-shadow:0 15px 60px #09181044;scrollbar-width:thin;scrollbar-color:#9b9064 #152a24}.panel h2{font:24px/1.5 "Songti SC",serif;margin:0 0 16px}.panel p{font-size:13px;line-height:1.9;color:#ccd4c6;margin:12px 0}.panel .small{font-size:11px;color:#a8b6a6}.controls{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.controls button{font-size:12px;flex:1;min-width:85px}.primary{background:#d1b879;color:#193029;font-weight:500}.feedback{padding:12px 14px;background:#314633a8;border-left:2px solid var(--gold);font-size:13px;line-height:1.85;margin:12px 0}.panel label{display:block;font-size:12px;line-height:1.6;margin:12px 0 5px}input[type=range]{width:100%;accent-color:var(--gold)}.evidence-button{width:100%;font-size:12px;margin:10px 0;border-style:dashed}.next{width:100%;margin-top:12px}.camera-tools{position:fixed;left:40px;bottom:118px;display:flex;gap:8px;z-index:5}.camera-tools button{font-size:11px;background:#243a2ed9;padding:8px 12px}.timeline{position:fixed;bottom:0;left:0;right:0;min-height:92px;z-index:4;display:flex;gap:8px;padding:22px 32px 18px;align-items:center;background:#102820e8;border-top:1px solid #c8b47755;backdrop-filter:blur(10px)}.timeline button{flex:1;background:transparent;border:0;border-bottom:2px solid transparent;font-size:12px;padding:9px 5px;color:#bfc9b6}.timeline button.active{border-bottom-color:var(--gold);color:#f2d99c}.timeline .counter{font-size:11px;letter-spacing:2px;color:#d4bf88;margin-right:12px;white-space:nowrap}.boundary{position:fixed;left:42px;bottom:96px;color:#c1c5b2;font-size:10px;z-index:3;pointer-events:none}textarea{width:100%;min-height:125px;padding:12px;resize:vertical;color:#eee8d6;background:#10281e;border:1px solid #63765b;font-size:13px;line-height:1.8}.field{background:#163123;padding:10px;font-size:12px;line-height:1.8;margin:8px 0}dialog{width:min(760px,calc(100vw - 32px));max-height:85svh;overflow:auto;color:#ece5ce;background:#182f27;border:1px solid #baa571;padding:30px;box-shadow:0 25px 100px #0007}dialog::backdrop{background:#061712aa;backdrop-filter:blur(6px)}dialog h2{font:27px "Songti SC",serif}dialog p,dialog li{font-size:14px;line-height:1.85}dialog .close{float:right}dialog a{display:block;margin:12px 0;font-size:13px}.source-card{padding:15px 0;border-bottom:1px solid #9d925655}.source-card h3{font:19px "Songti SC",serif;margin:8px 0}#status{position:fixed;left:50%;top:84px;transform:translateX(-50%);background:#18372dd9;padding:7px 15px;font-size:12px;color:#e3c47d;border-radius:20px;pointer-events:none;z-index:5}.fallback{padding:22vh 35%;color:#eed}body:has(.fallback) .shade{opacity:.4}@media(min-width:1650px){.intro{width:350px}.intro h1{font-size:56px}.panel{width:340px;right:45px}.panel p{font-size:14px}}@media(max-width:1000px){.intro{left:24px;width:220px;top:105px}.intro h1{font-size:34px}.intro p{font-size:12px}.panel{right:20px;width:275px;top:103px;padding:17px}header{padding:16px 22px}header small{display:none}.camera-tools{left:24px}.boundary{left:24px}}@media(max-width:700px){#world{position:relative;height:58svh;min-height:390px}#world-labels{position:absolute;height:58svh;min-height:390px}.shade{position:absolute;height:58svh;background:linear-gradient(#09241f99,transparent 45%,#09241f88)}header{position:absolute;padding:14px 16px}header a{font-size:17px}header .tools{gap:4px}.tools button{padding:5px;font-size:10px}main{min-height:0}.intro{position:absolute;top:calc(-58svh + 83px);left:20px;width:220px;pointer-events:none}.intro .eyebrow{margin-bottom:8px;font-size:9px}.intro h1{font-size:26px;margin:0;letter-spacing:2px}.intro p{display:none}.chapter-name{font-size:10px;margin-top:10px}.panel{position:relative;top:auto;right:auto;width:auto;max-height:none;margin:0 14px 110px;padding:20px}.camera-tools{position:absolute;top:calc(58svh - 43px);bottom:auto;left:14px;gap:4px}.camera-tools button{font-size:10px;padding:6px 8px}.boundary{display:none}.timeline{min-height:76px;padding:10px 8px;overflow:auto;gap:5px}.timeline .counter{display:none}.timeline button{min-width:88px;white-space:nowrap;font-size:11px}.world-tag{font-size:10px;max-width:140px}#status{top:58px;font-size:10px;white-space:nowrap}.fallback{padding:120px 30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

body.detail-view .intro h1{font-size:32px;letter-spacing:2px}body.detail-view .intro p{max-width:215px;font-size:12px}body.detail-view .intro{width:250px}body.detail-view .intro .eyebrow{font-size:10px}@media(max-width:700px){body.detail-view .intro h1{font-size:24px}}

#world-labels{overflow:hidden}

#world{overflow:hidden}#world canvas{max-width:100%;display:block}

/* Three subjects, three reading and operating spaces. */
.task-strip{display:flex;gap:10px;justify-content:space-between;padding:12px 0;margin-bottom:18px;border-bottom:1px solid currentColor;font-size:11px;letter-spacing:1px}.task-strip b{display:block;font-size:17px;margin-top:6px}.cargo-strip span{opacity:.5}.cargo-strip .done{opacity:1;color:#ffd185}
.lesson-industry{--gold:#e7a761;--glass:rgba(28,31,32,.94)}.lesson-industry .panel{border-top:3px solid #df9450}.lesson-industry .intro h1{font-family:"PingFang SC",sans-serif;font-weight:600;letter-spacing:0}.lesson-industry button{border-radius:0;background:#303738}.lesson-industry button.active,.lesson-industry .primary{background:#e4a35f;color:#252a2c}.lesson-industry .feedback{background:#41403b}.lesson-industry .timeline{background:#202728ed}.lesson-industry .timeline button{background:transparent}.lesson-industry .machine-strip{color:#e8b779;font-variant-numeric:tabular-nums}
.lesson-rome{--gold:#edcd85;--glass:rgba(12,40,57,.94);background:#102b3d}.lesson-rome header{background:#0d2b4099}.lesson-rome button{background:#193c50;border-color:#adbbc144;border-radius:18px}.lesson-rome button.active,.lesson-rome .primary{background:#e4c782;color:#173647}.lesson-rome .feedback{background:#294b5f}.lesson-rome .panel{border-radius:2px 2px 24px 2px;border-color:#aec4cd55}.lesson-rome .timeline{background:#0d293fe8}.lesson-rome .timeline button{background:transparent}.lesson-rome .world-tag{background:#163950dd}.lesson-rome .shade{background:linear-gradient(90deg,#061c3299,transparent 40%),linear-gradient(0deg,#061c32aa,transparent 30%)}
.lesson-print{--gold:#9e4f32;--glass:#f1e6ceeF;background:#e5d7bc}.lesson-print .panel{color:#382f25;border:0;box-shadow:6px 7px 0 #9b795855,0 16px 50px #0003}.lesson-print .panel h2{font-weight:600}.lesson-print .panel p,.lesson-print .panel .small{color:#645647}.lesson-print .panel button{background:#ede0c4;color:#463426;border-color:#b8a181;border-radius:0}.lesson-print .panel .active,.lesson-print .panel .primary{background:#8b4934;color:#fff4db}.lesson-print .feedback{background:#dfd2b5;border-color:#9e4f32}.lesson-print .field{background:#dfd2b5}.lesson-print textarea{background:#fff7e5;color:#463426;border-color:#ad987a}.lesson-print .print-strip{color:#884632}.lesson-print .intro .eyebrow{color:#f2cf92}.lesson-print .timeline{background:#e9ddc6f5}.lesson-print .timeline button{color:#63523e;background:transparent;border-radius:0}.lesson-print .timeline button.active{color:#8b4934;border-color:#8b4934}.lesson-print .timeline .counter{color:#8b4934}.lesson-print .world-tag{background:#eee1c9ef;color:#4c3824;border-color:#9e7b52}.lesson-print .camera-tools button{background:#eadbc1;color:#483724}
@media(min-width:1001px){
.lesson-industry .intro{top:105px;width:440px}.lesson-industry .intro h1{font-size:38px;line-height:1.2}.lesson-industry .intro h1 br{display:none}.lesson-industry .intro p{max-width:390px}.lesson-industry .panel{top:auto;bottom:170px;width:350px;max-height:calc(100svh - 270px)}
.lesson-rome .intro{left:34px;top:108px;width:300px}.lesson-rome .intro h1{font-size:38px;line-height:1.25}.lesson-rome .intro p{max-width:290px}.lesson-rome .panel{left:34px;right:auto;top:350px;width:305px;max-height:calc(100svh - 480px)}.lesson-rome .timeline{left:auto;right:22px;top:110px;bottom:auto;display:flex;flex-direction:column;width:95px;padding:10px;min-height:0;border:1px solid #c8b47755;border-radius:28px}.lesson-rome .timeline .counter{display:none}.lesson-rome .timeline button{width:100%;padding:14px 4px}.lesson-rome .camera-tools{left:auto;right:30px;bottom:48px}.lesson-rome .boundary{bottom:20px}.lesson-rome.detail-view .intro{width:300px}.lesson-rome.detail-view .intro p{max-width:290px}
.lesson-print .intro{left:40px;top:105px;width:440px}.lesson-print .intro h1{font-size:38px;line-height:1.3}.lesson-print .intro h1 br{display:none}.lesson-print .intro p{max-width:420px}.lesson-print .panel{top:100px;right:28px;width:325px;transform:rotate(.4deg)}.lesson-print .timeline{left:32px;right:32px;bottom:15px;min-height:66px;padding:10px 20px;box-shadow:0 4px 0 #a88d66}.lesson-print .camera-tools{bottom:115px}.lesson-print .boundary{bottom:91px}
}
@media(max-width:700px){.lesson-print .panel{transform:none}.task-strip{margin-bottom:12px}.lesson-industry .intro h1{font-size:26px}}
.lesson-industry .timeline button.active,.lesson-rome .timeline button.active{color:#ffe0a1;background:#ffffff0d}.lesson-print .panel{--glass:#f1e6ce;background:#f1e6ce}

/* Scene first: text is available on demand; no persistent lesson-step strip. */
body .panel{display:none}body.notes-open .panel{display:block;z-index:12;top:100px;bottom:auto;left:auto;right:25px;max-height:calc(100svh - 140px);width:min(360px,calc(100vw - 30px));transform:none}body .timeline{left:25px;right:auto;top:auto;bottom:24px;width:auto;min-height:0;border:0;border-radius:5px;padding:0;background:#17272aeF;overflow:visible;display:block;color:#f3ead4}body .timeline summary{cursor:pointer;padding:12px 18px;font-size:13px}body .timeline details>div{position:absolute;bottom:48px;left:0;width:210px;background:#17272af5;padding:12px;display:grid;gap:5px}body .timeline button{color:#eee!important;text-align:left;padding:10px}.context-help{position:fixed;right:25px;top:95px;z-index:15;font-size:12px;background:#263734e8;color:#fff}.notes-open .context-help{top:76px}.scene-actions{position:fixed;z-index:6;bottom:90px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 40px);pointer-events:none}.object-controls{display:flex;gap:10px;align-items:center;padding:12px 16px;background:#202c30ee;border-radius:8px;pointer-events:auto;box-shadow:0 8px 25px #0003;flex-wrap:wrap}.object-controls button{font-size:13px}.object-controls label{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:12px}.object-controls input{width:130px}.object-controls span{font-size:12px;color:#eadbbc;white-space:nowrap}.scene-response{margin:8px auto 0;max-width:600px;padding:10px 15px;background:#202c30ee;color:#eee;font-size:13px;line-height:1.6}.lesson-print .object-controls{background:#ebdfc5;border-radius:0;border-bottom:4px solid #ae8960}.lesson-print .object-controls button{background:#f5ead3;color:#634532;border-color:#baa17d}.lesson-print .object-controls span{color:#634532}.lesson-rome .object-controls{background:#153e54eF;border-radius:28px}body .camera-tools{left:auto;right:25px;bottom:25px;top:auto}body .boundary{display:none}body .chapter-name{display:none}body .intro p{display:none}body .intro{pointer-events:none}body .shade{background:linear-gradient(180deg,#0a161850,transparent 35%)}
@media(max-width:700px){body #world,body #world-labels{position:fixed;inset:0;height:100svh;min-height:0}body main{height:0;min-height:0}body .intro{position:fixed;top:100px;left:20px}body .intro h1{font-size:25px}body .camera-tools{bottom:75px;right:12px;gap:3px}body .timeline{bottom:22px;left:14px}body .context-help{top:auto;bottom:22px;right:14px}.scene-actions{bottom:120px;width:calc(100vw - 28px);max-width:none}.object-controls{gap:6px;padding:10px}.object-controls button{font-size:12px;padding:9px}.object-controls label{width:100%}body.notes-open .panel{position:fixed;top:85px;right:14px;margin:0;max-height:calc(100svh - 160px)}body .shade{height:100svh}.scene-response{max-height:120px;overflow:auto}}
body[class] .timeline{left:25px;right:auto;top:auto;bottom:24px;width:auto;min-height:0;padding:0;display:block;border:0;border-radius:5px;background:#17272aef}body[class] .timeline button{width:100%;min-width:0}body[class] .camera-tools{left:auto;right:25px;top:auto;bottom:25px}@media(max-width:700px){body[class] .camera-tools{bottom:75px;right:12px}body[class] .timeline{bottom:22px;left:14px}}

/* Mediterranean atlas: restrained labels and an uninterrupted relief surface. */
.lesson-rome[data-shot=med] .world-tag{background:transparent;border:0;border-radius:0;box-shadow:none;color:#fff1cb;text-shadow:0 1px 4px #071d27,0 1px 8px #071d27;font-size:13px;letter-spacing:2px;padding:8px 10px}.lesson-rome[data-shot=med] .world-tag:after{content:'';display:block;width:4px;height:4px;margin:5px auto 0;background:#f4d68e;border-radius:50%}.lesson-rome[data-shot=med] .intro{top:115px;left:38px}.lesson-rome[data-shot=med] .intro h1{font-size:32px;line-height:1.45}.lesson-rome[data-shot=med] .shade{background:linear-gradient(180deg,#061923aa,transparent 28%,transparent 78%,#06192388)}.voyage-status{position:fixed;bottom:163px;left:50%;transform:translateX(-50%);color:#f9dca0;letter-spacing:2px;font-size:12px;background:#0a2738d9;padding:10px 18px;border-radius:2px;pointer-events:none}.voyage-status[hidden]{display:none}@media(max-width:700px){.lesson-rome[data-shot=med] .intro{left:20px;top:100px}.lesson-rome[data-shot=med] .intro h1{font-size:24px}.voyage-status{bottom:195px;max-width:90%;white-space:nowrap;font-size:10px}}

.lesson-rome .object-controls button:hover{background:#e4c782;color:#173647}.lesson-rome .object-controls button{color:#f3e9cf}

.story-thread{position:fixed;z-index:7;left:38px;top:330px;width:270px;color:#eee7d7}.story-thread h3{font:22px/1.5 "Songti SC",serif;margin:10px 0}.story-thread p{font-size:13px;line-height:1.85;margin:10px 0 16px}.story-thread button{font-size:12px;text-align:left;line-height:1.6;width:100%;padding:12px}.story-thread button:disabled{opacity:.7;cursor:default}.inquiry-kicker{font-size:10px;letter-spacing:3px;color:#e4a35f}.lesson-industry .story-thread{border-left:2px solid #d99e63;padding:0 0 0 18px;background:linear-gradient(90deg,#17262ed9,transparent);text-shadow:0 1px 3px #000}.lesson-rome .story-thread{left:auto;right:25px;top:155px;width:245px;border-top:1px solid #c7b784;padding:12px 16px;background:#122e3feF}.shipment-label{font-size:10px;color:#d9c797;letter-spacing:2px}.lesson-rome .story-thread h3{font-size:20px}.lesson-rome .story-thread button{border-radius:0;background:transparent;border-width:0 0 1px;color:#f2d48d}.lesson-print .story-thread{top:315px;width:252px;padding:20px;background:#efe2c5;color:#493c2b;box-shadow:4px 5px 0 #93785a55}.folio-label{font-size:10px;color:#95573c;letter-spacing:2px}.lesson-print .story-thread button{background:#884b36;color:#fff0d0;border:0}.notes-open .story-thread{display:none}
@media(max-width:1000px) and (min-width:701px){.story-thread{left:20px;width:220px;top:295px}.lesson-print .story-thread{width:220px}.lesson-rome .story-thread{width:220px;right:18px}}
@media(max-width:700px){body .story-thread{left:14px;right:14px;top:auto;bottom:118px;width:auto;max-height:190px;padding:10px 13px;background:#152c32f2;color:#eee7d7;box-shadow:none}.story-thread h3{font-size:16px;margin:4px 0}.story-thread p{font-size:11px;line-height:1.5;margin:4px 0 8px}.story-thread button{font-size:11px;padding:7px 10px}.scene-actions{bottom:320px}.voyage-status{bottom:395px}.lesson-print .story-thread{background:#efe2c5;color:#493c2b}.lesson-rome .story-thread h3{font-size:16px}.story-thread .inquiry-kicker,.shipment-label,.folio-label{font-size:9px}}
@media(max-width:700px){body[class] .story-thread{left:14px;right:14px;top:auto;bottom:118px;width:auto;max-height:190px;padding:10px 13px;box-shadow:none}}

/* 交付任务与观察任务：这些挂在场景上方的操作条里（.panel 默认 display:none，
   只有展开「探究记录」才可见，所以任务的计数和提问必须在这一条上）。 */
.order-inline,.proof-inline,.obs-inline{font-size:12px;white-space:nowrap}
.order-inline b{font-variant-numeric:tabular-nums;font-size:14px}
.obs-inline{white-space:normal;max-width:280px;line-height:1.5}
.order-counter{display:flex;gap:14px;margin:10px 0;font-size:12px}
.order-counter .done{color:#7fb98a}.order-counter .waste{color:#c07a5c}
.order-task h3,.proof-task h3,.obs-task h3{font:17px/1.5 "Songti SC",serif;margin:14px 0 8px}
.proof-pages button{min-width:64px}

/* 2026-09: keep the instruction, action, response and onward link together. */
body .story-thread{z-index:8;box-sizing:border-box;text-shadow:none;overflow:auto;overscroll-behavior:contain;max-height:calc(100svh - 260px)}
.task-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;letter-spacing:1px;color:var(--gold)}
.task-position{font-variant-numeric:tabular-nums;opacity:.7;letter-spacing:2px;white-space:nowrap}
body .story-thread h3{font-size:23px;line-height:1.4;margin:13px 0 8px}
body .story-thread .task-instruction{font-size:13px;line-height:1.8;margin:0 0 16px}
body .scene-actions{position:static;transform:none;width:auto;max-width:none;pointer-events:auto}
body .object-controls{padding:0;gap:8px;background:transparent;border:0;box-shadow:none;border-radius:0;display:flex;flex-wrap:wrap}
body .object-controls button{width:auto;padding:9px 12px;font-size:13px;text-align:center;border:1px solid #ddbd7955;line-height:1.5}
body .object-controls .controls{margin:0;display:flex;gap:8px;flex-wrap:wrap}
body .object-controls span{white-space:normal}
body .scene-response{background:transparent;padding:12px 0 0;margin:8px 0 0;border-top:1px solid #c9b77e33;font-size:12px;line-height:1.75;color:inherit;max-height:none}
body .object-controls .observation-question{width:100%;font-size:13px;line-height:1.7;margin:6px 0}
.flow-control{display:flex;width:100%;gap:10px;align-items:center}.flow-control input{flex:1;min-width:60px;max-width:240px;accent-color:#e6b276}.flow-control output{min-width:24px;font-variant-numeric:tabular-nums}
.task-footer{display:flex;gap:10px;border-top:1px solid #c9b77e44;padding-top:14px;margin-top:16px;align-items:stretch}
body .task-footer button{font-size:13px;line-height:1.6;padding:11px 14px;width:auto;text-align:center}
body .task-footer [data-action=continue]{flex:1;background:var(--gold);color:#1a302d;border:0;font-weight:600}
body .task-footer [data-action=continue]:disabled{background:#ffffff0d;color:inherit;border:1px dashed #c9b77e88;opacity:.6}
body .task-footer [data-action=back]{flex:0 0 auto;background:transparent;border:0;color:inherit;padding-left:0}
.type-choices{display:flex;gap:3px;width:100%}body .type-choices button{padding:10px 0;width:calc((100% - 21px)/8);font:19px Georgia,serif}
.order-counter{width:100%;margin:0 0 6px;border-bottom:1px solid #98795955;padding-bottom:12px;justify-content:space-between;gap:8px}.order-counter b{font-size:22px}
.journey-route{display:flex;align-items:center;gap:10px;font-size:11px;margin-top:16px;color:#a4b4bc}.journey-route i{font-style:normal;opacity:.4}.journey-route .current{color:#f4d994;border-bottom:2px solid;padding-bottom:3px}.journey-route .done{color:#d1dfd5}
body .intro{max-width:calc(100vw - 400px)}body .intro h1{font-size:34px!important;line-height:1.35!important}
body .intro h1 br{display:none}
body .world-tag{font-size:11px;padding:7px 11px}
body .panel .task-footer{position:sticky;bottom:-24px;padding:14px 0;background:var(--glass);z-index:2}
body.notes-open .panel{padding-bottom:20px}
body .context-help{top:90px}body.notes-open .context-help{top:78px}
@media(min-width:1001px){
 body.lesson-industry .story-thread{left:32px;right:32px;top:auto;bottom:88px;width:auto;max-height:310px;padding:20px 24px;border-left:3px solid #dfa569;background:#202c2ef5;display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.3fr) 200px;column-gap:28px;box-shadow:0 10px 40px #0002}
 body.lesson-industry .story-thread .task-heading,body.lesson-industry .story-thread h3,body.lesson-industry .story-thread>.task-instruction{grid-column:1}
 body.lesson-industry .story-thread h3{font-family:inherit;font-size:22px}
 body.lesson-industry .story-thread>.task-instruction{margin-bottom:0}
 body.lesson-industry .scene-actions{grid-column:2;grid-row:1/5;align-self:center}
 body.lesson-industry .story-thread>.task-footer{grid-column:3;grid-row:1/5;align-self:center;display:flex;flex-direction:column-reverse;margin:0;padding:0;border:0}
 body.lesson-industry .story-thread>.task-footer [data-action=back]{text-align:center;padding:6px}
 body.lesson-industry.notes-open .story-thread{display:none}
 body.lesson-rome .story-thread{left:auto;right:28px;top:155px;bottom:auto;width:302px;padding:22px 22px 20px;background:#112e3ff2;border:1px solid #aab9bc44;border-top:3px solid #d1b77b;border-radius:2px 2px 20px 2px}
 body.lesson-print .story-thread{left:32px;right:auto;top:238px;width:310px;padding:22px;background:#f4ead5;color:#433929;box-shadow:5px 6px 0 #36281e55;border:0;border-top:4px solid #9c5e42}
 body.lesson-print .task-heading{color:#8a533b}
 body.lesson-print .intro{max-width:570px}
 body.lesson-rome.notes-open .panel{right:350px;top:155px;width:380px}
}
body.lesson-print .scene-response{color:#574533}body.lesson-print .object-controls button{color:#553e2c;background:#fff7e5;border-color:#b4a185}body.lesson-print .object-controls button.active{color:#fff3db;background:#865139}body.lesson-print .task-footer [data-action=continue]{background:#885038;color:#fff5e1}
body.lesson-print .task-footer [data-action=continue]:disabled{background:transparent;color:#6c5947;border-color:#ad997c}
body.lesson-rome .voyage-status{left:50%;bottom:100px;font-size:11px}
@media(min-width:701px) and (max-width:1000px){body[class] .story-thread{top:235px;left:24px;right:auto;width:290px;max-height:calc(100svh - 325px);padding:20px;background:#203433f5}body.lesson-print .story-thread{background:#f4ead5;color:#433929}body.lesson-rome .story-thread{left:auto;right:24px;background:#112e3ff2}body .intro{max-width:calc(100vw - 60px)}}

@media(min-width:701px){body.lesson-rome .intro h1 br{display:initial}body.lesson-industry.detail-view .intro{width:440px;max-width:440px}body.lesson-industry.detail-view .intro h1{font-size:30px!important}}


/* Chapter menus must stay clickable above the observation / work-order surface. */
body[class] .timeline{z-index:18}
/* Primary classroom operation. Sources and camera settings stay secondary. */
body #evidenceOpen,body .context-help{display:none!important}
body .world-tag{pointer-events:none!important;cursor:default;border:0;box-shadow:none;background:#17332ac9}
body .object-controls button.do-action{background:#e6b473;color:#1a302d;border:0;padding:14px 18px;font-size:16px;font-weight:600;min-height:48px}
body.lesson-rome .object-controls button.do-action{background:#efd293;color:#193847;border-radius:4px}
body.lesson-print .object-controls button.do-action{background:#885038;color:#fff4de;border-radius:2px}
body .task-footer [data-action=continue]{background:transparent;color:inherit;border:1px solid #c9b77e88;font-weight:400}
body.lesson-print .task-footer [data-action=continue]{background:transparent;color:#593f2e;border:1px solid #ad9474}
body .story-thread[data-chapter="0"] .task-footer [data-action=continue]{background:var(--gold)}
body[data-chapter="0"] .story-thread .task-footer [data-action=continue]{background:#e6b473;color:#17342e;font-weight:600;font-size:15px}
.type-preview{width:100%;font:32px/1.5 Georgia,serif;letter-spacing:5px;padding:6px 0;color:inherit}
body .camera-tools{z-index:19}body .camera-tools details{position:relative}body .camera-tools summary{cursor:pointer;list-style:none;background:#203b36ed;border:1px solid #c9b77e66;border-radius:3px;padding:10px 14px;font-size:12px;color:#efe8d4}
body .camera-tools details>div{position:absolute;right:0;bottom:46px;display:grid;gap:6px;width:168px;padding:10px;background:#203b36fa;box-shadow:0 5px 25px #0004}body .camera-tools button{text-align:left;font-size:12px!important}
body .working-message{font-size:15px;padding:12px 0;color:var(--gold)}
body .task-instruction{max-width:48em}body .scene-response{font-size:14px;line-height:1.7}