:root{color-scheme:dark;--ink:#f4ebd9;--muted:#c6bba7;--gold:#d4b57e;--paper:#e9dfc9;--dark:#151814;--line:rgba(226,213,188,.22)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#161710;color:var(--ink)}body,button,input{font-family:'Dunhuang Sans','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif}button{font-size:13px;color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:hover{color:#fff4d2}button,summary,a{-webkit-tap-highlight-color:transparent}button{min-height:42px}button[hidden],[hidden]{display:none!important}a{color:var(--gold);text-underline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{font-family:'Dunhuang Serif','Songti SC','Noto Serif CJK SC','SimSun',serif;font-weight:600}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none;display:block}#shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(12,13,9,.4),transparent 23%,transparent 67%,rgba(9,14,12,.74))}#transition{position:fixed;inset:0;background:#131610;opacity:0;z-index:30;pointer-events:none;transition:opacity .55s}#transition.cover{opacity:1}#welcome{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:6vw 8vw;background:linear-gradient(90deg,rgba(17,22,17,.79),rgba(17,22,17,.31) 49%,transparent 80%);transition:opacity .7s;z-index:4}#welcome h1{font-size:clamp(58px,6.8vw,112px);letter-spacing:.14em;line-height:1.4;text-shadow:0 3px 35px #1119;margin-top:20px}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--gold);font-weight:500;line-height:1.7}#welcome>.eyebrow{font-size:11px;letter-spacing:.3em}.welcome-line{font-size:clamp(15px,1.3vw,20px);letter-spacing:.22em;margin-top:13px;line-height:1.9}.welcome-action{display:flex;align-items:center;gap:26px;margin-top:44px}.primary{background:var(--paper);color:#24322b!important;border:1px solid var(--paper);padding:14px 28px;min-height:48px;letter-spacing:.1em}.primary:hover{background:#fff1d9}.welcome-action>span{color:var(--muted);font-size:12px;letter-spacing:.15em}.welcome-foot{position:absolute;bottom:35px;font-size:11px;letter-spacing:.23em;color:#e6dcca9e}#topbar{position:absolute;top:0;left:0;right:0;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-family:'Dunhuang Serif','Songti SC',serif;font-size:19px;letter-spacing:.14em}.seal{border:1px solid #d8ba8166;width:31px;height:37px;display:grid;place-items:center;color:#f1d6a6;font-size:21px;background:#493b2040}.top-actions{display:flex;gap:14px}.top-actions button{font-size:12px;padding:0 10px;color:#e5decf}.top-actions button:hover{border-bottom:1px solid var(--gold)}#room-label{position:absolute;left:40px;bottom:115px;pointer-events:none;max-width:480px;text-shadow:0 2px 15px #0008}#room-label h2{font-size:clamp(28px,2.9vw,45px);letter-spacing:.1em;line-height:1.7}#room-label p{color:#e8dfce;font-size:12px;letter-spacing:.1em;line-height:1.8}#view-tools{position:absolute;right:28px;bottom:120px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}#view-tools button{padding:0 14px;font-size:11px;min-height:34px;background:#111a1761;backdrop-filter:blur(8px);border:1px solid transparent}#view-tools button[aria-pressed=true]{border-color:#d4b57e66;color:#f1d093}#bottom-nav{position:absolute;bottom:0;left:0;right:0;height:85px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 32px;border-top:1px solid #ffffff1a;z-index:5;background:linear-gradient(0deg,#0c1413cb,#0c141350)}.nav-side{display:flex;gap:18px;align-items:center}.nav-side button{font-size:12px;letter-spacing:.03em;color:#ddd4c4}.nav-right{justify-content:flex-end}#count{font-size:10px;color:var(--gold);padding-left:3px}.room-tabs{display:flex;gap:25px;align-items:center}.room-tabs button{font-size:14px;color:#cfc8b6;border-bottom:2px solid transparent;height:60px}.room-tabs button[aria-current=true]{border-color:var(--gold);color:#fceac6}.room-tabs button span{font-size:10px;color:var(--gold);margin-right:7px}.room-tabs i{height:17px;width:1px;background:var(--line)}#hint{position:absolute;bottom:94px;left:50%;transform:translateX(-50%);font-size:11px;color:#eee7d5b3;letter-spacing:.1em;pointer-events:none;transition:opacity 1s}#pins{position:absolute;inset:0;pointer-events:none}.pin{position:absolute;left:0;top:0;display:flex;align-items:center;gap:9px;pointer-events:auto;white-space:nowrap;min-height:34px;transform:translate(-50%,-50%);padding:2px 5px;border-radius:24px;text-shadow:0 1px 8px #000;transition:opacity .2s}.pin .dot{display:grid;place-items:center;width:29px;height:29px;border:1px solid #f4dfb999;border-radius:50%;background:#24302980;box-shadow:0 0 0 4px #e8cf9e17;color:#fff0d0;font-size:10px}.pin .pin-text{font-size:12px;letter-spacing:.08em;line-height:1.5;background:#15221ab0;border-radius:2px;padding:5px 9px;backdrop-filter:blur(5px);opacity:0;transition:opacity .2s}.pin:hover .pin-text,.pin:focus-visible .pin-text,.pin.featured .pin-text{opacity:1}.pin.visited .dot{background:#5770638f}.pin:hover .dot{background:#d4b57e;color:#18251f;box-shadow:0 0 0 7px #e8cf9e22}#guide{position:absolute;left:9%;bottom:86px;height:min(57vh,610px);width:auto;aspect-ratio:700/1244;z-index:6;filter:drop-shadow(0 8px 12px #0003)}#guide video{display:block;height:100%;width:100%;object-fit:contain}#guide-dismiss{position:absolute;top:16%;right:3%;width:28px;min-height:28px;border:1px solid #e7d8be6e;background:#1320198c;border-radius:50%;opacity:.5;font-size:20px}#guide:hover #guide-dismiss{opacity:1}#captions{position:absolute;bottom:103px;left:20%;right:20%;text-align:center;z-index:8;pointer-events:none}#caption{font-size:clamp(16px,1.4vw,23px);font-weight:500;line-height:1.9;color:#fff5e5;text-shadow:0 2px 4px #000,0 0 14px #000,1px 0 1px #000,-1px 0 1px #000}#restore{position:absolute;right:20px;bottom:20px;padding:8px 18px;border:1px solid #dcc6a244;background:#132019b0;font-size:12px;z-index:15}.floating-return{position:absolute;left:28px;bottom:28px;padding:10px 20px;background:#142018b3;border:1px solid #ddc79e66;z-index:20;backdrop-filter:blur(8px)}body.clean #topbar,body.clean #room-label,body.clean #view-tools,body.clean #bottom-nav,body.clean #pins,body.clean #hint{display:none!important}body.exterior #room-label,body.exterior #pins,body.exterior #view-tools,body.exterior #bottom-nav{display:none!important}body.ending #world{filter:blur(3px) brightness(.6)}body.ending #room-label,body.ending #pins,body.ending #view-tools,body.ending #bottom-nav,body.ending #topbar{display:none!important}body.ending #guide{left:56%;height:77vh;bottom:5vh}body.ending #captions{bottom:5vh;left:14%;right:14%}#ending-copy{position:absolute;left:12%;top:32%;z-index:5;text-shadow:0 2px 24px #0009}#ending-copy h2{font-size:clamp(35px,4vw,68px);letter-spacing:.14em;line-height:1.7}#ending-copy p{font-size:14px;letter-spacing:.2em;color:#decda9;line-height:2.1;margin-top:14px}dialog{background:#142019;color:var(--ink);border:1px solid #c5b18b4d;padding:0;box-shadow:0 30px 100px #0008;max-height:90vh;max-width:94vw}dialog::backdrop{background:#07110dd9;backdrop-filter:blur(7px)}.dialog-head{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 32px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:28px;letter-spacing:.08em}.dialog-head button,.dialog-x,.cinema-top>button{font-size:28px;width:44px;font-weight:200}.dialog-x{position:absolute;right:12px;top:10px;z-index:10;background:#101a15a1}.subtle{font-size:12px;color:var(--gold);line-height:1.9}.source{font-size:10px;color:#b4b19f;line-height:1.7;margin-top:20px}.source summary{cursor:pointer}.source p{font-size:11px!important;line-height:1.8!important;margin-top:8px!important}.source a{overflow-wrap:anywhere}#catalog{width:820px}#catalog-items{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#c6ae7c21;padding:1px}#catalog-items button{display:flex;align-items:center;gap:17px;padding:16px;text-align:left;background:#142019;min-height:102px}#catalog-items button:hover{background:#23372b}#catalog-items img{width:99px;height:72px;object-fit:cover;opacity:.88}#catalog-items small{color:var(--gold);font-size:10px;display:block;letter-spacing:.1em;margin-bottom:7px}#catalog-items strong{font-weight:500;font-size:15px}#detail{width:min(1440px,94vw);height:min(810px,89vh);overflow:hidden}#detail[open]{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(330px,1fr)}.detail-art{position:relative;min-width:0;background:#0c1411;overflow:hidden;display:flex;align-items:center;justify-content:center}#image-stage{height:100%;width:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:grab}#art-image{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;transform-origin:center;user-select:none;pointer-events:none}#focus-points{position:absolute;inset:0;pointer-events:none}.focus-note{position:absolute;transform:translate(-50%,-50%);padding:6px 11px;border:1px solid #e6cc9d80;background:#1c3024cc;border-radius:30px;font-size:11px;color:#f8e5c5;pointer-events:auto}.image-tools{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:2px;background:#142019d9;border:1px solid #c6ac7944;backdrop-filter:blur(8px);white-space:nowrap}.image-tools button{padding:0 13px;font-size:12px;min-height:36px}.image-tools button:hover{background:#3b4935}.detail-copy{padding:58px 36px 24px;overflow:auto;display:flex;flex-direction:column}.detail-copy h2{font-size:clamp(24px,2.3vw,35px);letter-spacing:.05em;line-height:1.5;margin:16px 0 10px}.detail-copy>p:not(.subtle){font-size:15px;color:#dedbcc;line-height:2.05;margin-top:27px}#question{margin-top:25px;padding-left:16px;border-left:2px solid #ba9962}#question span{font-size:11px;color:var(--gold);letter-spacing:.15em}#question p{font-size:13px;line-height:1.9;color:#ded3bd;margin-top:7px}#play-film{align-self:flex-start;font-size:12px;padding:10px 18px;margin-top:22px;min-height:40px}.detail-pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:auto;font-size:11px;color:#b3ab9b}.detail-pagination button{font-size:11px}#detail.art-full[open]{grid-template-columns:1fr}#detail.art-full .detail-copy{display:none}#detail.art-full{width:96vw;height:92vh;max-height:92vh}#cinema{width:min(1480px,95vw);background:#090e0a;border:0}#cinema video{display:block;width:100%;max-height:74vh;object-fit:contain;background:#000}.cinema-top{display:flex;justify-content:space-between;align-items:center;padding:15px 25px}.cinema-top h2{font-size:24px;letter-spacing:.1em;margin-top:4px}#film-note{font-size:11px;color:#b8b4a5;line-height:1.8;padding:12px 25px}#about-dialog{width:640px;padding-bottom:22px}#about-dialog>p,#about-dialog>details{margin:20px 32px;font-size:14px;line-height:1.9;color:#d0caba}#about-dialog summary{cursor:pointer;font-size:12px;color:var(--gold)}#all-sources p{font-size:11px;border-top:1px solid var(--line);padding:9px 0;line-height:1.7}#about-dialog .version{font-size:10px;letter-spacing:.1em;color:#a99b82}#toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:#142019eb;border:1px solid #d1b68080;color:#f5e7ce;padding:12px 20px;font-size:12px;z-index:90;max-width:85vw;text-align:center}#fallback{position:absolute;inset:40% 10%;text-align:center;line-height:2;font-size:16px;z-index:100;background:#142019;padding:24px}
@media(max-width:1100px){#bottom-nav{padding:0 18px;gap:12px}.nav-side{gap:9px}.room-tabs{gap:13px}.room-tabs button{font-size:12px}.nav-side button{font-size:11px}#room-label{left:28px;max-width:340px}#topbar{padding:17px 23px}.detail-copy{padding:50px 26px 20px}.detail-copy>p:not(.subtle){font-size:14px}}
@media(max-width:700px){#welcome{padding:9vw;background:linear-gradient(90deg,#141b15d4,#151b1470)}#welcome h1{font-size:51px;letter-spacing:.12em}#welcome>.eyebrow{font-size:8px;letter-spacing:.14em}.welcome-line{font-size:13px;letter-spacing:.07em}.welcome-action{align-items:flex-start;flex-direction:column;gap:16px;margin-top:34px}.welcome-action>span{font-size:10px}.welcome-foot{bottom:28px;font-size:9px}#topbar{padding:12px 14px}.brand{font-size:16px;gap:8px}.seal{width:24px;height:31px;font-size:18px}.top-actions{gap:0}.top-actions button{font-size:10px;padding:0 8px}#room-label{left:19px;bottom:133px;max-width:72%}#room-label h2{font-size:27px}#room-label p{font-size:10px;letter-spacing:.02em}#room-label .eyebrow{font-size:9px}#view-tools{right:9px;bottom:132px;gap:3px}#view-tools button{padding:0 8px;font-size:9px;min-height:29px}#bottom-nav{height:115px;display:flex;flex-wrap:wrap;padding:7px 16px 12px;gap:2px;justify-content:space-between;align-content:center}.room-tabs{order:-1;width:100%;justify-content:center;gap:25px}.room-tabs button{height:44px;min-height:44px;font-size:13px}.nav-side{gap:8px;flex:1;justify-content:flex-start}.nav-right{justify-content:flex-end}.nav-side button{font-size:10px;white-space:nowrap;min-height:33px}#hint{bottom:123px;font-size:9px;white-space:nowrap}#guide{left:0;bottom:115px;height:43vh}#captions{left:9%;right:9%;bottom:137px}#caption{font-size:16px;line-height:1.8}.pin .pin-text{font-size:10px;padding:4px 7px}.pin .dot{width:27px;height:27px}.pin{gap:5px}#catalog{width:94vw}#catalog-items{grid-template-columns:1fr}#catalog-items button{min-height:82px;padding:12px}.dialog-head{padding:19px 20px}.dialog-head h2{font-size:24px}#detail{width:96vw;height:92vh;max-height:92vh;overflow:auto}#detail[open]{display:flex;flex-direction:column}.detail-art{height:43vh;min-height:43vh}.detail-copy{padding:24px 23px 19px;overflow:visible}.detail-copy h2{font-size:25px;margin:10px 0 5px}.detail-copy>p:not(.subtle){margin-top:18px;font-size:14px}.detail-pagination{margin-top:25px}.image-tools{bottom:8px}.source{margin:15px 0}.dialog-x{top:4px;right:4px;font-size:24px}.focus-note{font-size:9px;padding:5px 7px}#detail.art-full .detail-art{height:100%;min-height:100%}.cinema-top{padding:12px 15px}.cinema-top h2{font-size:20px}#film-note{padding:10px 15px}#about-dialog>p,#about-dialog>details{margin:17px 22px;font-size:13px}body.ending #guide{left:50%;transform:translateX(-50%);height:62vh;bottom:9vh}body.ending #captions{bottom:6vh;left:8%;right:8%}#ending-copy{left:0;right:0;text-align:center;top:11%}#ending-copy h2{font-size:29px;line-height:1.6}#ending-copy p{font-size:10px;letter-spacing:.15em;margin-top:7px}.floating-return{left:12px;bottom:12px;font-size:11px;padding:6px 12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Keep room titles clear of the presenter and subtitles. */
#room-label{top:104px;bottom:auto}#room-label h2{font-size:clamp(28px,2.6vw,39px)}body.ending #hint,body.exterior #hint{display:none!important}
@media(max-width:700px){#room-label{top:86px;bottom:auto;max-width:85%}#room-label h2{font-size:25px}#room-label p{font-size:10px}}