@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Italiana&display=swap";:root{font-family:DM Sans,sans-serif;color:#eee5d6;background:#12131f;font-synthesis:none;font-weight:300;--gold: #cbb48f;--muted: #92909b}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:1px solid var(--gold);outline-offset:8px}button:hover{color:#fff1cf}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.atmosphere{position:fixed;inset:0;background:radial-gradient(ellipse at 69% 46%,#5a425545 0%,#33324f38 32%,transparent 65%),linear-gradient(165deg,#151723,#1a192a 55%,#242332);transition:filter 3s}body[data-chapter="2"] .atmosphere{filter:hue-rotate(15deg) brightness(.7)}#world{position:fixed;inset:0;width:100%;height:100%;cursor:grab}.grain{position:fixed;inset:0;opacity:.035;pointer-events:none;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{position:fixed;top:0;left:0;width:100%;padding:34px 4.1%;display:flex;align-items:center;justify-content:space-between;z-index:5}.brand{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:2.8px}.brand svg{width:30px;height:30px;color:var(--gold)}.edition{font-size:9px;letter-spacing:2.2px;color:#b0a6ab}.edition i{font-style:normal;margin:0 17px;color:#6c6472}.sound{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.8px}.sound svg{width:22px;height:22px;color:var(--gold)}.sound[aria-pressed=true] svg{animation:breathe 3s infinite}.intro{position:absolute;left:7.1%;top:23.5%;width:350px;z-index:2;pointer-events:none}.intro button{pointer-events:auto}.overline{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:9px;letter-spacing:2.6px}.tiny-line{width:27px;height:1px;background:var(--gold)}h1{font-family:Italiana,Georgia,serif;font-weight:400;font-size:clamp(84px,9.4vw,150px);line-height:1.1;letter-spacing:-5px;margin:24px 0 6px}.title-dot{color:var(--gold)}.byline{font-family:Georgia,serif;font-style:italic;font-size:15px;letter-spacing:.4px;color:#a69da7;padding-left:4px}.chapter-copy{margin-top:53px;min-height:156px}.eyebrow{font-size:8px;letter-spacing:2.3px;color:var(--gold)}h2{font-family:Georgia,serif;font-weight:400;font-size:24px;line-height:1.47;letter-spacing:-.4px;margin:17px 0 14px}h2 em{color:#dfc6a2;font-weight:400}.chapter-copy p{font-size:11px;line-height:1.9;color:#a8a1ac;margin:0}.enter{padding:14px 0 12px;margin-top:22px;border-bottom:1px solid #a58b635c;font-size:8px;letter-spacing:2px;display:flex;align-items:center;gap:36px;color:#d8c4a5}.enter span{font-size:20px;line-height:12px;transition:transform .3s}.enter:hover span{transform:translate(4px,-4px)}.scene-caption{position:absolute;left:64%;top:14%;font-family:Georgia,serif;font-style:italic;color:#a99cab;font-size:12px;transform:translate(-50%);white-space:nowrap;pointer-events:none}.scene-caption>span{font-family:DM Sans,sans-serif;font-style:normal;font-size:7px;letter-spacing:2px;margin-right:13px;color:var(--gold)}.scene-caption i{margin-left:13px;color:var(--gold);font-size:17px}.landmarks{position:fixed;inset:0;pointer-events:none}.landmark{position:absolute;left:0;top:0;pointer-events:auto;display:flex;align-items:center;padding:0;gap:10px;white-space:nowrap;transition:opacity .4s;z-index:3}.marker{border:1px solid #d8bd8c88;background:#24233388;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:8px;letter-spacing:1px;color:#ebd6ae;box-shadow:0 0 0 5px #d8bd8c08;transition:.3s}.landmark-label{font-size:7px;letter-spacing:1.7px;color:#e6d5bc;text-shadow:0 2px 8px #000;background:#191a2544;padding:5px 6px;border-radius:3px;opacity:.8;transition:.3s}.landmark:hover .marker,.landmark.selected .marker{background:#cbb48f;color:#181923;box-shadow:0 0 0 7px #d8bd8c1a}.landmark:hover .landmark-label{opacity:1}.compass{position:absolute;right:4.5%;bottom:23%;text-align:center;color:#a99679;pointer-events:none}.compass>span{font-size:7px;letter-spacing:1px}.compass>div{font-family:Georgia,serif;font-size:55px;line-height:1.2;font-weight:100}.compass small{font-size:6px;letter-spacing:2px}.drag-hint{position:fixed;left:65%;bottom:17%;transform:translate(-50%);font-size:7px;letter-spacing:1.6px;color:#a69aa9;white-space:nowrap;pointer-events:none;transition:opacity 1s}.drag-hint>span{font-size:18px;margin-right:10px;color:var(--gold);vertical-align:-2px}.drag-hint i{margin:0 10px;font-style:normal;color:var(--gold)}.drag-hint.used{opacity:.3}footer{position:fixed;bottom:0;left:4.1%;right:4.1%;height:112px;border-top:1px solid #a798ad26;display:flex;align-items:center;justify-content:space-between;z-index:5}.source{font-family:Georgia,serif;font-size:11px;color:#a89ca8}.source em{color:#d6c7bc}.source>span{display:block;font-family:DM Sans,sans-serif;font-size:7px;letter-spacing:1.8px;margin-top:10px;color:#736e80}nav{display:flex;gap:45px;position:absolute;left:50%;transform:translate(-50%)}.chapter{position:relative;display:flex;gap:10px;align-items:center;font-family:Georgia,serif;font-size:16px;color:#80798b;padding:12px 0}.chapter>span{font-family:DM Sans,sans-serif;font-size:7px;color:#797083;letter-spacing:1px}.chapter.active{color:#e2cfb4}.chapter.active>span{color:var(--gold)}.chapter i{position:absolute;bottom:0;left:0;height:1px;width:0;background:var(--gold);transition:width 1s}.chapter.active i{width:100%}.scroll-note{display:flex;align-items:center;gap:22px;color:#a99ba7}.scroll-note span{font-size:7px;letter-spacing:1.8px}.scroll-note>div{width:26px;height:38px;border:1px solid #9d8c9c4f;border-radius:20px;display:grid;place-items:center;font-size:18px;color:var(--gold)}.story{position:absolute;left:7.1%;top:39%;width:330px;z-index:6;background:linear-gradient(140deg,#242333ed,#181a27f5);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:32px;border:1px solid #ad927b38;box-shadow:0 25px 70px #0003;animation:appear .5s ease}.story .close{position:absolute;right:15px;top:9px;color:#c2b2a9;font-size:24px;font-weight:300}.story h3{font-family:Georgia,serif;font-size:27px;line-height:1.3;font-weight:400;margin:22px 0 16px}.story p{color:#b5aab8;font-size:12px;line-height:1.9}.story-note{font-family:Georgia,serif;color:var(--gold);font-size:13px;font-style:italic;line-height:1.7;border-top:1px solid #bba3832b;padding-top:20px;margin-top:24px}.is-exploring .chapter-copy,.is-exploring .enter{opacity:0}.gaze{font-size:8px;letter-spacing:1.3px;color:#e4c9a1;margin-top:22px;padding:0}.telescope-view{position:fixed;inset:0;z-index:10;background:radial-gradient(circle at 50% 45%,#080e1a00,#080e1acc 32%,#070912 34%);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center}.scope-reticle{position:absolute;width:54vh;height:54vh;border:1px solid #bda68144;border-radius:50%;top:calc(45% - 27vh);left:calc(50% - 27vh)}.scope-reticle:after,.scope-reticle:before{content:"";position:absolute;background:#bda68144}.scope-reticle:after{width:1px;height:120%;left:50%;top:-10%}.scope-reticle:before{height:1px;width:120%;top:50%;left:-10%}.scope-copy{position:absolute;top:77%;font-family:Georgia,serif;font-style:italic;font-size:24px;text-align:center;color:#d9c5b0}.scope-copy small{display:block;font-family:DM Sans,sans-serif;font-style:normal;font-size:8px;letter-spacing:3px;color:#9e92a1;margin-top:18px}.leave-scope{position:absolute;bottom:5%;font-size:9px;letter-spacing:2px;border-bottom:1px solid #bda68155;padding:14px}.loading{position:fixed;inset:0;z-index:20;background:#171824;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;font-family:Georgia,serif;font-style:italic;font-size:20px;transition:opacity 1s,visibility 1s}.loading svg{width:40px;height:40px;color:var(--gold)}.loading.ready{opacity:0;visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes breathe{50%{opacity:.4}}@keyframes appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.intro{top:24%}.chapter-copy{margin-top:65px}h2{font-size:28px}.chapter-copy p{font-size:13px}.enter{font-size:9px}.story{top:42%;width:370px}.landmark-label{font-size:8px}}@media(max-height:780px)and (min-width:761px){.intro{top:20%}h1{font-size:108px;margin-top:18px}.chapter-copy{margin-top:30px}.enter{margin-top:12px}.story{top:36%}footer{height:90px}.drag-hint{bottom:16%}}@media(max-width:1000px)and (min-width:761px){.intro{left:5%;width:280px}h1{font-size:104px}h2{font-size:21px}.chapter-copy p{font-size:10px}.edition{display:none}.scene-caption{left:70%;font-size:10px}nav{gap:24px}.source{font-size:9px}.scroll-note span,.landmark-label{display:none}}@media(max-width:760px){header{padding:22px 6%}.brand{font-size:9px;letter-spacing:2px;gap:9px}.brand svg{width:24px}.edition{display:none}.sound{font-size:8px;gap:8px}.intro{left:7%;top:14%;width:86%;pointer-events:none}.overline{font-size:7px;letter-spacing:2px}h1{font-size:78px;margin-top:15px;letter-spacing:-3px}.byline{font-size:12px}.chapter-copy{position:fixed;left:7%;bottom:145px;margin:0;min-height:0;max-width:280px;pointer-events:none}.eyebrow{font-size:7px}h2{font-size:20px;margin:12px 0 8px}.chapter-copy p{font-size:10px;line-height:1.7}.enter{position:fixed;right:7%;bottom:160px;width:34px;height:34px;padding:0;font-size:0;display:grid;place-items:center;border:1px solid #a58b635c;border-radius:50%;margin:0}.enter span{font-size:21px}.scene-caption{top:34%;left:auto;right:7%;font-size:9px;transform:none;writing-mode:vertical-rl}.scene-caption>span{font-size:6px;margin:0 0 10px}.scene-caption i,.landmark-label{display:none}.marker{width:25px;height:25px;font-size:7px}.compass{display:none}.drag-hint{bottom:115px;left:50%;font-size:6px;letter-spacing:1px}.drag-hint i{margin:0 6px}.drag-hint>span{font-size:15px}footer{height:90px;left:7%;right:7%}.source{display:none}nav{gap:36px;width:100%;justify-content:center}.chapter{font-size:15px;gap:8px}.scroll-note{display:none}.story{left:7%;top:auto;bottom:140px;width:86%;padding:24px;background:#1e1e30f2}.story h3{font-size:24px;margin:14px 0 10px}.story p{font-size:11px;margin:0}.story-note{font-size:12px;margin-top:14px;padding-top:14px}.scope-copy{font-size:20px;width:90%}.scope-copy small{font-size:6px;letter-spacing:1.5px}.scope-reticle{width:76vw;height:76vw;top:calc(45% - 38vw);left:12vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.telescope-view{background:#080b15;-webkit-backdrop-filter:none;backdrop-filter:none}.scope-stars{position:absolute;width:54vh;height:54vh;top:calc(45% - 27vh);left:calc(50% - 27vh);border-radius:50%;overflow:hidden;background:radial-gradient(ellipse at 60% 40%,#44405b77,transparent 60%),radial-gradient(ellipse at 30% 70%,#4c344a88,transparent 65%),#101623;box-shadow:inset 0 0 65px 20px #000,0 0 40px #58506b18}.scope-stars svg{width:100%;height:100%;filter:drop-shadow(0 0 3px #dbbf95);animation:sky-drift 40s ease-in-out infinite alternate}.scope-stars>span{position:absolute;bottom:21%;left:0;width:100%;text-align:center;font-size:5px;letter-spacing:1.4px;color:#b0a0ad}@keyframes sky-drift{to{transform:translate(3%,2%) scale(1.06)}}@media(min-width:761px){.drag-hint{bottom:12%}}@media(max-width:760px){.intro .enter{display:flex;align-items:center;justify-content:center}.scope-stars{width:76vw;height:76vw;top:calc(45% - 38vw);left:12vw}}@media(max-width:760px)and (max-height:740px){.intro{top:12%}.intro h1{font-size:60px;margin-top:12px}.intro .byline{font-size:11px}.chapter-copy h2{font-size:17px}.chapter-copy{bottom:135px}.chapter-copy p{font-size:9px}.drag-hint{bottom:105px}footer{height:80px}.story{bottom:120px;padding:20px}.story h3{font-size:21px}.story p{font-size:10px}.story-note{font-size:11px}}@media(max-width:760px){.intro .enter{gap:0}}.header-actions{display:flex;align-items:center;gap:24px}.language,.phone-share{font:inherit;color:var(--gold);font-size:10px;letter-spacing:1px}.language{background:#1a192a;border:1px solid #ad927b55;border-radius:3px;padding:8px;cursor:pointer}.language:focus-visible,.phone-dialog input:focus-visible{outline:1px solid var(--gold);outline-offset:3px}.phone-share{border-bottom:1px solid #ad927b55;padding:9px 0}.phone-dialog{color:#eee5d6;background:#1e1e30;border:1px solid #ad927b66;border-radius:8px;padding:28px;width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 25px 90px #0008}.phone-dialog::backdrop{background:#080b15bb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.share-close{position:absolute;top:8px;right:12px;font-size:26px}.phone-dialog h2{margin-top:8px;font-size:23px}.phone-dialog p{color:#b5aab8;font-size:12px;line-height:1.8}.phone-dialog label{display:block;font-size:12px;margin:20px 0 8px}.phone-dialog input{width:100%;min-width:0;background:#12131f;color:#eee5d6;border:1px solid #ad927b66;border-radius:3px;padding:10px;font-size:14px}.qr-code{width:min(240px,100%);margin:20px auto;background:#fff;line-height:0}.qr-code svg{display:block;width:100%;height:auto}#phone-error{color:#efc39e}.copy-link{border:1px solid #ad927b88;border-radius:3px;padding:12px 18px;font-size:12px;color:var(--gold)}.copy-link:disabled{opacity:.5;cursor:default}html:lang(zh-TW){font-family:DM Sans,Microsoft JhengHei,PingFang TC,sans-serif}html:lang(zh-TW) h1{font-size:clamp(52px,5.2vw,80px);white-space:nowrap;letter-spacing:4px}html:lang(zh-TW) h2,html:lang(zh-TW) .story h3{letter-spacing:1px}@media(max-width:1200px){.edition{display:none}}@media(max-width:760px){header{padding:16px 5%;flex-wrap:wrap;gap:12px}.header-actions{gap:12px}.language,.phone-share{font-size:10px;letter-spacing:0}.language{padding:7px 4px}.sound{gap:5px}.sound span{display:none}.brand{letter-spacing:1px;gap:6px}.brand svg{width:20px}html:lang(zh-TW) h1{font-size:52px;letter-spacing:3px}html:lang(zh-TW) .chapter-copy{max-width:78%}}@media(max-width:360px){.brand{font-size:8px}.header-actions{gap:8px}.sound svg{width:18px}}