:root{--night:#0b0f1a;--night-2:#121a2b;--azurite:#3a68b8;--azurite-l:#8fb0ee;--malachite:#3a9e78;--malachite-l:#7fd3ad;--ochre:#c47b3b;--ochre-l:#e6ad6e;--cinnabar:#b9382c;--gold:#d8b46c;--paper:#eee4cf;--paper-2:#e3d6bb;--ink:#2a221a;--ink-2:#5a4d3e;--mist:#eee8dc;--mist-2:#bdb5a8;--mist-3:#8a8478;--accent:var(--ochre-l);--f-zh:"Noto Serif SC", "Songti SC", "SimSun", serif;--f-ui:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--f-brush:"Zhi Mang Xing", "STXingkai", "KaiTi", cursive;--f-en:"Spectral", Georgia, "Times New Roman", serif;--gutter:clamp(18px, 4vw, 56px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{background:var(--night);color:var(--mist);margin:0}body{font-family:var(--f-ui);font-size:16px;line-height:1.75;overflow-x:hidden}body.lock{height:100%;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}img{max-width:100%;display:block}body[data-lang=zh] .en,body[data-lang=en] .zh{display:none}body[data-lang=bi] .en{color:var(--mist-2);margin-top:.25em;font-size:.86em;display:block}body[data-lang=bi] .stat b .en,body[data-lang=bi] .dlg-who .en,body[data-lang=bi] .hud .en{display:none}body[data-lang=bi] .lang .en,body[data-lang=bi] .books-row .en{display:inline}body[data-lang=bi] .eyebrow .en,body[data-lang=bi] .stat span .en,body[data-lang=bi] .stat a .en,body[data-lang=bi] .src-line .en,body[data-lang=bi] .widget-cap .en,body[data-lang=bi] .cmp-tag .en,body[data-lang=bi] .route .en,body[data-lang=bi] .ck-wind .en,body[data-lang=bi] .ck-meter .en{display:none}.en{font-family:var(--f-en)}body[data-lang=en] .en{font-size:1.04em}#gl{z-index:0;touch-action:pan-y;width:100%;height:100%;display:block;position:fixed;inset:0}#flash{z-index:40;pointer-events:none;opacity:0;background:radial-gradient(circle,#fffaf0 0%,#ffe8b8 35%,#ffdca000 75%);position:fixed;inset:0}#loader{z-index:60;background:var(--night);place-content:center;justify-items:center;gap:18px;transition:opacity 1.2s;display:grid;position:fixed;inset:0}#loader.done{opacity:0;pointer-events:none}.loader-seal{font-family:var(--f-brush);color:var(--gold);letter-spacing:.05em;font-size:64px;line-height:1}.loader-text{font-family:var(--f-zh);color:var(--mist-2);letter-spacing:.3em;margin:0;font-size:13px}.loader-bar{background:#d8b46c33;width:160px;height:1px;overflow:hidden}.loader-bar i{background:var(--gold);width:0;height:100%;transition:width .4s;display:block}.hud{z-index:30;padding:calc(var(--safe-t) + 16px) var(--gutter) 0;pointer-events:none;opacity:0;justify-content:space-between;align-items:center;transition:opacity 1s;display:flex;position:fixed;top:0;left:0;right:0}body.show-hud .hud{opacity:1}.hud>*{pointer-events:auto}.hud-brand{background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.seal{background:var(--cinnabar);color:#f6e7d6;width:34px;height:34px;font-family:var(--f-zh);text-align:center;border-radius:3px;place-items:center;font-size:12px;font-weight:900;line-height:1.05;display:grid;box-shadow:inset 0 0 0 2px #f6e7d640}.hud-brand-text{font-family:var(--f-zh);letter-spacing:.24em;color:var(--mist);font-size:14px}.hud-right{align-items:center;gap:14px;display:flex}.lang{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0f1a59;border:1px solid #eee8dc38;border-radius:999px;padding:2px;display:flex}.lang button{letter-spacing:.06em;color:var(--mist-2);background:0 0;border:0;border-radius:999px;padding:4px 11px;font-size:12px}.lang button[aria-pressed=true]{background:var(--mist);color:var(--night)}.hud-sound{width:36px;height:36px;color:var(--mist-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0f1a59;border:1px solid #eee8dc38;border-radius:50%;place-items:center;display:grid}.hud-sound svg{width:18px;height:18px}.hud-sound[aria-pressed=false] .wave{opacity:.2}.hud-sound[aria-pressed=true]{color:var(--gold)}.intro{z-index:20;left:0;right:0;bottom:calc(var(--safe-b) + 9vh);text-align:center;pointer-events:none;justify-items:center;gap:18px;display:grid;position:fixed}.intro-title{font-family:var(--f-zh);letter-spacing:.5em;color:var(--mist);text-indent:.5em;margin:0;font-size:15px;font-weight:600}.intro-title .en{font-family:var(--f-en);letter-spacing:.12em;color:var(--mist-2);text-indent:0;margin-top:4px;font-size:14px;font-style:italic;display:block}body[data-lang=en] .intro-title .en,body[data-lang=zh] .intro-title .en{display:block}body[data-lang=en] .intro-title .zh{display:inline}.intro-open{pointer-events:auto;color:var(--gold);letter-spacing:.2em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0f1a4d;border:1px solid #d8b46c80;border-radius:999px;padding:10px 26px;font-size:13px;transition:background .3s,color .3s;animation:3.2s ease-in-out infinite breathe}.intro-open:hover{background:var(--gold);color:var(--night)}@keyframes breathe{50%{box-shadow:0 0 28px #d8b46c59}}.talky-ui{z-index:22;pointer-events:none;position:fixed;inset:0}.name-form{left:50%;bottom:calc(var(--safe-b) + 24vh);width:min(420px, calc(100% - 2 * var(--gutter)));pointer-events:auto;text-align:center;gap:12px;display:grid;position:absolute;transform:translate(-50%)}.name-form label{font-family:var(--f-zh);color:#fff;letter-spacing:.14em;text-shadow:0 1px 12px #000c;font-size:16px}.name-row{gap:8px;display:flex}.name-row input{min-width:0;font-family:var(--f-zh);text-align:center;letter-spacing:.1em;color:#fff;background:#0910228c;border:1px solid #8fb0ee73;border-radius:999px;flex:1;padding:11px 20px;font-size:18px}.name-row input:focus{border-color:var(--azurite-l);outline:none;box-shadow:0 0 0 4px #8fb0ee2e}.name-row button{background:var(--azurite-l);color:#0a1530;letter-spacing:.08em;white-space:nowrap;border:0;border-radius:999px;padding:0 20px;font-weight:500}.books{left:0;right:0;bottom:calc(var(--safe-b) + 21vh);pointer-events:none;justify-items:center;gap:14px;display:grid;position:absolute}.books-hint{color:#fff;text-shadow:0 1px 12px #000c;letter-spacing:.2em;font-size:13px;font-family:var(--f-zh);margin:0}.books-row{pointer-events:auto;padding-inline:var(--gutter);flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.books-row button{color:var(--mist-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--f-zh);letter-spacing:.12em;background:#091022c7;border:1px solid #8fb0ee4d;border-radius:3px;padding:8px 16px;font-size:13px}.books-row button[data-live]{color:#fff;border-color:var(--gold);box-shadow:0 0 24px #d8b46c4d}.books-row button:disabled{cursor:default;opacity:.6}.dialogue{z-index:35;left:50%;bottom:calc(var(--safe-b) + 22px);width:min(640px, calc(100% - 2 * var(--gutter)));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:linear-gradient(#0e1422b8,#0b0f1adb);border:1px solid #eee8dc1f;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px;transition:opacity .45s,transform .45s;display:grid;position:fixed;transform:translate(-50%,12px)}.dialogue.on{opacity:1;transform:translate(-50%)}.dlg-avatar{background:var(--night-2);width:52px;height:52px;box-shadow:0 0 0 1.5px var(--spk,var(--gold));border-radius:50%;flex:none;position:relative;overflow:hidden}.dlg-avatar video,.dlg-avatar img,.dlg-avatar canvas{object-fit:cover;width:100%;height:100%;display:block}.dlg-avatar .initial{font-family:var(--f-zh);color:var(--spk);place-items:center;font-size:20px;font-weight:600;display:grid;position:absolute;inset:0}.dlg-who{letter-spacing:.14em;color:var(--spk,var(--gold));margin:0;font-size:12px}.dlg-text{font-family:var(--f-zh);color:var(--mist);text-wrap:pretty;margin:2px 0 0;font-size:16px;line-height:1.65}.dlg-text .en{font-size:15px}body[data-lang=en] .dlg-text{font-family:var(--f-en);font-size:17px}.dlg-next{width:36px;height:36px;color:var(--mist-2);background:0 0;border:1px solid #eee8dc33;border-radius:50%;place-items:center;display:grid}.dlg-next svg{width:18px;height:18px}.route{z-index:25;right:calc(var(--gutter) - 6px);opacity:0;width:40px;height:min(58vh,460px);transition:opacity .8s;position:fixed;top:50%;transform:translateY(-50%)}body.journeying .route{opacity:1}.route-svg{width:100%;height:100%;position:absolute;inset:0}#route-path{stroke:#eee8dc29;stroke-width:1.2px}#route-done{stroke:var(--accent);stroke-width:1.6px;transition:stroke .8s}.route ol{margin:0;padding:0;list-style:none;position:absolute;inset:0}.route li{position:absolute;right:50%;transform:translate(50%,-50%)}.route a{place-items:center;width:22px;height:22px;text-decoration:none;display:grid}.route a i{background:var(--night);border-radius:50%;width:7px;height:7px;transition:all .4s;box-shadow:0 0 0 1.4px #eee8dc73}.route a.done i{background:var(--accent);box-shadow:0 0 0 1.4px var(--accent)}.route a.now i{background:var(--accent);width:11px;height:11px;box-shadow:0 0 0 4px #e6ad6e33}.route a span{white-space:nowrap;letter-spacing:.1em;color:var(--mist-2);opacity:0;font-size:12px;font-family:var(--f-zh);pointer-events:none;transition:opacity .3s;position:absolute;right:28px}.route a:hover span,.route a:focus-visible span,.route a.now span{opacity:1}.labels{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.lbl{opacity:0;white-space:nowrap;will-change:transform;justify-items:center;gap:4px;transition:opacity .6s;display:grid;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.lbl.on{opacity:1}.lbl b{font-family:var(--f-zh);letter-spacing:.2em;color:#fff;text-shadow:0 1px 8px #000c;font-size:15px;font-weight:600}.lbl small{font-family:var(--f-en);color:var(--mist-2);text-shadow:0 1px 6px #000c;font-size:12px;font-style:italic}.lbl i{background:linear-gradient(var(--gold), #d8b46c00);width:1px;height:22px}.lbl.desert b{letter-spacing:.5em;color:var(--ochre-l);font-size:13px;font-weight:400}.lbl.desert i{display:none}.lbl.river b{letter-spacing:.3em;color:var(--azurite-l);font-size:12px;font-weight:400}.lbl.river i{display:none}.journey{z-index:10;pointer-events:none;position:relative}.beat{pointer-events:none;height:calc(var(--w,1.2) * 100vh);height:calc(var(--w,1.2) * 100svh);content-visibility:auto;contain-intrinsic-size:auto calc(var(--w,1.2) * 100vh);position:relative}.beat-stick{height:100vh;height:100svh;padding:calc(var(--safe-t) + 80px) var(--gutter) calc(var(--safe-b) + 120px);pointer-events:none;align-items:center;display:flex;position:sticky;top:0}.beat-stick>*{pointer-events:auto}.copy{width:min(30rem,100%);position:relative}.copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 30%,#080b14c7,#080b1400 70%);position:absolute;inset:-40% -60% -40% -40vw}.copy .eyebrow{letter-spacing:.28em;color:var(--accent);text-transform:uppercase;margin:0 0 10px;font-size:12px;transition:color .8s}.copy .eyebrow .en{letter-spacing:.14em;font-family:var(--f-ui);font-size:12px}.copy h2{font-family:var(--f-zh);letter-spacing:.02em;text-wrap:balance;margin:0 0 16px;font-size:clamp(28px,3.6vw,44px);font-weight:600;line-height:1.3}.copy h2 .en{letter-spacing:0;font-style:italic;font-weight:400}body[data-lang=en] .copy h2{font-family:var(--f-en);letter-spacing:-.01em;font-weight:600}.copy p.body{font-family:var(--f-zh);color:#eee8dce6;text-wrap:pretty;margin:0;font-size:17px;line-height:1.9}body[data-lang=en] .copy p.body{font-family:var(--f-en);font-size:18px;line-height:1.7}.copy .note{color:var(--mist-3);margin:12px 0 0;font-size:13px}.place-name{font-family:var(--f-brush);color:var(--mist);margin:0 0 4px;font-size:clamp(56px,7vw,88px);line-height:1}.place-name .en{font-family:var(--f-en);color:var(--accent);letter-spacing:.08em;margin-top:4px;font-size:.32em;font-style:italic;display:block}body[data-lang=en] .place-name{font-family:var(--f-en);font-size:clamp(44px,5.4vw,68px);font-style:italic}.stats{flex-wrap:wrap;gap:14px 30px;margin-top:22px;display:flex}.stat{gap:0;min-width:0;display:grid}.stat b{font-family:var(--f-en);color:#fff;font-variant-numeric:tabular-nums lining-nums;font-size:clamp(26px,2.8vw,34px);font-weight:400;line-height:1.15}.stat span{color:var(--mist-2);font-size:13px}.stat a{color:var(--mist-3);border-bottom:1px dotted #8a847899;justify-self:start;margin-top:2px;font-size:11px;text-decoration:none}.stat a:hover{color:var(--mist)}.photo-pair{right:calc(var(--gutter) + 56px);gap:12px;width:min(34vw,460px);display:grid;position:absolute;top:50%;transform:translateY(-50%)}.photo{background:var(--night-2);border-radius:2px;margin:0;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000073}.photo img{aspect-ratio:4/3;object-fit:cover;clip-path:inset(0 0 100%);width:100%;transition:transform 1.8s cubic-bezier(.2,.7,.2,1),clip-path 1.2s cubic-bezier(.7,0,.2,1);transform:scale(1.08)}.photo.small{width:62%;box-shadow:0 0 0 6px var(--night), 0 30px 60px #00000080;justify-self:end;margin-top:-18%}.beat.active .photo img,.reduce .photo img{clip-path:inset(0);transform:scale(1)}.beat.active .photo.small img{transition-delay:.25s}.brush{right:var(--gutter);bottom:calc(var(--safe-b) + 90px);font-family:var(--f-brush);color:#eee8dce6;writing-mode:vertical-rl;letter-spacing:-.05em;pointer-events:none;clip-path:inset(0 0 100%);text-shadow:0 0 60px #0006;font-size:clamp(120px,22vw,300px);line-height:.85;transition:clip-path 2.2s cubic-bezier(.6,0,.2,1);position:absolute}.brush .en{display:none!important}.beat.active .brush{clip-path:inset(0)}.quote{border-left:2px solid var(--cinnabar);font-family:var(--f-zh);color:#fff;margin:26px 0 0;padding-left:16px;font-size:18px}.folio{--pad:clamp(18px, 2.6vw, 34px);color:var(--ink);background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .36 0 0 0 0 .24 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), linear-gradient(180deg, var(--paper), var(--paper-2));padding:var(--pad);border-radius:3px;position:relative;box-shadow:inset 0 1px #ffffff80,0 40px 80px #00000080,0 0 0 1px #2a221a14}.folio .eyebrow{color:var(--cinnabar)}.folio h2{color:var(--ink)}.folio p.body,.folio .en{color:var(--ink-2)}.folio .stat b{color:var(--ink)}.folio .stat span{color:var(--ink-2)}.folio .stat a{color:#8a7a64;border-color:#8a7a6480}.folio .copy:before{display:none}.folio .fact{color:var(--ink-2);border-left:2px solid var(--malachite);background:#3a9e7812;margin:14px 0 0;padding:10px 14px;font-size:14.5px;line-height:1.8}.folio .src-line{color:#8a7a64;margin:10px 0 0;font-size:11.5px}.folio .src-line a{color:inherit}.folio button.ghost{color:var(--ink);background:0 0;border:1px solid #2a221a4d;border-radius:999px;padding:6px 14px;font-size:13px}.folio button.ghost[aria-pressed=true]{background:var(--ink);color:var(--paper)}.stage-wide{grid-template-columns:minmax(0,21rem) minmax(0,1fr);align-items:center;gap:clamp(18px,3vw,44px);width:100%;max-width:1240px;margin:0 auto;display:grid}.stage-wide .folio.copy-folio .copy{width:100%}.stage-wide .folio.copy-folio h2{font-size:clamp(22px,2.2vw,30px)}.stage-wide .folio.copy-folio p.body{font-size:15px;line-height:1.85}.widget.folio{--pad:clamp(14px, 1.6vw, 22px)}.widget.folio .qt-frame,.widget.folio .ck-frame,.widget.folio .cmp,.widget.folio .roots-frame{box-shadow:0 0 0 1px #2a221a26}.qt-chart .chart{max-height:96px}.widget{min-width:0;position:relative}.widget-cap{color:var(--mist-2);flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:12px;font-size:13px;display:flex}.folio .widget-cap{color:var(--ink-2)}.sun-ctl{gap:8px;margin-top:24px;display:grid}.sun-ctl label{letter-spacing:.2em;color:var(--accent);font-size:12px}.range{appearance:none;cursor:grab;background:0 0;width:100%;height:28px}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold) var(--p,0%), #eee8dc33 var(--p,0%));height:2px}.range::-moz-range-track{background:#eee8dc33;height:2px}.range::-moz-range-progress{background:var(--gold);height:2px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle, #fff6dc 0 30%, var(--gold) 31% 60%, #d8b46c40 61%);border:0;border-radius:50%;width:26px;height:26px;margin-top:-12px;box-shadow:0 0 18px #ffdc96b3}.range::-moz-range-thumb{background:radial-gradient(circle, #fff6dc 0 30%, var(--gold) 31% 60%, #d8b46c40 61%);border:0;border-radius:50%;width:26px;height:26px;box-shadow:0 0 18px #ffdc96b3}.folio .range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--azurite) var(--p,0%), #2a221a33 var(--p,0%))}.cave{cursor:none;touch-action:none;background:#050403;position:absolute;inset:0;overflow:hidden}.cave canvas{width:100%;height:100%;position:absolute;inset:0}.cave-copy{left:var(--gutter);top:calc(var(--safe-t) + 86px);width:min(26rem, calc(100% - 2 * var(--gutter)));pointer-events:none;position:absolute}.cave-copy .copy:before{background:radial-gradient(at 30%,#050403d1,#05040300 70%);display:block;inset:-60% -40% -60% -30vw}.cave-ctl{left:50%;bottom:calc(var(--safe-b) + 120px);color:var(--mist-2);letter-spacing:.1em;white-space:nowrap;align-items:center;gap:12px;font-size:13px;display:flex;position:absolute;transform:translate(-50%)}.cave-ctl button{color:var(--gold);background:#05040399;border:1px solid #d8b46c80;border-radius:999px;padding:7px 16px;font-size:13px}.qt-frame{aspect-ratio:16/9;background:#2b2a24;border-radius:2px;width:100%;max-height:48vh;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080}.qt-frame canvas{width:100%;height:100%;position:absolute;inset:0}.qt-year{font-family:var(--f-en);color:#fff;text-shadow:0 2px 20px #0009;font-variant-numeric:tabular-nums;font-size:clamp(40px,6vw,72px);line-height:1;position:absolute;top:12px;left:16px}.qt-tag{color:#fff;text-shadow:0 1px 10px #000000b3;font-size:13px;position:absolute;top:calc(16px + clamp(40px,6vw,72px));left:18px}.qt-src{color:#ffffffb3;font-size:10.5px;position:absolute;bottom:8px;right:10px}.qt-chart{margin-top:14px}.ck-frame{aspect-ratio:16/10;touch-action:none;cursor:crosshair;background:#d8b98a;border-radius:2px;width:100%;max-height:58vh;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080}.ck-frame canvas{width:100%;height:100%;position:absolute;inset:0}.ck-meter{text-align:right;color:#3a2a18;position:absolute;top:12px;right:14px}.ck-meter b{font-family:var(--f-en);font-variant-numeric:tabular-nums;font-size:38px;line-height:1;display:block}.ck-meter span{letter-spacing:.12em;font-size:12px}.ck-wind{color:#3a2a18;letter-spacing:.1em;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;top:14px;left:14px}.roots-frame{background:linear-gradient(#cfe0ea 0 17%,#d9b37c 17%,#b98a55 40%,#8f6a45 75%,#6b5038);border-radius:2px;height:min(66vh,620px);position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080}.roots-frame svg{width:100%;height:100%;position:absolute;inset:0}.cmp{aspect-ratio:16/10;touch-action:none;-webkit-user-select:none;user-select:none;background:#222;border-radius:2px;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080}.cmp img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cmp .cmp-b{clip-path:inset(0 0 0 var(--x,50%))}.cmp .cmp-line{top:0;bottom:0;left:var(--x,50%);background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 12px #00000080}.cmp .cmp-knob{width:44px;height:44px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;margin:-22px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 4px 20px #0006}.cmp .cmp-tag{letter-spacing:.1em;color:#fff;background:#00000073;border-radius:2px;padding:4px 10px;font-size:12.5px;position:absolute;bottom:14px}.cmp .cmp-tag.l{left:14px}.cmp .cmp-tag.r{right:14px}.chart{width:100%;height:auto;display:block;overflow:visible}.chart text{font-family:var(--f-ui)}.paper-stage{width:100%;max-width:1180px;margin:0 auto}.zl-spread{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(20px,3vw,48px);display:grid}.zl-photo{margin:0;position:relative}.zl-photo img{aspect-ratio:4/5;object-fit:cover;border-radius:2px;width:100%;box-shadow:0 40px 80px #00000080}.zl-photo figcaption{color:var(--mist-3);letter-spacing:.1em;font-size:12px;position:absolute;bottom:-28px;left:0}.zl-photo .zl-small{aspect-ratio:1;width:44%;box-shadow:0 0 0 6px var(--night), 0 30px 60px #00000080;position:absolute;bottom:-10%;right:-8%}.tl{gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.tl li{grid-template-columns:4.2em 1fr;align-items:baseline;gap:14px;display:grid}.tl time{font-family:var(--f-en);color:var(--malachite);font-variant-numeric:tabular-nums;font-size:22px}.tl p{font-family:var(--f-zh);color:var(--ink-2);margin:0;font-size:15px;line-height:1.8}body[data-lang=en] .tl p{font-family:var(--f-en);font-size:16px}.tl li:first-child time{color:var(--cinnabar)}.slogan{font-family:var(--f-brush);white-space:nowrap;color:var(--cinnabar);margin:18px 0 0;font-size:clamp(34px,3.9vw,56px);line-height:1.15}.slogan .en{font-family:var(--f-en);color:var(--ink-2);font-size:.36em;font-style:italic;display:block!important}body[data-lang=en] .slogan{font-family:var(--f-en);font-size:clamp(30px,3.6vw,48px);font-style:italic}body[data-lang=en] .slogan .en{display:none!important}.map-wrap{position:relative}.plant-panel{left:var(--gutter);width:min(24rem, calc(100% - 2 * var(--gutter)));position:absolute;top:50%;transform:translateY(-50%)}.plant-form{gap:10px;margin-top:18px;display:grid}.plant-form input{font-family:var(--f-zh);background:#090d1699;border:1px solid #eee8dc40;border-radius:999px;padding:10px 18px}.plant-form input:focus{border-color:var(--malachite-l);outline:none}.btn-primary{background:var(--malachite-l);color:#0b1a14;letter-spacing:.1em;border:0;border-radius:999px;justify-self:start;padding:12px 22px;font-weight:500}.btn-primary:disabled{opacity:.45;cursor:default}.btn-line{letter-spacing:.1em;color:var(--mist);background:#090d1666;border:1px solid #eee8dc59;border-radius:999px;padding:11px 22px}.plant-status{color:var(--malachite-l);min-height:1.6em;margin:12px 0 0;font-size:14px}.plant-count{color:var(--mist-2);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:13px}.plant-cursor{z-index:6;border:1px solid var(--malachite-l);pointer-events:none;opacity:0;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;transition:opacity .2s;position:fixed;box-shadow:0 0 20px #7fd3ad66}.plant-cursor.on{opacity:1}.plant-cursor.bad{border-color:var(--cinnabar);box-shadow:none}.ending{text-align:center;justify-items:center;gap:28px;width:100%;display:grid}.closing{font-family:var(--f-zh);letter-spacing:.12em;color:#fff;text-shadow:0 2px 30px #0009;margin:0;font-size:clamp(26px,3.6vw,48px);font-weight:600;line-height:1.6}.closing .en{font-family:var(--f-en);letter-spacing:0;color:var(--mist-2);font-size:.58em;font-style:italic;font-weight:400}body[data-lang=en] .closing{font-family:var(--f-en);letter-spacing:0;font-style:italic;font-weight:400}.closing span{display:block}.ending-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.finale{z-index:45;padding-bottom:calc(var(--safe-b) + 8vh);pointer-events:none;place-items:end center;display:grid;position:fixed;inset:0}.finale>div{pointer-events:auto;text-align:center;justify-items:center;gap:14px;display:grid}.finale p{font-family:var(--f-zh);color:var(--mist);letter-spacing:.14em;margin:0}.noscript{padding:40px}@media (max-width:860px){.beat-stick{padding-bottom:calc(var(--safe-b) + 130px);align-items:flex-end}.copy{width:100%}.copy:before{background:linear-gradient(#080b1400,#080b14e6);inset:-30% -20vw -20%}.copy h2{font-size:27px}.copy p.body{font-size:15.5px}.photo-pair{order:-1;grid-template-columns:1.4fr 1fr;align-items:end;width:100%;margin-bottom:18px;position:static;transform:none}.photo.small{width:100%;margin:0}.beat--place .beat-stick{flex-direction:column;justify-content:flex-end;align-items:stretch}.brush{top:calc(var(--safe-t) + 70px);font-size:34vw;bottom:auto}.stage-wide{grid-template-columns:1fr;gap:14px}.beat--interactive .beat-stick,.beat--paper .beat-stick{padding-top:calc(var(--safe-t) + 64px);padding-bottom:calc(var(--safe-b) + 110px);align-items:center;overflow-y:auto}.stage-wide .folio.copy-folio{--pad:16px}.stage-wide .folio.copy-folio p.body{font-size:14.5px;line-height:1.75}.stage-wide .folio.copy-folio h2{margin-bottom:8px;font-size:22px}.zl-spread{grid-template-columns:1fr}.zl-photo img{aspect-ratio:16/10}.zl-photo .zl-small,.route,.hud-brand-text{display:none}.plant-panel{top:auto;bottom:calc(var(--safe-b) + 110px);transform:none}.roots-frame{height:46vh}.dialogue{grid-template-columns:auto 1fr auto;gap:10px;padding:10px}.dlg-avatar{width:42px;height:42px}.dlg-text{font-size:14.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.brush{clip-path:none}.photo img{clip-path:none;transform:none}}body[data-lang=bi] .folio .en{color:#6e5f4c}.alex{z-index:34;cursor:pointer;outline:none;transition:left 1.2s cubic-bezier(.6,0,.2,1),bottom 1.2s cubic-bezier(.6,0,.2,1),width 1.2s cubic-bezier(.6,0,.2,1),height 1.2s cubic-bezier(.6,0,.2,1),opacity .6s;position:fixed}.alex--hidden{opacity:0;pointer-events:none;width:30vw;height:52vh;bottom:20vh;left:8vw}.alex--stage{z-index:21;width:min(34vw,40vh);height:min(52vw,60vh);bottom:15vh;left:max(2vw,50% - 62vh)}.alex--pet{left:calc(var(--gutter) - 14px);bottom:calc(var(--safe-b) + 8px);width:128px;height:168px}.alex:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:12px}body.journeying .dialogue{padding-left:12px}@media (max-width:860px){.alex--stage{width:46vw;height:34vh;bottom:22vh;left:0}.alex--pet{width:92px;height:120px;bottom:calc(var(--safe-b) + 96px);left:4px}}.deck{right:calc(var(--gutter) + 56px);aspect-ratio:4/3;pointer-events:auto;width:min(36vw,500px);position:absolute;top:50%;transform:translateY(-50%)}.deck-card{background:var(--paper);cursor:zoom-in;will-change:transform, opacity;margin:0;padding:10px 10px 34px;transition:transform .5s cubic-bezier(.3,.7,.2,1),opacity .4s;position:absolute;inset:0;box-shadow:0 30px 60px #00000073}.deck-card img{object-fit:cover;width:100%;height:100%;display:block}.deck-card figcaption{font-family:var(--f-zh);color:var(--ink-2);letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;position:absolute;bottom:8px;left:12px;right:12px;overflow:hidden}.deck-card figcaption .en{font-family:var(--f-en);letter-spacing:0;font-style:italic}body[data-lang=bi] .deck-card figcaption .en{color:#8a7a64;margin-left:.6em;font-size:12px;display:inline}.deck-count{font-family:var(--f-en);color:var(--mist-2);font-variant-numeric:tabular-nums;margin:0;font-size:13px;position:absolute;top:calc(100% + 14px);right:0}.deck-count b{color:#fff;font-size:18px;font-weight:400}.strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:26rem;margin-top:16px;display:grid}.strip-item{aspect-ratio:4/3;cursor:zoom-in;background:0 0;border:0;border-radius:2px;padding:0;transition:transform .3s;overflow:hidden;box-shadow:0 6px 16px #00000059}.strip-item:hover{transform:translateY(-3px)}.strip-item img{object-fit:cover;width:100%;height:100%}.folio .strip-item{box-shadow:0 0 0 1px #2a221a2e}.lightbox{z-index:70;padding:calc(var(--safe-t) + 56px) var(--gutter) calc(var(--safe-b) + 56px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06080ceb;place-items:center;display:grid;position:fixed;inset:0}.lightbox figure{justify-items:center;gap:12px;max-width:100%;max-height:100%;margin:0;display:grid}.lightbox img{object-fit:contain;max-width:min(1400px,100%);max-height:calc(100vh - 170px);box-shadow:0 30px 80px #0009}.lightbox figcaption{font-family:var(--f-zh);color:var(--mist);letter-spacing:.1em;text-align:center;font-size:14px}.lightbox figcaption .en{font-family:var(--f-en);letter-spacing:0;color:var(--mist-2);margin-left:.6em;font-style:italic;display:inline!important}.lb-n{color:var(--mist-3);font-family:var(--f-en);margin-left:1em;font-size:12px}.lightbox button{color:#fff;background:#ffffff14;border:0;border-radius:50%;width:48px;height:48px;font-size:28px;line-height:1;position:absolute}.lightbox button:hover{background:#ffffff2e}.lb-prev{left:var(--gutter);top:50%}.lb-next{right:var(--gutter);top:50%}.lb-close{right:var(--gutter);top:calc(var(--safe-t) + 16px)}body.lb-open .dialogue,body.lb-open .alex{opacity:0;pointer-events:none}.zq-plate{z-index:33;left:auto;right:calc(var(--gutter) + 52px);bottom:calc(var(--safe-b) + 18px);pointer-events:none;opacity:0;filter:drop-shadow(0 20px 30px #00000080);width:230px;height:271px;transition:opacity .6s,transform .6s,left 1s,bottom 1s,width 1s,height 1s;position:fixed;transform:translateY(16px)}.zq-plate canvas{width:100%;height:100%;display:block}.zq-plate.on{opacity:1;transform:none}.zq-plate[data-mode=hero]{left:auto;right:calc(var(--gutter) + 40px);bottom:calc(var(--safe-b) + 6vh);z-index:12;width:min(46vw,62vh);height:min(54vw,78vh);transition:opacity 1.4s,transform 1.4s}@media (max-width:860px){.deck{order:-1;width:100%;margin-bottom:26px;position:relative;top:auto;right:auto;transform:none}.zq-plate{width:120px;height:142px;right:4px;bottom:calc(var(--safe-b) + 96px)}.zq-plate[data-mode=hero]{width:70vw;height:52vh;bottom:18vh;right:0}.strip{grid-template-columns:repeat(4,minmax(0,1fr))}}.postcard-modal{z-index:72;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:calc(var(--safe-t) + 24px) var(--gutter) calc(var(--safe-b) + 24px);background:#06080cdb;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.pc-inner{justify-items:center;gap:16px;width:min(980px,100%);display:grid}.pc-title{font-family:var(--f-zh);letter-spacing:.2em;color:var(--mist);margin:0;font-size:15px}.pc-card{width:100%;animation:.9s cubic-bezier(.2,.8,.2,1) pc-in;transform:rotate(-1.2deg);box-shadow:0 40px 90px #0009}.pc-card img{border-radius:4px;width:100%;height:auto;display:block}@keyframes pc-in{0%{opacity:0;transform:translateY(40px)rotate(4deg)scale(.94)}}.pc-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pc-hint{color:var(--mist-3);margin:0;font-size:12.5px}body[data-lang=bi] .pc-actions .en,body[data-lang=bi] .pc-title .en{display:none}.voice-pick{color:#ffffffbf;letter-spacing:.08em;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.voice-pick>span{margin-right:4px}.voice-pick label{cursor:pointer;position:relative}.voice-pick input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.voice-pick label span{color:#dfe8ff;background:#09102273;border:1px solid #8fb0ee66;border-radius:999px;padding:6px 16px;transition:background .2s,color .2s,border-color .2s;display:inline-block}.voice-pick input:checked+span{background:var(--azurite-l);color:#0a1530;border-color:var(--azurite-l)}.voice-pick input:focus-visible+span{outline-offset:2px;outline:2px solid #fff}.zq-plate.on canvas{pointer-events:auto;cursor:pointer}.sunrise{--s:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sr-dusk{mix-blend-mode:multiply;opacity:calc(1 - var(--s) * 1.1);background:linear-gradient(#0e1834c7,#1e244080 55%,#14162859);position:absolute;inset:0}.sr-glow{left:calc(84% - var(--s) * 14%);top:calc(50% - var(--s) * 40%);background:radial-gradient(circle, rgba(255, 214, 150, calc(.25 + var(--s) * .3)) 0, rgba(255, 170, 90, calc(.12 + var(--s) * .12)) 12%, #ff965000 38%);mix-blend-mode:screen;width:120vmax;height:120vmax;position:absolute;transform:translate(-50%,-50%)}.sr-rays{left:calc(84% - var(--s) * 14%);top:calc(50% - var(--s) * 40%);width:160vmax;height:160vmax;transform:translate(-50%, -50%) rotate(calc(var(--s) * 12deg));background:repeating-conic-gradient(from 200deg, #ffe4b412 0 3deg, #ffe4b400 3deg 11deg);mix-blend-mode:screen;opacity:calc(var(--s) * .9);position:absolute;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 45%);mask-image:radial-gradient(circle,#000 0,#0000 45%)}.sr-sun{left:calc(84% - var(--s) * 14%);top:calc(50% - var(--s) * 40%);width:calc(54px + var(--s) * 20px);aspect-ratio:1;background:radial-gradient(circle at 50% 50%, #fffaf0 0 38%, color-mix(in srgb, #ffd38a calc(100% - var(--s) * 100%), #fff2d6) 55%, #ffaa5a00 72%);box-shadow:0 0 calc(40px + var(--s) * 70px) calc(10px + var(--s) * 26px) rgba(255, 200, 120, calc(.45 + var(--s) * .3));filter:saturate(calc(1.6 - var(--s) * .6));pointer-events:auto;cursor:grab;touch-action:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.sr-sun:after{content:"";opacity:calc(1 - var(--s) * 2);border:1px dashed #ffecc88c;border-radius:50%;animation:2.4s ease-in-out infinite srPulse;position:absolute;inset:-14px}.sr-sun.drag{cursor:grabbing}@keyframes srPulse{50%{transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.sr-sun:after{animation:none}}@media (max-width:700px){.sr-sun,.sr-glow,.sr-rays{left:calc(76% - var(--s) * 10%);top:calc(34% - var(--s) * 24%)}}