/* The site dock is shared with every page; only museum controls live here. */
body.museum-page{padding:0;height:auto;overflow-x:hidden;overflow-y:auto}
.museum-page #museum{height:100svh}
.museum-page .exhibition{top:86px;left:20px;max-width:calc(100% - 100px);padding:0;background:none;backdrop-filter:none;border:0;box-shadow:none;pointer-events:none;color:#fff;text-shadow:0 1px 5px #0009}
.museum-page .exhibition h1{font-size:24px;margin:0;font-style:normal;line-height:1.15;color:#fff}
.museum-page .exhibition .eyebrow{display:none}
.museum-page .exhibition .subtitle{font-size:12px;line-height:1.4;margin-top:4px;color:#fff;opacity:.75}
.museum-page .walking .exhibition{opacity:.45;transform:none}
#edit{position:absolute;top:82px;right:18px;width:44px;height:44px;padding:12px;z-index:4;border-radius:50%;background:rgba(32,32,38,.35);backdrop-filter:blur(12px);color:#fff}
#edit:hover,#edit:focus-visible{background:rgba(32,32,38,.75)}
.museum-page .bottom{bottom:calc(18px + env(safe-area-inset-bottom,0px));left:18px;right:auto}
.museum-page .movement{gap:0;padding:3px;border-radius:25px;background:rgba(32,32,38,.26);backdrop-filter:blur(10px)}
.museum-page .movement div{display:flex;flex-direction:row;gap:0}
.museum-page .movement button{width:44px;height:44px;min-height:44px;font-size:19px;background:transparent;backdrop-filter:none;border:0;box-shadow:none;border-radius:50%;color:#fff;opacity:.7}
.museum-page .movement button:hover,.museum-page .movement button:focus-visible,.museum-page .movement button:active{opacity:1;background:#ffffff20}
.museum-page .crosshair,.museum-page .keyboard-note,.museum-page .room-marker{display:none}
.museum-page #settings{position:fixed;inset:82px 16px auto auto;margin:0;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 100px);padding:22px;overflow:auto;color:var(--text-strong);background: var(--glass-sheen), var(--glass-bg-solid);border:var(--glass-border)}
#settings::backdrop{background:#0002;backdrop-filter:blur(2px)}
#settings .panel-head h2{font-size:28px}
#settings .gallery-menu-actions{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 12px}
#settings .gallery-menu-actions>a,#settings .gallery-menu-actions>button{display:flex;align-items:center;gap:7px;font-size:14px;padding:10px 12px;border:var(--glass-border);border-radius:var(--radius-md);min-height:44px}
#settings .button-label{margin:0}#settings .count-tag{font-size:12px;color:var(--text-mid)}
#settings .tour,#settings .home,#settings .room-step,#settings #hint{position:static;inset:auto;transform:none;max-width:none;width:auto;margin:12px 0;background:none;box-shadow:none;backdrop-filter:none}
#settings .tour{display:flex;border:var(--glass-border);padding:3px;justify-content:space-between}
#settings .tour button{font-size:13px;padding:8px}#settings .tour #count{margin-left:6px;display:inline}
#settings .home{display:block;text-align:left;width:100%;border:var(--glass-border)}
#settings .room-step{display:flex;justify-content:space-between;border:var(--glass-border)}
#settings #hint{display:block;text-align:left;white-space:normal;font-size:12px;line-height:1.6;border:0;padding:0;color:var(--text-mid)}
#settings .tour[hidden],#settings .room-step[hidden],#settings #collection[hidden],#settings #sculptureMotionControl[hidden]{display:none}
@media(max-width:700px){
 .museum-page .exhibition{top:80px;left:18px}
 .museum-page .exhibition h1{font-size:20px}
 .museum-page .exhibition .subtitle{display:none}
 #edit{top:72px;right:14px}
 .museum-page .bottom{left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
 .museum-page #settings{top:74px;max-height:calc(100dvh - 90px)}
}
/* Keep the small labels readable against bright skylights as well as dark rooms. */
.museum-page .exhibition{width:max-content;padding:5px 9px;border-radius:var(--radius-sm);background:rgba(32,32,38,.42);text-shadow:none}
.museum-page .bottom-dock.dock-top{background:rgba(32,32,38,.62)}

/* The room plan stays in view, above the separate shared footer. */
.museum-page #museum>.minimap{position:absolute;inset:auto 18px calc(18px + env(safe-area-inset-bottom,0px)) auto;margin:0;padding:8px;background:rgba(32,32,38,.42);border:0;border-radius:var(--radius-md);pointer-events:none}
.museum-page #museum>.minimap canvas{width:90px;height:74px}
.museum-page #museum>.minimap span{font-size:10px;letter-spacing:.1em;margin-bottom:4px}
.museum-page #site-footer footer{color:var(--text-mid);font-size:12px;line-height:1.6;gap:16px;flex-wrap:wrap}
@media(max-width:700px){
 .museum-page #museum>.minimap{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:6px}
 .museum-page #museum>.minimap canvas{width:78px;height:64px}
 .museum-page #museum>.minimap span{display:none}
 .museum-page #site-footer footer{padding:24px 18px;letter-spacing:.04em}
}