.map-navigation{position:absolute;z-index:28;inset:0;pointer-events:none}.map-navigation button{position:absolute;right:20px;display:grid;place-items:center;pointer-events:auto;width:44px;height:44px;border:1px solid #d9e3e9;border-radius:12px;background:#fff;box-shadow:0 3px 10px #15374710}.map-navigation #locateBtn{top:155px}.map-navigation #homeBtn{top:207px}.map-navigation b{display:none}.map-navigation svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}
.mobile-only{display:none}
@media(max-width:800px){
  :root{--blue:#087aff;--text:#13243b;--navy:#14243a;--peek:224px;--half:48dvh;--dock:calc(70px + env(safe-area-inset-bottom));--full:calc(100dvh - 184px - var(--dock));--sheet-size:var(--half)}
  .mobile-only{display:flex}
  .app:has(.atlas-panel[data-sheet=peek]){--sheet-size:var(--peek)}
  .app:has(.atlas-panel[data-sheet=full]){--sheet-size:var(--full)}
  .map-vignette{display:block;position:absolute;inset:0 0 auto;height:260px;z-index:1;pointer-events:none;background:linear-gradient(#f8fbfff5,#f8fbffba 45%,transparent)}
  .topbar{top:calc(14px + env(safe-area-inset-top));left:18px;right:18px;height:62px;padding:0;border:0;box-shadow:none;border-radius:0;background:transparent;align-items:center;flex-wrap:nowrap;overflow:visible}
  .brand{gap:0;color:#10203a}.brand-mark{display:none}.brand>span:last-child{display:flex;flex-direction:column-reverse;gap:4px}.brand small{display:block;margin:0;font-size:10px;font-weight:550;color:#7b8ea7;letter-spacing:-.2px}.brand b{font-family:Arial,system-ui,sans-serif;font-size:28px;font-weight:850;letter-spacing:-1.25px;line-height:1.2}.brand-korea{color:var(--blue)}.brand b i,.live-total{display:none}
  .mobile-search-button{margin-left:auto;flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffffc7;border-radius:50%;background:#ffffffeb;color:#14243a;box-shadow:0 4px 17px #17374712}.mobile-search-button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}
  .topbar .search{display:none;position:absolute;top:76px;left:0;right:0;height:46px;margin:0;z-index:45;background:#fff;border:1px solid #dce6f0;border-radius:16px;box-shadow:0 7px 24px #163d6620;padding:0 14px}.topbar .search input{font-size:14px}.topbar .search input::placeholder{font-size:11px}.topbar .search-results{top:53px;max-height:45dvh}.app.search-open .topbar .search{display:flex}.app.search-open .mobile-mode-switch{visibility:hidden}
  .mobile-mode-switch{position:absolute;top:calc(92px + env(safe-area-inset-top));left:14px;right:14px;z-index:34;height:49px;gap:3px;padding:4px;background:#ffffffeb;border:1px solid #fff;border-radius:28px;box-shadow:0 5px 20px #204e7512;backdrop-filter:blur(14px)}
  .mobile-mode-switch button{display:flex;justify-content:center;align-items:center;gap:10px;flex:1;border:0;border-radius:23px;background:transparent;color:#73869e;font-size:16px;font-weight:750;letter-spacing:-.2px}.mobile-mode-switch button[aria-pressed=true]{background:var(--blue);color:#fff;box-shadow:0 3px 12px #087aff36}.mobile-mode-switch svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .sidebar{top:calc(153px + env(safe-area-inset-top));left:14px;right:14px;gap:7px;padding:0;mask-image:linear-gradient(to right,#000 95%,transparent)}
  .side-item[data-category],.incident-toggle{min-height:35px;border:1px solid #ffffffd9;border-radius:13px;background:#ffffffee;box-shadow:0 4px 15px #234e7010;padding:7px 12px}.side-item b{font-size:11px;font-weight:700}.side-item.active{background:var(--blue);border-color:var(--blue);color:#fff}.side-sep{display:none}.incident-toggle input{accent-color:var(--blue)}
  .mobile-area-card{position:absolute;left:16px;top:calc(203px + env(safe-area-inset-top));z-index:22;align-items:center;gap:10px;min-width:170px;max-width:calc(100% - 80px);padding:11px 13px;border-radius:19px;border:1px solid #ffffffd9;background:#fffffff0;box-shadow:0 4px 20px #20456711;pointer-events:none}.area-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;background:#e9f3ff;color:var(--blue)}.area-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8}.mobile-area-card>div{display:grid;gap:2px}.mobile-area-card small{font-size:11px;color:#7488a3}.mobile-area-card b{font-size:13px;letter-spacing:-.4px}.mobile-area-card>span:last-child{font-size:23px;font-weight:400;color:#9aabc0;margin-left:4px}
  .map-controls{right:16px;top:auto;bottom:calc(var(--sheet-size) + var(--dock) + 74px);z-index:27}.map-controls>button,.map-navigation #locateBtn,.map-navigation #homeBtn{width:44px;height:44px;border:1px solid #fff;border-radius:50%;color:#14243a;background:#fffffff0;box-shadow:0 5px 20px #244d731a}.map-controls>button svg,.map-navigation #locateBtn svg,.map-navigation #homeBtn svg{width:23px;height:23px;stroke-width:1.9}.map-navigation #locateBtn{right:16px;top:auto;bottom:calc(var(--sheet-size) + var(--dock) + 130px)}.map-navigation #homeBtn{right:16px;top:auto;bottom:calc(var(--sheet-size) + var(--dock) + 18px)}.map-controls>div{right:53px;top:auto;bottom:0;max-width:calc(100vw - 82px);border-radius:17px}
  .atlas-panel{bottom:var(--dock);padding-bottom:0;border-radius:27px 27px 0 0;border:1px solid #ffffffeb;background:#fafdff;box-shadow:0 -6px 28px #2a557013;scroll-padding-top:27px;height:var(--half)}
  .atlas-panel[data-sheet=peek]{height:var(--peek)}.atlas-panel[data-sheet=half]{height:var(--half)}.atlas-panel[data-sheet=full]{height:var(--full)}
  .sheet-handle{height:25px;background:#fafdff;gap:0}.sheet-handle>span{width:38px;height:4px;background:#ccd7e3}.sheet-handle small{display:none}.mode-switch{display:none}.source-tabs{background:#fafdff;padding:8px 18px;min-height:38px}.source-tabs button{border-radius:15px;background:#fff}.source-tabs button.active{border-color:#bbd7fc;color:var(--blue);background:#eaf4ff}
  .live-rail{background:#fafdff;padding:0 18px 22px}.rail-head{padding:6px 0 11px;min-height:42px}.rail-head b{font-size:17px;letter-spacing:-.6px;color:#13243b}.rail-head small{font-size:10px}.rail-tools button{color:#7289a5;border:0;background:transparent;font-size:11px;padding:5px}.camera-result{border:0}.live-card{border-radius:16px;background:#fff;margin-bottom:7px;padding-left:10px;box-shadow:0 3px 12px #234e7010}.card-media{width:52px;height:47px;background:#eaf2fa}.card-fallback{background:#eaf2fa}.card-fallback svg{color:var(--blue);stroke:var(--blue)}.card-copy b{font-size:13px;color:#14243a}.favorite-star{right:3px}.card-meta{font-size:10px}
  .atlas-panel[data-sheet=peek] .rail-head small{display:none}.atlas-panel[data-sheet=peek] #liveCards:not([hidden]){display:flex!important;flex-direction:row;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:1px 0 10px}.atlas-panel[data-sheet=peek] .camera-result{flex:0 0 248px;scroll-snap-align:start}.atlas-panel[data-sheet=peek] .live-card{grid-template-columns:45px minmax(0,1fr);min-height:96px;padding:10px 31px 10px 10px;gap:9px;margin:0}.atlas-panel[data-sheet=peek] .card-media{width:43px;height:43px}.atlas-panel[data-sheet=peek] .favorite-star{top:29px}
  .atlas-panel[data-sheet=peek] #regionBrowse:not([hidden]){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.atlas-panel[data-sheet=peek] .region-group{border:1px solid #e9eff6;border-radius:13px;background:#fff}.atlas-panel[data-sheet=peek] .region-group summary{padding:10px;display:flex;flex-wrap:wrap;gap:1px;min-height:57px;font-weight:650;font-size:12px}.atlas-panel[data-sheet=peek] .region-group summary span{width:100%}.atlas-panel[data-sheet=peek] .region-group summary i{display:none}.atlas-panel[data-sheet=peek] .region-group[open]{grid-column:1/-1}.atlas-panel[data-sheet=peek] .region-group[open] .region-rows{padding:0 10px}
  .viewer{background:#fff}.viewer-head{padding:6px 18px}.viewer-copy{padding:14px 18px}.viewer-media{max-height:33dvh}.viewer h1{color:#12233b;font-size:20px}.viewer-actions{gap:7px}.viewer-actions button{border-radius:13px;background:#f4f8fc;border-color:#e7edf5;min-height:40px}.viewer-actions #favoriteBtn[aria-pressed=true]{color:var(--blue);background:#eaf4ff;border-color:#cde2fd}.viewer-secondary button{border-radius:12px}.nearby-camera{border-radius:12px}.atlas-panel:has(.viewer:not([hidden]))[data-sheet=half]{height:min(68dvh,590px)}
  .app[data-mode=traffic] .sidebar .side-item[data-category],.app[data-mode=traffic] .sidebar .incident-toggle{display:none}.app[data-mode=traffic] .incident-filters{position:fixed;left:14px;right:14px;top:calc(153px + env(safe-area-inset-top));z-index:32;display:flex!important;flex-wrap:nowrap;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0;mask-image:linear-gradient(to right,#000 96%,transparent)}
  .incident-filters label{flex:none;border:1px solid #fff;border-radius:13px;padding:7px 10px;background:#ffffffed;color:#243b53;box-shadow:0 3px 14px #234e7010;font-size:11px;min-height:35px;font-weight:650}.incident-filters input{appearance:none;width:23px;height:14px;border-radius:8px;background:#b7c3d1;position:relative;margin:0 0 0 2px;order:2;cursor:pointer}.incident-filters input:checked{background:var(--blue)}.incident-filters input:after{content:'';position:absolute;width:10px;height:10px;top:2px;left:2px;background:white;border-radius:50%;box-shadow:0 1px 2px #234e7020}.incident-filters input:checked:after{left:11px}
  .traffic-panel{padding:1px 18px 23px;background:#fafdff}.traffic-head{margin:0 0 6px;align-items:center}.traffic-head h1{font-size:18px;letter-spacing:-.6px;color:#14243a;margin:0}.traffic-head>div>small{display:none}.traffic-head button{border:0;color:#7288a4;background:transparent;font-size:11px}.traffic-row{background:#fff;border:1px solid #e8eff7;border-radius:15px;padding:12px;margin:8px 0;box-shadow:0 3px 12px #244f7410}.traffic-row b{font-size:12px;line-height:1.5;color:#16263d}.traffic-row small{font-size:10px}.traffic-kind{font-size:11px;font-weight:750}.traffic-row em{font-size:10px;color:var(--blue)}.traffic-group h2{font-size:12px}.traffic-group>small{font-size:9px;color:#8091a7}.traffic-options{border-radius:14px;background:#fff}.traffic-search input,.traffic-search select{border-radius:12px;background:#fff}.incident-detail h2{font-size:18px;color:#14243a}.incident-detail dl{background:#eef5fc;border-radius:14px;padding:11px}.incident-detail p{font-size:12px;line-height:1.7}.nearby-action{background:var(--blue);border-color:var(--blue);color:#fff;border-radius:13px;min-height:42px}
  .mobile-traffic-summary{display:flex;gap:7px;margin:5px 0 8px}.mobile-traffic-summary>span{flex:1;display:flex;align-items:baseline;justify-content:center;gap:4px;border:1px solid #e9eff7;border-radius:11px;background:#fff;padding:7px 3px;font-size:10px;color:#7386a0}.mobile-traffic-summary b{font-size:14px;color:#17283d}.mobile-traffic-summary .summary-accident b{color:#ee334c}.mobile-traffic-summary .summary-construction b{color:#ff7b19}
  .app[data-traffic-view=flow] .mobile-traffic-summary{display:none}.app[data-traffic-view=flow] .traffic-group[data-key="its:incidents"]{display:none}.app[data-traffic-view=incidents] .traffic-group[data-key="ex:flow"]{display:none}
  .atlas-panel[data-sheet=peek] .traffic-list{display:block!important}.atlas-panel[data-sheet=peek] .traffic-head h1{font-size:17px}.atlas-panel[data-sheet=peek] #trafficStatus{display:none}.atlas-panel[data-sheet=peek] .traffic-group{padding:0;border:0}.atlas-panel[data-sheet=peek] .traffic-group h2,.atlas-panel[data-sheet=peek] .traffic-group>small{display:none}.atlas-panel[data-sheet=peek] .traffic-group{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none}.atlas-panel[data-sheet=peek] .traffic-row{flex:0 0 250px;min-height:94px;margin:0 0 9px;gap:4px;scroll-snap-align:start}.atlas-panel[data-sheet=peek] .traffic-row b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.atlas-panel[data-sheet=peek] .traffic-row small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.atlas-panel[data-sheet=peek] .traffic-row em,.atlas-panel[data-sheet=peek] .traffic-row small+small{display:none}
  .incident-marker{width:37px;height:37px;border:2px solid white;border-radius:50%;padding:7px;box-shadow:0 4px 16px #ca4c2835}.incident-marker[data-kind=construction]{background:#ff7b18}.incident-marker[data-kind=accident],.incident-marker[data-kind=control]{background:#ed334c}.incident-marker.incident-cluster{width:37px;height:37px;border-radius:50%;padding:0;font-size:12px;font-weight:800}.incident-marker svg{width:21px;height:21px;stroke-width:1.8}
  .mobile-dock{position:absolute;z-index:40;bottom:0;left:0;right:0;height:var(--dock);padding:7px 12px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;align-items:stretch;gap:5px;background:#fafdfff2;border-top:1px solid #eaf0f7;backdrop-filter:blur(16px);box-shadow:0 -3px 17px #24517708}.mobile-dock button{border:0;background:transparent;flex:1;display:grid;align-content:center;justify-items:center;gap:3px;border-radius:12px;color:#7a8da7;font-size:11px;font-weight:650;position:relative}.mobile-dock svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-dock button[aria-pressed=true]{color:var(--blue)}.mobile-dock button[aria-pressed=true]:after{content:'';position:absolute;bottom:-4px;left:calc(50% - 3px);width:6px;height:6px;background:var(--blue);border-radius:50%}
  .map-legend{left:16px;right:72px;max-width:none;bottom:calc(var(--sheet-size) + var(--dock) + 12px)!important;gap:5px 9px;border:1px solid #fff;border-radius:14px;background:#ffffffee;padding:8px 10px;font-size:8px;box-shadow:0 3px 15px #244b7010}.map-legend small{font-size:8px;color:#7185a0}.status{left:16px;right:74px;bottom:calc(var(--sheet-size) + var(--dock) + 70px)!important;border:1px solid #fff;border-radius:14px;background:#fff;font-size:9px}.toast{bottom:calc(var(--sheet-size) + var(--dock) + 12px);border-radius:15px}
  .app:has(.atlas-panel[data-sheet=full]) .mobile-area-card,.app:has(.viewer:not([hidden])) .mobile-area-card{display:none}.app:has(.viewer:not([hidden])){--sheet-size:min(68dvh,590px)}
  .maplibregl-ctrl-group,.leaflet-control-zoom{display:none}.maplibregl-ctrl-bottom-left{bottom:calc(var(--sheet-size) + var(--dock));left:0}.maplibregl-ctrl-bottom-right,.raster-map .leaflet-bottom.leaflet-right{bottom:calc(var(--sheet-size) + var(--dock));right:0}.leaflet-control-attribution,.maplibregl-ctrl-attrib{font-size:7px!important}
}
@media(max-width:350px){
  .topbar{left:16px;right:16px}.brand b{font-size:26px}.brand small{font-size:9px}.mobile-search-button{width:40px;height:40px}.mobile-area-card{padding:9px 11px;min-width:155px}.mobile-mode-switch{left:12px;right:12px}.mobile-mode-switch button{font-size:15px}.live-rail,.traffic-panel{padding-inline:16px}.incident-filters{gap:5px!important}.incident-filters label{padding:7px 8px;font-size:10px}.incident-filters input{width:21px}.incident-filters input:checked:after{left:9px}.mobile-dock{padding-inline:7px}
}

@media(max-width:800px){.atlas-panel[data-sheet=peek] .traffic-group[data-state] > small{display:block;font-size:12px;color:#7488a0;padding:20px 0}.atlas-panel[data-sheet=peek] .traffic-group[data-state=error] > small{color:#ae4a2c}.app[data-mode=traffic] .region-summary-marker{display:none}}

@media(max-width:800px){.mobile-flow-status{display:none;font-size:10px;color:#7c8fa8;margin-bottom:12px}.app[data-traffic-view=flow] .mobile-flow-status{display:block}}
@media(max-width:800px){.app:has(.viewer:not([hidden])) .map-navigation,.app:has(.viewer:not([hidden])) .map-controls,.app:has(.viewer:not([hidden])) .sidebar,.app:has(.viewer:not([hidden])) .map-legend,.app:has(.viewer:not([hidden])) .status{display:none}}