:root{--bg-body:#ffffff;--bg-gradient:linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);--bg-panel:rgba(253, 251, 247, 0.85);--bg-blur:rgba(253, 251, 247, 0.35);--text-main:#000000;--text-sub:#666666;--accent-primary:#7a8db1;--accent-hover:#5f6d88;--border-color:#e2e2e2;--shadow-color:rgba(0,0,0,0.15);--overlay-bg:rgba(0, 0, 0, 0.3);--map-brightness:1.0;--icon-color:#4a3f35}[data-theme="dark"]{--bg-body:#121212;--bg-gradient:linear-gradient(to bottom, #353535 0%, #212121 100%);--bg-panel:rgba(55, 55, 55, 0.85);--bg-blur:rgba(30, 30, 30, 0.35);--text-main:#ffffff;--text-sub:#aaaaaa;--accent-primary:#7a8db1;--accent-hover:#5f6d88;--border-color:#6e6e6e;--shadow-color:rgba(0,0,0,0.5);--overlay-bg:rgba(0, 0, 0, 0.5);--map-brightness:1.0;--icon-color:#ffffff}*{-webkit-tap-highlight-color:#fff0}body,html{height:100%;margin:0;padding:0;font-family:'Georgia','Times New Roman',serif;overflow:hidden;background-color:var(--bg-body);color:var(--text-main)}#map{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:1;background-color:var(--bg-body);filter:brightness(var(--map-brightness));transition:filter 0.3s;will-change:transform}.leaflet-control-attribution{display:none!important}button svg path,.video-wrapper svg path{fill:var(--icon-color);transition:fill 0.3s}#wisselKnop svg path,.video-wrapper svg path{fill:#ffffff!important}.leaflet-marker-icon{filter:drop-shadow(3px 5px 2px rgb(0 0 0 / .4))}#volgKnop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-main);position:fixed;bottom:20px;right:20px;z-index:10;font-family:'Georgia',serif;font-size:16px;font-weight:700;padding:12px 0;border-radius:50px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;min-width:150px;text-align:center;transition:transform 0.4s cubic-bezier(.175,.885,.32,1.275),opacity 0.4s ease;background-color:var(--bg-blur);border:1px solid var(--border-color);box-shadow:0 4px 15px var(--shadow-color)}.volg-aan{transform:translateY(150%);opacity:0;pointer-events:none}.volg-uit{transform:translateY(0);opacity:1;pointer-events:auto}@keyframes settingsPop{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}#meldingScherm{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-panel);z-index:100;display:none;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#melding{position:relative;width:550px;height:100%;background:none;box-sizing:border-box;overscroll-behavior:contain;animation:settingsPop 0.4s cubic-bezier(.175,.885,.32,1.275);color:var(--text-main)}#melding.modus-audio{display:flex;flex-direction:column;overflow:hidden}#melding.modus-audio .video-wrapper{flex:1;min-height:0}#melding.modus-audio .melding-inhoud{flex-shrink:0;padding-bottom:25px}#melding.modus-tekst{display:block;overflow-y:auto;-webkit-overflow-scrolling:touch}#melding.modus-tekst .video-wrapper{height:40vh;min-height:250px;max-height:450px}.popup-header{position:sticky;top:0;z-index:10}.sluit-knop{position:absolute;top:10px;right:10px;height:48px;width:48px;cursor:pointer;z-index:20;padding:0;margin:0;background-color:var(--bg-blur);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;border:solid 1px var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-main);line-height:0;font-size:0;box-sizing:border-box}.sluit-knop svg{width:28px;height:28px;display:block;margin:0;padding:0;margin-top:2px;transform-origin:50% 50%;will-change:transform;transition:transform 0.4s cubic-bezier(.68,-.55,.265,1.55)}.sluit-knop.is-closing svg{transform:rotate(90deg) scale(.75)}#melding::-webkit-scrollbar{width:8px}#melding::-webkit-scrollbar-track{background:var(--bg-panel)}#melding::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.melding-inhoud{padding:10px}#steenTitel{font-size:19px;width:100%}.video-wrapper{position:relative;width:100%;overflow:hidden}#steenVideo{width:calc(100% + 2px);margin-left:-1px;display:block;height:100%;object-fit:cover;background-color:#fff0;clip-path:polygon(0% 0%,100% 0%,100% 100%,95% 99.3%,90% 100%,85% 99.5%,80% 100%,75% 99.3%,70% 100%,65% 99.5%,60% 100%,55% 99.3%,50% 100%,45% 99.5%,40% 100%,35% 99.3%,30% 100%,25% 99.5%,20% 100%,15% 99.3%,10% 100%,5% 99.5%,0% 100%)}.info-block{position:relative;display:flex;justify-content:space-between;align-items:center;background:var(--bg-gradient);border:1px solid var(--border-color);border-radius:12px;padding:25px;margin-bottom:10px;box-shadow:0 5px 10px rgb(0 0 0 / .15)}.info-tekst{flex:1;padding-right:15px}.info-meta{font-family:'Georgia',serif;font-size:14px;color:var(--text-sub);line-height:1.5;margin:0}.info-beeld{flex-shrink:0}.info-beeld img{width:auto;max-width:130px;height:90px;object-fit:contain;display:block}#audioContainer audio{position:absolute;bottom:50px;filter:sepia(20%) contrast(90%)}#steenTranscript{background:var(--bg-gradient);font-size:17px;line-height:1.7;position:relative;padding:25px;border-radius:20px;border:solid 1px var(--border-color);box-shadow:0 5px 10px rgb(0 0 0 / .15)}.custom-audio-player{display:flex;align-items:center;background:var(--bg-gradient);padding:15px;margin-top:auto;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 5px 10px rgb(0 0 0 / .15);align-content:flex-end}#playPauseBtn{background:linear-gradient(to bottom,var(--accent-primary) 0%,var(--accent-hover) 100%);color:#fff;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;margin-right:15px;box-shadow:0 5px 10px rgb(0 0 0 / .15);position:relative;overflow:hidden}#playPauseBtn:active{transform:scale(.95)}#playPauseBtn svg{position:absolute;transition:transform 0.4s cubic-bezier(.68,-.55,.265,1.55),opacity 0.4s ease}#iconPlay{opacity:1;transform:scale(1) rotate(0deg)}#iconPause{opacity:0;transform:scale(.5) rotate(90deg)}#playPauseBtn.is-playing #iconPlay{opacity:0;transform:scale(.5) rotate(-90deg)}#playPauseBtn.is-playing #iconPause{opacity:1;transform:scale(1) rotate(0deg)}.progress-container{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.time-display{font-size:14px;color:var(--text-sub);margin-top:5px;font-family:'Cinzel',serif;font-weight:700;text-align:right}input[type=range]{-webkit-appearance:none;width:100%;background:#fff0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;background:#ccc;border-radius:5px}input[type=range]::-webkit-slider-thumb{height:24px;width:24px;border-radius:50%;background:var(--accent-primary);cursor:pointer;-webkit-appearance:none;margin-top:-8px;box-shadow:0 2px 4px rgb(0 0 0 / .3)}input[type=range]::-moz-range-track{width:100%;height:8px;cursor:pointer;background:#ccc;border-radius:5px}input[type=range]::-moz-range-thumb{height:24px;width:24px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none;box-shadow:0 2px 4px rgb(0 0 0 / .3)}#startScherm{position:fixed;inset:0;background-image:linear-gradient(var(--bg-panel),var(--bg-panel)),url(assets/kaarthattem.webp);background-repeat:no-repeat;background-size:cover;background-position:center;background-color:var(--bg-body);z-index:100;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:10px}.start-page{width:100%;max-width:450px;padding:2vh 20px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:settingsPop 0.5s cubic-bezier(.175,.885,.32,1.275);max-height:100%}.start-logo{width:clamp(80px, 15vh, 110px);margin-bottom:10px}#startScherm h1{font-size:clamp(24px, 5vh, 38px);margin:0 0 15px 0;line-height:1.1}.uitleg-box{background:var(--bg-gradient);border:1px solid var(--border-color);border-radius:20px;padding:30px 20px;margin-bottom:30px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:25px;box-shadow:0 5px 10px rgb(0 0 0 / .15)}.uitleg-item{display:flex;flex-direction:column;align-items:center;gap:10px}.icon-circle{width:65px;height:65px;flex-shrink:0;border-radius:50%;border:2px solid var(--border-color);background-color:var(--bg-panel);display:flex;align-items:center;justify-content:center;font-size:20px}.uitleg-item p{margin:0;font-size:18px}.uitleg-marker-icoon{height:40px}.voorkeur-label{font-size:12px;color:var(--text-sub);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-weight:700}.start-voorkeur{display:flex;gap:10px;width:100%;margin-bottom:15px}.keuze-knop{flex:1;padding:14px;border-radius:12px;background:var(--bg-gradient);border:1px solid var(--border-color);color:var(--text-sub);font-weight:700;font-size:16px;transition:0.2s;cursor:pointer;box-shadow:0 5px 10px rgb(0 0 0 / .15)}.keuze-knop.actief{background:linear-gradient(to bottom,var(--accent-primary) 0%,var(--accent-hover) 100%);color:#fff;border-color:#fff0}.hoofd-start-knop{width:100%;background:linear-gradient(to bottom,var(--accent-primary) 0%,var(--accent-hover) 100%);color:#fff;padding:15px;font-size:28px;border-radius:50px;font-weight:700;border:none;cursor:pointer;box-shadow:0 5px 10px rgb(0 0 0 / .15)}@media (max-height:750px){#startScherm h1{font-size:22px;margin-bottom:10px}.start-logo{width:80px}.uitleg-box{padding:20px 15px;gap:15px;margin-bottom:20px}.icon-circle{width:45px;height:45px}.uitleg-item p{font-size:14px}.uitleg-marker-icoon{height:30px}.hoofd-start-knop{font-size:20px;padding:12px}}@media (max-height:670px){#startScherm h1{font-size:20px;margin-bottom:5px}.start-logo{width:60px;margin-bottom:5px}.uitleg-box{padding:15px 10px;gap:10px;margin-bottom:10px}.icon-circle{width:35px;height:35px;font-size:16px}.uitleg-item p{font-size:13px;line-height:1.3}.uitleg-marker-icoon{height:22px}.voorkeur-label{margin-bottom:8px}.keuze-knop{padding:10px;font-size:14px}.hoofd-start-knop{font-size:16px;padding:10px}.start-voorkeur{margin-bottom:10px}}