/* Gallery chrome floats over the panorama; activity dialogs never resize it. */
:root{--ink:#29483f;--gold:#aa8346;--line:#ddd9c9;--muted:#73776c;--sign-font:"STKaiti","KaiTi","FangSong",serif}
body{background:#14251e}#workspace{height:100dvh;min-height:0;display:block;overflow:hidden}#stage{width:100%;height:100%;min-height:0}#mobile-exhibits{display:none!important}
.topbar{position:fixed;inset:0 0 auto;height:auto;min-height:0;padding:20px 25px;z-index:7;background:none;border:0;pointer-events:none;align-items:flex-start;justify-content:space-between;gap:20px}.brand{display:block;pointer-events:none;color:#fff;text-shadow:0 2px 5px #000b}.brand span{font-family:var(--sign-font);font-size:22px;font-weight:700}.brand small{color:#fff;font-size:11px;opacity:.9}.location{display:none}.top-actions{pointer-events:auto;display:grid;grid-template-columns:repeat(4,36px);gap:6px;justify-content:center;margin:0}.top-actions .home-button{grid-column:1/-1;width:182px;height:66px;justify-self:center;margin:-10px -10px -1px}.top-actions .icon-btn{width:36px;height:36px;min-height:36px;padding:8px}
.ornate,.hotspot{background:transparent url('../assets/ornate-button.png') center/100% 100% no-repeat!important;color:#3b5745!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 5px 6px #24180b45);font-family:var(--sign-font);font-weight:700;transition:filter .18s,translate .18s!important}.ornate:hover,.hotspot:hover{filter:drop-shadow(0 6px 9px #26190d70) brightness(1.08);translate:0 -2px}.ornate:active,.hotspot:active{translate:0 1px;filter:drop-shadow(0 2px 3px #24180b66) brightness(.96)}.ornate:focus-visible,.hotspot:focus-visible{outline:3px solid #fff;outline-offset:0}.ornate{padding:14px 27px;min-height:60px;font-size:20px;gap:7px}.ornate svg{width:18px;height:18px}
.top-actions .icon-btn,.view-tools .icon-btn,.bottom-bar>.icon-btn{border-radius:50%;background:#173d34e8;color:#fff7dc;border:1px solid #d5b679;box-shadow:0 2px 7px #0004}.top-actions .icon-btn:hover,.view-tools .icon-btn:hover,.bottom-bar>.icon-btn:hover{background:#36644b}.view-tools .icon-btn[aria-pressed=true]{background:#faf3dd;color:#34583e;border-color:#d6b56e}.scene-top,.scene-credit{display:none}.view-tools{left:auto;right:24px;top:auto;bottom:23px;flex-direction:row;gap:7px;z-index:4}.view-tools .icon-btn{width:38px;height:38px;min-height:38px;padding:8px}.panorama-compass{right:24px;bottom:72px;border:0;border-radius:0;background:#10281bcc;padding:5px 9px;font-size:10px}
.bottom-bar{position:fixed;left:24px;bottom:23px;height:auto;width:auto;background:transparent;border:0;padding:0;gap:8px;z-index:8;pointer-events:none}.bottom-bar>*{pointer-events:auto}.bottom-bar>.icon-btn{width:40px;height:40px}#room-nav[hidden]{display:none}#room-nav{position:absolute;bottom:58px;left:0;width:240px;display:flex;flex-direction:column;gap:0;padding:9px 14px;background:#fffff6f5;border:1px solid #c2a66d;box-shadow:0 10px 35px #0004;border-radius:5px}#room-nav button{width:100%;flex:none;max-width:none;height:57px;min-height:0;background:none;padding:6px;gap:12px;border:0;border-bottom:1px solid #d3cbb0;border-radius:0}#room-nav button:last-child{border-bottom:0}#room-nav button.active{background:#e6edde;box-shadow:none}#room-nav img{width:61px;height:40px;border-radius:2px}#room-nav strong{font-size:14px}#room-nav small{font-size:9px;color:#657063}
.room-task{left:24px;bottom:86px;max-width:260px;width:240px;transform:none;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;white-space:normal;pointer-events:none;z-index:4}.room-task>span{display:block;color:white;text-shadow:0 1px 4px #000;font-size:12px;line-height:1.6;margin:2px 20px 0;padding:4px 8px;background:#153b2ccc}.room-task button{pointer-events:auto;width:220px;height:78px;font-size:23px;padding:20px 27px}.hotspot{width:170px;height:72px;min-height:0;padding:16px 22px;display:flex;gap:3px;transform:translate(-50%,-50%);font-size:23px;line-height:1.15;isolation:isolate;white-space:nowrap}.hotspot svg{width:15px;height:15px;opacity:.8}.hotspot .tip{position:static;display:block!important;background:none;transform:none;padding:0;border-radius:0;font-size:inherit;white-space:nowrap;color:inherit}.hotspot.visited .tip::after{content:"";display:inline-block;width:5px;height:5px;margin:0 0 4px 5px;background:#668652;border-radius:50%}.hotspot.menu-sign{width:395px;height:123px;padding:28px 55px;font-size:37px;gap:22px}.hotspot.menu-sign svg{width:23px;height:23px}.hotspot.performance-sign{width:228px;height:90px;padding-inline:32px;font-size:25px;gap:8px}.hotspot.seating-sign{width:200px;font-size:23px}.hotspot.return-sign{width:210px;font-size:23px}.hotspot .menu-subtitle{display:none}
#panel-shade{position:fixed;inset:0;z-index:20;background:#0d1a15a8;border:0;border-radius:0;width:100%;height:100%;padding:0;backdrop-filter:blur(3px)}#panel-shade[hidden]{display:none}#panel{position:fixed;z-index:21;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(680px,calc(100% - 32px));max-height:86dvh;background:#fffef7;border:1px solid #c3a56b;box-shadow:0 0 0 5px #ebe2caba,0 22px 90px #0007;border-radius:7px;overflow:auto}#panel:focus{outline:none}.panel-head{background:#f8f6e9;border-bottom:1px solid #d6c89f;min-height:65px;padding:10px 22px;font-size:13px;color:#72603d}.panel-head .icon-btn{background:#fff;border:1px solid #cfbe92;border-radius:50%}#panel-body{padding:23px 32px 32px}#panel h2{font-family:var(--sign-font);font-size:32px;color:#3a503c}#panel-body>.tag{background:#e4ecdf}.detail-image{height:240px;background:#fff;border:1px solid #e7dfc9;padding:12px;border-radius:4px}.button-row button.primary{background:#315e48;border-color:#315e48}.button-row button{min-height:45px}.gallery-list button{background:#f1f5e9;border-color:#d6ddc8}.detail-spec{grid-template-columns:70px 1fr;font-size:14px}.note{background:#edf2e7;border-left-color:#9da880}.exhibit-word{color:#8b7445}#panel-body p{font-size:14px}
dialog{z-index:30;background:#fffef7;border:1px solid #c3a56b;box-shadow:0 0 0 5px #ebe2cacc,0 20px 100px #0007;padding:22px 26px;width:min(1000px,calc(100% - 36px))}dialog::backdrop{background:#091911c9;backdrop-filter:blur(3px)}.dialog-head h2{font-family:var(--sign-font);font-size:28px}.dialog-head .icon-btn{border-radius:50%;border-color:#c6b17b}.media-screen{border-radius:0;border:1px solid #c2a469}.media-screen #audio-cover{background:#234f40}.media-screen #audio-cover h3{font-family:var(--sign-font);font-size:34px}#audio-cover{background-image:url('../assets/ornate-title.png')!important;background-size:70% auto!important;background-position:center!important;background-repeat:no-repeat!important}#audio-cover h3{color:#344d3a!important;margin:22px 0 2px!important}#audio-cover p{color:#5e6e58!important;font-size:12px}#audio-cover>svg{display:none}#toast{z-index:40;bottom:22px;background:#204333}
@media(max-width:1000px){.topbar{padding:14px 18px}.brand span{font-size:18px}.brand small{font-size:9px}.top-actions{grid-template-columns:repeat(4,31px);gap:4px}.top-actions .icon-btn{width:31px;height:31px;min-height:31px;padding:7px}.top-actions .home-button{width:165px;height:61px;font-size:19px}.room-task{left:16px;bottom:82px;width:200px}.room-task button{width:190px;height:69px;font-size:21px}.room-task>span{font-size:11px;margin-inline:10px}.view-tools{right:16px;bottom:18px;gap:5px}.bottom-bar{left:17px;bottom:18px}.panorama-compass{right:17px;bottom:65px}}
@media(max-width:600px){.topbar{padding:14px 12px}.brand span{font-size:16px}.brand small{font-size:8px}.top-actions{grid-template-columns:repeat(4,28px);gap:3px}.top-actions .home-button{width:145px;height:55px;margin-top:-9px;font-size:17px;padding-inline:19px}.top-actions .home-button svg{width:15px}.top-actions .icon-btn{width:28px;height:28px;min-height:28px;padding:6px}.view-tools{right:12px;bottom:17px;gap:5px}.view-tools .icon-btn{width:30px;height:30px;min-height:30px;padding:6px}.bottom-bar{left:12px;bottom:17px;gap:5px}.bottom-bar>.icon-btn{width:32px;height:32px;min-height:32px;padding:7px}.panorama-compass{right:13px;bottom:58px;font-size:9px}.room-task{left:12px;bottom:64px;width:160px}.room-task button{width:160px;height:60px;font-size:19px;padding-inline:21px}.room-task>span{display:none}#panel{width:calc(100% - 24px);max-height:89dvh}.panel-head{padding:10px 17px;min-height:55px;font-size:11px}#panel-body{padding:18px 21px}#panel h2{font-size:28px}.detail-image{height:185px}#room-nav{width:222px;bottom:47px}#room-nav button{flex-direction:row;justify-content:flex-start;height:56px;padding:6px}#room-nav img{width:62px;height:39px;max-width:none}#room-nav small{display:block}#room-nav strong{font-size:13px}dialog{padding:17px;width:calc(100% - 24px)}.dialog-head h2{font-size:22px}#audio-cover h3{font-size:21px!important;margin:15px 0 0!important}#audio-cover p{display:none}.media-options{gap:9px}.room-task button svg{width:15px}#toast{bottom:61px}}
@media(max-height:560px) and (min-width:601px){.brand{display:none}.room-task>span{display:none}.room-task{bottom:65px}.top-actions{grid-template-columns:repeat(4,28px)}.top-actions .icon-btn{width:28px;height:28px;min-height:28px}.top-actions .home-button{width:145px;height:54px;font-size:17px}.topbar{justify-content:flex-end}.view-tools .icon-btn{width:30px;height:30px;min-height:30px}.room-task button{width:165px;height:60px;font-size:18px}}
/* Keep learning commands out of the low left-hand instrument's hit area. */
.room-task{left:50%;bottom:8px;transform:translateX(-50%);align-items:center;width:220px;max-width:220px}.room-task>span{display:none}
@media(max-width:760px){.room-task{left:50%;bottom:62px;width:180px;max-width:180px}.room-task button{width:180px;height:64px;font-size:20px}}
@media(max-height:560px) and (min-width:761px){.room-task{bottom:5px}}
.scene-transition{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;opacity:0}
.hotspot.entrance-sign{width:238px;height:82px;font-size:24px;gap:6px}
.hotspot.entrance-sign svg{width:17px;height:17px;flex-shrink:0}
.sample-section{margin:18px 0 24px;padding:14px 0;border-top:1px solid #aebaaa;border-bottom:1px solid #aebaaa}
.sample-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.sample-section audio{width:100%;height:42px}
#sample-status{font-size:13px;color:#44634d;margin:8px 0}
.hotspot.instrument-sign{width:138px;height:54px;min-height:54px;padding:10px 18px;font-size:20px;gap:4px}
.hotspot.instrument-sign svg{width:13px;height:13px}
.hotspot.instrument-sign:hover{translate:0 0}