/* One map for CCTV and live provider observations. */
/* Keep renderer panes and controls inside the map, below the exploration UI. */
#map{z-index:0}
:root{--blue:#2467d6;--navy:#153747;--text:#203744;--muted:#72828b;--line:#e8edf0;--surface:#f5f8fa;--panel:348px;--peek:164px;--half:54dvh;--full:calc(100dvh - 156px)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#dce7ed;color:var(--text);font:13px/1.5 Pretendard,"Noto Sans KR",system-ui,-apple-system,"Segoe UI",sans-serif}.app{position:relative;width:100%;height:100dvh;isolation:isolate}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);border-radius:10px;background:#fff}button:hover{background:var(--surface)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:2px}input{min-width:0}a{color:var(--blue)}[hidden]{display:none!important}.glass{background:#fff}.map{position:absolute;inset:0;background:#e6edf1}.map-vignette{display:none}
.topbar{position:absolute;z-index:35;left:20px;right:20px;top:18px;height:66px;display:flex;align-items:center;gap:28px;padding:0 22px;border:1px solid #ffffffa6;border-radius:16px;box-shadow:0 4px 22px #15374713}.brand{display:flex;align-items:center;gap:11px;flex:none;text-decoration:none;color:var(--navy)}.brand-mark{display:grid;place-items:center;background:#ecf6f5;border-radius:12px;width:40px;height:42px;color:#176962}.brand-mark svg{width:26px;height:29px;stroke:currentColor;fill:none;stroke-width:1.8}.brand b{font-size:19px;letter-spacing:-.6px}.brand b i{display:inline-block;margin-left:6px;padding:2px 5px;border-radius:4px;background:#e6f5ed;color:#287a57;font-size:8px;font-style:normal;letter-spacing:.5px;vertical-align:middle}.brand small{display:block;font-size:10px;color:var(--muted);margin-top:1px}
.search{display:flex;align-items:center;gap:9px;flex:1;max-width:490px;position:relative;height:40px;padding:0 13px;border:1px solid #dfe7eb;background:#f7f9fb;border-radius:10px}.search-icon{width:18px;height:18px;stroke:#72868f;fill:none;stroke-width:1.7;flex:none}.search input{width:100%;outline:none;border:0;background:none;font-size:12px}.search-results{position:absolute;top:48px;left:0;right:0;max-height:50dvh;overflow:auto;border-radius:12px;box-shadow:0 8px 28px #15374724;border:1px solid var(--line);padding:5px}.search-result{display:grid;gap:3px;width:100%;text-align:left;padding:12px;border:0;min-height:50px}.search-result small{font-size:11px;color:var(--muted)}.search-empty{padding:16px;color:var(--muted)}.live-total{display:flex;align-items:baseline;gap:6px;margin-left:auto;white-space:nowrap;color:var(--muted);font-size:11px}.live-total strong{font-size:17px;color:var(--navy);font-variant-numeric:tabular-nums}
.sidebar{position:absolute;z-index:25;top:103px;left:390px;right:86px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;pointer-events:none;background:none}.side-item[data-category],.incident-toggle{pointer-events:auto;display:flex;gap:6px;align-items:center;min-height:38px;padding:7px 13px;background:#fff;border:1px solid #d4e0e8;border-radius:11px;box-shadow:0 2px 8px #1537470c;white-space:nowrap}.side-item[data-category] svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.side-item span{height:18px;line-height:18px}.side-item b{font-size:12px;font-weight:600}.side-item em{display:none}.side-item.active{background:var(--navy);color:white;border-color:var(--navy)}.side-sep{width:1px;height:23px;margin:0 3px;background:#bdcbd6}.incident-toggle{font-size:12px;cursor:pointer;padding:7px 10px}.incident-toggle input{accent-color:#c07716;margin:0;width:14px;height:14px}.warning-icon{color:#b66c13;font-size:17px}.incident-toggle b{font-size:10px;border-radius:5px;background:#fcf0d9;color:#985d0a;padding:1px 5px;min-width:19px;text-align:center}
.map-controls{position:absolute;z-index:28;right:20px;top:103px}.map-controls>button,.sidebar #locateBtn,.sidebar #homeBtn{display:grid;place-items:center;pointer-events:auto;width:44px;height:44px;border-radius:12px;border:1px solid #d9e3e9;background:#fff;box-shadow:0 3px 10px #15374710}.map-controls>button svg,.sidebar #homeBtn svg,.sidebar #locateBtn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}.map-controls>button span,.sidebar #locateBtn b,.sidebar #homeBtn b{display:none}.sidebar #locateBtn,.sidebar #homeBtn{position:fixed;right:20px}.sidebar #locateBtn{top:155px}.sidebar #homeBtn{top:207px}.map-controls>div{position:absolute;right:52px;top:0;padding:16px;width:220px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 15px #15374718}.map-controls label{display:flex;gap:8px;align-items:center;margin-top:10px}.map-controls p{font-size:11px;color:var(--muted);margin-bottom:0}
.atlas-panel{position:absolute;left:20px;width:var(--panel);top:102px;bottom:20px;z-index:30;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6e0e6 transparent;border:1px solid #dbe5eb;border-radius:16px;background:#fff;box-shadow:0 6px 24px #15374716;scroll-padding-top:50px}.sheet-handle{display:none}.mode-switch{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:0 17px;height:51px;gap:8px;background:#fff;border-bottom:1px solid var(--line)}.mode-switch button{align-self:stretch;padding:0 5px;border:0;border-radius:0;background:#fff;border-bottom:3px solid transparent;color:#7a8b94;font-size:12px;font-weight:650;white-space:nowrap}.mode-switch button[aria-pressed=true]{border-bottom-color:var(--navy);color:var(--navy)}.source-tabs{display:flex;flex-wrap:nowrap;gap:7px;padding:13px 17px 10px;overflow-x:auto;scrollbar-width:none;background:#fff}.source-tabs button{flex:none;border:1px solid #e1e8ed;padding:5px 9px;font-size:10px;white-space:nowrap;min-height:29px;border-radius:7px;color:#617580}.source-tabs button.active{color:var(--blue);border-color:#b7cfec;background:#edf4ff}.source-tabs em{font-size:9px;font-style:normal;margin-left:3px;opacity:.75}.source-tabs .source-error{color:#b04b42}
.live-rail{padding:0 20px 22px}.explore-intro{padding:15px 0 0}.explore-intro>small,.traffic-head>div>small{font-size:9px;letter-spacing:1.6px;color:#61928e;font-weight:700}.explore-intro h1{font-size:21px;letter-spacing:-.9px;line-height:1.5;margin:5px 0 7px;color:var(--navy)}.explore-intro p{margin:0;font-size:11px;line-height:1.75;color:var(--muted)}.quick-regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}.quick-regions button{min-height:56px;display:grid;place-content:center;gap:1px;border-color:#e7edf1;background:#f7f9fb;font-size:12px;font-weight:600}.quick-regions small{font-size:9px;font-weight:400;color:#80919b}.quick-regions button:hover{border-color:#8caac0;background:#eff5f8}.explore-note{display:flex;gap:10px;padding:13px 11px;border-radius:10px;background:#fcf6e9;border:1px solid #f1e9d4;font-size:10px;line-height:1.8;color:#89754b}.note-icon{font-size:22px;color:#b5812d;line-height:1.4}.explore-note button{display:block;border:0;background:transparent;font-size:10px;padding:3px 0;color:#967021;font-weight:600}
.rail-head{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:20px 0 13px}.rail-head>div:first-child{display:flex;gap:7px;align-items:baseline}.rail-head b{font-size:14px;letter-spacing:-.2px}.rail-head small{width:100%;font-size:10px;color:var(--muted);line-height:1.6;order:3}.rail-head #railCount{color:var(--muted);font-size:10px}.rail-tools{margin-left:auto;display:flex;gap:5px}.rail-tools button{padding:6px 8px;font-size:10px;border-radius:7px;color:#647a87;min-height:30px}#railCollapseBtn{display:none}
.region-group{border-bottom:1px solid var(--line)}.region-group summary{display:grid;grid-template-columns:1fr auto 15px;align-items:center;gap:10px;list-style:none;cursor:pointer;min-height:47px;padding:11px 2px;font-size:12px;user-select:none}.region-group summary::-webkit-details-marker{display:none}.region-group summary strong{font-size:10px;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}.region-group summary i{font-style:normal;color:var(--muted)}.region-group[open] summary{color:var(--blue)}.region-group[open] summary i{transform:rotate(180deg)}.region-group:not([open])>.region-rows{display:none}.region-row{display:flex;align-items:center;gap:8px;width:100%;min-height:60px;padding:11px 2px;text-align:left;border:0;border-top:1px solid #f0f4f7;border-radius:0}.region-row-main{min-width:0;flex:1;display:grid;gap:4px}.region-row-main b{font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.region-row-main small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.region-row-action{font-size:10px;color:var(--blue)}.region-more,.region-empty{padding:20px 5px;text-align:center;font-size:11px;color:var(--muted)}.region-more button{padding:7px 12px}
.live-cards{display:flex;flex-direction:column}.camera-result{position:relative;border-bottom:1px solid var(--line)}.live-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:11px;align-items:center;text-align:left;width:100%;min-height:84px;padding:12px 30px 12px 0;background:#fff;border:0;border-radius:0}.live-card:hover{background:#f6f9fb}.card-media{height:49px;width:64px;border-radius:8px;background:#edf2f6;position:relative;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover}.card-fallback{width:100%;height:100%;display:grid;place-content:center;background:linear-gradient(135deg,#f0f5f7,#e2eaee)}.card-fallback svg{width:22px;height:22px;fill:none;stroke:#8a9da7;stroke-width:1.5}.card-live{position:absolute;left:6px;bottom:3px;font-size:7px;color:#8296a0}.card-copy{display:grid;gap:4px;min-width:0}.camera-source{font-size:9px;color:#8a9ba4}.card-copy b{font-size:12px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;flex-wrap:wrap;gap:4px;color:var(--muted);font-size:10px}.card-meta i{font-style:normal}.card-open{display:none}.favorite-star{position:absolute;right:-5px;top:24px;width:32px;height:36px;border:0;background:transparent;font-size:21px;color:#9aa9b2}.favorite-star[aria-pressed=true]{color:#c78b20}.rail-empty{display:grid;gap:7px;text-align:center;padding:28px 5px;color:var(--muted);font-size:12px}.rail-empty b{font-weight:500;color:var(--text)}.rail-empty span{font-size:10px}
.viewer-head{display:flex;align-items:center;justify-content:space-between;padding:8px 17px;border-bottom:1px solid var(--line);min-height:42px}.viewer-head button{display:flex;align-items:center;gap:5px;border:0;padding:5px 0;font-size:12px;background:transparent;font-weight:600}.viewer-head svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.viewer-head>span{font-size:9px;color:var(--muted)}.viewer-media{aspect-ratio:16/9;background:#0d1c27;display:grid;place-items:center;overflow:hidden}.viewer-media video,.viewer-media iframe,.regional-live-image{width:100%;height:100%;border:0;object-fit:contain}.media-placeholder{color:#9dafbc;font-size:11px;letter-spacing:1px}.media-placeholder span{color:#98b6c2;font-size:7px}.viewer-credit{background:#f3f7f9;font-size:9px;color:#748996;padding:8px 17px;line-height:1.5}.viewer-credit::before{content:"출처 · "}.viewer-copy{padding:18px 19px}.viewer-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;color:var(--muted)}.viewer h1{font-size:19px;line-height:1.45;letter-spacing:-.6px;margin:7px 0}.viewer p{font-size:11px;line-height:1.65;color:var(--muted);margin:0 0 14px}.viewer-actions{display:flex;gap:6px}.viewer-actions button{min-height:38px;font-size:10px;padding:8px 9px;flex:1;white-space:nowrap}.viewer-actions button[aria-pressed=true]{color:#a97518;background:#fff8e8;border-color:#f1d9a4}.viewer-secondary{display:flex;gap:18px;margin:11px 0}.viewer-secondary button{font-size:10px;padding:4px 0;background:transparent;border:0;color:#788c99}.viewer-nearby{padding-top:13px;border-top:1px solid var(--line)}.viewer-nearby>h3{font-size:12px;margin:3px 0 8px}
.nearby-camera{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;text-align:left;min-height:46px;font-size:11px;padding:9px 1px;border:0;border-bottom:1px solid var(--line);border-radius:0}.nearby-camera span{display:grid;gap:2px;min-width:0}.nearby-camera b{font-size:11px;font-weight:550}.nearby-camera small{font-size:9px;color:var(--muted)}.nearby-camera>em{flex:none;font-size:10px;font-style:normal;color:var(--blue)}.atlas-panel:has(.viewer:not([hidden])) .source-tabs,.atlas-panel:has(.viewer:not([hidden])) .live-rail{display:none}
.cluster-head{position:relative;padding:15px 19px}.cluster-head span{font-size:10px;color:var(--muted)}.cluster-head b{font-size:14px;margin-left:7px}.viewer-close{position:absolute;right:15px;top:10px;width:32px;height:32px;font-size:22px;line-height:1}.cluster-list{padding:0 18px 18px}.cluster-item{display:grid;grid-template-columns:46px minmax(0,1fr) 20px;align-items:center;gap:9px;width:100%;padding:11px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left}.cluster-thumb{width:46px;height:34px;background:var(--surface);display:grid;place-items:center;border-radius:5px}.cluster-thumb img{width:100%;height:100%;object-fit:cover}.cluster-copy{display:grid;gap:4px;min-width:0}.cluster-copy b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cluster-copy small{font-size:9px;color:var(--muted)}.cluster-play{font-size:10px;color:var(--blue)}
.cluster-count-marker{height:36px;min-width:36px;border:2px solid white;background:var(--navy);color:#fff;border-radius:50%;font-size:11px;font-weight:650;box-shadow:0 2px 8px #15374735}.region-summary-marker{display:grid;gap:1px;align-content:center;justify-items:center;background:#fff;color:var(--navy);border:2px solid #fff;border-radius:13px;min-width:58px;height:46px;padding:5px 9px;box-shadow:0 2px 10px #15374735}.region-summary-marker span{font-size:10px}.region-summary-marker strong{font-size:13px;font-variant-numeric:tabular-nums}.region-summary-marker:hover{background:#eff7ff;border-color:#bed5ed}
.traffic-panel{padding:16px 19px 20px}.traffic-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.traffic-head h1{font-size:20px;letter-spacing:-.9px;margin:3px 0 14px}.traffic-head button{font-size:10px;min-height:33px;padding:6px 9px;color:#6c818e}.traffic-search{display:flex;gap:7px;margin-bottom:12px}.traffic-search input{flex:1;min-width:0;width:0;border:1px solid var(--line);border-radius:8px;padding:9px;font-size:11px;background:#f7f9fb}.traffic-search select{max-width:95px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:10px;padding:5px}.traffic-options{font-size:10px;line-height:1.7;margin:0 0 12px;color:var(--muted)}.traffic-options summary{cursor:pointer;padding:7px 0}.traffic-options summary span{float:right;font-size:9px;color:#9aabb6}.traffic-note{font-size:10px;line-height:1.7;color:var(--muted)}.traffic-layers{border:0;border-top:1px solid var(--line);padding:11px 0 0;display:flex;flex-wrap:wrap;gap:6px 12px;margin:10px 0}.traffic-layers legend{font-size:10px;font-weight:600}.traffic-layers label{display:flex;gap:5px;align-items:center;min-height:29px}.traffic-layers input,.incident-filters input{accent-color:var(--blue);width:13px;height:13px}
.incident-filters{display:flex;flex-wrap:wrap;gap:6px}.incident-filters label{display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid var(--line);border-radius:7px;font-size:10px;cursor:pointer}.incident-filters input{margin:0}#trafficStatus{font-size:10px;line-height:1.7;color:var(--muted);padding:7px 0}.traffic-group{border-top:1px solid var(--line);padding:13px 0}.traffic-group h2{font-size:12px;margin:0 0 6px}.traffic-group>small{display:block;font-size:9px;color:var(--muted);line-height:1.7}.traffic-row{display:grid;gap:5px;border:0;border-top:1px solid #edf2f5;border-radius:0;text-align:left;padding:13px 2px;width:100%;min-height:75px}.traffic-row b{font-size:12px;font-weight:550;line-height:1.6}.traffic-row small{font-size:9px;color:var(--muted);line-height:1.6}.traffic-row em{font-size:10px;color:var(--blue);font-style:normal}.traffic-kind{color:var(--traffic-color);font-weight:600;font-size:10px}.traffic-error{color:#b25443!important}.traffic-empty{padding:14px 0;color:var(--muted);font-size:11px}.traffic-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;margin-top:10px}.traffic-pagination button{padding:6px 12px;min-height:32px}
.mode-traffic .source-tabs,.mode-traffic .live-rail,.mode-traffic .cluster-sheet,.mode-traffic .viewer{display:none}.app[data-mode=saved] .source-tabs,.app[data-mode=saved] .explore-intro,.app[data-mode=saved] #regionBrowseBtn{display:none}.incident-detail{border-top:1px solid var(--line);padding-top:12px}.detail-back{font-size:10px;border:0;padding:6px 0;color:var(--muted)}.detail-kind{font-size:11px;font-weight:650;color:var(--traffic-color);margin:12px 0 7px}.incident-detail h2{font-size:18px;line-height:1.6;letter-spacing:-.5px;margin:0 0 10px;overflow-wrap:anywhere}.incident-detail p{font-size:12px;line-height:1.8;color:#637986;overflow-wrap:anywhere}.incident-detail dl{display:grid;grid-template-columns:77px 1fr;gap:10px 6px;font-size:10px;padding:15px 0;border-block:1px solid var(--line)}.incident-detail dt{color:var(--muted)}.incident-detail dd{margin:0;overflow-wrap:anywhere}.detail-credit{display:block;font-size:9px;color:#94a3ad;margin:10px 0}.nearby-action{width:100%;min-height:40px;background:var(--navy);border-color:var(--navy);color:white;font-size:12px}.nearby-action:hover{background:#245065}.nearby-cameras{margin-top:10px;font-size:11px;color:var(--muted);line-height:1.7}.traffic-panel:has(.incident-detail:not([hidden])) .traffic-list,.traffic-panel:has(.incident-detail:not([hidden])) .traffic-options,.traffic-panel:has(.incident-detail:not([hidden])) .incident-filters,.traffic-panel:has(.incident-detail:not([hidden])) .traffic-search{display:none}
.incident-marker{display:grid;place-items:center;width:33px;height:33px;padding:7px;border:2px solid #fff;border-radius:11px;background:var(--incident-color);color:#fff;box-shadow:0 2px 8px #15374740}.incident-marker svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linejoin:round;stroke-linecap:round}.incident-marker:hover{background:var(--incident-color);filter:brightness(1.1);z-index:5}
.map-legend{position:absolute;z-index:23;right:20px;bottom:35px;padding:11px 14px;border:1px solid #dbe5ec;border-radius:12px;box-shadow:0 3px 12px #1537470d;display:flex;gap:14px;align-items:center;flex-wrap:wrap;max-width:400px;font-size:10px;color:#6a7e8c}.map-legend span{display:flex;gap:5px;align-items:center}.map-legend i{display:inline-block;width:7px;height:7px;border-radius:50%}.legend-camera{background:var(--blue)}.legend-accident{background:#c73838}.legend-construction{background:#c77c19}.map-legend small{flex-basis:100%;font-size:9px;color:#90a1ac}#mapFeedStatus[data-state=error],#mapFeedStatus[data-state=stale]{color:#ad7541}
.status{position:absolute;z-index:24;bottom:34px;left:390px;padding:8px 13px;border-radius:9px;border:1px solid #dce5eb;font-size:10px;max-width:calc(100% - 420px);color:#69818e}.status.hide{display:none}.toast{position:absolute;z-index:60;bottom:115px;left:50%;transform:translateX(-50%);padding:11px 17px;border-radius:10px;background:var(--navy);color:#fff;font-size:12px;max-width:90%;opacity:0;pointer-events:none;transition:opacity .16s}.toast.show{opacity:1}.intro{position:absolute;inset:0;z-index:100;display:grid;place-content:center;gap:8px;text-align:center;background:#f8fbfd;color:var(--navy)}.intro strong{font-size:24px;letter-spacing:-.6px}.intro span{color:var(--muted);font-size:12px}.intro.hide{display:none}.map-error{position:absolute;left:40%;top:40%;max-width:350px;padding:18px;border-radius:12px}.maplibregl-ctrl-attrib,.leaflet-control-attribution{font-size:8px!important;background:#ffffffe0!important}.maplibregl-canvas{outline:0}.maplibregl-ctrl-bottom-left{left:390px}.maplibregl-ctrl-bottom-right{right:20px;bottom:117px}.raster-map .leaflet-bottom.leaflet-right{right:20px;bottom:117px}.raster-map .leaflet-control-zoom{border:1px solid #dbe5ec!important;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #15374713!important}.raster-map .leaflet-control-zoom a{width:37px;height:37px;line-height:37px}.list-only #map{padding:200px 40px 0 400px;color:#718693}
@media(min-width:801px) and (max-width:1150px){.topbar{gap:18px}.brand small{display:none}.live-total span{display:none}.sidebar{right:75px;gap:5px}.side-item[data-category]{padding:6px 9px}.side-item[data-category] span{display:none}.side-item b{font-size:11px}.incident-toggle{min-height:34px}.map-legend{max-width:300px;gap:9px}}
@media(max-width:800px){
 :root{--panel:100%;--peek:164px;--half:54dvh;--full:calc(100dvh - 155px - env(safe-area-inset-top))}
 .topbar{top:calc(10px + env(safe-area-inset-top));left:12px;right:12px;height:98px;gap:0;align-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding:12px 13px;border-radius:15px;box-shadow:0 3px 14px #15374712}.brand{gap:7px;align-items:center}.brand-mark{width:26px;height:27px;border-radius:8px}.brand-mark svg{width:19px;height:23px}.brand b{font-size:15px;letter-spacing:-.4px}.brand small{display:none}.brand b i{font-size:6px;padding:2px 4px;margin-left:4px}.live-total{margin-left:auto;margin-top:5px;font-size:8px;gap:4px}.live-total strong{font-size:11px}.live-total span{font-size:8px}.search{order:3;flex-basis:100%;max-width:none;height:35px;margin-top:9px;padding:0 9px;border-radius:8px}.search input{font-size:11px}.search input::placeholder{font-size:10px}.search-icon{width:15px;height:15px}.search-results{top:40px;max-height:47dvh}
 .sidebar{top:calc(118px + env(safe-area-inset-top));left:12px;right:12px;gap:5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;pointer-events:auto;padding-bottom:3px;mask-image:linear-gradient(to right,#000 94%,transparent)}.side-item[data-category],.incident-toggle{flex:none;min-height:33px;padding:6px 10px;border-radius:9px}.side-item[data-category] span{display:none}.side-item b{font-size:10px}.side-sep{flex:none;height:18px}.incident-toggle{font-size:10px;gap:4px}.incident-toggle input{width:12px;height:12px}.incident-toggle b{font-size:8px;padding:1px 4px}.warning-icon{font-size:14px}.map-controls{right:12px;top:calc(166px + env(safe-area-inset-top))}.map-controls>button,.sidebar #locateBtn,.sidebar #homeBtn{width:38px;height:38px;border-radius:10px}.sidebar #locateBtn{right:12px;top:calc(211px + env(safe-area-inset-top))}.sidebar #homeBtn{right:12px;top:calc(256px + env(safe-area-inset-top))}.map-controls>div{right:46px;width:205px}.map-controls>button svg,.sidebar #homeBtn svg,.sidebar #locateBtn svg{width:19px;height:19px}
 .atlas-panel{left:0;right:0;top:auto;bottom:0;width:100%;height:var(--half);border-radius:22px 22px 0 0;border-bottom:0;transition:height .18s ease;padding-bottom:env(safe-area-inset-bottom);scroll-padding-top:90px;box-shadow:0 -4px 24px #15374714}.atlas-panel[data-sheet=peek]{height:calc(var(--peek) + env(safe-area-inset-bottom))}.atlas-panel[data-sheet=half]{height:var(--half)}.atlas-panel[data-sheet=full]{height:var(--full)}.sheet-handle{position:sticky;top:0;z-index:9;display:grid;place-content:center;justify-items:center;gap:5px;width:100%;height:38px;border:0;background:white;touch-action:none;user-select:none}.sheet-handle>span{width:35px;height:4px;border-radius:3px;background:#cbd8df}.sheet-handle small{font-size:9px;color:#8b9da8}.mode-switch{top:38px;height:44px;padding:0 20px}.mode-switch button{font-size:12px;padding:0 8px}.source-tabs{padding:10px 18px;gap:6px;min-height:42px}.source-tabs button{font-size:10px;min-height:28px;padding:4px 8px}.source-tabs em{font-size:8px}.live-rail{padding:0 20px 22px}.rail-head{padding:10px 0;min-height:48px}.rail-head b{font-size:14px}.rail-head small{font-size:9px}.rail-tools button{min-height:29px}.explore-intro{padding-top:12px}.explore-intro h1{font-size:20px}.quick-regions{gap:7px;margin:13px 0}.quick-regions button{min-height:52px}.explore-note{padding:10px}.live-card{min-height:79px}.card-copy b{font-size:13px}.camera-source{font-size:9px}.card-meta{font-size:10px}.favorite-star{width:36px;height:38px;top:20px}.viewer-copy{padding:15px 20px}.viewer-media{max-height:37dvh}.viewer h1{font-size:19px}.viewer-actions button{min-height:39px;font-size:11px}.viewer p{font-size:11px}.viewer-credit{padding-inline:20px;font-size:9px}.viewer-head{padding:6px 20px}.viewer-head button{min-height:30px}.atlas-panel:has(.viewer:not([hidden]))[data-sheet=half]{height:min(68dvh,590px)}.viewer-nearby{padding-top:10px}.nearby-camera{min-height:47px}
 .traffic-panel{padding:12px 20px 24px}.traffic-head h1{font-size:20px}.traffic-head button{min-height:35px}.traffic-search input{font-size:12px}.incident-filters label{min-height:33px;font-size:11px}.traffic-options summary{min-height:33px}.traffic-row b{font-size:13px}.traffic-row small{font-size:10px}.traffic-kind{font-size:11px}.traffic-group>small{font-size:10px}.incident-detail h2{font-size:19px}.incident-detail p{font-size:12px}.incident-detail dl{font-size:11px}.incident-marker{width:34px;height:34px}
 .atlas-panel[data-sheet=peek] .source-tabs,.atlas-panel[data-sheet=peek] .explore-intro,.atlas-panel[data-sheet=peek] .live-cards,.atlas-panel[data-sheet=peek] .region-browse,.atlas-panel[data-sheet=peek] .rail-head small,.atlas-panel[data-sheet=peek] .traffic-options,.atlas-panel[data-sheet=peek] .traffic-list,.atlas-panel[data-sheet=peek] .incident-filters,.atlas-panel[data-sheet=peek] .traffic-search,.atlas-panel[data-sheet=peek] .incident-detail{display:none}.atlas-panel[data-sheet=peek] .traffic-head h1{font-size:15px;margin:0}.atlas-panel[data-sheet=peek] .traffic-head>div>small{display:none}.atlas-panel[data-sheet=peek] #trafficStatus{margin:4px 0;font-size:9px;padding:0}.atlas-panel[data-sheet=peek] .viewer-media,.atlas-panel[data-sheet=peek] .viewer-credit,.atlas-panel[data-sheet=peek] .viewer-actions,.atlas-panel[data-sheet=peek] .viewer-secondary,.atlas-panel[data-sheet=peek] .viewer p,.atlas-panel[data-sheet=peek] .viewer-nearby{display:none}.atlas-panel[data-sheet=peek] .viewer-copy{padding-top:4px}.atlas-panel[data-sheet=peek] .viewer-meta{display:none}.atlas-panel[data-sheet=peek] .viewer h1{font-size:14px;margin:0}.atlas-panel[data-sheet=peek] .viewer-head{min-height:30px}.atlas-panel[data-sheet=peek] .viewer-head button{min-height:20px;font-size:11px}
 .map-legend{left:12px;right:auto;bottom:calc(var(--half) + 9px);max-width:calc(100% - 78px);padding:8px 10px;gap:7px 10px;font-size:8px;border-radius:10px}.map-legend small{font-size:8px}.app:has(.atlas-panel[data-sheet=peek]) .map-legend{bottom:calc(var(--peek) + env(safe-area-inset-bottom) + 9px)}.app:has(.atlas-panel[data-sheet=full]) .map-legend{display:none}.app:has(.viewer:not([hidden])) .map-legend{display:none}.status{left:12px;right:64px;max-width:none;bottom:calc(var(--half) + 71px);font-size:9px}.app:has(.atlas-panel[data-sheet=peek]) .status{bottom:calc(var(--peek) + 69px)}.app:has(.atlas-panel[data-sheet=full]) .status,.app:has(.viewer:not([hidden])) .status{display:none}.toast{bottom:calc(var(--half) + 12px);width:max-content;max-width:90%;font-size:11px}.maplibregl-ctrl-bottom-right{right:12px;bottom:calc(var(--half) + 9px)}.maplibregl-ctrl-bottom-left{left:0;bottom:var(--half)}.app:has(.atlas-panel[data-sheet=peek]) .maplibregl-ctrl-bottom-right{bottom:calc(var(--peek) + 9px)}.app:has(.atlas-panel[data-sheet=peek]) .maplibregl-ctrl-bottom-left{bottom:var(--peek)}.app:has(.atlas-panel[data-sheet=full]) .maplibregl-ctrl-bottom-right{display:none}.raster-map .leaflet-bottom.leaflet-right{right:12px;bottom:calc(var(--half) + 9px)}.app:has(.atlas-panel[data-sheet=peek]) .leaflet-bottom.leaflet-right{bottom:calc(var(--peek) + 9px)}.app:has(.atlas-panel[data-sheet=full]) .leaflet-control-zoom{display:none}.raster-map .leaflet-control-zoom a{width:32px;height:32px;line-height:32px}.map-error{left:14px;right:65px;top:166px}.list-only #map{padding:166px 60px 0 16px}.region-summary-marker{min-width:48px;height:40px;border-radius:10px;padding:4px 7px}.region-summary-marker span{font-size:9px}.region-summary-marker strong{font-size:11px}
}
@media(max-width:350px){.live-total span{display:none}.mode-switch{padding:0 15px}.mode-switch button{font-size:11px;padding:0 5px}.live-rail,.traffic-panel{padding-inline:16px}.quick-regions button{font-size:11px}.viewer-actions{gap:5px}.viewer-actions button{padding:7px 5px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.atlas-panel,.toast{transition:none}}

.incident-marker.incident-cluster{border-radius:50%;font-size:12px;font-weight:800;padding:0;width:36px;height:36px;letter-spacing:-.3px}