:root{color:#344e43;font-synthesis:none;--ink:#344e43;--muted:#8b9181;--line:#d6d8ca;--coral:#c66d55;background:#f2eee4;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.36}button:focus-visible,a:focus-visible{outline-offset:6px;outline:2px solid #bb644b}button{color:inherit}a{color:inherit;text-decoration:none}button svg{flex-shrink:0;width:20px;height:20px}button{touch-action:manipulation}#world{background:radial-gradient(at 55% 43%,#f7f4e9 0,#f0ecdf 63%,#e7e5d8 100%);width:100%;height:100%;position:fixed;inset:0}.paper-grain{opacity:.09;pointer-events:none;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.35' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}.masthead{z-index:10;justify-content:space-between;align-items:center;display:flex;position:fixed;top:32px;left:42px;right:42px}.brand{align-items:center;gap:12px;display:flex}.brand>svg{width:36px;height:36px}.brand>span{letter-spacing:3px;font-family:Songti SC,STSong,serif;font-size:19px;font-weight:700}.brand small{letter-spacing:2.25px;color:#7a8576;margin-top:6px;font-family:Arial,sans-serif;font-size:8px;font-weight:400;display:block}.top-actions{align-items:center;gap:12px;display:flex}.edition{letter-spacing:1.4px;color:#7f8777;margin-right:24px;font-size:9px}.edition i{opacity:.5;margin:0 8px;font-style:normal}.icon-button{background:#f7f4e980;border:1px solid #cdd2c3;border-radius:50%;justify-content:center;align-items:center;width:39px;height:39px;transition:background .2s,transform .2s;display:inline-flex}.icon-button:hover{background:#fffaf0;transform:translateY(-1px)}.intro{z-index:5;transition:opacity .45s,transform .6s;position:fixed;top:27%;left:8%}.eyebrow{letter-spacing:3px;color:#85917d;align-items:center;gap:9px;font-size:10px;display:flex}.eyebrow>span{background:var(--coral);width:20px;height:1px}.intro h1{letter-spacing:5px;margin:26px 0 24px;font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-size:clamp(62px,6.3vw,100px);font-weight:500;line-height:1.12;position:relative}.intro h1 span{color:#c2755b}.intro h1 sup{color:#d1ab64;font-family:Georgia,serif;font-size:44px;font-weight:400;position:absolute;top:36px;right:8px}.intro-copy{letter-spacing:1px;color:#7e8879;margin:0 0 26px;font-size:12px;line-height:2.05}.primary{color:#fff4db;letter-spacing:2px;background:#365849;border:1px solid #365849;border-radius:3px;justify-content:center;align-items:center;gap:36px;padding:15px 23px;font-size:12px;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 6px 15px #36584910}.primary:hover{background:#466c59;transform:translateY(-2px)}.primary>span{font-size:21px;line-height:1}.intro-meta{color:#919687;letter-spacing:1px;gap:10px;margin-top:18px;font-size:9px;display:flex}.intro-meta b{font-weight:400}.book-note{z-index:4;color:#88927d;text-align:right;position:fixed;bottom:18%;right:7%;transform:rotate(-5deg)}.book-note>span{letter-spacing:2px;margin-bottom:12px;font-size:9px;display:block}.book-note i{color:#96a08c;font-family:Georgia,serif;font-size:19px;line-height:1.4}.footer{z-index:10;border-top:1px solid #d6d8ca;justify-content:space-between;align-items:center;padding-top:19px;display:flex;position:fixed;bottom:28px;left:44px;right:44px}.chapter-track{align-items:center;gap:13px;display:flex}.chapter-track button{letter-spacing:1px;color:#9ca18d;background:0 0;border:0;padding:4px 0;font-size:11px;position:relative}.chapter-track button.active{color:#ba6952}.chapter-track button.active:before{content:"";background:#ba6952;border-radius:50%;width:4px;height:4px;position:absolute;top:-7px;left:calc(50% - 2px)}.chapter-track button.done{color:#526f57}.chapter-track span{background:#cdd1bf;width:28px;height:1px}.footer-caption{letter-spacing:2px;color:#929884;font-size:10px}.maker{letter-spacing:1.8px;color:#8e967f;font-size:8px}.maker span{margin-left:14px;font-size:18px}.play-only{opacity:0;pointer-events:none;transition:opacity .5s}.playing .play-only{opacity:1;pointer-events:auto}.playing .intro{opacity:0;pointer-events:none;transform:translateY(-12px)}.playing .intro-only{opacity:0;pointer-events:none}.chapter-heading{text-align:center;z-index:4;position:fixed;top:104px;left:0;right:0;pointer-events:none!important}.chapter-heading .eyebrow{letter-spacing:3px;justify-content:center;font-size:9px}.chapter-heading h1{letter-spacing:5px;margin:12px 0 10px;font-family:Songti SC,serif;font-size:32px;font-weight:500}.chapter-heading p{letter-spacing:1.5px;color:#929580;margin:0;font-size:11px}.pins{z-index:6;position:fixed;inset:0;pointer-events:none!important}.pins button{pointer-events:auto;white-space:nowrap;will-change:top,left;position:absolute}.fold-pin{color:#fff9e6;letter-spacing:1px;touch-action:none;cursor:grab;background:#c96f56;border:0;border-radius:3px 3px 3px 0;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:flex;transform:translate(-30%,-120%);box-shadow:0 3px 7px #7c5b3822}.fold-pin i{border-top:8px solid #c96f56;border-right:7px solid #0000;position:absolute;bottom:-7px;left:30%}.fold-pin:hover{background:#b65d47}.fold-pin .fold-symbol{font-size:18px;line-height:1}.fold-pin.dragging{cursor:grabbing;background:#a65440;box-shadow:0 5px 15px #745b3b40}.destination-pin{color:#798975;background:0 0;border:0;flex-direction:column;align-items:center;min-width:70px;padding:0;display:flex;transform:translate(-50%,-50%)}.destination-ring{background:#fffaf0bd;border:1px dashed #9ba58c;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:18px;transition:background .2s,transform .2s;display:flex;box-shadow:0 2px 6px #82785310}.destination-label{letter-spacing:.6px;background:#f9f7ecdc;border-radius:2px;margin-top:5px;padding:3px 7px;font-size:10px;box-shadow:0 1px 4px #8278530b}.destination-pin.reachable .destination-ring{color:#fff8da;background:#587c60;border:1px solid #e9efd9;box-shadow:0 0 0 4px #e9efd935}.destination-pin:hover .destination-ring{transform:scale(1.13)}.destination-pin.current{opacity:.5}.camera-controls{z-index:7;flex-direction:column;align-items:center;gap:11px;display:flex;position:fixed;top:50%;right:42px}.camera-controls>span{writing-mode:vertical-rl;letter-spacing:3px;color:#9a9d8d;margin:5px 0;font-size:9px}.tools{gap:27px;display:flex}.tools button{letter-spacing:1px;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:10px;display:flex}.tools svg{width:15px;height:15px}.tools button:hover{color:#b36750}.instruction-card{z-index:5;color:#7b8d76;align-items:center;gap:13px;display:flex;position:fixed;bottom:109px;left:42px}.instruction-card .gesture{color:#c1876a;font-size:32px;font-weight:200}.instruction-card strong{letter-spacing:1px;font-size:11px;font-weight:500;display:block}.instruction-card small{letter-spacing:.5px;color:#9a9e8d;margin-top:6px;font-size:9px;display:block}.toast{letter-spacing:1px;color:#5b6d57;opacity:0;z-index:12;pointer-events:none;text-align:center;background:#fffcefef;border:1px solid #e2dfce;border-radius:4px;max-width:65%;padding:13px 22px;font-size:11px;line-height:1.7;transition:opacity .2s,transform .2s;position:fixed;bottom:115px;left:50%;transform:translate(-50%,10px);box-shadow:0 5px 20px #77653b0b}.toast.visible{opacity:1;transform:translate(-50%)}.completion{z-index:11;text-align:center;background:#faf7ebed;border:1px solid #dedfcb;border-radius:5px;min-width:440px;padding:24px 36px 25px;animation:.6s both arrive;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 15px 45px #6162460c}.completion .eyebrow{justify-content:center;font-size:9px}.completion h2{letter-spacing:2px;margin:14px 0 10px;font-family:Songti SC,serif;font-size:23px;font-weight:500}.completion p{color:#89917f;letter-spacing:.7px;font-size:11px}.completion>div{justify-content:center;align-items:center;gap:18px;margin-top:18px;display:flex}.completion .primary{letter-spacing:1px;padding:11px 18px;font-size:10px}.text-button{color:#a37654;background:0 0;border:0;font-size:10px}.won .instruction-card{opacity:0}.watching .interface{opacity:0!important;pointer-events:none!important}.watching .pins button{pointer-events:none}.exit-watch{z-index:30;opacity:.5;background:#f6f3e8bd;border:1px solid #c9d0bd;border-radius:3px;padding:8px 12px;font-size:10px;position:fixed;bottom:24px;right:28px}.exit-watch:hover{opacity:1}.exit-watch kbd{margin-left:9px;font-size:9px}.turning .pins,.turning .chapter-heading{opacity:0;pointer-events:none}.error{z-index:100;background:#f3efe4;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.error h2{font-family:Songti SC,serif}.error p{color:#829078;max-width:430px;font-size:14px;line-height:1.8}.error button{margin-top:16px}[hidden]{display:none!important}@keyframes arrive{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@media (width<=1000px){.edition{display:none}.intro{left:6%}.intro h1{font-size:68px}.book-note{display:none}.masthead,.footer{left:25px;right:25px}.instruction-card{bottom:96px;left:25px}.camera-controls{right:20px}.maker{display:none}.chapter-heading{top:100px}.chapter-heading h1{font-size:25px}.footer-caption{font-size:9px}.toast{bottom:150px}.completion{min-width:380px}}@media (width<=600px){.intro{top:20%;left:9%}.intro h1{font-size:60px}.intro-copy{font-size:11px}.brand>span{font-size:15px}.brand small{font-size:6px}.brand>svg{width:28px}.masthead{top:20px}.footer{bottom:20px}.instruction-card{display:none}.tools{gap:15px}.tools button{font-size:9px}.chapter-track{gap:7px}.chapter-track span{width:12px}.chapter-heading{top:94px}.completion{width:90%;min-width:0;padding:22px 16px;bottom:84px}.completion h2{font-size:20px}.toast{width:90%;max-width:90%;bottom:93px}.fold-pin{padding:6px 8px;font-size:9px}.destination-label{font-size:9px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.chapter-heading{text-align:left;max-width:270px;top:135px;left:5%;right:auto}.chapter-heading .eyebrow{justify-content:flex-start}.chapter-heading h1{font-size:29px}.chapter-heading p{max-width:205px;line-height:1.9}.chapter-heading .eyebrow{letter-spacing:2px}@media (width<=1000px){.chapter-heading{max-width:190px;top:110px;left:30px}.chapter-heading h1{letter-spacing:2px;font-size:23px}.chapter-heading p{max-width:160px;font-size:10px}}@media (width<=600px){.chapter-heading{top:95px;left:25px}.chapter-heading h1{font-size:21px}}.pin-leaders{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pin-leaders line{stroke:#a49879;stroke-width:1px;stroke-dasharray:3 3;opacity:.7}.watching .interface{visibility:hidden;transition:none!important}#world{touch-action:none}.playing #world{cursor:grab}.playing #world.camera-dragging{cursor:grabbing}