@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-800.woff2') format('woff2');font-weight:800;font-display:swap}
:root{color-scheme:light;--paper:#fff;--canvas:#f4f7f9;--ink:#172e46;--muted:#52657a;--line:#dce4eb;--blue:#075aa7;--blue-dark:#064782;--green:#16744a;--blue-soft:#edf5fd;--warning:#865011;--error:#a22b32;--radius:8px}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);font-family:Manrope,Arial,sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button,input,select,summary{ -webkit-tap-highlight-color:transparent}button{border:0}button:disabled{opacity:.48;cursor:not-allowed}input,select{width:100%;min-width:0;border:1px solid #b5c3d0;border-radius:var(--radius);padding:10px 12px;color:var(--ink);background:var(--paper);min-height:44px}input::placeholder{color:#667789}input:disabled,select:disabled{background:#f1f4f7;color:#657789}input{caret-color:var(--blue)}:focus-visible{outline:3px solid #0876cd;outline-offset:3px}::selection{background:#c5e3ff;color:#103c65}h1,h2,h3,p{margin:0}h1{font-size:20px;letter-spacing:-.025em;font-weight:800}h2{font-size:18px;letter-spacing:-.02em}h3{font-size:14px;font-weight:800}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);background:white;padding:12px;z-index:100}.skip-link:focus{transform:none}
.app-header{height:88px;display:flex;align-items:center;gap:28px;padding:0 28px 0 22px;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{width:176px;height:78px;overflow:hidden;flex-shrink:0;display:flex;align-items:center}.brand img{width:176px;height:auto;display:block}.app-title{padding-left:26px;border-left:1px solid var(--line)}.app-title p{font-size:12px;color:var(--muted);margin-top:3px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:22px}.simulation-label{font-size:12px;color:var(--muted)}.primary,.secondary,.map-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:var(--radius);font-weight:700;padding:10px 15px;transition:background .18s ease,color .18s ease}.primary{background:var(--blue);color:white}.primary:hover:not(:disabled){background:var(--blue-dark)}.secondary{background:#eef3f8;color:#22486b}.secondary:hover:not(:disabled){background:#deeaf5}.icon-button{padding:10px;min-width:44px;background:transparent;color:#476178}.icon-button:hover{background:#edf2f6}.full{width:100%;margin-top:12px}.text-button{display:block;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:4px;margin:8px auto 0;min-height:32px;padding:4px 12px}.text-button:hover{color:var(--blue)}
.workspace{display:flex;height:calc(100dvh - 88px);min-height:520px}.panel{width:350px;flex:0 0 350px;display:flex;flex-direction:column;background:white;border-right:1px solid var(--line);z-index:1}.panel-heading{padding:18px 20px 12px 24px;display:flex;align-items:center;justify-content:space-between}.panel-heading .icon-button{min-height:36px;padding:7px}.panel-body{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b9c9d7 #f4f7f9}.section{padding:20px 24px;border-top:1px solid var(--line)}.section h3{margin-bottom:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h3{margin:0}.unit-value{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.search-row{display:flex;position:relative}.search-row input{padding-right:44px}.search-row button{position:absolute;right:1px;top:1px;min-height:42px;height:42px}.help{font-size:11px;line-height:1.65;color:var(--muted);margin-top:10px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}.two-cols>button{padding:10px 8px;font-size:12px}.coordinates{margin-top:14px}.coordinates summary,.method summary{font-size:12px;font-weight:700;cursor:pointer;min-height:32px;padding:5px 0;color:#355979}.coordinates form{margin-top:10px}.place-results{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:4px}.place-results button{width:100%;text-align:left;background:var(--blue-soft);color:#1b466f;padding:10px;border-radius:6px;font-size:12px;line-height:1.5}.place-results button:hover{background:#dcecf9}#draw-controls{margin-top:8px}
.level-section{background:#f7fafc}.level-control{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px}.level-control label{font-size:12px}.level-control output{font-size:28px;line-height:1.4;color:var(--blue);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.level-control output span{font-size:14px;font-weight:600}.range{border:0;padding:0;min-height:32px;background:transparent!important;accent-color:var(--blue);cursor:pointer}.range-ticks{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:-2px}.level-data{padding:14px 0 0;margin:14px 0 0;border-top:1px solid var(--line);font-size:12px}.level-data>div{display:flex;justify-content:space-between;margin-bottom:6px;gap:8px}.level-data dt{color:var(--muted)}.level-data dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}#manual-wrap{margin-top:12px}.count{font-size:12px;font-weight:700;color:var(--blue);background:var(--blue-soft);padding:2px 8px;border-radius:6px}.road-list{list-style:none;margin:12px 0 0;padding:0;max-height:280px;overflow:auto;scrollbar-width:thin}.road-list li{padding:10px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:start}.road-name{font-size:12px;font-weight:600;overflow-wrap:anywhere}.road-kind{font-size:10px;color:var(--muted);margin-top:3px}.road-depth{white-space:nowrap;font-size:12px;font-weight:700;color:var(--blue)}.road-depth.uncertain{font-size:10px;color:var(--warning)}.method{color:var(--muted);font-size:11px}.method p{margin-top:10px;line-height:1.7}.panel-footer{padding:18px 24px;color:var(--muted);font-size:10px;display:flex;flex-direction:column;gap:3px;border-top:1px solid var(--line)}
.help-control{position:relative}.help-toggle-btn{width:auto;padding:10px 14px;gap:7px;font-size:12px}@media(max-width:600px){.help-btn-label{display:none}.help-toggle-btn{width:44px;padding:10px}}.help-menu{position:absolute;top:calc(100% + 8px);right:0;width:min(340px,calc(100vw - 32px));background:white;border-radius:12px;box-shadow:0 12px 36px rgba(16,42,70,.2);border:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:10px;z-index:60}.help-menu-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--line)}.help-menu-header strong{font-size:13px;font-weight:800;color:var(--ink)}.help-menu-header p{font-size:11px;color:var(--muted);margin-top:2px}.help-close-btn{background:none;border:none;padding:4px;color:var(--muted);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center}.help-close-btn:hover{background:var(--blue-soft);color:var(--blue)}.help-close-btn svg{width:16px;height:16px}.help-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;background:#f1f5f9;padding:3px;border-radius:8px}.help-tab{background:transparent;border:none;padding:6px 4px;font-size:11px;font-weight:700;color:var(--muted);border-radius:6px;cursor:pointer;transition:all .15s ease;text-align:center}.help-tab:hover{color:var(--ink)}.help-tab.active{background:white;color:var(--blue);box-shadow:0 1px 4px rgba(0,0,0,.08)}.help-content{display:flex;flex-direction:column;gap:8px}.help-tab-pane{display:flex;flex-direction:column;gap:8px}.help-row{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:8px;background:var(--canvas)}.help-icon{font-size:18px;line-height:1.2;flex-shrink:0}.help-text{display:flex;flex-direction:column;gap:2px}.help-text strong{font-size:12px;color:var(--ink)}.help-text span{font-size:11px;color:var(--muted);line-height:1.4}.help-text kbd{background:white;border:1px solid #cbd5e1;border-radius:4px;padding:1px 5px;font-size:10px;font-family:monospace;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.map-region{flex:1;min-width:0;position:relative;isolation:isolate;background:#e8eef1;overflow:hidden}#map{position:absolute;inset:0}.map-top{position:absolute;left:24px;right:24px;top:24px;display:flex;align-items:start;gap:10px;pointer-events:none}.map-top>*{pointer-events:auto}.location-label{background:white;border-radius:8px;padding:11px 15px;display:flex;align-items:center;gap:9px;box-shadow:0 4px 18px #102a4612;font-size:12px;font-weight:700;max-width:min(420px,calc(100% - 64px))}.location-label>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-dot{width:7px;height:7px;background:var(--green);border-radius:50%;flex-shrink:0}.map-top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.map-button{background:white;color:var(--ink);width:44px;padding:10px;box-shadow:0 4px 18px #102a4612}.map-button:hover{background:#edf4fa}.layer-control{position:relative}.layer-toggle-btn{width:auto;padding:10px 14px;gap:7px;font-size:12px}.layer-toggle-btn.active-layer{color:var(--blue)}.layer-menu{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:white;border-radius:10px;box-shadow:0 10px 30px rgba(16,42,70,.18);border:1px solid var(--line);padding:6px;display:flex;flex-direction:column;gap:3px;z-index:60}.layer-menu-header{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:6px 10px 4px}.layer-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:6px;background:transparent;color:var(--ink);text-align:left;transition:background .15s ease}.layer-option:hover{background:var(--blue-soft)}.layer-option.active{background:var(--blue-soft);outline:1.5px solid var(--blue)}.layer-option-icon{font-size:18px;line-height:1;flex-shrink:0}.layer-option-text{display:flex;flex-direction:column}.layer-option-text strong{font-size:12px;color:var(--ink)}.layer-option.active .layer-option-text strong{color:var(--blue)}.layer-option-text small{font-size:10px;color:var(--muted)}@media(max-width:600px){.layer-btn-label{display:none}.layer-toggle-btn{width:44px;padding:10px}}.notice{position:absolute;top:86px;left:24px;max-width:440px;width:calc(100% - 48px);padding:15px 18px;background:#fff;border-radius:10px;box-shadow:0 4px 18px #102a4612;color:var(--ink)}.notice>span{font-size:13px;font-weight:800}.notice p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:5px}.notice[data-kind="error"]>span{color:var(--error)}.notice[data-kind="warning"]>span{color:var(--warning)}.notice[data-kind="success"]>span{color:var(--green)}progress{width:100%;height:5px;accent-color:var(--blue);margin-top:12px;display:block}.map-bottom{position:absolute;bottom:40px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:end;gap:16px;pointer-events:none}.legend{background:white;padding:13px 16px;border-radius:8px;box-shadow:0 4px 18px #102a4612;display:grid;gap:6px;font-size:10px;color:#37536c}.legend strong{font-size:11px;color:var(--ink);margin-bottom:3px}.legend>span{display:flex;align-items:center;gap:8px}.swatch{width:14px;height:9px;border-radius:2px}.swatch.water{background:#3499dd9c}.swatch.boundary{border:1px solid #d69323;background:transparent}.swatch.road{height:3px;background:#cd6439}.map-hint{font-size:10px;color:#18334b;background:#ffffffeb;padding:6px 10px;border-radius:5px}.compact-level{position:absolute;top:82px;left:24px;display:flex;gap:14px;background:white;padding:10px 16px;border-radius:8px;font-size:12px;box-shadow:0 4px 18px #102a4612}.compact-level strong{color:var(--blue);font-variant-numeric:tabular-nums}.workspace.collapsed .panel{display:none}.workspace.collapsed .notice{top:140px}.map-unavailable{position:absolute;inset:0;display:grid;place-content:center;padding:32px;background:#ecf2f6;text-align:center}.map-unavailable h2{font-size:22px}.map-unavailable p{max-width:48ch;margin-top:14px;color:var(--muted)}.cesium-viewer-bottom{font-size:10px!important}.cesium-widget-credits{max-width:100%}
@media(min-width:1600px){.panel{width:380px;flex-basis:380px}.section{padding:22px 28px}.panel-heading{padding-left:28px}}
@media(max-width:1050px){.simulation-label{display:none}.app-header{gap:18px;padding-right:20px}.app-title{padding-left:18px}.panel{width:320px;flex-basis:320px}.section{padding:18px 20px}.map-hint{display:none}.map-top{left:16px;right:16px;top:16px}.notice{left:16px;top:76px;width:calc(100% - 32px)}.map-bottom{left:16px;right:16px}}
@media(max-width:700px){.app-header{height:78px;padding:0 14px;gap:12px}.brand{width:104px;height:65px}.brand img{width:104px}.app-title{border:0;padding:0}.app-title h1{font-size:14px;max-width:15ch}.app-title p{font-size:9px}.header-actions{gap:0}.header-actions .primary{width:42px;min-height:42px;padding:10px}.header-actions .primary span{display:none}.workspace{height:auto;min-height:calc(100dvh - 78px);flex-direction:column}.panel{width:100%;flex:auto;order:2;border-right:0}.map-region{flex:none;height:52dvh;min-height:340px;order:1}.panel-body{overflow:visible}.panel-heading{padding:15px 20px 10px}.section{padding:20px}.panel-heading h2{font-size:17px}.map-top{left:12px;right:12px;top:12px}.notice{top:66px;left:12px;width:calc(100% - 24px);padding:12px 14px;max-width:440px}.notice>span{font-size:12px}.notice p{font-size:11px}.map-bottom{left:12px;bottom:28px}.legend{padding:9px 12px;gap:3px;font-size:9px}.legend strong{font-size:10px}.location-label{font-size:11px;padding:11px 12px}.workspace.collapsed .map-region{height:calc(100dvh - 78px)}.workspace.collapsed .notice{top:128px}.compact-level{left:12px;top:70px}.map-top #expand{font-size:11px;padding:10px}.workspace.collapsed .location-label{display:none}.road-list{max-height:360px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.compact-level{top:auto;left:auto;right:24px;bottom:44px;flex-direction:column;gap:2px;min-width:130px}.compact-level span{font-size:11px}.compact-level strong{font-size:17px}.map-hint{display:none}@media(max-width:700px){.compact-level{top:auto;left:auto;right:12px;bottom:36px;padding:9px 12px;min-width:115px}.compact-level strong{font-size:15px}.legend{max-width:calc(100vw - 155px)}}
.map-attribution{position:absolute;right:12px;bottom:5px;z-index:1;color:#264b69;background:#fffffff0;padding:2px 6px;border-radius:3px;font-size:9px;text-underline-offset:2px}.map-attribution:hover{color:var(--blue)}
.radar-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700}.radar-btn svg{color:var(--blue)}.fullscreen-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700}.fullscreen-btn svg{color:var(--blue)}@media(max-width:700px){.fullscreen-btn{width:42px;min-height:42px;padding:10px}.fullscreen-btn span{display:none}}.weather-backdrop{position:fixed;inset:0;background:rgba(10,30,50,.55);backdrop-filter:blur(4px);z-index:90;animation:fadeInWeather .2s ease}.weather-drawer{position:fixed;top:20px;right:20px;bottom:20px;width:min(940px,calc(100vw - 40px));background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(10,42,70,.3);border:1px solid var(--line);z-index:100;display:flex;flex-direction:column;overflow:hidden;animation:slideInWeather .25s cubic-bezier(.16,1,.3,1)}.weather-drawer.fullscreen{top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;border-radius:0;border:0}.weather-drawer-header{height:68px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;flex-shrink:0}.weather-drawer-title{display:flex;align-items:center;gap:12px}.weather-drawer-title svg{width:26px;height:26px;color:var(--blue);flex-shrink:0}.weather-drawer-title h3{font-size:15px;font-weight:800;color:var(--ink);margin:0}.weather-drawer-title p{font-size:11px;color:var(--muted);margin-top:2px}.weather-drawer-actions{display:flex;align-items:center;gap:6px}.weather-drawer-body{flex:1;min-height:0;position:relative;background:#0d1d2e}.weather-drawer-body iframe{width:100%;height:100%;border:0;display:block}@keyframes fadeInWeather{from{opacity:0}to{opacity:1}}@keyframes slideInWeather{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@media(max-width:700px){.radar-btn{width:42px;min-height:42px;padding:10px}.radar-btn span{display:none}.weather-drawer{top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;border-radius:0;border:0}.weather-drawer-header{height:60px;padding:0 14px}.weather-drawer-title h3{font-size:13px}.weather-drawer-title p{display:none}}

.road-filter-control{margin-top:14px}.road-filter-control label{margin-bottom:6px}.road-filter-control select{font-size:12px}.road-depth.dry{font-size:10px;color:var(--muted)}.road-empty{margin-top:12px}