/* Shared controls for the existing Leaflet map, never a second map instance. */
.navigation-mode-bar{display:flex;gap:8px;align-items:center}.navigation-mode-bar button{flex:1;min-height:48px;background:#10141a;color:#bababa;border:1px solid #555e64;border-radius:13px;font-weight:800;font-size:16px}.navigation-mode-bar button.selected{color:#ffc378;border-color:#ffac37;background:linear-gradient(120deg,#302112,#211e1c)}.navigation-mode-bar .navigation-exit{flex:0 0 42px;font-size:27px}.navigation-mode-status{display:flex;gap:12px;margin:10px 0;padding:12px;border:1px solid #4c555b;border-radius:14px;background:linear-gradient(120deg,#11161e,#0b1016);color:#ffc378}.navigation-mode-status img{width:45px;height:55px;object-fit:contain}.navigation-mode-status p{margin:3px 0;color:#ddd}.navigation-mode-status small{color:#aaa;font-size:11px}.navigation-route-toggles{display:flex;gap:10px;width:100%}.navigation-route-toggles button{flex:1;min-height:44px;background:#102317;border:1px solid #86c87e;border-radius:10px;color:white}.navigation-route-toggles button:last-child{background:#15171c;border-color:#72737a}.navigation-target-card{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#171327;border:1px solid #a777bb;border-radius:12px}.navigation-target-card strong{width:100%;color:#ffcf81}.navigation-target-card span{font-size:12px;color:#ccc}.navigation-target-card button{width:100%;min-height:44px;background:#fca941;color:#15100d;border:0;border-radius:9px;font-weight:bold}.navigation-instruction-dock{display:none}.navigation-error{color:#ffb7ba}.navigation-player-anchor{background:transparent!important;border:0!important;pointer-events:none!important}.navigation-player-visual{display:block;position:absolute;bottom:0;left:-20px;width:40px;height:56px;transform:scale(var(--player-scale,1));transform-origin:50% 100%;filter:drop-shadow(0 0 10px #67aaff);pointer-events:none}.navigation-player-visual svg{position:relative;width:40px;height:56px;z-index:1}.navigation-player-visual:before{content:"";position:absolute;bottom:-8px;left:-4px;width:48px;height:25px;background:#2879ff99;border:2px solid #c7e7ff;border-radius:50%;box-shadow:0 0 14px #609dff}.navigation-player-bearing{display:none;position:absolute;left:-20px;bottom:0;width:80px;height:130px;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(transparent,#79c6ff88);transform:rotate(var(--player-bearing,0deg));transform-origin:50% 100%}.has-heading .navigation-player-bearing{display:block}.navigation-compact{position:relative;margin:0!important;padding:0!important;border:0!important;background:none!important}.navigation-compact>*{display:none}.navigation-compact>.navigation-target-card{display:flex;position:fixed;bottom:85px;left:12px;max-width:340px;z-index:1500}.navigation-compact>.mobile-monster-alert{display:block}.navigation-compact>.navigation-error{display:block}
.mobile-monster-alert{position:fixed!important;z-index:12000!important;top:50%!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;width:min(92vw,420px)!important;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 40px)!important;overflow:auto!important;padding:22px!important;box-sizing:border-box}.mobile-monster-alert .mobile-monster-close{position:sticky!important;top:0;float:right;z-index:2;background:#201129!important}.mobile-monster-alert button:disabled{opacity:.45}.monster-capture-success{animation:captureCelebrate .45s ease-out}@keyframes captureCelebrate{from{opacity:0;filter:brightness(1.8)}to{opacity:1;filter:brightness(1)}}
body.mobile-navigation-is-fullscreen{overflow:hidden}.mobile-navigation-is-fullscreen .world-header{position:fixed;top:0;left:0;right:0;height:82px;z-index:7000;background:#090d10}.mobile-navigation-is-fullscreen .mobile-real-map{position:fixed!important;inset:82px 0 0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;z-index:5000;background:#0b1511}.mobile-navigation-is-fullscreen .mobile-real-map .mobile-map-shell{position:absolute;inset:0;height:100%!important;border:0;border-radius:0}.mobile-navigation-is-fullscreen .mobile-real-map .mobile-section-heading,.mobile-navigation-is-fullscreen .mobile-real-map>p,.mobile-navigation-is-fullscreen .mobile-real-map>small,.mobile-navigation-is-fullscreen .mobile-real-map>.mobile-location-actions,.mobile-navigation-is-fullscreen .mobile-real-map>details{display:none}.mobile-navigation-is-fullscreen .mobile-map-controls{top:245px!important;right:10px}.mobile-navigation-is-fullscreen .mobile-map-controls button{width:46px;height:46px;background:#10151beF}.mobile-navigation-is-fullscreen .tracker-world{position:fixed!important;inset:82px 0 0!important;padding:0!important;z-index:5000}.mobile-navigation-is-fullscreen .tracker-stage{display:block;height:100%;min-height:0;width:100%}.mobile-navigation-is-fullscreen .tracker-map-column,.mobile-navigation-is-fullscreen .tracker-map-shell{height:100%;width:100%}.mobile-navigation-is-fullscreen .tracker-info,.mobile-navigation-is-fullscreen .tracker-filters,.mobile-navigation-is-fullscreen .map-legend,.mobile-navigation-is-fullscreen .tracker-connection,.mobile-navigation-is-fullscreen .map-search,.mobile-navigation-is-fullscreen .tracker-map-column>footer,.mobile-navigation-is-fullscreen .tracker-toast{display:none}.mobile-navigation-is-fullscreen .map-control-stack{top:245px}.mobile-navigation-is-fullscreen .mobile-navigation-panel{position:fixed!important;top:87px;left:10px;right:10px;z-index:6500;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;pointer-events:none}.mobile-navigation-is-fullscreen .mobile-navigation-panel>*{pointer-events:auto}.mobile-navigation-is-fullscreen .mobile-navigation-heading,.mobile-navigation-is-fullscreen .mobile-navigation-direction,.mobile-navigation-is-fullscreen .mobile-navigation-panel>small,.mobile-navigation-is-fullscreen .mobile-nearby-monsters,.mobile-navigation-is-fullscreen .mobile-navigation-panel>p:not(.mobile-navigation-gps):not(.mobile-navigation-candy):not(.navigation-error),.mobile-navigation-is-fullscreen .mobile-navigation-panel>label:not(.mobile-navigation-route-picker){display:none}.mobile-navigation-is-fullscreen .navigation-mode-bar{display:flex}.mobile-navigation-is-fullscreen .navigation-mode-status{display:flex;min-height:65px;margin:8px 0}.mobile-navigation-is-fullscreen .mobile-navigation-route-picker{display:block;margin:8px 0;padding:10px;background:#10151beb;border:1px solid #555;border-radius:12px;color:#ffbc64}.mobile-navigation-is-fullscreen .mobile-navigation-route-picker select{width:100%;min-height:42px;background:#0c1016;color:white;border:1px solid #e8a84e;border-radius:8px}.mobile-navigation-is-fullscreen .mobile-navigation-gps{display:block;margin:6px 0;color:#e0e8dc;font-size:11px;background:#10161ce8;padding:6px;border-radius:7px}.mobile-navigation-is-fullscreen .mobile-navigation-actions{display:flex;gap:6px;justify-content:flex-start}.mobile-navigation-is-fullscreen .mobile-navigation-actions button{min-height:36px;padding:5px 10px}.mobile-navigation-is-fullscreen [data-mobile-nav-action=fullscreen]{display:none}.mobile-navigation-is-fullscreen .navigation-target-card{display:none}.mobile-navigation-is-fullscreen .navigation-instruction-dock{display:block;position:fixed;z-index:6600;bottom:0;left:0;right:0;padding:18px 20px calc(16px + env(safe-area-inset-bottom));border:1px solid #737573;border-bottom:0;border-radius:24px 24px 0 0;background:linear-gradient(130deg,#111820f5,#080b0ff8);box-shadow:0 -6px 28px #0009;color:#fff9ee;pointer-events:none}.navigation-instruction-dock>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.navigation-instruction-dock strong{font-family:var(--heading,serif);font-size:clamp(25px,7vw,55px);line-height:1.1}.navigation-dock-arrow{display:inline-block;font-size:64px;line-height:1;transform:rotate(var(--navigation-angle));flex:none}.navigation-instruction-dock p{margin:7px 0 0;font-size:15px;color:white}.navigation-instruction-dock small{font-size:12px;color:#bdc2c7}.mobile-navigation-is-fullscreen .mobile-bottom-nav,.mobile-navigation-is-fullscreen .woodland-ghost,.mobile-navigation-is-fullscreen .ghost-mascot,.mobile-navigation-is-fullscreen .floating-mascot{display:none!important}
@media(min-width:900px){.mobile-navigation-is-fullscreen .mobile-navigation-panel{left:calc(50% - 260px);right:calc(50% - 260px)}.mobile-navigation-is-fullscreen .navigation-instruction-dock{left:calc(50% - 350px);right:calc(50% - 350px);bottom:10px;border-bottom:1px solid #737573;border-radius:24px}}
@media(prefers-reduced-motion:reduce){.navigation-player-visual,.monster-capture-success{animation:none!important}}

#audio-activation-prompt{position:fixed;z-index:11000;top:90px;right:12px;background:#e9a344;color:#17120b;border:1px solid #ffe2a8;border-radius:10px;padding:12px;font-weight:800}#audio-activation-prompt[hidden]{display:none}

.mobile-navigation-panel [hidden]{display:none!important}

.mobile-navigation-is-fullscreen #inhoud{min-height:0!important;height:calc(100dvh - 82px)!important;margin-top:82px;padding:0!important}.mobile-navigation-is-fullscreen .monster-hunt-page{padding:0;margin:0;min-height:0}.mobile-navigation-is-fullscreen .monster-hunt-page>header,.mobile-navigation-is-fullscreen .world-footer,.mobile-navigation-is-fullscreen .magic-encounter-dev-btn,.mobile-navigation-is-fullscreen .skip-link{display:none!important}

.mobile-navigation-is-fullscreen .mobile-leaflet-map{height:100%!important;width:100%!important}.navigation-route-toggles button[aria-pressed="false"]{background:#11161c;border-color:#606568;color:#aaa}

.navigation-route-toggles button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:8px 12px;min-height:60px}.navigation-route-toggles small{font-size:10px;color:#b9bfc0}

.mobile-navigation-is-fullscreen .mobile-navigation-gps{max-width:calc(100% - 60px)}.mobile-navigation-is-fullscreen .mobile-navigation-actions{max-width:calc(100% - 60px);flex-wrap:wrap;pointer-events:none}.mobile-navigation-is-fullscreen .mobile-navigation-actions button{pointer-events:auto}

.mobile-navigation-is-fullscreen .mobile-navigation-panel>.mobile-navigation-network:not(:empty){display:block;position:fixed;bottom:170px;left:10px;right:65px;margin:0;padding:8px;background:#10161cee;border:1px solid #e8a84e;border-radius:8px;color:#fff;font-size:12px;pointer-events:none}

.is-navigation-target .monster-zoom-visual{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px #79c6ff)}.is-navigation-nearby .monster-zoom-visual{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 12px #ffc34d)}