.map-container{height:60vh;box-shadow:0 0 10px 3px rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.map-container--inner{width:100%;height:100%}body.no-scroll::before{content:"";position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.6);backdrop-filter:blur(8px)}.route-editor{position:fixed;inset:var(--space-md,24px);z-index:9999;display:flex;flex-direction:column;background:#333;border-radius:var(--radius-md,8px);overflow:hidden}.route-editor__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm,12px) var(--space-md,16px)}.route-editor__title{font-weight:600;color:var(--color-text,#fff)}.route-editor__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:0 0;border:none;border-radius:var(--radius-sm,4px);color:var(--color-text-muted,#a0a0b0);cursor:pointer;transition:background .2s,color .2s}.route-editor__close:hover{background:var(--color-bg-hover,#3a3a5c);color:var(--color-text,#fff)}.route-editor__map{flex:1;min-height:0}.route-editor__toolbar{display:flex;align-items:center;gap:var(--space-md,16px);padding:var(--space-sm,12px) var(--space-md,16px);overflow-x:auto}.route-editor__toolbar-group{display:flex;align-items:center;gap:var(--space-xs,8px)}.route-editor__toolbar-group:not(:last-child){padding-right:var(--space-md,16px);border-right:1px solid var(--color-border,#3a3a5c)}.route-editor__distance{font-weight:600;color:var(--color-3);white-space:nowrap}.route-overview{width:100%;height:300px;border-radius:var(--radius-md,8px);overflow:hidden;margin-bottom:var(--space-md,16px)}.route-overview .maplibregl-popup-content{padding:var(--space-xs,8px) var(--space-sm,12px);background:var(--color-bg-elevated,#252542);color:var(--color-text,#fff);border-radius:var(--radius-sm,4px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.route-overview .maplibregl-popup-tip{border-top-color:var(--color-bg-elevated,#252542)}.ride-card__map{position:relative;aspect-ratio:2/1}.topride-cards .ride-card__map{aspect-ratio:unset}.ride-card__map{overflow:hidden;border-radius:var(--radius-md,8px);margin-bottom:var(--space-sm,12px);background:#d9d9d9}.ride-card__map img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ride-card__map--placeholder{padding:10px}.ride-card__map--placeholder img{-o-object-fit:unset;object-fit:unset;opacity:.1}.ride-card__distance{position:absolute;bottom:var(--space-xs,8px);right:var(--space-xs,8px);padding:var(--space-xxs,4px) var(--space-xs,8px);background:var(--color-bg-elevated,#252542);border-radius:var(--radius-sm,4px);font-size:var(--text-sm,1.2rem);color:var(--color-text,#fff)}.route-viewer{width:100%;height:400px;border-radius:var(--radius-md,8px);overflow:hidden}.route-viewer .maplibregl-ctrl-group{background:var(--color-bg-elevated,#252542);border:1px solid var(--color-border,#3a3a5c)}.route-viewer .maplibregl-ctrl-group button{background-color:var(--color-bg-elevated,#252542);color:var(--color-text,#fff)}.route-viewer .maplibregl-ctrl-group button:hover{background-color:var(--color-bg-hover,#3a3a5c)}.ride-detail{position:relative}.ride-detail__badge{font-size:var(--font-size-copy)}.ride-detail__route-thumb{box-shadow:0 0 10px 3px rgba(0,0,0,.1);border-radius:8px;cursor:pointer}.ride-detail__table{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs,8px)}.ride-detail__row{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-sm,12px);padding:var(--space-sm,12px)}.ride-detail__map-embed iframe{width:100%;height:450px;border:0;border-radius:var(--radius-md)}.ride-detail__distance{margin-bottom:var(--space-sm,12px);font-size:var(--text-lg,1.125rem);font-weight:600;color:var(--color-primary,#ff6b35)}.ride-detail__participant-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-small) var(--gap-medium)}.ride-detail__inline-map{margin-left:-3rem;margin-right:-3rem;margin-top:var(--gap);margin-bottom:var(--gap);height:80vh}.ride-detail__map-actions{display:flex;justify-content:flex-end;gap:var(--gap-small);padding:var(--gap-small) 0}.ride-detail__participants-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gap-small)}.topride-detail__header h2{margin-bottom:8px}.topride-detail__description{margin:16px 0;line-height:1.6}.topride-detail__meta{display:flex;gap:16px;align-items:center;margin:16px 0;padding:12px 0;border-top:1px solid var(--border-light,#eee);border-bottom:1px solid var(--border-light,#eee)}.maplibregl-ctrl-distance button,.maplibregl-ctrl-hillshade button,.maplibregl-ctrl-terrain button{width:29px;height:29px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;cursor:pointer;font-size:12px;font-weight:700;color:#333}.maplibregl-ctrl-distance button.is-active,.maplibregl-ctrl-hillshade button.is-active,.maplibregl-ctrl-terrain button.is-active{background:var(--color-3,#ff6b35);color:#fff}.maplibregl-ctrl-distance button.is-active svg,.maplibregl-ctrl-hillshade button.is-active svg,.maplibregl-ctrl-terrain button.is-active svg{stroke:#fff}.maplibregl-ctrl-distance button:hover:not(.is-active),.maplibregl-ctrl-hillshade button:hover:not(.is-active),.maplibregl-ctrl-terrain button:hover:not(.is-active){background:#f0f0f0}.route-editor__marker{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;border:3px solid var(--marker-color,#ff6b35);border-radius:50%;font-size:12px;font-weight:700;color:var(--marker-color,#ff6b35);cursor:grab;box-shadow:0 2px 6px rgba(0,0,0,.3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.route-editor__marker:active{cursor:grabbing}.route-editor__marker--closeable{cursor:pointer;border-color:#4caf50;color:#4caf50;animation:marker-pulse 1.5s ease-in-out infinite}.route-editor__marker--closeable:hover{background:#e8f5e9;border-color:#388e3c}@keyframes marker-pulse{0%,100%{box-shadow:0 2px 6px rgba(0,0,0,.3)}50%{box-shadow:0 2px 6px rgba(0,0,0,.3),0 0 0 6px rgba(76,175,80,.3)}}@media (min-width:1024px){.ride-detail__inline-map{margin-left:-6rem;margin-right:-6rem}}@media (min-width:1200px){.ride-detail__header{position:absolute;right:0;top:0;display:inline-grid;align-items:center;grid-template-columns:auto auto;grid-gap:20px;z-index:1}}@media (max-width:600px){.ride-detail__table{grid-template-columns:1fr}}