.route-landing-map{position:relative;width:100%;height:100%;min-height:var(--space-9xl);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.route-landing-map__map-placeholder{position:relative;width:100%;height:100%;cursor:pointer;transition:transform .2s ease}.route-landing-map__map-placeholder:hover{transform:scale(1.02)}.route-landing-map__map-canvas,.route-landing-map__skeleton{width:100%;height:100%;border-radius:var(--radius-lg)}.route-landing-map__skeleton{position:absolute;top:0;left:0;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.route-landing-map__map-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border-radius:var(--radius-lg)}.route-landing-map__markers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.route-landing-map__marker{position:absolute;width:var(--space-sm);height:var(--space-sm);background:var(--accent-yellow);border:2px solid var(--white);border-radius:50%;box-shadow:var(--shadow-md)}.route-landing-map__marker--1{top:30%;left:25%;animation:pulse 2s infinite}.route-landing-map__marker--2{top:60%;left:70%;animation:pulse 2s .5s infinite}.route-landing-map__marker--3{top:45%;left:50%;animation:pulse 2s 1s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.route-landing-map__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,var(--gray-900));padding:var(--space-lg);color:var(--white)}.route-landing-map__route-info{text-align:center}.route-landing-map__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0;color:var(--white)}.route-landing-map__subtitle{font-size:var(--font-size-sm);margin:0;opacity:.9;color:var(--white)}.route-landing-map__fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--gray-900);z-index:9999;display:flex;flex-direction:column}.route-landing-map__fullscreen-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--white);border-bottom:var(--border-width-thin) solid var(--gray-200)}.route-landing-map__fullscreen-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;color:var(--gray-900)}.route-landing-map__close-btn{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--gray-500);transition:background-color .2s}.route-landing-map__close-btn:hover{background:var(--gray-100);color:var(--gray-700)}.route-landing-map__fullscreen-content{flex:1 1;width:100%;height:calc(100vh - 73px)}.route-landing-marker-popup{padding:var(--space-sm);font-size:var(--font-size-sm);line-height:var(--line-height-body)}.route-landing-marker-popup__title{display:block;margin-bottom:var(--space-xs);color:var(--gray-900);font-weight:var(--font-weight-semibold)}.route-landing-marker-popup__difficulty,.route-landing-marker-popup__distance{color:var(--gray-500);font-size:var(--font-size-xs);margin-bottom:var(--space-xxs)}.route-landing-marker-popup__link{margin-top:var(--space-xs);color:var(--primary-600);text-decoration:none;font-size:var(--font-size-xs)}.route-landing-marker-popup__link:hover{text-decoration:underline}@media (max-width:767px){.route-landing-map{height:var(--space-7xl)}.route-landing-map__title{font-size:var(--font-size-lg)}.route-landing-map__subtitle{font-size:var(--font-size-sm)}}