@font-face{font-family:Reading;src:url('assets/reading.ttf') format('truetype');font-display:swap}
:root{--paper:#f6f2e8;--ink:#33483e;--muted:#7f8979;--accent:#9b7450;--line:#d9d9ca;--mx:0;--my:0;color-scheme:light;font-family:system-ui,-apple-system,'PingFang SC',sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:transparent;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #876443;outline-offset:5px}button:disabled{opacity:.3;cursor:default}header{height:76px;position:fixed;inset:0 0 auto;z-index:15;display:flex;align-items:center;gap:32px;padding:0 4.5%;font-size:13px;background:linear-gradient(var(--paper) 70%,transparent)}.brand{color:var(--muted);letter-spacing:.1em}header nav{display:flex;gap:26px;margin-left:auto}header a:hover{color:#9b6844}#book{position:relative;height:100dvh;isolation:isolate}.page{position:absolute;inset:80px 0 65px;visibility:hidden;opacity:0;transform:translateY(40px);transition:opacity .7s,transform 1.1s cubic-bezier(.22,.7,.14,1),visibility 1.1s;pointer-events:none}.page.active{visibility:visible;opacity:1;transform:none;pointer-events:auto}.page.leaving{transform:translateY(-50px)}.scrollzone{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5c8b9 transparent;touch-action:pan-y}.story-copy{position:relative;width:43%;margin-left:6%;height:100%;padding:5vh 24px 40px 0;z-index:4}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.2em;color:var(--muted);margin:0 0 22px}.story-copy h1{font:400 clamp(32px,3vw,48px)/1.5 Reading,serif;letter-spacing:.12em;margin:0 0 26px}.story-text{font:400 clamp(20px,1.8vw,28px)/1.95 Reading,'Songti SC',serif;letter-spacing:.045em;margin:0 0 17px;white-space:pre-wrap}.story-text+.story-text{margin-top:8px}.spoken .speaking{background:#dfd5aa99;border-radius:3px;color:#765129}.reader{display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:12px;margin:22px 0 6px;color:#77816f}.reader button{padding:8px 13px;border:1px solid #c9ccbd;border-radius:24px;min-height:36px}.reader button:hover{background:#e9e6d7}.reader .play{background:#e3e7d8;border-color:transparent}.reader-status{font-size:11px;max-width:230px}.stage{position:absolute;inset:0 0 0 42%;pointer-events:auto;overflow:hidden;touch-action:pan-y}.room{position:absolute;inset:-5% -10% -5% -40%;width:155%;height:110%;object-fit:cover;mix-blend-mode:multiply;transform:translate(calc(var(--mx)*4px),calc(var(--my)*2px));will-change:transform}.sprite{position:absolute;background-repeat:no-repeat;background-size:300% 200%;background-position:0 0;mix-blend-mode:multiply;aspect-ratio:1;transform:translate(calc(var(--mx)*var(--depth,12)*1px),calc(var(--my)*var(--depth,12)*.5px));will-change:transform;background-image:var(--sheet)}.boy{--sheet:url('assets/boy.webp');width:52%;left:1%;bottom:6%;--depth:17;z-index:4}.teacher-figure{--sheet:url('assets/teacher.webp');width:64%;left:35%;bottom:9%;--depth:11;z-index:3}.pupils{--sheet:url('assets/pupils.webp');background-size:200% 200%;width:56%;left:3%;bottom:27%;--depth:6;z-index:2}.desk{position:absolute;width:40%;left:5%;bottom:3%;mix-blend-mode:multiply;z-index:5;transform:translate(calc(var(--mx)*19px),calc(var(--my)*8px));pointer-events:none}.art-caption{position:absolute;bottom:1%;right:7%;font:13px Reading,serif;letter-spacing:.12em;color:#887c67}.stage .art-caption{opacity:.8}.study{padding:3vh 6% 0;height:100%}.study h2{font:400 34px/1.4 Reading,serif;margin:0 0 12px}.study .intro{color:#858975;font-size:14px;margin-bottom:25px}.study-grid{display:grid;grid-template-columns:minmax(250px,1fr) 3fr;gap:7%;height:calc(100% - 104px)}.detail{padding:12px 0 30px}.detail .big-char{font:90px/1.2 Reading,serif;margin:6px 0 14px}.pinyin{font-size:16px;letter-spacing:.07em;color:#8c785d;margin:0 0 6px}.detail h3{font:32px/1.5 Reading,serif;margin:0 0 10px}.detail p{font-size:15px;line-height:1.9}.detail .small-label{font-size:11px;color:#8c9383;margin:24px 0 4px;letter-spacing:.1em}.detail .context{font:16px/1.85 Reading,serif}.detail .hint{color:#868a77;font-size:12px}.selection-area{padding:6px 8px 50px 2px}.selection-area h3{font-size:13px;font-weight:500;color:#858975;margin:0 0 15px}.char-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.char-choice{padding:14px 6px;border-bottom:1px solid var(--line);min-width:0;transition:background .18s,transform .18s}.char-choice b{font:38px/1.4 Reading,serif;display:block}.char-choice .pinyin{font-size:12px}.char-choice small{display:block;font-size:9px;margin-top:7px;color:#a58c66}.selected{background:#e8e9da;transform:translateY(-2px)}.poly-grid{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.poly-grid button{min-width:80px;border-bottom:1px solid var(--line);padding:12px}.poly-grid b{font:28px Reading,serif}.poly-grid span{display:block;font-size:11px;margin-top:5px}.write-note{font-size:12px;color:#92927f;line-height:1.9;margin:30px 0}.reading-options{display:flex;flex-wrap:wrap;gap:10px}.reading-options button{font-size:12px;border:1px solid var(--line);border-radius:20px;padding:7px 10px}.word-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 15px}.word-choice{padding:18px 8px;border-bottom:1px solid var(--line);transition:background .2s}.word-choice b{font:23px/1.5 Reading,serif;display:block}.word-choice .pinyin{font-size:12px}.jump{font-size:12px;color:#956b46;padding:8px 0;text-decoration:underline;text-underline-offset:5px}.dossier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:24px}.dossier-card{text-align:left;padding:0 0 25px}.card-art{height:250px;position:relative;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}.dossier-card:hover img{transform:scale(1.04)}.dossier-card h3{font:27px/1.4 Reading,serif;margin:18px 0 10px}.dossier-card p{font-size:14px;line-height:1.9;max-width:280px;color:#7f8979}.dossier-card .open-note{font-size:12px;color:#9e7b53}.understand-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;height:calc(100% - 95px)}.understand-layout section{padding:8px 4px 55px}.overview{font:22px/1.95 Reading,serif;letter-spacing:.035em}.sentence-choice{display:block;text-align:left;padding:20px 0;border-bottom:1px solid var(--line);width:100%;font:23px Reading,serif}.sentence-choice span{display:block;font:13px/1.8 system-ui;margin-top:8px;color:#8b8e7a}.quote{font:23px/1.85 Reading,serif;color:#65523c;margin:16px 0}.exercise{border-top:1px solid var(--line);padding:20px 0}.exercise h3{font:24px Reading,serif;margin:4px 0 15px}.exercise p{font-size:15px;line-height:1.9}.exercise details{font-size:13px;line-height:1.8;color:#7a806f;margin:15px 0}.exercise summary{cursor:pointer}.assessment{display:flex;flex-wrap:wrap;gap:8px}.assessment button{font-size:11px;border:1px solid var(--line);border-radius:18px;padding:7px 10px}.assessment button[aria-pressed=true]{background:#dde4d1}.tiny{font-size:11px;color:#969987;line-height:1.8}.afterword{font:18px/1.9 Reading,serif;padding:24px 0}footer{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:5%;right:5%;height:36px;z-index:10;display:flex;align-items:center;gap:16px;font-size:11px;color:#8d927f}footer button{font-size:20px;width:36px;height:36px}#page-status{min-width:165px}#dots{display:flex;gap:10px;align-items:center;margin-left:auto}#dots button{padding:0;width:6px;height:6px;border-radius:50%;background:#cbd0bd}#dots button[aria-current=true]{background:#687c60;width:18px;border-radius:6px}dialog{border:0;background:var(--paper);color:var(--ink);padding:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;overflow:hidden}dialog::backdrop{background:#f6f2e8}.close{position:absolute;top:26px;left:5%;font-size:13px;z-index:30}.exhibit-layout{display:grid;grid-template-columns:42% 58%;height:100%;padding:90px 4% 35px 6%}.exhibit-copy{position:relative;z-index:10;padding-right:35px}.exhibit-copy h2{font:40px/1.4 Reading,serif;margin:0 0 20px}.topic-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:35px}.topic-tabs button{font-size:13px;padding:10px 0;margin-right:10px;border-bottom:1px solid var(--line)}.topic-tabs button[aria-selected=true]{color:#996c40;border-color:#996c40}.topic-copy h3{font:28px/1.6 Reading,serif;margin:0 0 20px}.topic-copy p{font:21px/1.95 Reading,serif}.topic-label{display:block;color:#9b825f;font-size:12px;letter-spacing:.13em;margin-bottom:10px}.exhibit-art{position:relative;overflow:hidden}.exhibit-art>.art-main{position:absolute;inset:5% 0;width:100%;height:90%;object-fit:contain;mix-blend-mode:multiply;transform:translate(calc(var(--mx)*16px),calc(var(--my)*7px))}.exhibit-art .stage{inset:10% -10% 5% -45%;}.exhibit-art>.art-object{position:absolute;width:45%;right:4%;bottom:2%;mix-blend-mode:multiply;transform:translate(calc(var(--mx)*25px),calc(var(--my)*12px))}.source{font-size:10px;line-height:1.8;color:#959780;margin-top:30px}.source a{text-decoration:underline}.loading{padding:150px 8%;font:28px Reading,serif}.scroll-hint{font-size:11px;color:#a0a18b;margin:18px 0 10px}.speech-focus{background:#e8e2c780;border-radius:4px}.room-only .teacher-figure,.room-only .boy,.room-only .pupils,.room-only .desk{display:none}
@media(min-width:1600px){.story-copy{padding-top:9vh}.stage{right:2%;left:45%}.story-text{font-size:29px}}@media(max-width:1000px) and (min-width:701px){.char-grid{grid-template-columns:repeat(4,1fr)}.word-grid{grid-template-columns:repeat(3,1fr)}.story-copy{width:48%;margin-left:4%;padding-top:3vh}.stage{left:44%}.story-text{font-size:21px}.card-art{height:180px}.brand{display:none}.study-grid{grid-template-columns:1fr 2fr;gap:5%}}
@media(max-width:700px){header{height:58px;padding:0 5%;gap:8px;font-size:11px}.brand{display:none}header nav{gap:15px}.page{inset:60px 0 55px}.story-copy{width:90%;margin:0 5%;height:61%;padding:10px 0 10px}.story-copy h1{font-size:32px;margin:0 0 14px}.eyebrow{margin-bottom:10px;font-size:10px}.story-text{font-size:20px;line-height:1.85;letter-spacing:.02em;margin-bottom:10px}.reader{margin-top:12px;gap:10px}.reader-status{max-width:150px}.stage{inset:53% 0 0 12%;z-index:0}.story-copy{z-index:4}.room{inset:-17% -10% -10% -30%;height:130%;width:145%;object-fit:cover}.boy{width:44%;left:10%;bottom:1%}.teacher-figure{width:55%;left:40%;bottom:1%}.pupils{width:45%;left:16%;bottom:27%}.desk{width:34%;left:13%;bottom:-2%}.art-caption{display:none}.study{padding:14px 5% 0}.study h2{font-size:29px}.study .intro{font-size:12px;line-height:1.8;margin-bottom:20px}.study-grid{display:flex;flex-direction:column-reverse;gap:24px;overflow:auto;height:calc(100% - 85px);overscroll-behavior:contain}.study-grid>.scrollzone{overflow:visible;flex-shrink:0}.selection-area{padding:0}.char-grid{grid-template-columns:repeat(7,1fr);gap:4px}.char-choice{padding:9px 0}.char-choice b{font-size:31px}.char-choice .pinyin{font-size:10px}.char-choice small{font-size:8px}.poly-grid{gap:8px;margin-top:6px}.poly-grid button{min-width:62px;padding:8px}.write-note{margin:15px 0;font-size:10px}.word-grid{grid-template-columns:repeat(3,1fr);gap:9px}.word-choice{padding:10px 3px}.word-choice b{font-size:21px}.word-choice .pinyin{font-size:9px}.detail{padding:8px 5px 55px}.detail .big-char{font-size:72px}.detail .hint{font-size:12px}.dossier-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:0}.card-art{height:150px}.dossier-card h3{font-size:24px;margin:12px 0 8px}.dossier-card p{font-size:12px}.dossier-card{padding-bottom:10px}.understand-layout{display:block;height:calc(100% - 70px);overflow:auto;overscroll-behavior:contain}.understand-layout>section{overflow:visible;padding-bottom:15px}.overview{font-size:20px}.understand-layout .scrollzone{overflow:visible}.study h2{margin-bottom:8px}.exhibit-layout{display:flex;flex-direction:column;padding:75px 5% 25px;height:100%;overflow:auto;overscroll-behavior:contain}.exhibit-copy{flex-shrink:0;padding-right:0;overflow:visible}.exhibit-copy h2{font-size:31px;margin-bottom:15px}.topic-tabs{margin-bottom:20px;gap:15px}.topic-tabs button{font-size:12px}.topic-copy h3{font-size:25px}.topic-copy p{font-size:20px;line-height:1.9}.exhibit-art{height:330px;min-height:330px;order:2}.exhibit-art .stage{inset:0 -5% 0 -10%}.exhibit-art>.art-main{height:100%;inset:0}.source{margin-top:12px}.close{top:22px}footer{left:3%;right:3%;gap:4px;font-size:10px;bottom:12px}#page-status{min-width:140px}#dots{gap:6px}#dots button{width:4px;height:4px}#dots button[aria-current=true]{width:12px}footer button{width:30px}.study-grid.scrollzone{scrollbar-width:none}.scroll-hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.room,.sprite,.desk,.art-main,.art-object{transform:none!important}}

/* Independent layers blend on the same paper; keep pale walls behind opaque-looking pigments. */
.stage{background:var(--paper);mix-blend-mode:multiply}.room{opacity:.43}.stage>.desk{display:none}.boy{transform:translate(calc(var(--mx)*17px),calc(var(--my)*8px)) scaleX(-1)}.pupils{width:40%;left:2%;bottom:38%}.stage[data-stage="after"] .pupils{bottom:9%;left:0;width:48%;z-index:5}.stage[data-stage="after"] .boy{left:42%;bottom:8%}.stage[data-stage="after"] .teacher-figure{display:none}.stage[data-stage="after"] .boy{transform:translate(calc(var(--mx)*17px),calc(var(--my)*8px))}.stage[data-stage="after"] .room{opacity:.25}
@media(max-width:700px){.stage{inset:57% 0 0 0}.room{inset:-12% -5% -5% -15%;width:125%;height:118%}.pupils{width:34%;left:6%;bottom:35%}.boy{left:14%;width:43%}.teacher-figure{left:47%;width:52%}.story-copy{height:59%}.stage[data-stage="after"] .pupils{width:45%;left:9%}.stage[data-stage="after"] .boy{width:46%;left:43%;bottom:7%}.exhibit-art .stage{inset:0 -5% 0 -15%}}

.pupils{width:35%;left:0;bottom:13%}.boy{left:16%}.teacher-figure{left:45%}.teacher-figure.walking{--sheet:url('assets/teacher-walk.webp');transform:translateX(var(--step-offset,0px));width:54%}
@media(max-width:700px){.pupils{width:33%;left:2%;bottom:17%}.boy{left:24%;width:43%}.teacher-figure{left:52%;width:52%}.teacher-figure.walking{width:44%}}
@media(prefers-reduced-motion:reduce){.boy{transform:scaleX(-1)!important}.stage[data-stage="after"] .boy{transform:none!important}}

.room{mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 91%,transparent 100%)}
/* Version 2: full-bleed environment, independent camera depths and stop-motion story beats. */
:root{--camera-x:0;--camera-y:0}.story .stage{inset:0;background:#e9dbc1;mix-blend-mode:normal;cursor:grab}.story .stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f5ecddf5 0%,#f5ecddd9 36%,#f5ecdd55 56%,transparent 77%);z-index:1;pointer-events:none}.story .room{inset:-6%;width:112%;height:112%;opacity:.83;mask-image:none;mix-blend-mode:normal;transform:translate(calc(var(--camera-x)*10px),calc(var(--camera-y)*8px));object-fit:cover}.story .boy{width:30%;left:51%;bottom:10%;transform:translate(calc(var(--camera-x)*58px),calc(var(--camera-y)*24px)) scaleX(-1)}.story .teacher-figure{width:37%;left:68%;bottom:11%;transform:translate(calc(var(--camera-x)*35px),calc(var(--camera-y)*16px))}.story .teacher-figure.walking{width:32%;transform:translate(calc(var(--camera-x)*35px + var(--step-offset,0px)),calc(var(--camera-y)*16px))}.story .pupils{width:21%;left:42%;bottom:19%;transform:translate(calc(var(--camera-x)*23px),calc(var(--camera-y)*10px))}.friend{display:none}.story .stage[data-stage="after"] .pupils{display:none}.story .stage[data-stage="after"] .friend{display:block;--sheet:url('assets/friend-dialogue-v2.webp');width:35%;left:43%;bottom:10%;z-index:4;transform:translate(calc(var(--camera-x)*38px),calc(var(--camera-y)*17px))}.story .stage[data-stage="after"] .boy{--sheet:url('assets/sun-dialogue-v2.webp');width:35%;left:66%;bottom:10%;transform:translate(calc(var(--camera-x)*68px),calc(var(--camera-y)*27px));mix-blend-mode:normal}.story .stage[data-stage="after"] .room{opacity:.83}.story .stage[data-stage="after"] .friend{mix-blend-mode:normal}.story .stage[data-stage="after"][data-focus="friend"] .friend{filter:brightness(1.03)}.story .stage[data-stage="after"][data-focus="sun"] .boy{filter:brightness(1.04)}.story-copy{padding-bottom:24px;max-height:100%}.scene-tools{position:absolute;right:5%;bottom:1.7%;z-index:7;display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:52%;font-size:11px;color:#6f725d}.camera-tip{width:100%;text-align:right;opacity:.8}.beat-buttons{display:flex;gap:7px;align-items:center;margin-left:auto}.beat-buttons button{min-width:27px;min-height:27px;border-radius:50%;border:1px solid #86897555;background:#f5ecddaa;font-size:11px}.beat-buttons button[aria-pressed="true"]{background:#64795f;color:#fff;border-color:transparent}.beat-buttons .follow-reading{border-radius:15px;padding:3px 10px;font-size:10px}.beat-label{min-width:90px;text-align:right;font-family:Reading,serif;font-size:13px}.camera-dragging,.camera-dragging *{cursor:grabbing!important;user-select:none!important}.story img{user-select:none;-webkit-user-drag:none}.exhibit-art>.art-main{transform:translate(calc(var(--camera-x)*30px),calc(var(--camera-y)*15px))}.exhibit-art>.art-object{transform:translate(calc(var(--camera-x)*65px),calc(var(--camera-y)*27px))}.exhibit-art .room{transform:translate(calc(var(--camera-x)*10px),calc(var(--camera-y)*6px))}.exhibit-art .boy{transform:translateX(calc(var(--camera-x)*45px)) scaleX(-1)}.exhibit-art .teacher-figure{transform:translateX(calc(var(--camera-x)*26px))}
@media(max-width:700px){.story .stage{inset:0}.story .stage::after{background:linear-gradient(180deg,#f5ecddf5 0%,#f5ecddd9 42%,#f5ecdd44 65%,transparent 80%)}.story .room{object-position:68% center}.story-copy{height:58%;padding-bottom:8px}.story .boy{width:45%;left:25%;bottom:7%}.story .teacher-figure{width:52%;left:52%;bottom:9%}.story .teacher-figure.walking{width:45%}.story .pupils{width:34%;left:0;bottom:14%}.story .stage[data-stage="after"] .friend{width:58%;left:-3%;bottom:7%}.story .stage[data-stage="after"] .boy{width:58%;left:43%;bottom:7%}.scene-tools{max-width:94%;right:3%;bottom:1%;gap:4px}.camera-tip{font-size:9px}.beat-label{font-size:11px;min-width:78px}.beat-buttons{gap:5px}.beat-buttons button{min-width:25px;min-height:25px}.beat-buttons .follow-reading{padding:3px 7px}.exhibit-layout .topic-tabs{gap:7px;margin-bottom:22px}.topic-tabs button{margin-right:7px}.story .room{transform:translate(calc(var(--camera-x)*7px),calc(var(--camera-y)*5px))}.story .boy,.story .stage[data-stage="after"] .boy{transform:translate(calc(var(--camera-x)*30px),calc(var(--camera-y)*12px))}.story .boy:not(.dialogue-boy){transform:translate(calc(var(--camera-x)*30px),calc(var(--camera-y)*12px)) scaleX(-1)}.story .stage[data-stage="after"] .friend{transform:translate(calc(var(--camera-x)*17px),calc(var(--camera-y)*8px))}}
@media(prefers-reduced-motion:reduce){.story .room,.story .teacher-figure,.story .pupils,.story .friend,.story .dialogue-boy{transform:none!important}.story .boy:not(.dialogue-boy){transform:scaleX(-1)!important}.camera-tip{display:none}}

.knowledge-landscape{position:relative;height:100%;min-height:430px;background:radial-gradient(ellipse at 60% 60%,#e2cd9c88,transparent 73%)}.knowledge-landscape>img:first-child{position:absolute;width:65%;right:-1%;top:8%;mix-blend-mode:multiply;transform:translateX(calc(var(--camera-x)*22px));opacity:.8}.knowledge-notes{position:absolute;left:4%;top:35%;z-index:2;background:#f5edddda;padding:25px 28px;border-left:2px solid #9b8e68;transform:translateX(calc(var(--camera-x)*45px))}.knowledge-notes>span{font:60px Reading,serif;color:#97815e}.knowledge-notes h3{font:22px Reading,serif}.knowledge-notes p{font-size:14px;line-height:1.9}.knowledge-notes small{font-size:10px;color:#99947d}.knowledge-book{position:absolute;width:43%;bottom:0;right:0;mix-blend-mode:multiply;transform:translateX(calc(var(--camera-x)*68px))}@media(max-width:700px){.knowledge-landscape{min-height:330px}.knowledge-notes{top:30%;padding:12px 17px;left:2%}.knowledge-notes>span{font-size:38px}.knowledge-notes h3{font-size:17px}.knowledge-notes p{font-size:11px}.knowledge-landscape>img:first-child{width:55%;top:0}.knowledge-book{width:35%}}

.story .stage[data-stage="after"] .boy,.story .stage[data-stage="after"] .friend{bottom:3%}.knowledge-book{width:26%;bottom:0;right:1%;opacity:.8}#close-exhibit{position:absolute;top:26px;left:5%;right:auto;width:auto;display:block;text-align:left;font:13px system-ui;z-index:30}@media(max-width:700px){.story .stage[data-stage="after"] .boy,.story .stage[data-stage="after"] .friend{bottom:9%}.knowledge-book{width:24%}}

.boy:not(.dialogue-boy){--sheet:url('assets/boy-alpha-v2.webp');mix-blend-mode:normal}.teacher-figure{--sheet:url('assets/teacher-alpha-v2.webp');mix-blend-mode:normal}.pupils{--sheet:url('assets/pupils-alpha-v2.webp');mix-blend-mode:normal}.teacher-figure.walking{--sheet:url('assets/teacher-walk-alpha-v2.webp');mix-blend-mode:normal}.scene-tools{color:#42523d;text-shadow:0 1px 4px #f6eadb}.story .pupils{left:39%;bottom:14%}.story .boy{bottom:4%}.story .teacher-figure{bottom:4%}@media(max-width:700px){.story .pupils{left:0;bottom:14%}.story .boy{bottom:9%}.story .teacher-figure{bottom:9%}.scene-tools{left:3%;right:3%;max-width:none;justify-content:center}.beat-buttons{margin:0}.beat-label{width:100%;text-align:center}.camera-tip{text-align:center}}

.story .pupils{left:37%;bottom:7%}@media(max-width:700px){.story .pupils{left:0;bottom:14%}}

/* V3: automatic acting and transparent dossier art. */
.motion-boy{--sheet:url('assets/boy-actions-v3.webp')!important}.motion-teacher{--sheet:url('assets/teacher-actions-v3.webp')!important}
.scene-tools .beat-buttons button{border-radius:18px;min-width:64px;padding:5px 12px}.scene-tools .beat-label{min-width:100px}
#dossier{background:linear-gradient(135deg,#e9d8ba,#d6dcc3 60%,#e6c9a2)}
#dossier .study{padding-top:4vh}.card-art{background:none}.card-art img{mix-blend-mode:normal;object-fit:contain}
#exhibit{background:linear-gradient(125deg,#ecdfc7 5%,#d9d8b7 60%,#d2b38b)}
.exhibit-art,.knowledge-landscape,.knowledge-notes{background:none!important}
.exhibit-art img,.knowledge-landscape>img:first-child,.knowledge-book{mix-blend-mode:normal!important;opacity:1!important}
.exhibit-art .stage{background:transparent;mix-blend-mode:normal;inset:0;overflow:hidden}
.exhibit-art .room{inset:0;width:100%;height:100%;opacity:1;mask-image:none;mix-blend-mode:normal;object-fit:cover}
.exhibit-art .room-only{position:absolute;inset:0}.exhibit-art .room-only .stage{inset:0}
.exhibit-art .stage:not(.room-only .stage)::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e8d6b622,transparent);pointer-events:none}
@media(max-width:700px){#dossier .study{padding-top:2vh}.scene-tools .beat-label{min-width:0}.scene-tools .beat-buttons button{padding:4px 10px}.camera-tip{font-size:10px}}