/* Keep controls outside the artwork's interactive objects. */
#sceneVeil{transition:opacity .22s ease;background:#e9eee9}
.view-controls{display:grid;grid-template-columns:repeat(2,40px);gap:7px}
.view-controls .tool{width:40px;height:40px}
.view-controls .tool:disabled{opacity:.4;cursor:default;background:#f2f5ef;color:#7c887d}
.view-controls .tool:not(:disabled):active{transform:translateY(1px)}
.object-outlines polygon.is-active{stroke:#fffef2;fill:#fff9eb16;filter:drop-shadow(0 1px 2px #2c3c3566)}
.map-dialog{width:min(930px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:28px 30px;background:#f9fbf8;color:#42584b;border-color:#d5ded3}
.map-dialog .dialog-head p{color:#986f80}
.map-dialog .dialog-head{position:sticky;top:-28px;z-index:2;margin:-28px -30px 0;padding:24px 30px 14px;background:#f9fbf8}
.map-dialog .dialog-head h2{font-size:27px;color:#3b5345}
.map-dialog .map-home{margin:22px 0 20px;padding:13px 0;border-color:#d7e1d5;font-size:17px}
.map-columns{gap:24px}
.map-columns section{min-width:0}
.map-dialog .map-space{display:block;padding:0 0 9px;color:#435d4c}
.map-space img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:4px}
.map-space-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0 2px}
.map-space h3{font-size:19px;line-height:1.5}
.map-space svg{width:16px;height:16px;color:#94707f}
.map-dialog .map-columns section>a:not(.map-space){min-height:44px;padding:10px 0;border-bottom:1px solid #e6ece3;color:#5b6e61;font-size:13px}
.map-dialog .map-columns section>a:hover{color:#92586f}
.map-dialog a[aria-current="location"]{color:#92586f}
.map-dialog .map-space[aria-current="location"] img{outline:2px solid #ab7a8d;outline-offset:3px}
.map-dialog .map-foot{border-color:#d7e1d5;color:#8b6c7b}
.map-dialog .map-foot a{display:flex;align-items:center;min-height:32px}
@media(max-width:700px){
 .hud{gap:10px;inset:max(16px,env(safe-area-inset-top)) 16px auto}
 .hud .tools{gap:4px}
 .hud .tool{width:40px;height:40px;flex-shrink:0}
 .view-controls{top:124px;right:16px;grid-template-columns:repeat(4,40px);gap:5px}
 .scene-nav{bottom:max(108px,calc(env(safe-area-inset-bottom) + 90px))}
 .scene-caption{bottom:48px;white-space:nowrap}
 .map-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:21px}
 .map-dialog .dialog-head{top:-21px;margin:-21px -21px 0;padding:21px 21px 12px}
 .map-columns{grid-template-columns:1fr;gap:24px}
 .map-columns section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding-bottom:0;border:0}
 .map-dialog .map-space{grid-column:1/-1}
 .map-space img{aspect-ratio:2/1}
 .map-dialog .map-columns section>a:not(.map-space){font-size:12px}
 .map-dialog .map-home{margin:18px 0}
}
@media(max-width:370px){
 .hud{inset:max(12px,env(safe-area-inset-top)) 12px auto;gap:8px}
 .brand{font-size:17px;padding:6px}
 .hud .tools{gap:3px}
 .hud .tool{width:36px;height:40px}
}
@media(max-height:500px) and (min-width:701px){
 .hud{inset:15px 22px auto}
 .brand{font-size:19px;padding:5px 9px}
 .brand-initial{width:35px;height:40px;font-size:30px}
 .breadcrumbs{top:86px;left:24px}
 .view-controls{top:120px;right:22px}
 .scene-nav{bottom:68px}
 .scene-footer{bottom:16px;left:22px;right:22px}
 .scene-caption{bottom:0;padding:7px 11px;font-size:12px}
}