:root{--map-marker-online:#22c55e;--map-marker-offline:#9ca3af;--map-marker-maintenance:#f59e0b;--map-marker-ride:#3b82f6;--map-marker-location-size:32px;--map-marker-ride-size:24px;--map-popup-bg:#fff;--map-popup-border:#e5e7eb;--map-popup-header-bg:#f9fafb;--map-popup-header-ride-bg:#eff6ff;--map-popup-title:#111827;--map-popup-subtitle:#6b7280;--map-popup-label:#6b7280;--map-popup-value:#111827}.map-marker{cursor:pointer;box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s ease-in-out;display:flex}.map-marker:hover{transform:scale(1.15)}.map-marker:focus-visible{outline:2px solid var(--map-marker-ride);outline-offset:2px}.map-marker--location,.map-marker--hub{width:var(--map-marker-location-size);height:var(--map-marker-location-size);color:#fff;text-align:center;border:3px solid #fff;font-size:14px;font-weight:700;line-height:1;box-shadow:0 2px 8px #0000004d}.map-marker--hub{width:calc(var(--map-marker-location-size) * .8);height:calc(var(--map-marker-location-size) * .8);border-width:2px;border-radius:6px;font-size:12px}.map-marker--online{background-color:var(--map-marker-online)}.map-marker--offline{background-color:var(--map-marker-offline)}.map-marker--maintenance{background-color:var(--map-marker-maintenance)}.map-marker--ride{width:var(--map-marker-ride-size);height:var(--map-marker-ride-size);background-color:var(--map-marker-ride);border:2px solid #fff;animation:2s ease-in-out infinite map-marker-pulse;box-shadow:0 2px 6px #00000040}.map-marker__icon{color:#fff;width:14px;height:14px}@keyframes map-marker-pulse{0%,to{box-shadow:0 2px 6px #00000040,0 0 #3b82f680}50%{box-shadow:0 2px 6px #00000040,0 0 0 8px #3b82f600}}.mapboxgl-popup-content{overflow:hidden;border-radius:8px!important;padding:0!important;box-shadow:0 4px 12px #00000026!important}.mapboxgl-popup-tip{border-top-color:var(--map-popup-bg)!important}.map-popup{min-width:160px;font-family:inherit;font-size:12px}.map-popup__header{border-bottom:1px solid var(--map-popup-border);background-color:var(--map-popup-header-bg);padding:8px 10px}.map-popup__header--ride{background-color:var(--map-popup-header-ride-bg)}.map-popup__title{color:var(--map-popup-title);font-size:13px;font-weight:600;line-height:1.3}.map-popup--ride .map-popup__title{color:#1e40af}.map-popup__subtitle{color:var(--map-popup-subtitle);margin-top:2px;font-size:11px}.map-popup--ride .map-popup__subtitle{color:var(--map-marker-ride)}.map-popup__content{padding:8px 10px}.map-popup__stat{justify-content:space-between;align-items:center;font-size:12px;display:flex}.map-popup__stat:not(:last-child){margin-bottom:4px}.map-popup__stat-label{color:var(--map-popup-label)}.map-popup__stat-value{color:var(--map-popup-value);font-weight:500}.map-popup__stat-value--online{color:var(--map-marker-online)}.map-popup__stat-value--offline{color:var(--map-marker-offline)}.map-popup__stat-value--maintenance{color:var(--map-marker-maintenance)}@media (max-width:640px){.map-marker--location{border-width:2px;width:28px;height:28px;font-size:12px}.map-marker--hub{border-width:2px;width:22px;height:22px;font-size:11px}.map-marker--ride{width:20px;height:20px}.map-marker__icon{width:12px;height:12px}}@media (prefers-reduced-motion:reduce){.map-marker{transition:none}.map-marker--ride{animation:none}}