#llRouteMediaMapModal[hidden]{display:none!important}
#llRouteMediaMapModal{--ll-media-accent:#55d98a;position:fixed;inset:0;z-index:190;display:grid;place-items:center;padding:28px;background:rgba(2,7,11,.78);backdrop-filter:blur(14px)}
.ll-media-map-dialog{width:min(1120px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid color-mix(in srgb,var(--ll-media-accent) 46%,#2d4659);border-radius:16px;background:linear-gradient(180deg,rgba(10,22,31,.99),rgba(5,13,19,.99));box-shadow:0 34px 110px rgba(0,0,0,.62),0 0 0 1px color-mix(in srgb,var(--ll-media-accent) 8%,transparent)}
.ll-media-map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:15px 16px 13px;border-bottom:1px solid color-mix(in srgb,var(--ll-media-accent) 22%,#243746);background:linear-gradient(180deg,color-mix(in srgb,var(--ll-media-accent) 8%,rgba(10,25,35,.98)),rgba(8,19,27,.98))}
.ll-media-map-head>div{min-width:0}.ll-media-map-head h2{margin:2px 0 0;color:#f2f7fb;font-size:20px;line-height:1.2;letter-spacing:-.025em}.ll-media-map-head p{margin:5px 0 0;color:#8fa2b2;font-size:10px;line-height:1.45}.ll-media-map-head .ll-dev-kicker{color:color-mix(in srgb,var(--ll-media-accent) 72%,#72cfff)}
.ll-media-map-body{min-height:0;overflow:auto;padding:14px;scrollbar-width:thin;scrollbar-color:#395265 transparent}
.ll-media-map-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:10px 14px;border-top:1px solid #243746;background:#07121a}.ll-media-map-foot:empty{display:none}
.ll-media-map-foot .ll-media-map-note{color:#7e91a1;font-size:9px;line-height:1.4}.ll-media-map-actions{display:flex;gap:7px;flex-wrap:wrap;margin-left:auto}

.ll-media-preview{display:grid;place-items:center;min-height:280px;max-height:calc(100vh - 190px);padding:14px;border:1px solid color-mix(in srgb,var(--ll-media-accent) 28%,#263b4b);border-radius:12px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--ll-media-accent) 9%,transparent),transparent 55%),#040a0f;overflow:auto}
.ll-media-preview img{display:block;max-width:100%;max-height:calc(100vh - 230px);width:auto;height:auto;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 14px 28px rgba(0,0,0,.32))}

/* Inline route media is deliberately thumbnail-sized. Full inspection belongs in the modal. */
#routeStepCard .route-media-grid{grid-template-columns:repeat(auto-fit,minmax(150px,220px))!important;justify-content:start!important;align-items:start!important}
#routeStepCard .route-media-card{width:100%;max-width:220px!important}
#routeStepCard .route-media-card img{height:108px!important;min-height:0!important;padding:7px;object-fit:contain!important}
#routeStepCard .route-media-card.primaryMedia img{height:132px!important}
#routeStepCard .route-media-card .route-media-caption{padding:6px 7px 4px!important;font-size:10px!important}
#routeStepCard .route-media-card .route-media-source{padding:0 7px 7px!important;font-size:8px!important;line-height:1.35}
.ll-route-media-card a,.media-card a{cursor:zoom-in}.ll-route-media-card a:focus-visible,.media-card a:focus-visible{outline:2px solid var(--ll-context-accent,#65abff);outline-offset:-3px}
.ll-route-media-card::after{content:"View";position:absolute;right:7px;bottom:7px;pointer-events:none;padding:3px 6px;border:1px solid color-mix(in srgb,var(--ll-context-accent,#65abff) 46%,#263b4b);border-radius:999px;background:rgba(4,12,18,.84);color:#c8d7e3;font-size:8px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:translateY(3px);transition:.14s ease}.ll-route-media-card:hover::after,.ll-route-media-card:focus-within::after{opacity:1;transform:none}

.ll-route-location-chip{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid color-mix(in srgb,var(--ll-context-accent,#65abff) 34%,#294155);border-radius:999px;background:color-mix(in srgb,var(--ll-context-inner,#09131b) 86%,transparent)}
.ll-route-location-chip .ll-route-location-map{min-height:25px;padding:4px 8px!important;border-color:color-mix(in srgb,var(--ll-context-accent,#65abff) 48%,#294155)!important;background:color-mix(in srgb,var(--ll-context-accent,#65abff) 12%,#09131b)!important;color:color-mix(in srgb,#edf7ff 82%,var(--ll-context-accent,#65abff) 18%)!important;font-size:9px!important}
.ll-route-location-chip>a{display:inline-flex;align-items:center;min-height:25px;padding:4px 7px;color:#9fb4c5;font-size:9px;text-decoration:none}.ll-route-location-chip>a:hover{color:#e3eef6}

.ll-location-map-shell{display:grid;gap:10px}.ll-location-map-frame{position:relative;overflow:hidden;height:min(68vh,650px);min-height:410px;border:1px solid color-mix(in srgb,var(--ll-media-accent) 36%,#2a4254);border-radius:13px;background:#050b10}.ll-location-map-frame iframe{display:block;width:100%;height:100%;border:0;background:#050b10}.ll-location-map-target{position:absolute;left:50%;top:50%;z-index:3;width:24px;height:34px;transform:translate(-50%,-100%);pointer-events:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45));transition:opacity .16s ease}.ll-location-map-target::before{content:"";position:absolute;left:4px;top:2px;width:16px;height:16px;border:3px solid #fff;border-radius:50% 50% 50% 0;background:var(--ll-media-accent);transform:rotate(-45deg);box-shadow:0 0 0 2px rgba(0,0,0,.28)}.ll-location-map-target::after{content:"";position:absolute;left:9px;top:7px;width:6px;height:6px;border-radius:50%;background:#071019}.ll-location-map-frame.is-exploring .ll-location-map-target{opacity:0}
.ll-location-map-center-note{position:absolute;left:10px;bottom:10px;z-index:3;padding:5px 7px;border:1px solid color-mix(in srgb,var(--ll-media-accent) 35%,#294155);border-radius:8px;background:rgba(4,12,18,.88);color:#c7d6e1;font-size:9px;pointer-events:none}.ll-location-map-frame.is-exploring .ll-location-map-center-note{opacity:0}
.ll-location-map-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ll-location-map-meta>div{min-width:0;padding:8px 9px;border:1px solid color-mix(in srgb,var(--ll-media-accent) 18%,#263c4d);border-radius:9px;background:color-mix(in srgb,var(--ll-media-accent) 6%,#08131b)}.ll-location-map-meta span{display:block;color:#6f8799;font-size:7px;font-weight:900;letter-spacing:.065em;text-transform:uppercase}.ll-location-map-meta strong{display:block;margin-top:3px;overflow:hidden;color:#dfeaf2;font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.ll-location-map-meta small{display:block;margin-top:2px;color:#7f92a2;font-size:8px;line-height:1.35}

@media(max-width:760px){#llRouteMediaMapModal{padding:10px}.ll-media-map-dialog{width:100%;max-height:calc(100vh - 20px);border-radius:13px}.ll-media-map-head{padding:12px}.ll-media-map-body{padding:10px}#routeStepCard .route-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#routeStepCard .route-media-card{max-width:none!important}.ll-location-map-frame{height:58vh;min-height:330px}.ll-location-map-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.ll-media-map-foot{align-items:flex-start;flex-direction:column}.ll-media-map-actions{margin-left:0}}
@media(max-width:480px){#routeStepCard .route-media-grid{grid-template-columns:1fr!important}.ll-location-map-meta{grid-template-columns:1fr}.ll-media-map-head h2{font-size:17px}}