.trail-map-wrapper{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#0e1626;box-shadow:0 8px 24px #00000059}.trail-map-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.trail-map-title{position:absolute;top:12px;left:12px;z-index:2;display:flex;flex-direction:column;padding:10px 14px;background:#0a0d18d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(232,200,150,.45);border-radius:8px;color:#fff;font-family:system-ui,-apple-system,sans-serif;pointer-events:none;max-width:70%}.trail-map-title strong{font-size:14px;font-weight:800;letter-spacing:.06em;margin-bottom:2px}.trail-map-title span{font-size:10.5px;color:#a8b3c7;letter-spacing:.04em}.trail-map-legend{position:absolute;bottom:38px;right:12px;z-index:2;padding:10px 14px;background:#0a0d18e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(232,200,150,.45);border-radius:8px;color:#fff;font-family:system-ui,-apple-system,sans-serif;font-size:11.5px;min-width:180px;pointer-events:none}.trail-map-legend>div{display:flex;align-items:center;gap:8px;margin-bottom:4px}.trail-map-legend>div:last-child{margin-bottom:0}.trail-map-legend-title{font-size:10px;font-weight:800;letter-spacing:.18em;color:#e8c896;border-bottom:1px solid rgba(232,200,150,.25);padding-bottom:6px;margin-bottom:8px!important}.trail-map-swatch{display:inline-block;width:28px;height:4px;border-radius:2px;flex-shrink:0}.trail-map-swatch--expert{background:#0f0f0f;background-image:linear-gradient(to right,#0f0f0f 60%,transparent 60%);background-size:6px 4px}.trail-map-swatch--lift{background:transparent;border:none;background-image:linear-gradient(to right,#e8c896 60%,transparent 60%);background-size:7px 3px;height:3px}.trail-map-stats{margin-top:6px;padding-top:6px;border-top:1px solid rgba(232,200,150,.2);font-size:10px;color:#a8b3c7;letter-spacing:.04em}.trail-map-official-link{position:absolute;bottom:38px;left:12px;z-index:2;padding:8px 14px;background:#e8c896f2;color:#1a1f2c;font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-weight:700;letter-spacing:.04em;text-decoration:none;border-radius:6px;transition:transform .15s,background .15s;box-shadow:0 4px 10px #0000004d}.trail-map-official-link:hover{background:#f0d4a0;transform:translateY(-1px)}.trail-map-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ef4444;font-family:system-ui,-apple-system,sans-serif;font-size:13px;background:#0f1929f2}.trail-popup .maplibregl-popup-content{background:#0a0d18f2!important;color:#fff!important;font-family:system-ui,-apple-system,sans-serif!important;font-size:12px!important;border:1px solid rgba(232,200,150,.4)!important;border-radius:6px!important;padding:8px 12px!important}.trail-popup .maplibregl-popup-tip{border-top-color:#0a0d18f2!important}.trail-popup .maplibregl-popup-close-button{color:#e8c896!important;font-size:16px!important}.trail-map-wrapper .maplibregl-ctrl-attrib{background:#0a0d18d9!important}.trail-map-wrapper .maplibregl-ctrl-attrib-inner a{color:#e8c896!important}@media (max-width: 640px){.trail-map-legend{bottom:32px;right:8px;padding:8px 10px;font-size:10.5px;min-width:150px}.trail-map-title{top:8px;left:8px;padding:7px 10px}.trail-map-title strong{font-size:12px}.trail-map-title span{font-size:9.5px}.trail-map-official-link{bottom:32px;left:8px;padding:6px 10px;font-size:11px}}