:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#4e574e;background:#eae5da;font-synthesis:none;--paper:#eee9df;--ink:#4e574e;--muted:#8b9380;--accent:#967252;--panel:rgba(240,236,225,.92);--line:rgba(92,103,85,.2);--button:#4f6254}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit;color:inherit}button{cursor:pointer;background:transparent;border:0}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.35;cursor:default}button[aria-pressed=true]{color:var(--accent)}[hidden]{display:none!important}#scene,canvas{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none}#scene{outline:none}#cover{position:fixed;inset:0;background:var(--paper);z-index:8;pointer-events:none;opacity:0}header{position:fixed;top:28px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}.brand{display:flex;gap:16px;align-items:center}.brand svg{width:36px;height:48px;fill:none;stroke:var(--accent);stroke-width:1.7}h1{font:400 29px/1.3 Songti SC,STSong,serif;letter-spacing:.15em;margin:0}.brand p{font-size:9px;letter-spacing:.22em;margin:9px 0 0;color:var(--muted)}.text-link{padding:8px 0;border-bottom:1px solid var(--line);font-size:13px;pointer-events:auto;width:max-content}#about{margin-top:10px}.light-switch{position:fixed;top:26px;left:50%;transform:translate(-50%);padding:5px;border:1px solid var(--line);border-radius:6px;background:var(--panel);display:flex;gap:3px;z-index:11}.light-switch button{padding:14px 18px;font-size:13px;white-space:nowrap;border-radius:3px}.light-switch button[aria-pressed=true]{color:var(--paper);background:var(--button)}.light-switch span{font-size:16px;margin-right:7px}#light-caption{position:fixed;top:98px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.15em;color:var(--muted);pointer-events:none;z-index:5}#story{position:fixed;top:18%;left:32px;width:265px;pointer-events:none;z-index:6}#eyebrow,.small-label{font-size:10px;letter-spacing:.19em;color:var(--accent);margin:0 0 30px}h2{font:400 43px/1.65 Songti SC,STSong,serif;white-space:pre-line;margin:0;letter-spacing:.09em}#english{font-size:9px;letter-spacing:.23em;margin:22px 0 35px}#description{font:17px/1.9 Songti SC,STSong,serif;margin:0 0 28px}#note{font-size:12px;line-height:1.9;margin:0 0 16px}.small-label{margin:0 0 12px;font-size:9px}#story{text-shadow:0 0 16px var(--paper),0 0 9px var(--paper)}#story #notes{text-shadow:none}#compass{position:fixed;right:135px;top:156px;display:flex;align-items:center;flex-direction:column;gap:7px;pointer-events:none;z-index:6}#compass span{font-size:11px;letter-spacing:.13em}#needle{width:25px;height:37px;transform-origin:center}#tools{position:fixed;right:28px;top:170px;width:64px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:7px;z-index:10}#tools button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 0;border-radius:3px;min-height:56px}#tools button:hover{background:var(--line)}#tools b{font-size:20px;font-weight:400;line-height:22px}#tools span{font-size:9px}#mini{position:fixed;right:28px;bottom:151px;width:190px;padding:13px;background:var(--panel);border:1px solid var(--line);border-radius:5px;pointer-events:none;z-index:5}#mini>div{display:flex;justify-content:space-between;font-size:10px}#mini svg{width:100%;margin:14px 0 5px}.map-label{fill:var(--ink);font-size:13px;text-anchor:middle}#map-dot{fill:var(--accent)}#mini small{font-size:9px;color:var(--muted)}#bottom-caption{position:fixed;bottom:150px;left:32px;pointer-events:none;z-index:5}#bottom-caption>span{font-size:8px;letter-spacing:.24em;color:var(--muted)}#bottom-caption p{font:18px Songti SC,serif;margin:16px 0}#bottom-caption small{font-size:10px;color:var(--muted)}footer{position:fixed;bottom:22px;left:28px;right:28px;display:flex;gap:26px;align-items:center;min-height:98px;padding:12px 22px;background:var(--panel);border:1px solid var(--line);border-radius:6px;z-index:10}.transport{display:flex;align-items:center;gap:11px;flex-shrink:0}.transport button{font-size:26px;min-width:30px;min-height:44px}.transport #play{font-size:15px;width:44px;height:44px;border-radius:50%;background:var(--button);color:var(--paper)}#stops{display:flex;flex:1;justify-content:space-between;gap:12px}#stops button{font-size:12px;position:relative;min-height:68px;min-width:65px;padding:8px 6px;white-space:nowrap}#stops button span{display:block;font-size:9px;color:var(--muted);margin-bottom:13px}#stops button[aria-current=true]{color:var(--accent)}#stops button[aria-current=true]:after{content:"";position:absolute;bottom:0;left:6px;right:6px;height:1px;background:var(--accent)}#observation{position:fixed;left:50%;bottom:153px;transform:translate(-50%);text-align:center;z-index:10}#observation>span{font-size:10px;letter-spacing:.16em;color:var(--muted)}#observation>div{display:flex;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:5px;margin-top:12px}#observation button{padding:11px 16px;font-size:12px;white-space:nowrap}#observation button[aria-pressed=true]{background:var(--button);color:var(--paper);border-radius:3px}#figure-hint{font-size:10px;letter-spacing:.15em;margin:9px 0 0}#walk-panel{position:fixed;left:50%;bottom:143px;transform:translate(-50%);min-width:290px;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:12px 16px;z-index:11}#walk-panel p{display:flex;align-items:center;gap:8px;font-size:11px;margin:0 0 11px}#walk-progress{font-size:9px;color:var(--muted)}#exit-walk{margin-left:auto;min-height:28px}#walk-panel>div{display:flex;gap:10px}#walk-panel>div button{flex:1;padding:14px 17px;border:1px solid var(--line);border-radius:3px;background:var(--paper);touch-action:none}#walk-panel>div button,#walk-panel>div button *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#walk-panel small{display:block;text-align:center;margin-top:9px;font-size:9px;color:var(--muted)}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:7px;width:min(570px,calc(100% - 32px));max-height:82dvh;padding:45px 38px 32px;box-shadow:0 20px 70px #0003}dialog::backdrop{background:#1f261d77;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog #close{position:absolute;right:13px;top:8px;width:40px;height:40px;font-size:26px}dialog h2{font-size:29px;line-height:1.6;letter-spacing:.08em}dialog h3{font-size:15px;font-weight:500;margin-top:25px}dialog p,dialog li{font-size:13px;line-height:1.9}dialog a{color:var(--accent)}.dialog-kicker{font-size:9px!important;letter-spacing:.2em;color:var(--accent)}dialog select{display:block;width:100%;margin-top:12px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:4px}#loading,#fallback{position:fixed;inset:0;z-index:30;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}#loading svg{width:45px;height:60px;fill:none;stroke:var(--accent);stroke-width:1.5}#loading p{font:24px Songti SC,serif;letter-spacing:.15em}#loading small{color:var(--muted)}#fallback h2{font-size:26px}#fallback button{padding:12px 24px;background:var(--button);color:var(--paper);border-radius:4px}body[data-light=quiet]{--paper:#252c2c;--ink:#e2ddd1;--muted:#a5a99a;--accent:#cda779;--panel:rgba(38,46,46,.93);--line:rgba(206,212,195,.19);--button:#8b6d4b;color:var(--ink)}body[data-light=quiet] #story{text-shadow:0 0 14px #252c2c,0 0 5px #252c2c}body[data-view=observe] #title{font-size:34px}body[data-view=hall] #story{width:240px}@media(max-height:820px)and (min-width:701px){#story{top:20%;width:230px}h2{font-size:34px;line-height:1.5}#eyebrow{margin-bottom:18px}#english{margin:15px 0 22px}#description{font-size:15px;margin-bottom:18px}.small-label,#note{display:none}#bottom-caption{bottom:139px}#tools{top:142px}#mini{width:163px}}@media(max-width:1100px)and (min-width:701px){h1{font-size:24px}.brand p{font-size:7px}.light-switch,#light-caption{left:60%}#story{width:220px}h2{font-size:36px}#description{font-size:15px}#note{font-size:11px}#mini{width:155px}#compass{right:115px}footer{gap:12px;padding:10px 15px}#stops{gap:4px}}@media(max-width:700px){header{top:max(17px,env(safe-area-inset-top));left:18px;right:16px}.brand{gap:9px}.brand svg{width:25px;height:34px}h1{font-size:20px;letter-spacing:.09em}.brand p{font-size:6px;letter-spacing:.12em;margin-top:5px}#about{font-size:0;border:1px solid var(--line);border-radius:50%;width:32px;height:32px;margin:0}#about:after{content:"i";font:italic 17px Georgia}.light-switch{top:74px;left:18px;transform:none;padding:4px}.light-switch button{padding:10px 12px;font-size:11px}.light-switch span{font-size:13px;margin-right:4px}#light-caption{display:none}#story,body[data-view=hall] #story{top:137px;left:19px;width:205px}#eyebrow{font-size:8px;margin:0 0 13px}h2{font-size:29px;line-height:1.55;letter-spacing:.06em}#english{font-size:7px;letter-spacing:.1em;margin:13px 0}#description{font-size:12px;line-height:1.8;margin:0}#note,.small-label,#notes{display:none}#tools{top:157px;right:14px;width:46px;padding:4px}#tools button{min-height:45px;padding:5px 0;gap:4px}#tools b{font-size:18px;line-height:19px}#tools span{font-size:8px}#compass{right:25px;top:92px;gap:4px}#compass span{font-size:9px}#needle{width:19px;height:29px}#mini,#bottom-caption{display:none}footer{bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;min-height:96px;display:block;padding:8px 9px}.transport{position:absolute;top:-52px;left:0;padding:3px;background:var(--panel);border:1px solid var(--line);border-radius:25px;gap:6px}.transport button{min-width:28px;min-height:34px;font-size:23px}.transport #play{width:34px;height:34px;font-size:12px}#stops{gap:0;display:grid;grid-template-columns:repeat(6,1fr)}#stops button{min-width:0;min-height:75px;font-size:9px;padding:7px 1px;white-space:normal}#stops button span{margin-bottom:13px;font-size:8px}#observation{bottom:131px;width:230px;left:53%}#observation>span{font-size:8px}#observation>div{justify-content:center;margin-top:7px;padding:3px}#observation button{font-size:10px;padding:11px 10px}#figure-hint{display:none}body[data-view=observe] #story{width:220px}body[data-view=observe] #title{font-size:24px}body[data-view=observe] #description{display:none}#walk-panel{bottom:125px;min-width:235px;padding:9px 12px;left:54%}#walk-panel small{display:none}#walk-panel p{font-size:10px;margin-bottom:5px}#walk-panel>div button{padding:12px;font-size:12px}body[data-walk=true] #description,body[data-walk=true] #english{display:none}dialog{padding:38px 23px 24px;max-height:85dvh}dialog h2{font-size:25px}}@media(max-width:700px)and (max-height:700px){#story,body[data-view=hall] #story{top:130px;width:190px}h2{font-size:25px}#description{display:none}#english{margin-top:10px;font-size:6px}#tools{top:145px}#tools button{min-height:41px}.light-switch{top:68px}#compass{top:85px}#observation{left:57%;width:220px}#walk-panel{left:57%;min-width:220px}}@media(max-height:500px)and (min-width:701px){header{top:14px;left:20px;right:18px}h1{font-size:20px}.brand svg{height:30px;width:23px}.brand p{font-size:6px;margin:4px 0}#about{font-size:10px;margin:0}.light-switch{top:12px;left:61%;padding:3px}.light-switch button{padding:9px 12px;font-size:11px}#light-caption{display:none}#story,body[data-view=hall] #story{top:95px;left:22px;width:180px}h2,body[data-view=observe] #title{font-size:25px;line-height:1.4}#eyebrow{margin-bottom:10px;font-size:8px}#english{font-size:6px;margin:10px 0}#description,#note,.small-label,#notes,#mini,#bottom-caption{display:none}#tools{right:16px;top:71px;width:43px;padding:3px}#tools button{min-height:33px;padding:4px 0;gap:2px}#tools b{font-size:16px;line-height:15px}#tools span{font-size:7px}#compass{right:77px;top:76px}#compass span{font-size:9px}#needle{height:28px}footer{bottom:9px;left:17px;right:17px;min-height:64px;padding:5px 12px;gap:12px}#stops button{min-height:48px;font-size:10px}#stops button span{font-size:7px;margin-bottom:7px}.transport #play{width:34px;height:34px;font-size:12px}.transport button{font-size:21px;min-height:32px}#observation{bottom:88px;left:56%}#observation>span,#figure-hint{display:none}#observation>div{margin-top:0;padding:3px}#observation button{padding:8px 12px;font-size:10px}#walk-panel{bottom:84px;min-width:240px;padding:7px 12px}#walk-panel>div button{padding:8px;font-size:10px}#walk-panel p{margin-bottom:3px;font-size:10px}#walk-panel small{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}body:before{content:"";position:fixed;left:0;top:110px;bottom:125px;width:330px;background:linear-gradient(90deg,var(--paper),transparent);opacity:.7;pointer-events:none;z-index:4}body:after{content:"";position:fixed;left:0;right:0;top:0;height:125px;background:linear-gradient(var(--paper),transparent);opacity:.92;pointer-events:none;z-index:4}#story,body[data-light=quiet] #story{text-shadow:none}@media(max-width:700px){body:before{width:250px;top:123px;bottom:auto;height:210px;opacity:.75}body:after{height:130px}body[data-view=hall] #title{font-size:26px}}@media(max-height:500px)and (min-width:701px){body:before{width:230px;top:70px;bottom:70px}body:after{height:80px}}button{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.light-switch button[aria-pressed=true],#observation button[aria-pressed=true],.transport #play{color:#f1eadf}@media(max-width:700px){#observation{bottom:178px}#walk-panel{bottom:176px}}@media(max-width:700px){#observation{left:50%}#walk-panel{left:calc(50% - 20px)}}