/* Compact controls and visible, unboxed map credits. */
:root{--viewer-control-bottom:max(20px,env(safe-area-inset-bottom))}
.bottom-bar,#tour-info-toggle{bottom:var(--viewer-control-bottom)}
#tour-card{bottom:calc(var(--viewer-control-bottom) + 56px)}
#joystick{bottom:calc(var(--viewer-control-bottom) + 66px)}
#villa-context{top:calc(var(--ui-top) + 54px);left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 28px);padding:0;background:none;border:0;border-radius:28px;box-shadow:none;backdrop-filter:none}
#villa-context .location-switch{background:#f7f4ebed;border:1px solid #fff9;backdrop-filter:blur(12px);box-shadow:0 5px 20px #25382f12;padding:4px;gap:3px}
#villa-context .location-switch button{font-size:12px;min-height:36px;padding:7px 16px;white-space:nowrap}
#villa-context-retry{display:block;margin:5px auto 0;padding:4px 12px;border-radius:18px;background:#f7f4ebed}
#context-attribution,body:not(.location) #context-attribution{left:50%;right:auto;bottom:max(4px,env(safe-area-inset-bottom));transform:translateX(-50%);width:max-content;max-width:calc(100vw - 560px);justify-content:center;gap:2px 12px;padding:0;background:none;border:0;box-shadow:none;border-radius:0;font-size:11px;line-height:1.35;color:#243129;text-align:center;text-shadow:0 0 3px #fff,0 0 7px #fff,0 1px 2px #fff}
#context-attribution #location-credits{max-width:100%;text-align:center}
#location-photo-brands{width:auto;margin:0;gap:24px;justify-content:center}
#location-photo-brands .google-logo-wrap{padding:10px 10px 5px}
#location-photo-brands a{filter:drop-shadow(0 0 3px #fff)}
#context-attribution a{color:inherit}
body.location #context-attribution{max-width:calc(100vw - 36px)}
@media(max-width:900px){
 body.has-context{--viewer-control-bottom:max(20px,calc(var(--map-credit-height,45px) + 16px + env(safe-area-inset-bottom)))}
 #context-attribution,body:not(.location) #context-attribution{width:calc(100vw - 24px);max-width:none;font-size:10px;gap:3px 10px}
 #location-photo-brands{width:100%}
}
@media(max-width:700px){
 #villa-context{top:calc(var(--ui-top) + 53px);left:50%;right:auto;width:max-content;padding:0}
 #villa-context .location-switch button{font-size:11px;min-height:36px;padding:7px 14px}
 .tour-controls{gap:6px}.tour-controls .primary{padding:0 12px;font-size:12px}.tour-controls #tour-back{width:36px;min-width:36px}
}
@media(max-width:380px){.tour-controls .primary{padding:0 10px;font-size:11px}.tour-controls .primary span{margin-left:8px}}