:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui:1;--serif:"Noto Serif SC Variable", "Songti SC", serif;--ui-ink:#f5ebd4;--ui-accent:#d5b57e;--gutter:clamp(20px, calc(42px * var(--ui)), 76px);font-family:Manrope Variable,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto;background:#f7f4eb;margin:0}body{-webkit-tap-highlight-color:transparent;height:100svh;margin:0;overflow:hidden}body[data-started=true]{height:calc(10000px + var(--viewport-height,100svh));overflow:clip auto}#root,.arbor{min-height:100svh}.arbor{color:var(--ui-ink)}[hidden]{display:none!important}button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:0;padding:0}button:disabled{cursor:wait;opacity:.55}button:focus-visible{outline-offset:5px;outline:2px solid}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#29251d;background:#d5b57e}.scene-canvas{z-index:0;touch-action:pan-y pinch-zoom;width:100%;height:100dvh;display:block;position:fixed;inset:0}.scene-canvas:focus{outline:none}.scene-canvas:focus-visible{outline:1px solid var(--ui-accent);outline-offset:-6px}.topbar{z-index:5;top:max(18px, env(safe-area-inset-top));right:max(var(--gutter), env(safe-area-inset-right));left:max(var(--gutter), env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex;position:fixed}.arbor[data-started=true] .topbar{color:var(--header-ink,var(--ui-ink))}.brand{align-items:center;gap:clamp(10px, calc(15px * var(--ui)), 22px);flex-shrink:0;display:flex}.brand__chinese{font:450 clamp(18px, calc(20px * var(--ui)), 24px) / 1.2 var(--serif);letter-spacing:.14em}.brand__rule{opacity:.35;background:currentColor;width:1px;height:15px}.brand__english{font-size:clamp(10px, calc(11px * var(--ui)), 14px);letter-spacing:.26em;font-weight:500}.opening-note{font:400 13px / 1.6 var(--serif);letter-spacing:.16em;opacity:.72}.controls{align-items:center;gap:clamp(2px, calc(8px * var(--ui)), 14px);pointer-events:auto;display:flex}.icon-button{width:max(44px, calc(44px * var(--ui)));height:max(44px, calc(44px * var(--ui)));border:1px solid #0000;border-radius:50%;flex:none;place-items:center;transition:border-color .2s,background-color .2s,opacity .2s;display:grid}.icon-button svg{width:clamp(18px, calc(19px * var(--ui)), 25px);height:clamp(18px, calc(19px * var(--ui)), 25px);stroke-width:1.45px}.icon-button:hover{border-color:color-mix(in srgb, currentColor 32%, transparent);background:color-mix(in srgb, currentColor 8%, transparent)}.opening{z-index:2;padding:max(96px, env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) max(76px, env(safe-area-inset-bottom)) max(10vw, env(safe-area-inset-left));pointer-events:auto;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.opening__body{text-shadow:0 2px 24px #14110c33;width:min(540px,48vw);margin-block:auto}.opening__eyebrow{font-size:clamp(10px, calc(11px * var(--ui)), 13px);letter-spacing:.22em;opacity:.72;margin:0 0 clamp(24px,4vh,44px);font-weight:450}.opening h1{flex-direction:column;align-items:flex-start;gap:clamp(17px,2.6vh,28px);margin:0;font-weight:400;display:flex}.opening h1>span:first-child{font:420 clamp(54px, calc(104px * var(--ui)), 120px) / 1.18 var(--serif);letter-spacing:.18em;margin-right:-.18em}.opening__english{font-size:clamp(14px, calc(18px * var(--ui)), 23px);letter-spacing:.64em;padding-left:5px;font-weight:380;line-height:1.5}.opening__lead{font:420 clamp(18px, calc(23px * var(--ui)), 28px) / 1.8 var(--serif);letter-spacing:.09em;margin:clamp(28px,5vh,48px) 0 0}.opening__description{max-width:28em;font:350 clamp(16px, calc(17px * var(--ui)), 20px) / 1.95 var(--serif);text-wrap:pretty;opacity:.8;margin:12px 0 0}.opening__action{margin-top:clamp(30px,5.5vh,58px)}.begin-button{min-width:clamp(190px, calc(222px * var(--ui)), 270px);min-height:max(52px, calc(58px * var(--ui)));color:#30291e;font:500 clamp(16px, calc(17px * var(--ui)), 20px) / 1.4 var(--serif);letter-spacing:.14em;text-shadow:none;pointer-events:auto;background:#d5b57e;border:1px solid #ddc18f;justify-content:space-between;align-items:center;gap:48px;padding:14px 24px;transition:background-color .25s,box-shadow .25s;display:inline-flex}.begin-button svg{stroke-width:1.4px;width:20px;height:20px;transition:transform .25s}.begin-button:hover:not(:disabled){background:#e2c795;box-shadow:0 3px 24px #d5b57e1f}.begin-button:hover:not(:disabled) svg{transform:translate(4px)}.begin-button:focus-visible{outline-color:#f5ebd4}.opening__hint{font:350 16px / 1.6 var(--serif);opacity:.74;align-items:center;gap:10px;margin:18px 0 0;display:flex}.opening__hint svg{stroke-width:1.3px;width:14px;height:18px}.opening__footnote{right:var(--gutter);bottom:max(25px, env(safe-area-inset-bottom));left:var(--gutter);font:350 12px / 1.6 var(--serif);letter-spacing:.14em;opacity:.55;justify-content:space-between;gap:20px;display:flex;position:fixed}.opening__footnote [lang=en]{letter-spacing:.2em;font:450 9px/1.6 Manrope Variable,sans-serif}.journey-ui{z-index:3;pointer-events:none;animation:.9s both reveal-ui;position:fixed;inset:0}.poem{top:43%;left:max(9vw, env(safe-area-inset-left));width:min(350px,30vw);position:absolute;transform:translateY(-38%)}.poem[data-visible=false]{visibility:hidden}.poem__eyebrow{font:400 12px / 1.5 var(--serif);letter-spacing:.16em;opacity:.68;align-items:center;gap:12px;display:flex}.poem__eyebrow>span:first-child{letter-spacing:.08em;font:450 11px/1.5 Manrope Variable,sans-serif}.poem__eyebrow i{opacity:.6;background:currentColor;width:clamp(25px,3vw,48px);height:1px;display:block}.poem h2{font:400 clamp(30px, calc(43px * var(--ui)), 54px) / 1.45 var(--serif);letter-spacing:.2em;margin:20px 0 24px}.poem__verses{font:420 clamp(16px, calc(19px * var(--ui)), 23px) / 1.9 var(--serif);letter-spacing:.055em;grid-template-columns:max-content max-content;gap:.4em .6em;display:grid}.poem__clause{white-space:nowrap}.poem__character{animation:.78s both reveal-character;display:inline-block}.poem__whisper{max-width:30em;font-size:clamp(10px, calc(11px * var(--ui)), 14px);letter-spacing:.065em;opacity:.64;margin:24px 0 0;font-weight:450;line-height:1.8}.poem__chapter h2,.poem__eyebrow,.poem__whisper{animation:1s both reveal-ui}.journey-footer{right:max(var(--gutter), env(safe-area-inset-right));bottom:max(23px, env(safe-area-inset-bottom));left:max(var(--gutter), env(safe-area-inset-left));width:min(100% - var(--gutter) * 2, calc(1080px * var(--ui)));color:var(--footer-ink,var(--ui-ink));margin-inline:auto;position:absolute}.journey-footer__meta{justify-content:space-between;align-items:center;gap:16px;padding-bottom:15px;display:flex}.journey-footer__meta p{font:350 16px / 1.6 var(--serif);align-items:center;gap:9px;margin:0;display:flex}.journey-footer__meta svg{stroke-width:1.3px;flex-shrink:0;width:14px;height:17px}.journey-footer__progress{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:450}.journey-footer__progress small{opacity:.6;font-size:10px}.journey-track{background:color-mix(in srgb, var(--ui-ink) 23%, transparent);height:1px}.journey-track>i{background:var(--ui-accent);width:100%;height:1px;transform:scaleX(var(--journey-progress));transform-origin:0;transition:transform .13s linear;display:block}.stage-scale{grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid}.stage-scale li{font:400 14px / 1.6 var(--serif);letter-spacing:.08em;opacity:.5;align-items:center;gap:9px;padding-top:15px;transition:opacity .5s;display:flex;position:relative}.stage-scale li>i{background:currentColor;width:1px;height:5px;transition:height .5s;position:absolute;top:0;left:0}.stage-scale li[data-active=true]{opacity:1}.stage-scale li[data-active=true]>i{background:var(--ui-accent);height:9px}.stage-scale li[data-passed=true]{opacity:.72}.stage-scale__number{font-variant-numeric:tabular-nums;opacity:.7;font:450 9px/1.6 Manrope Variable,sans-serif}.notice{z-index:8;top:max(78px, calc(env(safe-area-inset-top) + 60px));right:max(var(--gutter), env(safe-area-inset-right));max-width:min(440px, calc(100vw - var(--gutter) * 2));color:#f5ebd4;background:#302b23;border:1px solid #d5b57e40;align-items:center;gap:4px;padding:10px 8px 10px 18px;display:flex;position:fixed}.notice p{font:400 16px / 1.8 var(--serif);margin:0}.render-fallback{z-index:10;color:#f5ebd4;background:#29251d;flex-direction:column;justify-content:center;align-items:flex-start;padding:36px max(24px,12vw);display:flex;position:fixed;inset:0;overflow-y:auto}.render-fallback__eyebrow{letter-spacing:.4em;color:#d5b57e;font-size:12px}.render-fallback h1{font:400 clamp(24px, 4vw, 44px) / 1.5 var(--serif);margin:28px 0 16px}.render-fallback h1:focus{outline:none}.render-fallback p{max-width:34em;font:350 16px / 1.9 var(--serif);margin:8px 0}.render-fallback .begin-button{margin-top:26px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes reveal-ui{0%{opacity:0}to{opacity:1}}@keyframes reveal-character{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px) and (orientation:portrait){:root{--gutter:24px}.topbar{top:max(16px, env(safe-area-inset-top))}.opening{align-items:center;padding-left:9vw;padding-right:9vw}.opening__body{width:100%;max-width:440px;margin-top:1vh}.opening__eyebrow{letter-spacing:.16em;margin-bottom:25px;font-size:9px}.opening h1>span:first-child{font-size:clamp(68px,19vw,100px)}.opening__english{letter-spacing:.58em;font-size:16px}.opening__lead{margin-top:32px;font-size:20px}.opening__description{max-width:20em;font-size:16px}.opening__action{margin-top:30px}.opening-note{font-size:11px}.opening__footnote [lang=en]{display:none}.poem{top:auto;right:var(--gutter);bottom:max(145px, calc(env(safe-area-inset-bottom) + 125px));left:var(--gutter);text-align:center;width:auto;transform:none}.poem__eyebrow{justify-content:center;font-size:11px}.poem h2{margin:12px 0 14px;font-size:30px}.poem__verses{justify-content:center;gap:.18em .3em;font-size:17px}.poem__whisper{margin:16px auto 0;font-size:10px}.journey-footer{bottom:max(20px, env(safe-area-inset-bottom))}.stage-scale li{letter-spacing:.06em;gap:5px;font-size:13px}}@media (max-width:380px){:root{--gutter:16px}.brand{gap:8px}.brand__english{letter-spacing:.15em;font-size:9px}.brand__chinese{font-size:17px}.controls{gap:0}.icon-button{width:44px;height:44px}.opening-note{letter-spacing:0;font-size:10px}.opening__lead{letter-spacing:.04em;font-size:18px}.poem__verses{grid-template-columns:max-content;row-gap:0;font-size:16px;line-height:1.7}.poem h2{margin-block:9px;font-size:27px}.poem__whisper{margin-top:10px}.stage-scale__number{display:none}.journey-footer__meta{gap:8px}.journey-footer__meta p{gap:5px;font-size:14px}}@media (max-height:620px){.opening{padding-top:82px;padding-bottom:45px}.opening__body{margin-top:0}.opening__eyebrow{margin-bottom:14px}.opening h1{gap:10px}.opening h1>span:first-child{font-size:64px}.opening__english{font-size:13px}.opening__lead{margin-top:18px;font-size:18px}.opening__description{margin-top:6px;line-height:1.65}.opening__action{margin-top:20px}.opening__hint{margin-top:12px}.opening__footnote{bottom:14px}.poem h2{margin-block:10px;font-size:30px}.poem__whisper{margin-top:12px}.journey-footer{bottom:max(14px, env(safe-area-inset-bottom))}}@media (orientation:landscape) and (max-height:540px){:root{--gutter:24px}.topbar{top:max(8px, env(safe-area-inset-top))}.opening{padding:65px max(30px, env(safe-area-inset-right)) 26px max(7vw, env(safe-area-inset-left));align-items:center}.opening__body{grid-template-columns:minmax(145px,.8fr) minmax(255px,1.3fr);column-gap:38px;width:min(710px,91vw);max-width:none;display:grid}.opening__eyebrow{grid-column:1/-1;margin-bottom:16px;font-size:9px}.opening h1{grid-area:2/1/5;justify-content:center}.opening h1>span:first-child{font-size:64px}.opening__lead{grid-column:2;margin:0}.opening__description{grid-column:2}.opening__action{grid-column:2;margin-top:15px}.begin-button{min-height:46px;padding-block:10px}.opening__hint{margin-top:9px;font-size:14px}.opening__footnote{display:none}.poem{width:47vw;top:46%;left:7vw;transform:translateY(-45%)}.poem__eyebrow{font-size:10px}.poem h2{margin-block:8px;font-size:27px}.poem__verses{gap:0 .1em;font-size:16px;line-height:1.75}.poem__whisper{margin-top:10px;font-size:9px}.journey-footer__meta{padding-bottom:7px}.journey-footer__meta p{font-size:14px}.stage-scale li{padding-top:8px;font-size:12px}}@media (orientation:landscape) and (max-width:540px){.opening{padding-inline:var(--gutter);align-items:safe center}.opening__body{width:100%;display:block}.opening h1{margin-bottom:16px}.opening__lead{margin-top:12px}.opening__description{max-width:100%}}@media (max-height:390px){.opening h1>span:first-child{font-size:54px}.opening__eyebrow{margin-bottom:8px}.opening__description{line-height:1.5}.opening__action{margin-top:10px}.poem__whisper{display:none}.render-fallback{justify-content:flex-start}}@media (orientation:portrait) and (max-height:620px){.opening{align-items:safe center}.poem{bottom:max(118px, calc(env(safe-area-inset-bottom) + 102px))}.poem__verses{grid-template-columns:max-content max-content;column-gap:.1em;font-size:16px}.poem__whisper{display:none}}@media (orientation:portrait) and (max-height:420px){.poem{bottom:95px}.poem__eyebrow{display:none}.poem h2{margin-block:6px;font-size:24px}.journey-footer__meta{padding-bottom:6px}.journey-footer__meta p{font-size:14px}.stage-scale li{padding-top:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/*# sourceMappingURL=index.f77ec0faa9.css.map*/