.custom-marker{box-shadow:0 0 10px rgba(0,0,0,.3);transition:all .3s ease}.custom-marker:hover{transform:scale(1.2)}.custom-popup .maplibregl-popup-content{padding:0;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.2);border-radius:8px}.maplibregl-popup{max-width:300px}.maplibregl-popup-content{padding:10px;border-radius:8px}.popup-content{width:100%;color:#97a88a;font-weight:700;font-size:14px}.popup-title{background-color:#3498db;color:#b82929;margin:0;padding:12px 16px;font-size:16px;font-weight:700}.enhanced-popup{padding:8px;min-width:200px}.enhanced-popup h3{margin:0 0 8px;font-size:16px;line-height:1.2}.enhanced-popup p{margin:0;line-height:1.4}@keyframes fadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.route-popup .maplibregl-popup-content{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #97a88a;box-shadow:0 8px 25px hsla(94,15%,60%,.3);border-radius:12px;padding:0;overflow:hidden}.route-popup .maplibregl-popup-tip{border-top-color:#97a88a}.maplibregl-canvas-container{transition:cursor .2s ease}.difficulty-indicator{display:inline-block;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.route-popup-content{padding:12px 16px;min-width:200px}.route-popup-content h3{margin:0 0 4px;font-size:16px;font-weight:700;line-height:1.2;color:#97a88a}.route-popup-content p{margin:0;font-size:14px;line-height:1.3;color:#666}