:root{color-scheme:dark;background:#101c26;font-family:Songti SC,"Noto Serif CJK SC",Times New Roman,serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0}#experience{position:fixed;inset:0;background:#101c26;touch-action:none;user-select:none;-webkit-user-select:none}#world{width:100%;height:100%;display:block;touch-action:none;outline:none;cursor:grab;-webkit-tap-highlight-color:transparent}#world:active{cursor:grabbing}#world:focus-visible{outline:1px solid #a3b3b6;outline-offset:-3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}#fallback{position:absolute;inset:0;place-content:center;text-align:center;color:#e9dcc3;background:#101c26}#fallback:not([hidden]){display:grid}#fallback p{font-size:36px;letter-spacing:.35em}#fallback span{font-size:16px;line-height:1.8;color:#a6adb0}@font-face{font-family:MoonCalligraphy;src:url(/fonts/moon-calligraphy.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}.story-scroll{position:absolute;z-index:2;left:max(28px,env(safe-area-inset-left));bottom:max(26px,env(safe-area-inset-bottom));width:min(390px,calc(100vw - 56px));color:#40392c;pointer-events:none;background:linear-gradient(90deg,#d3bf96 0,#ede0c4 3%,#f4ebd7 15%,#eee1c5 83%,#dac59f 97%,#c7ad80);box-shadow:0 14px 45px #0005,inset 0 0 28px #ad8b5420;border:1px solid #9c805766}.story-scroll:before,.story-scroll:after{content:"";position:absolute;left:-9px;width:calc(100% + 18px);height:8px;border-radius:3px;background:linear-gradient(#896b43,#413022 52%,#715335);box-shadow:0 2px 3px #0004}.story-scroll:before{top:-5px}.story-scroll:after{bottom:-5px}.scroll-inner{padding:20px 25px 21px}.scroll-heading{display:flex;align-items:center;gap:14px}.scroll-heading h2{margin:0;font:400 32px/1.15 MoonCalligraphy,KaiTi,STKaiti,serif;letter-spacing:.08em}.scroll-seal{color:#984d39;border:1px solid #984d39b3;border-radius:2px;font:400 18px/1.15 MoonCalligraphy,KaiTi,serif;padding:2px 3px;transform:rotate(-5deg)}.step-english-title{margin:7px 0 13px;font:12px/1.3 Georgia,Times New Roman,serif;letter-spacing:.06em;color:#746348}.step-chinese{margin:0;font:15px/1.8 Songti SC,"Noto Serif CJK SC",SimSun,serif;letter-spacing:.035em}.step-english{margin:8px 0 0;font:13px/1.55 Georgia,Times New Roman,serif;color:#766650}.swipe-hint{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%);width:54px;height:76px;display:grid;place-items:center;color:#f7e6bd;background:#14262ad9;border:1px solid #c9aa6d80;border-radius:27px;box-shadow:0 4px 18px #0004}.swipe-hint[hidden]{display:none}.swipe-gesture{width:32px;height:50px;animation:swipe-up 1.8s ease-in-out infinite}@keyframes swipe-up{0%,to{transform:translateY(3px)}50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.swipe-gesture{animation:none}}@media(min-width:1300px){.story-scroll{width:380px;left:32px;bottom:32px}}@media(min-width:901px)and (max-width:1299px){.story-scroll{width:315px;left:23px;bottom:23px}.scroll-inner{padding:16px 20px}.scroll-heading h2{font-size:28px}.step-chinese{font-size:14px}.step-english{font-size:12px}}@media(max-width:900px){.story-scroll{width:min(470px,calc(100vw - 40px));left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%)}.scroll-inner{padding:14px 21px 15px}.scroll-heading h2{font-size:28px}.step-english-title{margin:5px 0 8px;font-size:11px}.step-chinese{font-size:14px;line-height:1.7}.step-english{font-size:12px;line-height:1.5;margin-top:6px}}@media(max-height:650px)and (min-width:700px){.story-scroll{width:305px;left:18px;bottom:18px;transform:none}.scroll-inner{padding:12px 17px}.scroll-heading h2{font-size:25px}.step-chinese{font-size:13px}.step-english{font-size:11px}}@media(max-width:600px)and (orientation:portrait){#experience{display:grid;grid-template-rows:minmax(0,1fr) calc(224px + env(safe-area-inset-bottom))}#world{min-height:0;min-width:0}.story-scroll{position:relative;align-self:start;left:auto;bottom:auto;transform:none;width:calc(100% - 32px);margin:10px 16px calc(12px + env(safe-area-inset-bottom))}.scroll-inner{padding:12px 17px 13px}.scroll-heading h2{font-size:27px}.step-chinese{font-size:14px;line-height:1.65}.step-english{font-size:13px;line-height:1.45;color:#665640}.step-english-title{letter-spacing:.025em}}@media(max-height:500px)and (orientation:landscape){#experience{display:grid;grid-template-columns:minmax(0,1fr) clamp(245px,34vw,300px);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#world{min-height:0;min-width:0}.story-scroll{position:relative;align-self:center;left:auto;bottom:auto;transform:none;width:calc(100% - 28px);margin:10px 14px}.scroll-inner{padding:12px 14px}.scroll-heading h2{font-size:24px}.step-chinese{font-size:13px;line-height:1.65}.step-english{font-size:12px;line-height:1.4;color:#665640}.swipe-hint{left:auto;right:calc(100% + 28px);bottom:0;transform:none}}