@font-face{font-family:文黑;src:url('assets/文黑-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:文黑;src:url('assets/文黑-700.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:文黑;src:url('assets/文黑-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--desk:#e7e2d3;--ink:#34443b;--muted:#697167;--paper:#f2e8ce;--paper-bright:#fff7df;--paper-edge:#b7a789;--green:#345a49;--green-light:#709276;--red:#a24936;--line:#aeb1a0;--shadow:#544734;--art-cream:#e5d5ad;--art-white:#f7eccc;--art-shade:#b8ae85;--art-cut:#758773;--ex-paper:#f5efdf;--ex-ink:#34443b;--ex-muted:#687066;--ex-accent:#365f4d;--ex-line:#c2c4b3;--ex-panel:#eee7d7;--ex-font:文黑,'Noto Sans SC',sans-serif}
:root[data-theme=dark]{--desk:#202824;--ink:#e6d8b9;--muted:#b4b39f;--paper:#bba77e;--paper-bright:#dbca9f;--paper-edge:#716347;--green:#1c4035;--green-light:#496e52;--red:#b45e3e;--line:#626754;--shadow:#030b08;--art-cream:#c8b17c;--art-white:#e3cd93;--art-shade:#8b835a;--art-cut:#485641;--ex-paper:#27342d;--ex-ink:#e7e0cb;--ex-muted:#bdc2b1;--ex-accent:#bed2a7;--ex-line:#52624f;--ex-panel:#203027}
*{box-sizing:border-box}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{margin:0;background:var(--desk);color:var(--ink);font-family:文黑,'Noto Sans SC',system-ui,sans-serif;font-weight:500;font-synthesis:none;min-width:320px}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:20px;top:0;z-index:100;background:var(--ink);color:var(--desk);padding:14px;transform:translateY(-150%)}.skip:focus{transform:none}
#scene{overflow:hidden;min-height:100svh;position:relative;background:radial-gradient(ellipse at 56% 45%,color-mix(in srgb,var(--paper-bright) 68%,transparent),transparent 63%),repeating-linear-gradient(90deg,transparent 0 139px,color-mix(in srgb,var(--ink) 2%,transparent) 140px 141px),var(--desk)}#scene:after{content:'';position:absolute;width:1500px;height:650px;top:-450px;right:-270px;transform:rotate(35deg);background:linear-gradient(180deg,transparent,rgba(255,255,240,.27));pointer-events:none}:root[data-theme=dark] #scene{background:radial-gradient(ellipse at 76% 31%,#8c6b3545,transparent 45%),radial-gradient(ellipse at 40% 52%,#58604433,transparent 50%),var(--desk)}
.masthead{height:93px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent);position:relative;z-index:3}.brand{display:flex;gap:17px;align-items:center;font-size:19px;font-weight:700;letter-spacing:.04em}.brand-sign{width:42px;height:46px;display:grid;place-items:center;flex-shrink:0}.brand-sign svg{display:block;width:100%;height:auto}.brand small{display:block;font-size:10px;letter-spacing:.22em;font-weight:500;margin-top:6px;color:var(--muted)}.masthead nav{display:flex;align-items:center;gap:28px;font-size:12px}.masthead button{padding:12px 0}.masthead nav a{padding:12px 0}.masthead nav button:first-child span{margin-left:12px}.introduction{max-width:1230px;margin:36px auto 0;display:flex;justify-content:space-between;align-items:end;padding:0 30px}.eyebrow{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.14em;margin:0 0 15px;color:var(--muted)}.eyebrow span{width:23px;height:1px;background:var(--red)}h1{font-size:37px;line-height:1.3;letter-spacing:.045em;margin:0;font-weight:700}.intro-note{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 2px 20px}
.theatre{height:639px;width:1260px;margin:-5px auto 0;position:relative;perspective:2200px;isolation:isolate}.table-shadow{position:absolute;left:92px;top:470px;width:1050px;height:120px;border-radius:50%;background:#483b2d33;filter:blur(30px);transform:rotate(-3deg)}.desk-rule{position:absolute;top:88px;left:110px;width:1060px;height:438px;border:1px solid color-mix(in srgb,var(--ink) 11%,transparent);transform:rotate(5deg)}.desk-rule:after{content:'';position:absolute;inset:15px;border:1px solid color-mix(in srgb,var(--ink) 9%,transparent)}.loose-letter{position:absolute;top:110px;right:25px;width:190px;height:259px;padding:20px;background:#c5cbb8;box-shadow:0 10px 30px #22302726;transform:rotate(16deg);color:#506551}.loose-letter>span{font-size:16px;writing-mode:vertical-rl;letter-spacing:.26em}.loose-letter i{display:block;border-bottom:1px solid #75816850;width:100px;margin:18px 0 0}.loose-letter b{position:absolute;bottom:20px;right:20px;border:1px solid var(--red);color:var(--red);padding:4px;font-size:18px;font-weight:500}
.book{position:absolute;left:74px;top:135px;width:1098px;height:423px;transform:rotateX(16deg) rotateZ(-3deg);transform-style:preserve-3d}.back-cover{position:absolute;inset:-10px -11px -23px;background:var(--green);border:2px solid #243e30;box-shadow:0 8px 0 #21392e,0 15px 12px #23190f44;border-radius:10px 16px 24px 15px;transform:translateZ(-10px)}.back-cover:before{content:'';position:absolute;inset:7px;border:1px solid #b9ad78;border-radius:5px 10px 20px 8px}.page-stack{position:absolute;inset:6px 1px -11px;background:repeating-linear-gradient(0deg,var(--paper-edge) 0 1px,var(--paper) 1px 3px);border-radius:2px 2px 24px 20px;box-shadow:0 2px 0 #b2a083,0 5px 0 #dfd1ac,0 6px 0 #776d54;transform:translateZ(-3px)}.leaf{position:absolute;top:0;height:100%;width:50%;background:var(--paper-bright);border-top:1px solid #b8a57c;box-shadow:inset 0 -2px 1px #aa977c80}.leaf-left{left:0;transform-origin:right;transform:rotateY(-2deg);border-radius:10% 0 0 6% / 3% 0 0 3%;background:linear-gradient(90deg,var(--paper) 0,var(--paper-bright) 12%,var(--paper-bright) 72%,var(--paper) 93%,#a59571 100%)}.leaf-right{right:0;transform-origin:left;transform:rotateY(2deg);border-radius:0 7% 7% 0 / 0 3% 4% 0;background:linear-gradient(90deg,#9a8d6c 0,var(--paper) 6%,var(--paper-bright) 23%,var(--paper-bright) 84%,var(--paper) 100%)}.gutter{position:absolute;left:49.1%;top:0;width:24px;height:100%;background:linear-gradient(90deg,transparent,#685b3855,transparent);border-radius:50%}.leaf-rule{position:absolute;inset:24px 28px;border:1px solid #9c9a7847;border-radius:2px}.leaf-rule:before,.leaf-rule:after{content:'✧';position:absolute;left:-7px;color:#8b9370;background:var(--paper);font-size:12px}.leaf-rule:before{top:-8px}.leaf-rule:after{bottom:-7px}.ribbon{position:absolute;left:49.7%;top:0;width:24px;height:482px;transform:translateZ(1px) rotate(-1deg);background:linear-gradient(90deg,#813e2f,#a55039 45%,#743a2a);clip-path:polygon(0 0,100% 0,100% 100%,50% 96%,0 100%);opacity:.85}
.page-copy{position:absolute;left:64px;top:40px;width:368px;color:#374e3b;transform:translateZ(5px)}.page-kicker{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.08em;color:#677059;margin:0}.page-kicker i{height:1px;width:29px;background:#969b79}.page-copy h2{font-size:69px;letter-spacing:.08em;line-height:1.1;font-weight:800;margin:24px 0 19px}.page-copy h2.long{font-size:44px;line-height:1.3;letter-spacing:0}.page-copy #page-deck{font-size:14px;line-height:1.95;margin:0;max-width:300px}.page-preview{font-size:11px;color:#6b725b;letter-spacing:.04em;margin:18px 0 21px}.read-page{display:inline-flex;align-items:center;gap:66px;padding:12px 0 9px;border-bottom:1px solid #42543c;min-height:44px;font-size:15px;font-weight:700}.read-page span{font-size:25px;font-weight:500;line-height:1}.read-page:hover{color:#a34935;border-color:#a34935}.page-footnote{font-size:9px;letter-spacing:.12em;display:block;color:#6f745b;margin-top:30px}.page-footnote i{margin:0 6px}:root[data-theme=dark] .page-copy{color:#293e2b}:root[data-theme=dark] .page-kicker,:root[data-theme=dark] .page-preview,:root[data-theme=dark] .page-footnote{color:#43513c}
.garden{position:absolute;left:463px;top:-113px;width:605px;height:480px;transform:rotateX(-16deg) translateZ(18px);transform-style:preserve-3d;pointer-events:none}.sky-lines{position:absolute;width:570px;height:446px;left:12px;top:-15px;fill:none;stroke:#8b987555;stroke-width:1}.paper-layer{position:absolute;transform-origin:50% 100%;filter:drop-shadow(5px 8px 2px #51482930)}.paper-layer svg{width:100%;height:100%;overflow:visible}.paper-fill{fill:var(--art-cream);stroke:#897c51;stroke-width:1.2}.paper-shadow{fill:#6e7756}.paper-line{fill:none;stroke:#a69770;stroke-width:1.2}.cutout{fill:var(--art-cut)}.back-city{left:16px;bottom:57px;width:560px;height:305px;transform:rotateY(-5deg) translateZ(4px)}.back-city:after{content:'';position:absolute;bottom:-10px;left:16px;width:510px;height:18px;background:#c3b78e;transform:skewX(-35deg);border-bottom:1px solid #988d6a;z-index:-1}.paper-moon{position:absolute;left:355px;top:2px;width:147px;height:200px;transform:rotate(10deg) translateZ(8px);filter:drop-shadow(7px 7px 3px #463f2530)}.moon-disc{width:143px;height:143px;border:1px solid #b6a579;border-radius:50%;background:var(--art-white);position:relative;box-shadow:inset -12px 0 #caba8f,inset -13px 0 #ae9b6c}.moon-disc:before{content:'';position:absolute;inset:10px;border:1px solid #b8a675;border-radius:50%}.moon-disc:after{content:'✧';position:absolute;left:43px;top:27px;font-size:70px;color:#a79469}.moon-disc span{position:absolute;top:18px;left:50%;width:1px;height:104px;background:#baa87b;transform:rotate(-34deg)}.moon-fold{height:68px;width:37px;background:linear-gradient(90deg,#b1a582 50%,#d6c69d 50%);position:absolute;left:52px;top:141px;clip-path:polygon(0 0,100% 0,60% 100%,0 100%)}.fold-ground{position:absolute;width:460px;height:116px;left:71px;bottom:13px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,#c6c5a580 0 7px,#7c8e7040 8px 9px,#eee4be60 10px 18px);transform:rotateX(65deg);box-shadow:0 11px 5px #5965412b}.side-fan{width:162px;height:182px;bottom:40px;transform:rotateY(24deg) rotateZ(-8deg);filter:drop-shadow(9px 10px 3px #51482930)}.fan-left{left:29px}.fan-right{right:9px;transform:scaleX(-1) rotateY(24deg) rotateZ(-8deg)}.fan-shade{fill:var(--art-shade);stroke:#948963;stroke-width:1}.feature-layer{width:337px;height:302px;left:139px;bottom:37px;transform:translateZ(22px)}.feature-layer svg{filter:drop-shadow(4px 3px 0 #a299753f)}.front-hedge{left:3px;bottom:0;width:575px;height:149px;transform:translateZ(40px);filter:drop-shadow(8px 12px 5px #37442b45)}.hedge-fill{fill:var(--green-light);stroke:#36533f;stroke-width:1}.hedge-shadow{fill:#294c39}.hedge-line{fill:none;stroke:#d3d0a373;stroke-width:1}.garden-caption{position:absolute;bottom:-22px;right:38px;font-size:9px;color:#5e6c4f;letter-spacing:.12em}.garden-caption b{font-weight:500}.art-main{fill:var(--art-white);stroke:#786d48;stroke-width:1.3}.art-secondary{fill:#9baa85;stroke:#677a5d;stroke-width:1.2}.art-red{fill:var(--red);stroke:#874934;stroke-width:1}.art-green{fill:#486b4e;stroke:#2f5039;stroke-width:1}.art-line{fill:none;stroke:#8d8056;stroke-width:1.3}.art-light-line{fill:none;stroke:#d3c399;stroke-width:1.2}.art-hole{fill:var(--art-cut)}
.page-turn{display:none;position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:left center;z-index:20;backface-visibility:visible;background:linear-gradient(90deg,#b7a480,var(--paper-bright) 18%,var(--paper) 100%);border:1px solid #ad9c75;border-radius:0 9px 15px 0;box-shadow:18px 6px 25px #413b2422;transform:translateZ(50px)}.page-turn span{position:absolute;left:30px;top:26px;font-size:11px;color:#838a67;letter-spacing:.08em}.page-turn i{font-style:normal;position:absolute;left:40%;top:31%;font-size:90px;color:#a9ac8160}.book-cover{display:none;position:absolute;left:0;top:-4px;width:50%;height:calc(100% + 12px);transform-origin:right center;background:var(--green);border:2px solid #bcb083;z-index:40;color:#e6d9ae;transform:translateZ(80px);border-radius:10px 0 0 10px;backface-visibility:hidden;box-shadow:8px 4px 20px #21302140}.book-cover:before{content:'';position:absolute;inset:16px;border:1px solid #b5a776}.book-cover>span{display:block;margin:57px 50px 0;font-size:46px;line-height:1.4;font-weight:700;letter-spacing:.15em}.book-cover small{display:block;margin:25px 50px;font-size:11px;letter-spacing:.15em}.book-cover i{position:absolute;right:40px;bottom:28px;font-size:50px;font-style:normal;border:1px solid #cab986;padding:4px 11px}
.bookmarks{position:absolute;left:34px;right:35px;top:calc(100% + 4px);height:60px;display:grid;grid-template-columns:repeat(6,1fr) 1.35fr;gap:8px;transform:translateZ(-6px);z-index:-1}.bookmarks button{background:#d4d4b3;color:#3b5440;position:relative;display:flex;justify-content:center;gap:11px;align-items:center;font-size:14px;font-weight:700;padding:10px 12px 16px;clip-path:polygon(0 0,100% 0,100% 93%,92% 100%,5% 94%,0 100%);filter:drop-shadow(2px 3px 2px #3b382722);border-inline:1px solid #a0a183;transform:translateY(-1px);transition:transform .25s ease,background .25s,color .25s}.bookmarks button>span{font-size:10px;font-weight:500;opacity:.8}.bookmarks button:nth-child(2n){background:#bdc4a6}.bookmarks button[aria-current=true]{background:var(--red);color:#fff0cc;transform:translateY(11px)}.bookmarks button:hover{transform:translateY(10px);background:#557255;color:#fff4d3}.bookmarks button:focus-visible{outline:3px solid #8b301d;outline-offset:-4px}.scene-bottom{position:absolute;left:84px;right:81px;bottom:-15px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.scene-instruction i{font-size:23px;vertical-align:-3px;margin-right:9px;font-style:normal;color:var(--red)}.scene-bottom>div{display:flex;gap:22px}.scene-bottom button{min-height:44px;padding:6px 3px}.skip-intro{position:absolute;z-index:50;right:89px;top:88px;background:var(--ink);color:var(--desk);border:1px solid var(--muted);padding:11px 17px;font-size:12px}footer{display:flex;justify-content:space-between;margin:45px 5% 0;padding:22px 0 25px;border-top:1px solid color-mix(in srgb,var(--ink) 17%,transparent);font-size:10px;letter-spacing:.04em;color:var(--muted)}footer b{font-weight:500;margin-left:14px;font-size:9px}
.theatre[data-category=people] .paper-moon{left:386px}.theatre[data-category=items] .back-city{opacity:.68}.theatre[data-category=gods] .paper-moon{left:246px;top:-10px;transform:scale(1.15) rotate(10deg)}.theatre[data-category=world] .back-city{opacity:.45}.theatre[data-category=world] .paper-moon{left:407px;transform:scale(.75)}.theatre[data-category=factions] .side-fan{opacity:.7}:root[data-theme=dark] .garden{filter:drop-shadow(0 0 26px #e2af5223)}:root[data-theme=dark] .loose-letter{background:#64715c;color:#d7cfb2}:root[data-theme=dark] .sky-lines{stroke:#c5b58244}:root[data-theme=dark] .garden-caption{color:#424e35}
@media(max-width:1279px){.theatre{width:1120px;height:570px;margin-left:calc((100% - 1120px)/2)}.book{left:71px;top:116px;transform:scale(.89) rotateX(16deg) rotateZ(-3deg);transform-origin:top left}.introduction{margin-top:27px;padding:0 7%}h1{font-size:32px}.loose-letter{right:38px;top:97px;transform:scale(.9) rotate(16deg)}.table-shadow{left:120px;top:440px;width:870px}.desk-rule{left:90px;width:935px;height:380px}.scene-bottom{left:87px;right:76px;bottom:0}footer{margin-top:22px}.masthead{height:78px}}
@media(min-width:1280px) and (max-height:850px){.masthead{height:77px}.introduction{margin-top:25px}h1{font-size:32px}.theatre{height:540px}.book{top:110px;transform:scale(.91) rotateX(16deg) rotateZ(-3deg);transform-origin:top center}.loose-letter{top:88px;right:63px;transform:scale(.85) rotate(16deg)}.table-shadow{top:430px}.desk-rule{top:95px;height:355px;width:1000px;left:142px}.scene-bottom{bottom:-4px;left:130px;right:125px}footer{margin-top:29px;padding-top:19px}}
@media(max-width:900px){.masthead{margin:0 25px}.masthead nav{gap:18px;font-size:11px}.brand{font-size:15px}.brand small{font-size:8px}.introduction{padding:0 35px}.theatre{width:850px;height:480px;margin-left:calc((100% - 850px)/2)}.book{left:57px;top:105px;transform:scale(.67) rotateX(16deg) rotateZ(-3deg)}.loose-letter{right:42px;top:73px;transform:scale(.7) rotate(16deg)}.table-shadow{left:70px;width:720px;top:338px}.desk-rule{left:69px;top:86px;width:720px;height:282px}.scene-bottom{left:70px;right:65px;bottom:10px}.bookmarks button{font-size:17px}.page-copy #page-deck{font-size:16px}.page-preview{font-size:13px}footer{margin-top:4px}.intro-note{font-size:10px}}
@media(max-width:600px){.masthead{margin:0 20px;height:77px}.brand{gap:10px;font-size:14px}.brand-sign{width:32px;height:37px;font-size:21px}.brand small{font-size:7px;letter-spacing:.1em}.masthead nav{gap:12px}.masthead nav>a{display:none}.masthead button{font-size:10px}.masthead nav button:first-child span{display:none}.introduction{padding:0 23px;margin-top:26px;display:block}.intro-note{margin:14px 0 0;font-size:11px}.intro-note br{display:none}h1{font-size:27px}.eyebrow{font-size:9px}.theatre{width:100%;height:825px;margin:0;perspective:none}.book{left:20px;right:20px;width:auto;top:300px;height:376px;transform:rotate(-2deg);transform-style:flat}.back-cover{border-radius:8px}.page-stack{border-radius:8px}.leaf-left{width:100%;border-radius:4px;background:linear-gradient(90deg,var(--paper),var(--paper-bright) 12%,var(--paper-bright) 82%,var(--paper));transform:none}.leaf-right,.gutter,.ribbon,.leaf-rule{display:none}.page-copy{left:29px;top:31px;width:calc(100% - 58px)}.page-copy h2{font-size:48px;margin:18px 0 13px}.page-copy h2.long{font-size:35px}.page-copy #page-deck{font-size:13px}.page-preview{font-size:11px;margin:14px 0 12px}.page-footnote{margin-top:25px}.garden{left:calc((100% - 605px)/2);top:-310px;transform:scale(.62);transform-origin:50% 100%;height:390px}.garden .back-city{bottom:32px}.garden .paper-moon{top:-25px}.feature-layer{bottom:12px}.side-fan{bottom:15px}.front-hedge{bottom:-25px}.garden-caption{display:none}.loose-letter,.desk-rule{display:none}.table-shadow{left:35px;top:629px;width:calc(100% - 70px);height:80px}.bookmarks{left:3px;right:3px;grid-template-columns:repeat(4,1fr);height:auto;gap:5px 4px;top:100%;z-index:0;transform:none}.bookmarks button{font-size:12px;min-height:45px;padding:8px 5px;gap:5px;clip-path:none}.bookmarks button span{font-size:8px}.bookmarks button[aria-current=true],.bookmarks button:hover{transform:none;background:var(--red);color:#fff0cc}.bookmarks button:last-child{grid-column:span 2}.scene-bottom{left:24px;right:24px;bottom:0;align-items:start}.scene-bottom>div{gap:13px}.scene-instruction{max-width:150px;font-size:9px}.scene-instruction i{font-size:18px;margin-right:3px}.scene-bottom button{font-size:10px}.page-turn{left:0;width:100%}.book-cover{width:100%;transform-origin:right}.book-cover>span{font-size:39px;margin-top:43px}.skip-intro{top:271px;right:25px}.intro-note{max-width:290px}.read-page{font-size:14px}.sky-lines{opacity:.6}footer{margin:25px 24px 0;display:flex;flex-wrap:wrap;gap:14px;line-height:1.7}footer>span:nth-child(2){order:3;width:100%}footer>span:last-child{margin-left:auto}.bookmarks button:focus-visible{outline-offset:-2px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* Keep leaf faces above their cut edges in the shared perspective. */
.leaf-left,.leaf-right{transform:translateZ(3px)}
@media(min-width:1280px) and (min-height:851px){.book{top:105px}}
/* Flatten each paper assembly before placing the book in perspective. */
.book,.garden{transform-style:flat}.back-cover{z-index:-3}.page-stack{z-index:-2}.leaf{z-index:-1}.leaf-rule,.gutter{z-index:0}.ribbon{z-index:1}.page-copy{z-index:4}.garden{z-index:3}.bookmarks{z-index:-4}
:root[data-theme=dark] #scene:after{top:-240px;right:-280px;width:1040px;height:1100px;transform:none;background:radial-gradient(ellipse at 75% 25%,#f0c36e14,transparent 62%)}
@media(max-width:600px){.bookmarks{z-index:5}}
.bookmarks{z-index:2;top:calc(100% + 14px)}
.scene-bottom{bottom:-29px}
@media(min-width:1280px) and (max-height:850px){.scene-bottom{bottom:-20px}}
@media(max-width:1279px){.scene-bottom{bottom:-12px}}
@media(max-width:900px){.scene-bottom{bottom:0}}
@media(max-width:600px){.bookmarks{top:100%;z-index:5}.scene-bottom{bottom:0}}
@media(min-width:1280px) and (max-height:850px){.book{top:78px;transform:scale(.85) rotateX(16deg) rotateZ(-3deg)}}
@media(max-width:600px){.garden{top:-400px}}
.book-cover,.page-turn{pointer-events:none}
/* Seven joined strips share a continuous print, with an actual verso and a spine hinge. */
.page-turn{background:none;border:0;box-shadow:none;border-radius:0;transform:translateZ(8px);perspective:1600px;perspective-origin:0 50%;overflow:visible}
.turn-segment{position:absolute;left:100%;top:0;width:100%;height:100%;transform-origin:0 50%;transform-style:preserve-3d}
.page-turn>.turn-segment{left:0;width:calc(100% / 7)}
.turn-face{position:absolute;inset:0 -1px 0 0;overflow:hidden;backface-visibility:hidden;background:var(--paper-bright);border-block:1px solid #ad9c75;transform:translateZ(.35px);box-shadow:inset -7px 0 12px #6252380b}
.turn-back{transform:rotateY(180deg) translateZ(.4px);background:var(--paper)}
.turn-print{position:absolute;width:700%;height:100%;left:calc(var(--segment) * -100%);top:0;background:linear-gradient(90deg,#a1916a50,transparent 18%,#f7efd43a 65%,#9e8c6430);color:#3b513d}
.turn-back .turn-print{left:calc((6 - var(--segment)) * -100%);background:linear-gradient(90deg,#b4a17b40,transparent 12%,#f3e3bb50 70%,#85774e44)}
.turn-print:after{content:'';position:absolute;inset:25px;border:1px solid #91866245}
.page-turn .turn-running-title{top:37px;left:52px;color:#677059;font-size:11px;letter-spacing:.1em}
.page-turn .turn-folio{top:auto;bottom:36px;left:52px;color:#6b725b;font-size:10px}
.turn-engraving{position:absolute;left:127px;top:75px;width:270px;height:265px;opacity:.68}
.turn-engraving svg{width:100%;height:100%}
.turn-print strong{display:block;margin:95px 52px 22px;font-size:47px;line-height:1.3;letter-spacing:.05em}
.turn-print p{margin:0 52px;font-size:14px;line-height:1.95}
.turn-shadow{display:none;position:absolute;z-index:15;left:30%;top:1%;width:45%;height:98%;pointer-events:none;transform-origin:50%;background:linear-gradient(90deg,transparent,#44391e 48%,transparent);filter:blur(12px);opacity:0}
.paper-moon{transform-origin:50% 100%}
@media(max-width:600px){.page-turn{perspective:1100px}.turn-engraving{left:70px;width:210px}.turn-print strong{font-size:30px;margin:80px 35px 20px}.turn-print p{margin-inline:35px;font-size:12px}.page-turn .turn-running-title,.page-turn .turn-folio{left:35px}.turn-print:after{inset:20px}.turn-shadow{left:10%;width:80%}}
@media(min-width:1280px) and (max-height:850px){.scene-bottom{bottom:-32px}}

/* Button semantics keep the original visual design without any destination. */
[data-exhibit-theme] svg{width:19px;height:19px;display:block}.bookmarks button{border-top:0;border-bottom:0}.read-page{cursor:default}.read-page:hover{color:inherit;border-color:#42543c}