/* V12: painting landscape behind a readable, rounded paper surface. */
body:not([data-scene=intro]) .world{background-image:var(--painting,url('assets/v11/qianli-scroll.jpg'));background-size:auto 100%;background-position:var(--pan,75%) center;opacity:1;transform:none!important;transition:background-position 2s ease;filter:none!important}
body:not([data-scene=intro]) .shade{background:linear-gradient(180deg,#f4f0e6f5 0%,#f4f0e6db 23%,#f4f0e643 52%,#f4f0e633 78%,#f4f0e6dc 100%)}
button,.primary,.toolbar button,.lesson-switch button{border-radius:12px}.lesson-switch{gap:8px}.toolbar{gap:9px}.toolbar button{padding:8px}.seal{border-radius:9px}
.mission{height:auto;min-height:108px;padding:17px 6vw 18px;align-items:flex-start}.mission p{max-width:880px}.mission h2{margin:7px 0 8px}
.stage{height:clamp(395px,calc(100svh - 318px),680px);margin:8px auto 0}
.lesson-panel{border-radius:22px;border:1px solid #fffaf0b3;background:#faf7efed;box-shadow:0 14px 36px #302d2826;padding:18px 28px;overflow:visible}.lesson-panel::before{display:none}.lesson-copy{border-left:0;padding-left:20px}.lesson-panel.has-stories{padding-top:54px}.lesson-copy #lesson-takeaway{border-radius:0 12px 12px 0}
#lesson-pages{gap:12px;border:0;top:12px}#lesson-pages button{border:0;border-radius:10px;padding:6px 10px}#lesson-pages button[aria-pressed=true]{background:#e1e6d8;color:#415842}
.scene:not(#inspect-scene):not(#read-scene){border-radius:22px;background:#faf7efe8;padding:24px 30px;box-shadow:0 12px 34px #3d362a1a}
.course-navigation{background:#f8f5ecee;border:0;border-radius:16px;padding:10px 14px;margin-top:24px}.chapter-track{top:-9px}.footer{border:0;background:#f5f1e5d9}.archived-scroll{border-radius:18px;border-width:8px;transform:rotate(-3deg)}
.history-roll{position:relative;padding:16px 20px 18px;background:linear-gradient(90deg,#d4c39f,#f5ecd8 6%,#f7efde 94%,#c9b992);border-radius:16px;box-shadow:0 10px 24px #4a422327;text-align:left}
.history-roll::before,.history-roll::after{content:'';position:absolute;top:-7px;bottom:-7px;width:11px;border-radius:8px;background:linear-gradient(90deg,#89744f,#d2c49b,#89744f)}.history-roll::before{left:-5px}.history-roll::after{right:-5px}
.history-map{height:65px;background:url('assets/v11/qianli-scroll.jpg') 75% center/auto 100%;border-radius:8px;margin-bottom:13px;opacity:.85}
.history-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}.history-nodes button{font-size:14px;padding:7px 3px;background:#fffbefb3;border:1px solid #c4b594}.history-nodes button[aria-pressed=true]{background:#526c56;color:#fffbed;border-color:#526c56}
.history-detail h4{font:24px/1.3 var(--font-title);margin:8px 0}.history-detail p{font:16px/1.65 var(--font-body);margin:0;color:#4a5146}.history-detail small{display:block;font:11px/1.5 var(--font-body);margin-top:9px;color:#716a58}
.sound-panel{position:fixed;z-index:15;right:4vw;top:72px;width:300px;padding:20px;border-radius:20px;background:#faf7ef;box-shadow:0 16px 50px #332b3540;border:1px solid #ded7c6}.sound-panel h3{margin:0 0 10px}.sound-panel p{font-size:14px;line-height:1.6}.sound-panel input{width:100%;accent-color:#5c775f}.sound-panel button{padding:8px 12px}.sound-panel small{display:block;margin-top:10px;font-size:11px;line-height:1.5}.sound-panel a{font-size:12px}
@media(min-width:1600px){.mission{min-height:130px;padding-top:22px;padding-bottom:25px}.stage{height:calc(100svh - 358px);max-height:680px}.scene:not(#inspect-scene):not(#read-scene){padding:40px 48px}.lesson-panel.has-stories{padding-top:78px}#lesson-pages{top:18px}.history-roll{padding:26px 30px}.history-map{height:125px}.history-nodes{gap:12px}.history-nodes button{font-size:19px;padding:12px 5px}.history-detail h4{font-size:30px}.history-detail p{font-size:22px}.history-detail small{font-size:14px}.sound-panel{top:94px}}
@media(max-width:800px){.mission{padding-bottom:20px}.stage{height:auto;min-height:395px}.toolbar{flex-wrap:wrap}.topbar{height:auto;min-height:76px}.history-roll{display:block}.scene:not(#inspect-scene):not(#read-scene){padding:20px}.sound-panel{top:110px}}
@media(prefers-reduced-motion:reduce){body:not([data-scene=intro]) .world{transition:none}}
body[data-motion=reduced] .world,body[data-paused=true] .world{transition:none}
@media(min-width:801px) and (max-height:899px){.stage{height:calc(100svh - 333px);min-height:370px}#lesson-body p{line-height:1.6}.history-map{height:50px}.history-roll{padding-top:12px;padding-bottom:12px}.history-detail p{font-size:15px}.course-navigation{margin-top:14px}.footer{height:24px}.lesson-panel.has-stories{padding-top:50px;padding-bottom:10px}}
.painting-credit{font-size:10px;text-decoration:none;color:#555e4e}.feedback:not(:empty){background:#f6f2e6d9;border-radius:12px;padding-inline:12px;width:max-content;max-width:88vw;margin-inline:auto}
#inspect-scene{background:radial-gradient(ellipse at 50% 52%,#faf7e9e6 0%,#faf7e9c2 28%,#faf7e933 55%,transparent 72%);border-radius:24px}.model-tools{background:#faf7efeb;border-radius:12px;padding:5px 12px;width:max-content;max-width:100%;margin-inline:auto;color:#4c5d46}.clue-notes{background:#faf7efe8;border-radius:16px;padding:12px}.read-tools{background:#faf7efd9;border-radius:12px;padding:6px 12px;width:max-content;max-width:100%;margin-inline:auto}
.read-tools{margin-top:10px;margin-bottom:12px}.clue-notes{margin-top:10px}.history-map{transition:background-position .65s ease}body[data-motion=reduced] .history-map{transition:none}@media(prefers-reduced-motion:reduce){.history-map{transition:none}}