@font-face{font-family:CloudSerif;src:url('assets/painterly/serif-final.woff?v=wipe-1') format('woff');font-weight:400;font-display:swap}
:root{--paper:#f4f0e6;--ink:#344c4d;--muted:#7e8880;--gold:#ab8c58;--serif:CloudSerif,'Songti SC','Noto Serif CJK SC',SimSun,serif;--sidebar:clamp(290px,27vw,410px)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--serif);overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:1px solid var(--gold);outline-offset:5px}button:disabled{opacity:.28!important;cursor:default}.experience{height:100%;height:100dvh;display:grid;grid-template-columns:var(--sidebar) 1fr}.story{position:relative;z-index:3;display:flex;flex-direction:column;padding:42px clamp(30px,3.6vw,58px) 30px;background:var(--paper);isolation:isolate}.story:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.21;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='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%237a704f' opacity='.17' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.brand{display:flex;align-items:center;gap:13px;width:max-content}.brand .star{font:38px Georgia;color:var(--gold)}.brand>span:last-child{font:14px Georgia,serif;letter-spacing:5px}.brand small{display:block;font:7px Arial,sans-serif;letter-spacing:2px;color:var(--muted);margin-top:9px}.story-body{margin:auto 0;padding:35px 0 40px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted);display:flex;gap:11px;align-items:center;white-space:nowrap}.eyebrow>span{height:1px;width:24px;background:var(--gold);opacity:.7}.eyebrow small{margin-left:auto;font:9px Georgia;color:var(--gold);letter-spacing:0}h1{font-size:clamp(48px,4.5vw,72px);font-weight:400;letter-spacing:.13em;line-height:1.38;margin:28px 0 22px}h1>span{display:block;margin-left:.65em}h1 .title-dot{font-size:.5em;margin-left:-.15em;color:var(--gold)}.english-title{font:italic clamp(21px,2vw,29px)/1.3 Georgia,serif;letter-spacing:-.4px;color:#6d817b;margin:0}.hairline{width:34px;height:1px;background:var(--gold);opacity:.5;margin:33px 0 25px}.poem{font-size:11px;line-height:2.35;letter-spacing:1.6px;color:#7a8379;margin:0 0 38px}.views{display:flex;justify-content:space-between;gap:4px;border-bottom:1px solid #b3ae982e}.views button{position:relative;flex:1;padding:11px 0 15px;color:#93958a;font-size:10px;letter-spacing:2px;white-space:nowrap;transition:color .25s}.views button span{font:17px Georgia;display:inline-block;margin:0 5px}.views button.active,.views button:hover{color:var(--ink)}.views button.active:after{content:'';position:absolute;bottom:-1px;left:30%;right:30%;height:1px;background:var(--gold)}.view-caption{font-size:8px;letter-spacing:1.2px;text-align:center;color:#a1a294;margin:13px 0 0}.story-footer{margin-top:auto;display:flex;flex-direction:column;gap:18px}.story-footer>span{font:7px Arial,sans-serif;letter-spacing:1.6px;color:#8e978c;white-space:nowrap}.story-footer i{font-style:normal;margin:0 5px;color:var(--gold)}.story-footer>button{padding:0;align-self:flex-start;font-size:9px;letter-spacing:2px;color:#747f74}.story-footer button span{margin-left:17px;color:var(--gold)}.stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:#8aaecf;isolation:isolate}#sky{position:absolute;inset:0;background:url('assets/sky.webp') 45% center/cover no-repeat;filter:saturate(.83);z-index:-3}#sky:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#ffedbc0d,#97a4bf0a 70%,#8293ba14)}#world{position:absolute;inset:0;cursor:grab;touch-action:none;outline:0;z-index:0}#world:focus-visible{box-shadow:inset 0 0 0 1px #fff3d17a}#world.dragging{cursor:grabbing}#world canvas{width:100%;height:100%;display:block;touch-action:none}.atmosphere{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,#3d557c14,transparent 22%,transparent 75%,#4a63992e)}.scene-header{position:absolute;top:32px;left:32px;right:29px;display:flex;align-items:center;justify-content:space-between;z-index:2;pointer-events:none;color:#fff4da}.scene-header p{font-size:9px;letter-spacing:2px;opacity:.86;margin:0;text-shadow:0 1px 15px #3a567b80}.sun-mark{font:20px Georgia;margin-right:10px;vertical-align:middle}.scene-header button{pointer-events:auto}.icon-button{display:grid;place-items:center;width:38px;height:42px;padding:10px;opacity:.8;transition:opacity .2s,background .2s;border-radius:50%}.icon-button:hover{opacity:1;background:#fff4da17}.icon-button:focus-visible{outline-color:#fff4da}.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.scene-caption{position:absolute;left:50%;top:80px;transform:translateX(-50%);color:#fff3d1;opacity:.58;display:flex;align-items:center;gap:12px;white-space:nowrap;z-index:2;pointer-events:none;font:6px Georgia;letter-spacing:2px}.scene-caption i{height:1px;width:27px;background:currentColor;opacity:.7}.scene-footer{position:absolute;bottom:26px;left:32px;right:29px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:2;color:#fff4da;pointer-events:none}.gesture{display:flex;gap:16px;align-items:center;text-shadow:0 1px 16px #324d6ea6;opacity:.85;transition:opacity .6s}.gesture>svg{width:36px;height:16px;fill:none;stroke:currentColor;stroke-width:.8}.gesture p{font-size:10px;letter-spacing:1.7px;margin:0;line-height:1.6}.gesture small{display:block;font:6px Georgia;letter-spacing:1.3px;margin-top:6px;opacity:.65}.tools{display:flex;align-items:center;pointer-events:auto}.tool-divider{width:1px;height:13px;background:#fff3d155;margin:0 7px}.play-icon{display:none}.paused .pause-icon{display:none}.paused .play-icon{display:block}.paused #motion{opacity:1}.explored .gesture{opacity:.5}#art-fallback{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}#art-fallback img{width:106%;max-width:none;filter:drop-shadow(0 14px 22px #7893ad33)}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#b6c4cd;z-index:5;color:#fff3d7;transition:opacity .65s}#loading>span{font:50px Georgia}#loading p{font-size:10px;letter-spacing:3px;margin:25px 0}#loading i{display:block;height:1px;width:70px;background:#fff3d74d;overflow:hidden}#loading i:after{content:'';display:block;width:25px;height:1px;background:#fff3d7;animation:loading 1.8s infinite ease-in-out}@keyframes loading{from{transform:translateX(-25px)}to{transform:translateX(70px)}}#notice{position:absolute;left:50%;bottom:105px;transform:translate(-50%,8px);font-size:10px;letter-spacing:1.4px;line-height:1.8;max-width:85%;text-align:center;padding:9px 18px;border-radius:2px;background:#f6f0dfed;color:#566b6c;box-shadow:0 8px 35px #3c557327;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;z-index:6;white-space:nowrap}#notice.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #e2d8c4;background:var(--paper);color:var(--ink);padding:56px 48px 42px;width:450px;max-width:calc(100% - 36px);font-family:var(--serif);box-shadow:0 20px 100px #243b4c3d}dialog::backdrop{background:#27415b6e;backdrop-filter:blur(7px)}dialog .dialog-close{position:absolute;right:15px;top:12px;font:27px Georgia;color:#8a927f;padding:4px 10px}.dialog-eyebrow{font:8px Georgia;letter-spacing:2px;color:var(--gold)}dialog h2{font-size:25px;font-weight:400;letter-spacing:2px;margin:25px 0}dialog p{font-size:12px;line-height:2.2;color:#78847b}dialog .dialog-note{font-size:10px;color:#9a9c8c;margin-top:23px}#about-return{font-size:11px;letter-spacing:2px;padding:17px 0 0;margin-top:10px;border-top:1px solid #b9ad8f4d;width:100%;text-align:left}#about-return span{float:right;color:var(--gold)}.no-script{position:fixed;bottom:20px;right:25px;color:#fff3da;font-size:11px;z-index:8}[hidden]{display:none!important}
@media(min-width:1600px){.story{padding-left:65px;padding-right:65px}.story-body{padding-bottom:65px}.poem{font-size:12px;line-height:2.5}.scene-header{top:38px;left:40px;right:37px}.scene-footer{bottom:34px;left:40px;right:37px}}
@media(max-height:740px) and (min-width:761px){.story{padding-top:26px;padding-bottom:22px}.story-body{padding:25px 0}.eyebrow{font-size:8px}h1{font-size:49px;line-height:1.3;margin:20px 0 16px}.english-title{font-size:21px}.hairline{margin:22px 0 17px}.poem{margin-bottom:20px;font-size:10px}.story-footer{gap:12px}.view-caption{margin-top:10px}.scene-caption{top:65px}}
@media(max-width:760px){.experience{grid-template-columns:1fr;grid-template-rows:206px minmax(0,1fr)}.story{padding:21px 26px 19px;display:block}.brand{gap:8px}.brand .star{font-size:27px}.brand>span:last-child{font-size:11px;letter-spacing:4px}.brand small{font-size:5px;letter-spacing:1.3px;margin-top:5px}.story-body{padding:0;margin:0}.eyebrow,.english-title,.hairline,.view-caption,.story-footer>span{display:none}h1{font-size:35px;line-height:1.4;letter-spacing:4px;margin:19px 0 0}h1>span{display:inline;margin-left:0}h1 .title-dot{display:none}.poem{position:absolute;right:26px;top:77px;font-size:8px;line-height:2.1;letter-spacing:.7px;margin:0;color:#8c9488}.views{position:absolute;bottom:17px;left:26px;width:185px}.views button{font-size:9px;padding:8px 0 9px;letter-spacing:1px}.views button span{font-size:14px;margin:0 3px}.story-footer{position:absolute;bottom:24px;right:26px}.story-footer>button{font-size:8px;letter-spacing:1px}.story-footer button span{margin-left:8px}.scene-header{left:22px;right:15px;top:14px}.scene-header p{font-size:8px;letter-spacing:1px}.sun-mark{font-size:17px;margin-right:5px}.scene-caption{top:65px;font-size:5px;letter-spacing:1.5px;gap:8px}.scene-caption i{width:16px}.scene-footer{left:22px;right:15px;bottom:max(16px,env(safe-area-inset-bottom));align-items:flex-end}.gesture{gap:0}.gesture>svg{display:none}.gesture p{font-size:8px;letter-spacing:.7px}.gesture small{font-size:4px;letter-spacing:.9px;margin-top:5px}.tools .icon-button{width:32px;height:37px;padding:7px}.tool-divider{margin:0 3px}.tools svg{width:17px;height:17px}.atmosphere{background:linear-gradient(180deg,#3d557c0b,transparent 35%,transparent 72%,#3d56882b)}#art-fallback img{width:175%;position:relative;left:-6%}#notice{font-size:9px;bottom:80px;padding:7px 12px}dialog{padding:46px 30px 30px}dialog h2{font-size:23px}}
@media(max-width:370px){.story{padding-left:20px;padding-right:20px}.poem{right:20px;font-size:7px;letter-spacing:.2px}h1{font-size:31px;letter-spacing:3px}.views{left:20px;width:170px}.story-footer{right:20px}.gesture small{display:none}}
@media(max-height:630px) and (max-width:760px){.experience{grid-template-rows:165px minmax(0,1fr)}.story{padding-top:14px}h1{margin-top:10px;font-size:30px}.poem{top:59px;font-size:7px}.views{bottom:10px}.story-footer{bottom:18px}.scene-caption{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-height:580px) and (min-width:761px){.story{padding:20px 30px 17px}.brand .star{font-size:28px}.brand>span:last-child{font-size:11px;letter-spacing:4px}.brand small{font-size:5px;margin-top:5px}.story-body{padding:15px 0}.eyebrow,.poem,.view-caption{display:none}h1{font-size:38px;line-height:1.25;margin:0 0 15px}.english-title{font-size:18px}.hairline{margin:18px 0 8px}.views button{padding-bottom:9px}.story-footer{gap:9px}.story-footer>span{font-size:6px}.story-footer>button{font-size:8px}.scene-header{top:16px;left:22px;right:17px}.scene-caption{display:none}.scene-footer{bottom:15px;left:22px;right:17px}.gesture{gap:10px}.gesture p{font-size:8px}.gesture small{font-size:5px}}
.tools{color:#506779;background:#fff3d94d;border:1px solid #fff4df50;border-radius:28px;padding:0 3px;backdrop-filter:blur(8px)}.tools .tool-divider{background:#50677940}.tools .icon-button:hover{background:#fff4da40}.tools .icon-button:focus-visible{outline-color:#506779}