/* Alleen de vijf beelden van de rondleiding. */
#tourGuide #tourVisual{bottom:84px}
#tourGuide #tourPanel{
 bottom:max(12px,env(safe-area-inset-bottom));
 grid-template-columns:auto minmax(0,1fr);
 grid-template-areas:"progress title" "text text";
 width:min(1050px,94vw);gap:5px 12px;padding:10px 14px;
}
#tourGuide #tourPanel[hidden],#tourSubtitles[hidden],#tourSpeak[hidden]{display:none!important}
#tourGuide #tourSlideTitle{font-size:clamp(16px,1.5vw,21px)}
#tourGuide #tourProgress{font-size:12px}
#tourGuide #tourSlideText{font-size:clamp(14px,1.2vw,17px);line-height:1.3;-webkit-line-clamp:3}
#tourGuide #tourButtons{display:none}
#tourAudioControls{position:absolute;z-index:24;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));pointer-events:auto}
#tourGuide #tourSpeak{min-height:44px;padding:8px 12px;font-size:14px}
#tourSubtitles{
 position:absolute;z-index:22;left:50%;bottom:max(14px,env(safe-area-inset-bottom));
 transform:translateX(-50%);width:min(90vw,1020px);height:44px;margin:0;overflow:hidden;
 padding:5px 12px;color:#fff6df;background:rgba(8,5,3,.88);border-radius:5px;
 font:clamp(18px,1.8vw,24px)/1.4 Georgia,"Times New Roman",serif;
 text-align:center;white-space:nowrap;pointer-events:none;
}
#tourSubtitles span{display:inline-block;white-space:nowrap;max-width:none}
#tourSubtitles span.roll{padding-left:100%;animation:tourSubtitleRoll 7s linear both}
@keyframes tourSubtitleRoll{from{transform:translateX(0)}to{transform:translateX(-100%)}}
#annoSoundPrompt{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(15,10,6,.82)}
#annoSoundPrompt[hidden]{display:none!important}
#annoSoundPrompt section{width:min(520px,94vw);padding:24px;text-align:center;color:#fff4d5;background:linear-gradient(#5a452c,#2e2216);border:3px double #e0c17c;border-radius:14px;box-shadow:0 18px 60px #000b}
#annoSoundPrompt h2{margin:0 0 10px;font-size:clamp(24px,4vw,34px)}
#annoSoundPrompt p{font-size:18px;line-height:1.4}
#annoSoundPrompt button{margin:6px;padding:12px 16px;min-height:46px;color:#fff;background:#76582e;border:1px solid #ecd497;border-radius:8px;font-weight:700;cursor:pointer}
@media(orientation:landscape) and (max-height:520px){
 #tourGuide #tourVisual{bottom:68px}
 #tourGuide #tourPanel{bottom:5px;padding:6px 10px;gap:2px 8px}
 #tourGuide #tourSlideTitle{font-size:16px}
 #tourGuide #tourSlideText{font-size:14px;line-height:1.2}
 #tourSubtitles{bottom:max(5px,env(safe-area-inset-bottom));font-size:18px;line-height:1.3;width:90vw;height:34px;padding:4px 8px}
 #tourAudioControls{top:5px;right:8px}
}
@media(max-width:480px){
 #tourGuide #tourVisual{bottom:118px}
 #tourGuide #tourPanel{grid-template-areas:"progress progress" "title title" "text text"}
 #tourGuide #tourSlideTitle{white-space:normal}
 #tourSubtitles{font-size:18px;max-width:94vw}
}