:root{--bg: #ffffff;--text: #1a1a1a;--text-muted: #666666;--border: #e5e5e5;--sheet-bg: #ffffff;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--filter-radius: 50}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{height:100%;overflow:hidden;font-family:var(--font-body);background:var(--bg);color:var(--text)}#map{position:fixed;inset:0;z-index:1;background:#e8e8e8}.geolocate-btn{position:fixed;bottom:120px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-full);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-md);transition:all .15s}.geolocate-btn:hover{background:#f5f5f5;box-shadow:var(--shadow-lg)}.geolocate-btn svg{width:18px;height:18px}.geolocate-btn.hidden{display:none}.leaflet-control-zoom{display:none!important}.leaflet-control-attribution{font-size:9px!important;opacity:.5}.nav-spacer{flex:1}.map-nav .nav-links{display:flex;align-items:center;gap:4px}.map-nav .nav-links a{display:flex;align-items:center;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-muted);text-decoration:none;transition:all .15s;background:transparent}.map-nav .nav-links a:hover{background:#0000000f;color:var(--text)}.map-nav .nav-links a.active{background:#dc35451a;color:var(--primary);font-weight:600}.mobile-filter-section,.pill-label{display:none}.pill-count{font-family:var(--font-body);font-size:11px;font-weight:700;color:#fff;min-width:0}.pill-count:empty{display:none}.service-pill:not(.active) .pill-count{color:var(--text)}@media(max-width:768px){.nav-spacer,.filter-pills{display:none}.map-nav .nav-links{position:fixed;top:calc(48px + env(safe-area-inset-top,0px));left:0;right:0;background:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-direction:column;padding:.5rem 1rem 1rem;gap:4px;box-shadow:0 4px 12px #00000014;display:none;z-index:999}.map-nav .nav-links.open{display:flex}.map-nav .nav-links a{width:100%;padding:.75rem 1rem;border-radius:8px;font-size:14px;color:var(--text);background:#00000008}.map-nav .nav-links a:hover{background:#0000000f}.map-nav .nav-links a.active{color:var(--primary);background:#dc35451a}.mobile-filter-section{display:block;width:100%;margin-top:8px;padding-top:12px;border-top:1px solid var(--border)}.mobile-filter-pills{display:flex;flex-direction:column;gap:4px}.mobile-filter-pills .service-pill{width:100%;height:auto;justify-content:flex-start;padding:.65rem 1rem;border-radius:8px;background:#00000008;gap:10px}.mobile-filter-pills .service-pill .pill-label{display:inline;flex:1;text-align:left;font-size:14px;font-weight:500;color:var(--text)}.mobile-filter-pills .service-pill .pill-count{font-size:12px;color:var(--text-muted);margin-left:auto}.mobile-filter-pills .service-pill.active{background:#0000000f}.mobile-filter-pills .service-pill.active .pill-count{color:#fff;background:var(--text-muted);padding:2px 6px;border-radius:10px}.mobile-filter-pills .service-pill.active[data-filter=brandweer] .pill-count{background:var(--brandweer)}.mobile-filter-pills .service-pill.active[data-filter=ambulance] .pill-count{background:var(--ambulance)}.mobile-filter-pills .service-pill.active[data-filter=politie] .pill-count{background:var(--politie)}.mobile-filter-pills .service-pill.active[data-filter=lifeliner] .pill-count{background:var(--lifeliner)}.mobile-filter-pills .service-pill.active[data-filter=overig] .pill-count{background:var(--overig)}}.recenter-btn{width:28px;height:28px;border-radius:50%;border:none;background:var(--politie);color:#fff;cursor:pointer;flex-shrink:0;transition:all .15s;display:flex;align-items:center;justify-content:center;padding:0}.recenter-btn svg{width:14px;height:14px}.recenter-btn:active{transform:scale(.9)}.filter-pills{display:flex;gap:4px;flex-shrink:0}.service-pill{display:flex;align-items:center;gap:3px;height:28px;padding:0 8px;border-radius:14px;border:none;background:#0000000f;cursor:pointer;opacity:.5;transition:all .15s}.service-pill.active{opacity:1}.service-pill.active[data-filter=brandweer]{background:var(--brandweer)}.service-pill.active[data-filter=ambulance]{background:var(--ambulance)}.service-pill.active[data-filter=politie]{background:var(--politie)}.service-pill.active[data-filter=lifeliner]{background:var(--lifeliner)}.service-pill.active[data-filter=overig]{background:var(--overig)}.service-pill:active{transform:scale(.92)}.pill-icon{font-size:14px;line-height:1}.status-indicator{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:help}.status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}.status-dot.disconnected{background:var(--brandweer);animation:pulse 1.5s infinite}.status-dot.degraded{background:var(--ambulance)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.status-tooltip{position:absolute;top:100%;right:0;margin-top:8px;background:#000000e6;backdrop-filter:blur(8px);border-radius:8px;padding:8px 10px;font-family:var(--font-mono);font-size:10px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:2000;pointer-events:none}.status-tooltip{background:#fffffff2;box-shadow:0 4px 12px #00000026}.status-indicator:hover .status-tooltip{opacity:1;visibility:visible}.status-tooltip-row{display:flex;align-items:center;gap:6px;padding:2px 0;color:var(--text)}.status-tooltip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-tooltip-dot.ok{background:#22c55e}.status-tooltip-dot.error{background:var(--brandweer)}.status-tooltip-dot.degraded{background:var(--ambulance)}.mode-btn{width:24px;height:24px;border-radius:50%;border:none;background:#ffffff26;font-size:12px;cursor:pointer;flex-shrink:0;transition:all .15s;display:flex;align-items:center;justify-content:center;background:#00000014}.mode-btn:active{transform:scale(.9)}.mode-btn.loading{animation:pulse-btn 1s infinite;pointer-events:none}@keyframes pulse-btn{0%,to{opacity:1}50%{opacity:.5}}.route-polyline{stroke-linecap:round;stroke-linejoin:round}.location-hint{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;color:#fff;padding:16px 24px;border-radius:12px;font-family:var(--font-body);font-size:15px;font-weight:500;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s;text-align:center;box-shadow:0 8px 32px #0000004d}.location-hint.visible{opacity:1;pointer-events:auto;animation:hint-pulse 2s ease-in-out infinite}@keyframes hint-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.02)}}.debug-overlay{display:none;position:fixed;top:70px;right:12px;width:320px;max-height:50vh;background:#ffffffeb;backdrop-filter:blur(8px);border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1002;flex-direction:column;overflow:hidden}.debug-overlay.visible{display:flex}.debug-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.08);color:#666;font-family:var(--font-body);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.debug-header button{background:none;border:none;color:#999;font-size:16px;cursor:pointer;padding:2px 6px;line-height:1}.debug-header button:hover{color:#333}.debug-content{flex:1;overflow:auto;padding:8px 12px;margin:0;font-family:Geist Mono,SF Mono,monospace;font-size:10px;line-height:1.4;color:#555;white-space:pre-wrap;word-break:break-all}.new-alert-flash{position:fixed;inset:0;z-index:9998;pointer-events:none;animation:alert-flash .6s ease-out forwards}.new-alert-flash.brandweer{background:var(--brandweer)}.new-alert-flash.ambulance{background:var(--ambulance)}.new-alert-flash.politie{background:var(--politie)}.new-alert-flash.lifeliner{background:var(--lifeliner)}@keyframes alert-flash{0%{opacity:.5}to{opacity:0}}.alert-carousel-container{position:fixed;left:0;right:0;bottom:calc(75px + env(safe-area-inset-bottom,0px));z-index:1001;pointer-events:none}.alert-carousel-container>*{pointer-events:auto}.alert-carousel{display:flex;gap:14px;padding:8px 8vw 18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-snap-stop:normal;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab}.alert-carousel:active{cursor:grabbing}.alert-carousel::-webkit-scrollbar{display:none}.alert-card{position:relative;flex:0 0 92vw;max-width:440px;scroll-snap-align:center;background:#000000e0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:14px;overflow:hidden;transition:transform .25s ease-out,box-shadow .25s,opacity .25s;transform:scale(.92);opacity:.5;box-shadow:0 4px 16px #00000026;border-left:5px solid var(--muted)}.alert-card.brandweer{border-left-color:var(--brandweer)}.alert-card.ambulance{border-left-color:var(--ambulance)}.alert-card.politie{border-left-color:var(--politie)}.alert-card.lifeliner{border-left-color:var(--lifeliner)}.alert-card{background:#fffffffa;box-shadow:0 4px 20px #0000001a}.alert-card.active{transform:scale(1);opacity:1;box-shadow:0 8px 32px #00000026}.alert-card.unlocated{opacity:.5}.card-inner{display:flex;flex-direction:column;padding:14px 16px;gap:10px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-left{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:0}.card-icon{font-size:28px;flex-shrink:0;line-height:1}.card-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.card-right{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.card-distance{display:flex;align-items:baseline;gap:2px}.card-distance .distance-num{font-family:var(--font-display);font-size:34px;font-weight:700;line-height:1;color:var(--text)}.card-distance .distance-unit{font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--text-muted)}.route-distance{font-size:12px;font-weight:500;color:var(--text-muted);white-space:nowrap;opacity:.7}.route-distance.loading{opacity:.4}.card-right{display:flex;flex-direction:row;align-items:baseline;gap:8px}.card-time{font-family:var(--font-body);font-size:11px;font-weight:500;color:var(--text-muted)}.card-message{font-family:Geist Mono,SF Mono,Menlo,monospace;font-size:12px;font-weight:500;line-height:1.45;color:var(--text);background:#0000000d;padding:10px 12px;border-radius:8px;word-break:break-word}.card-tags{display:flex;flex-wrap:wrap;gap:4px}.card-tags .tag{font-size:.65rem;padding:1px 6px}.card-actions{display:flex;gap:10px;margin-top:2px}.card-action{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 14px;border:none;border-radius:8px;font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;text-decoration:none;background:#0000000f;color:var(--text-muted)}.card-action:hover{background:#0000001a}.card-action:disabled{opacity:.5;cursor:not-allowed}.card-action.show-route{background:transparent;border:2px solid currentColor}.card-action.show-route.brandweer{color:var(--brandweer)}.card-action.show-route.ambulance{color:var(--ambulance)}.card-action.show-route.politie{color:var(--politie)}.card-action.show-route.lifeliner{color:var(--lifeliner)}.card-action.show-route.active{color:#fff}.card-action.show-route.active.brandweer{background:var(--brandweer);border-color:var(--brandweer)}.card-action.show-route.active.ambulance{background:var(--ambulance);border-color:var(--ambulance)}.card-action.show-route.active.politie{background:var(--politie);border-color:var(--politie)}.card-action.show-route.active.lifeliner{background:var(--lifeliner);border-color:var(--lifeliner)}.card-action.share-btn{flex:0 0 auto;width:38px;padding:10px;display:flex;align-items:center;justify-content:center}.card-action.share-btn svg{flex-shrink:0}.card-action.share-btn:hover{background:#0000001f;color:var(--text)}.card-action.share-btn.sharing{opacity:.5;pointer-events:none}.card-action.share-btn.shared{background:#22c55e;color:#fff}.card-action.share-btn.shared:after{content:"\2713";position:absolute;font-size:12px;font-weight:700}.card-action.share-btn.shared svg{opacity:0}.card-address{font-size:13px;font-weight:600;line-height:1.2;color:var(--text)}.card-address.addr-unknown{color:var(--text-muted);font-weight:400;font-style:italic}.card-address .addr-street{font-weight:600}.card-address .addr-city-link{color:var(--politie);text-decoration:none;font-weight:500}.card-address .addr-city-link:hover{text-decoration:underline}.wheel-spinner{display:inline-block;width:16px;height:16px;border:3px solid currentColor;border-radius:50%;border-top-color:transparent;animation:wheel-spin .6s linear infinite;vertical-align:middle}.wheel-spinner:after{content:"";position:absolute;width:4px;height:4px;background:currentColor;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes wheel-spin{to{transform:rotate(360deg)}}.empty-card{flex:0 0 280px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:32px 24px;text-align:center;scroll-snap-align:center}.empty-card .eyes{font-size:32px;display:block;margin-bottom:8px;animation:blink 3s infinite}.empty-card p{font-size:12px;font-weight:500;color:var(--text-muted)}@keyframes blink{0%,90%,to{opacity:1}95%{opacity:.2}}.distance-nav{position:fixed;left:0;right:0;bottom:0;padding:6px 16px calc(8px + env(safe-area-inset-bottom,0px));background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1002;box-shadow:0 -4px 20px #00000014}.distance-nav-header{text-align:center;margin-bottom:4px}.distance-position{font-family:var(--font-body);font-size:11px;font-weight:600;color:#00000080}.distance-scale{position:relative;height:28px;margin-bottom:2px;padding-left:20px}.distance-track-bg{position:absolute;top:50%;left:20px;right:0;height:3px;background:#00000014;border-radius:2px;transform:translateY(-50%)}.distance-track-fill{position:absolute;top:50%;left:20px;height:5px;background:linear-gradient(90deg,var(--politie),var(--ambulance));border-radius:3px;transform:translateY(-50%);width:0%;transition:width .3s ease-out}.distance-intervals{position:absolute;top:50%;left:20px;right:0;height:12px;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0;pointer-events:none}.distance-interval{width:1px;height:100%;background:#0000001f}.distance-interval:first-child{opacity:0}.distance-home{position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--politie);border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 6px #00000040;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:5}.distance-markers{position:absolute;inset:0 0 0 20px}.distance-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;transition:all .2s;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 4px #00000040}.distance-marker.brandweer{background:var(--brandweer)}.distance-marker.ambulance{background:var(--ambulance)}.distance-marker.politie{background:var(--politie)}.distance-marker.lifeliner{background:var(--lifeliner)}.distance-marker.overig{background:var(--overig, #6c757d)}.distance-marker.active{transform:translate(-50%,-50%) scale(1.25);z-index:10;box-shadow:0 3px 10px #00000059}.distance-marker:hover{transform:translate(-50%,-50%) scale(1.1)}.distance-marker.active:hover{transform:translate(-50%,-50%) scale(1.25)}.distance-labels{display:flex;justify-content:space-between;font-family:var(--font-body);font-size:9px;font-weight:600;color:#0006;padding:0 4px;margin-left:20px}.custom-marker{background:transparent!important;border:none!important}.marker-icon{position:relative;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #0000004d;font-size:18px;transition:opacity .3s}.marker-icon.brandweer{background:var(--brandweer)}.marker-icon.ambulance{background:var(--ambulance)}.marker-icon.politie{background:var(--politie)}.marker-icon.lifeliner{background:var(--lifeliner)}.marker-icon.outside-radius{opacity:.35;border-style:dashed}.marker-icon.active{animation:marker-pulse 1.5s ease-out infinite}.marker-icon.active:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:3px solid currentColor;animation:ring-pulse 1.5s ease-out infinite}.marker-icon.active.brandweer:before{border-color:var(--brandweer)}.marker-icon.active.ambulance:before{border-color:var(--ambulance)}.marker-icon.active.politie:before{border-color:var(--politie)}.marker-icon.active.lifeliner:before{border-color:var(--lifeliner)}@keyframes ring-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.8);opacity:0}}.user-location-marker{background:transparent!important;border:none!important}.user-marker-icon{position:relative;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--politie);border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #0000004d;font-size:18px;z-index:10}.radar-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(13,110,253,.5);pointer-events:none;animation:radar-pulse 6s ease-out infinite}.radar-ring.r1{animation-delay:0s}.radar-ring.r2{animation-delay:1.2s}.radar-ring.r3{animation-delay:2.4s}.radar-ring.r4{animation-delay:3.6s}.radar-ring.r5{animation-delay:4.8s}@keyframes radar-pulse{0%{width:36px;height:36px;opacity:.6;border-width:2px}50%{opacity:.3;border-width:1.5px}to{width:280px;height:280px;opacity:0;border-width:1px}}.tracking-beam{animation:beam-dash 1s linear infinite}@keyframes beam-dash{to{stroke-dashoffset:-20}}.leaflet-popup-content-wrapper{border-radius:10px!important;box-shadow:0 2px 12px #0003!important;font-family:var(--font-body);padding:0!important;background:#fffffff2!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.leaflet-popup-content{margin:0!important;font-size:12px;font-weight:500}.leaflet-popup-close-button{display:none!important}.leaflet-popup-tip{background:#fffffff2!important}.popup-content{padding:8px 12px}.popup-address{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text);white-space:nowrap}.popup-address .addr-street{color:var(--text)}.popup-address .addr-city-link{color:var(--politie)!important;text-decoration:none;font-weight:600;cursor:pointer}.popup-address .addr-city-link:hover{text-decoration:underline}.leaflet-popup-content a{color:var(--politie);text-decoration:none}.leaflet-popup-content a:hover{text-decoration:underline}.toast-container{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--sheet-bg);border:1px solid var(--border);border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;color:var(--text);box-shadow:0 4px 20px #00000026;pointer-events:auto;display:flex;align-items:center;gap:8px;animation:toastIn .3s ease-out;max-width:90vw}.toast.toast-error{background:#dc3545;color:#fff;border-color:#dc3545}.toast.toast-success{background:#28a745;color:#fff;border-color:#28a745}.toast.toast-warning{background:#fd7e14;color:#fff;border-color:#fd7e14}.toast.toast-out{animation:toastOut .3s ease-in forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{to{opacity:0;transform:translateY(-10px)}}.skeleton-card{width:180px;min-width:180px;height:160px;background:var(--sheet-bg);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;flex-shrink:0;scroll-snap-align:center}.skeleton-line{background:linear-gradient(90deg,var(--border) 25%,var(--bg) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-line.large{height:48px;width:80%;margin:0 auto}.skeleton-line.medium{height:16px;width:60%;margin:0 auto}.skeleton-line.small{height:12px;width:90%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-card{width:280px;min-width:280px;padding:24px;background:var(--sheet-bg);border-radius:16px;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:12px;scroll-snap-align:center}.empty-card .eyes{font-size:48px;line-height:1}.empty-card p{font-size:15px;font-weight:500;line-height:1.4}.empty-card .empty-hint{font-size:13px;color:var(--text-muted);opacity:.7}.service-pill .pill-count{font-family:var(--font-mono);font-size:10px;font-weight:600;background:#0000001a;padding:2px 5px;border-radius:8px;margin-left:2px}.mode-btn.loading{opacity:.5;pointer-events:none}.mode-btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.top-bar{height:calc(48px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 10px 8px;padding-top:calc(env(safe-area-inset-top,0px) + 8px);gap:8px}.brand-text{display:none}.brand-icon{width:24px;height:24px}.service-pill{height:32px;padding:0 10px;gap:4px}.service-pill .pill-icon{font-size:16px}.pill-distance{font-size:11px}.recenter-btn{width:28px;height:28px}.recenter-btn svg{width:14px;height:14px}.mode-btn{width:24px;height:24px;font-size:12px}.alert-carousel-container{bottom:calc(65px + env(safe-area-inset-bottom,0px))}.alert-card{flex:0 0 280px;min-width:280px}.card-inner{padding:8px 10px;gap:6px}.card-icon{font-size:18px}.card-distance .distance-num{font-size:20px}.card-distance .distance-unit,.card-time{font-size:10px}.card-address{font-size:12px}.card-message{font-size:10px;padding:6px 8px}.card-action{padding:6px 10px;font-size:11px}.card-action.share-btn{width:32px;padding:6px}.card-action.share-btn svg{width:12px;height:12px}.distance-nav{padding:4px 12px calc(6px + env(safe-area-inset-bottom,0px))}.distance-nav-header{margin-bottom:2px}.distance-position{font-size:10px}.distance-scale{height:24px}.distance-labels{font-size:9px}.empty-card{flex:0 0 280px}.empty-card h3{font-size:14px}.empty-card p{font-size:11px}}.burst-banner{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:1100;display:none;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border-radius:12px;box-shadow:0 4px 20px #ff6b3566;font-size:13px;font-weight:600;animation:burst-slide-in .3s ease-out;max-width:calc(100% - 32px)}.burst-banner:not(.hidden){display:flex}@keyframes burst-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.burst-banner.burst-high{background:linear-gradient(135deg,#dc3545,#ff4757);box-shadow:0 4px 20px #dc354566}.burst-banner.burst-extreme{background:linear-gradient(135deg,#8b0000,#dc3545);box-shadow:0 4px 20px #8b000080;animation:burst-slide-in .3s ease-out,burst-pulse 2s infinite}@keyframes burst-pulse{0%,to{box-shadow:0 4px 20px #8b000080}50%{box-shadow:0 4px 30px #dc3545b3}}.burst-icon{font-size:16px}.burst-text{flex:1;line-height:1.3}.burst-text strong{font-weight:700}.burst-link{color:inherit;text-decoration:none;cursor:pointer}.burst-link:hover{text-decoration:underline}.burst-dismiss{background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.burst-dismiss:hover{background:#ffffff4d}@media(max-width:500px){.burst-banner{top:48px;font-size:12px;padding:6px 12px}}@media(max-width:768px){.top-bar .filter-pills{display:none}}