.map-route{padding:44px 18px 70px!important}.map-route:before{display:none}.map-route .route-intro{margin-bottom:32px!important}.map-route .route-icon{display:none}.map-route .route-intro h1{font-size:clamp(44px,7vw,78px)}.map-route .route-intro p{margin-top:14px}.map-route .route-content{width:min(1440px,100%)}
.map-catalog{position:relative}.map-toolbar{display:grid;grid-template-columns:minmax(280px,600px) auto;gap:10px;margin-bottom:10px}.map-search{height:52px;position:relative;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(10,17,28,.92);box-shadow:0 18px 48px rgba(0,0,0,.24);z-index:12}.map-search>span{color:var(--cyan);font-size:22px}.map-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:13px}.map-search input::placeholder{color:#7f8a9c}.map-location-btn{min-width:148px;border:1px solid rgba(37,239,255,.24);border-radius:16px;background:rgba(37,239,255,.08);color:#dffcff;font:inherit;font-size:10px;font-weight:900;cursor:pointer;transition:.2s}.map-location-btn:hover{border-color:var(--cyan);transform:translateY(-1px)}.map-location-btn span{margin-right:5px;color:var(--cyan);font-size:17px}.map-location-btn.loading{opacity:.65;pointer-events:none}.map-location-btn.loading span{display:inline-block;animation:map-spin .8s linear infinite}
.map-search-results{position:absolute;top:calc(100% + 7px);left:0;right:0;padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(8,14,24,.98);box-shadow:0 24px 70px rgba(0,0,0,.45)}.map-search-results button{width:100%;display:grid;grid-template-columns:34px 1fr;gap:1px 9px;padding:10px;border:0;border-radius:11px;background:transparent;color:#fff;text-align:left;cursor:pointer}.map-search-results button:hover{background:rgba(37,239,255,.08)}.map-search-results button>span{grid-row:1/3;align-self:center;font-size:20px}.map-search-results b{font-size:11px}.map-search-results small{color:var(--muted);font-size:8px}.map-search-empty{padding:14px;color:var(--muted);font-size:10px;text-align:center}
.map-filters{margin-bottom:10px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(10,17,28,.84);overflow:hidden}.map-filters summary{min-height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none}.map-filters summary::-webkit-details-marker{display:none}.map-filters summary span{font-size:11px;font-weight:900}.map-filters summary span:before{content:"⌁";margin-right:8px;color:var(--cyan)}.map-filters summary b{color:var(--muted);font-size:8px}.map-filter-body{padding:0 14px 14px;border-top:1px solid rgba(255,255,255,.07)}.map-filter-quick,.map-type-grid{display:flex;flex-wrap:wrap;gap:7px}.map-filter-quick{padding:13px 0}.map-filter-body label{cursor:pointer}.map-filter-body input{position:absolute;opacity:0;pointer-events:none}.map-filter-body label>span{min-height:34px;padding:0 11px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.035);color:#bac4d1;font-size:8px;font-weight:800;transition:.18s}.map-filter-body input:checked+span{border-color:rgba(37,239,255,.52);background:rgba(37,239,255,.13);color:#e9feff;box-shadow:0 0 22px rgba(37,239,255,.1)}.map-filter-body fieldset{margin:0;padding:12px 0;border:0;border-top:1px solid rgba(255,255,255,.07)}.map-filter-body legend{margin-bottom:9px;color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.map-filter-selects{display:grid;grid-template-columns:repeat(2,minmax(140px,220px)) 1fr;gap:9px;align-items:end;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.map-filter-selects label>span{min-height:0;padding:0;border:0;background:transparent;color:var(--muted);font-size:8px}.map-filter-selects select{width:100%;height:38px;margin-top:6px;padding:0 10px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#101a28;color:#fff;font:inherit;font-size:9px}.map-filter-selects button{justify-self:end;height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:transparent;color:#aeb8c5;font:inherit;font-size:8px;font-weight:800;cursor:pointer}
.map-stage{height:clamp(540px,70vh,820px);position:relative;border:1px solid rgba(255,255,255,.13);border-radius:26px;overflow:hidden;background:#dce5e8;box-shadow:0 34px 100px rgba(0,0,0,.38)}#streetmate-map{width:100%;height:100%}.maplibregl-canvas{outline:0}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{font-size:8px}.maplibregl-ctrl-attrib{background:rgba(255,255,255,.75)!important}.maplibregl-ctrl-group{border-radius:12px!important;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.18)!important}.map-loading,.map-empty,.map-status{position:absolute;z-index:5;pointer-events:none}.map-loading{inset:0;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(8,14,23,.12);opacity:0;transition:.2s}.is-loading .map-loading{opacity:1}.map-loading i{width:24px;height:24px;border:3px solid rgba(255,255,255,.35);border-top-color:var(--cyan);border-radius:50%;animation:map-spin .8s linear infinite}.map-loading span{padding:8px 11px;border-radius:999px;background:rgba(6,12,20,.78);color:#fff;font-size:9px}.map-empty{left:50%;top:50%;display:none;transform:translate(-50%,-50%);padding:24px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(7,13,22,.9);color:#fff;text-align:center;box-shadow:0 18px 60px rgba(0,0,0,.35)}.is-empty:not(.is-loading) .map-empty{display:block}.map-empty strong,.map-empty span{display:block}.map-empty strong{font-size:13px}.map-empty span{margin-top:5px;color:var(--muted);font-size:9px}.map-status{top:14px;left:50%;transform:translateX(-50%);padding:9px 12px;border-radius:999px;background:rgba(7,13,22,.88);color:#fff;font-size:9px}.map-status.error{background:#871b42}.map-toast{position:absolute;left:50%;bottom:28px;z-index:8;transform:translate(-50%,15px);padding:10px 14px;border-radius:999px;background:#08131f;color:#fff;font-size:9px;opacity:0;pointer-events:none;transition:.2s}.map-toast.show{transform:translate(-50%,0);opacity:1}.map-toast.error{background:#871b42}.map-legend{position:absolute;left:12px;bottom:26px;z-index:4;display:flex;gap:9px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.9);color:#24313e;font-size:7px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.15)}.map-legend span{display:flex;align-items:center;gap:4px}.map-legend i{width:9px;height:9px;border-radius:50%}.map-legend i.open{background:#122735;border:2px solid #25efff}.map-legend i.closed{background:#8a929d}.map-legend i.signal{background:transparent;border:2px solid #22c55e}
.map-user-dot{width:18px;height:18px;display:block;border:3px solid #fff;border-radius:50%;background:#2385ff;box-shadow:0 0 0 8px rgba(35,133,255,.2),0 4px 16px rgba(0,0,0,.25)}.streetmate-map-popup .maplibregl-popup-content{padding:0;border-radius:20px;background:#0b1420;color:#fff;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.38)}.streetmate-map-popup .maplibregl-popup-tip{border-top-color:#0b1420!important;border-bottom-color:#0b1420!important}.streetmate-map-popup .maplibregl-popup-close-button{width:31px;height:31px;right:7px;top:7px;border-radius:50%;background:rgba(5,9,15,.72);color:#fff;font-size:18px;z-index:2}.map-popup-photo{width:100%;height:128px;display:block;object-fit:cover}.map-popup-photo.placeholder{display:grid;place-items:center;background:radial-gradient(circle at 65% 25%,rgba(37,239,255,.3),transparent 22%),linear-gradient(145deg,#18283b,#101720 65%,#4a1d43)}.map-popup-photo.placeholder span{font-size:43px}.map-popup-body{padding:16px}.map-popup-title{display:flex;align-items:center;gap:10px}.map-popup-logo{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(37,239,255,.24);border-radius:12px;background:rgba(37,239,255,.08);font-size:20px}.map-popup-title small{color:var(--cyan);font-size:7px;font-weight:900;text-transform:uppercase}.map-popup-title h3{margin:2px 0 0;font-size:18px;letter-spacing:-.03em}.map-popup-badges{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.map-popup-badges span{padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.07);font-size:7px;font-weight:800}.map-popup-badges .open{color:#6df5a0}.map-popup-badges .closed{color:#cbd2db}.map-popup-card dl{margin:0;padding:10px 0;border-block:1px solid rgba(255,255,255,.08)}.map-popup-card dl>div{display:grid;grid-template-columns:95px 1fr;gap:8px;padding:4px 0}.map-popup-card dt{color:#7f8c9d;font-size:7px}.map-popup-card dd{margin:0;font-size:8px;font-weight:750}.map-popup-detail{height:38px;margin-top:13px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--cyan),#77f7ff);color:#061019!important;font-size:9px;font-weight:900;text-decoration:none}.map-popup-loading,.map-popup-error{padding:28px;color:#fff;font-size:10px}.map-popup-error{color:#ff8cbb}.map-fatal{min-height:400px;display:grid;place-content:center;text-align:center}.map-fatal strong,.map-fatal span{display:block}.map-fatal span{margin-top:7px;color:var(--muted)}
@keyframes map-spin{to{transform:rotate(360deg)}}
@media(prefers-color-scheme:light){.map-search,.map-filters{background:rgba(255,255,255,.94);border-color:rgba(10,24,38,.12)}.map-search input{color:#0d1824}.map-filter-body label>span{border-color:rgba(10,24,38,.12);color:#334155;background:rgba(10,24,38,.025)}.map-filter-selects select{background:#fff;color:#12202d;border-color:rgba(10,24,38,.14)}.map-filters summary span{color:#172432}.map-search-results{background:rgba(255,255,255,.98);border-color:rgba(10,24,38,.12)}.map-search-results button{color:#142130}}
@media(max-width:700px){.map-route{padding:28px 10px 38px!important}.map-route .route-intro{margin-bottom:24px!important}.map-toolbar{grid-template-columns:1fr}.map-location-btn{height:46px}.map-stage{height:calc(100svh - 235px);min-height:510px;border-radius:20px}.map-filters summary{min-height:46px}.map-filter-selects{grid-template-columns:1fr 1fr}.map-filter-selects button{grid-column:1/-1;justify-self:stretch}.map-type-grid{display:grid;grid-template-columns:1fr 1fr}.map-filter-body label>span{justify-content:center;text-align:center}.map-legend{bottom:24px;max-width:calc(100% - 70px);flex-wrap:wrap}.maplibregl-popup{max-width:calc(100vw - 28px)!important}.map-popup-photo{height:108px}}

.map-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(10,17,28,.88);box-shadow:0 18px 50px rgba(0,0,0,.18)}.map-mode-switch button{min-height:62px;padding:9px 14px;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;align-items:center;gap:1px 10px;border:1px solid transparent;border-radius:15px;background:transparent;color:#9ba8b8;text-align:left;cursor:pointer;transition:.22s}.map-mode-switch button>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.06);font-size:18px}.map-mode-switch button b{font-size:11px}.map-mode-switch button small{font-size:7px}.map-mode-switch button.active{border-color:rgba(37,239,255,.38);background:linear-gradient(135deg,rgba(37,239,255,.15),rgba(37,239,255,.06));color:#effeff}.map-mode-switch button[data-map-mode=people].active{border-color:rgba(255,43,138,.42);background:linear-gradient(135deg,rgba(255,43,138,.17),rgba(255,43,138,.06))}.map-mode-switch button[data-map-mode=people].active>span{color:#ff4c9c;box-shadow:0 0 24px rgba(255,43,138,.22)}.people-mode .map-stage{box-shadow:0 34px 110px rgba(255,43,138,.13),0 34px 100px rgba(0,0,0,.38)}
.map-legend i.open{background:#17a866;border:2px solid #fff}.map-legend i.closed{background:#e34c5b;border:2px solid #fff}.map-legend i.event{background:transparent;border:3px solid #ff2b8a}.map-legend i.signal{width:17px;height:17px;display:grid;place-items:center;border:2px solid #fff;background:#16a365;color:#fff;font-size:6px;font-style:normal}
.map-popup-title p{margin:3px 0 0;color:#8f9cad;font-size:8px}.map-popup-badges .event{color:#ff6bac}.map-popup-badges .signals{color:#72f0a7}.map-popup-event-section{margin-top:12px}.map-popup-event-section h4{margin:0 0 7px;color:#8f9cad;font-size:7px;text-transform:uppercase;letter-spacing:.1em}.map-popup-events{display:grid;gap:6px}.map-popup-events article{display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;background:rgba(255,43,138,.08)}.map-popup-events article>span{font-size:15px}.map-popup-events strong,.map-popup-events small{display:block}.map-popup-events strong{font-size:8px}.map-popup-events small{margin-top:2px;color:#ff83b8;font-size:7px}.map-popup-no-event{padding:9px;border-radius:10px;background:rgba(255,255,255,.04);color:#8190a1;font-size:8px}.map-popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:13px}.map-popup-actions a,.map-popup-actions button{min-height:38px;padding:7px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(255,255,255,.045);color:#dfe9f0!important;font:inherit;font-size:8px;font-weight:900;text-align:center;text-decoration:none;cursor:pointer}.map-popup-actions .primary{border:0;background:linear-gradient(135deg,var(--cyan),#77f7ff);color:#061019!important}.map-popup-actions button{grid-column:1/-1;border-color:rgba(255,43,138,.32);background:rgba(255,43,138,.1);color:#ff9ac5!important}
@media(prefers-color-scheme:light){.map-mode-switch{border-color:rgba(10,24,38,.12);background:rgba(255,255,255,.94)}.map-mode-switch button{color:#526171}.map-mode-switch button.active{color:#10212d}.map-mode-switch button>span{background:rgba(10,24,38,.05)}}
@media(max-width:700px){.map-mode-switch button{min-height:58px;padding:8px 9px;grid-template-columns:30px 1fr}.map-mode-switch button>span{width:29px;height:29px;font-size:15px}.map-mode-switch button small{line-height:1.25}.map-popup-actions{grid-template-columns:1fr}.map-popup-actions button{grid-column:auto}.map-stage{height:calc(100svh - 300px);min-height:520px}.map-legend{display:none}}