@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Prata&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#283e36;background:#f5f4ec;font-synthesis:none;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer;background:transparent;border:1px solid #d7dcd0;border-radius:5px;color:inherit;padding:9px 12px;transition:background .15s}button:hover{background:#e3e9dc}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #b88b4a;outline-offset:2px}a{color:inherit;text-decoration:none}header{height:84px;background:#142e30;color:#eef1df;display:flex;align-items:center;padding:0 28px;gap:40px}.brand{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:800;letter-spacing:4px}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:500;margin-top:4px;color:#adbeb2}.brand-icon{font-size:38px;font-weight:400;color:#d3b77d}.breadcrumb{font-size:11px;color:#aebfb2;display:flex;gap:14px;align-items:center}.breadcrumb b{color:#eceddf;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.breadcrumb span{color:#687f73}.header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.header-actions button{border-color:#58716a;font-size:11px;color:#e8eedc}.header-actions button:hover{background:#30514b}.header-actions .light{background:#e8e9d8;color:#233e35;border-color:#e8e9d8}.header-actions a{font-size:11px;margin-right:15px;color:#becbbd}main{display:grid;grid-template-columns:252px minmax(360px,1fr) 262px;height:calc(100dvh - 84px);min-height:650px}.controls,.inspector{padding:26px 23px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd1c3 transparent}.controls{border-right:1px solid #dce1d5}.inspector{border-left:1px solid #dce1d5}.section-title{font-size:8px;letter-spacing:1.8px;color:#7b8973;font-weight:800}.spaced{margin-top:27px;margin-bottom:16px}h1{font-family:Prata,Georgia,serif;font-weight:400;font-size:27px;line-height:1.35;letter-spacing:-.7px;margin:17px 0 10px}h2{font-family:Prata,Georgia,serif;font-weight:400;line-height:1.4;font-size:23px;margin:16px 0}h3{font-size:11px;margin:22px 0 10px}.muted{color:#81907d;font-size:11px;line-height:1.8;margin:0 0 22px}label{display:block;font-size:10px;font-weight:600}label>span,label>output{float:right;color:#87927d;font-size:10px}input:not([type=range],[type=checkbox]),select{display:block;width:100%;border:1px solid #d7dcd0;border-radius:4px;background:#fcfcf6;color:#294137;padding:10px;margin:8px 0 13px;outline-offset:2px}input[type=range]{display:block;width:100%;height:16px;margin:8px 0 14px;accent-color:#4e7059;cursor:pointer}.two{display:grid;grid-template-columns:1fr 35px;gap:6px}.two button{padding:11px 5px;font-size:10px}.primary{background:#254c3e;color:#f3f3e4;border-color:#254c3e;font-weight:700}.primary:hover{background:#3b6351}.control-foot{font-size:9px;color:#8d9885;line-height:1.8;margin-top:24px}.note{font-size:10px;color:#83907c;line-height:1.8}.warning{color:#9c7140}details{border-top:1px solid #dee2d6;padding-top:13px;margin-top:12px}summary{cursor:pointer;font-size:10px;font-weight:700;line-height:1.5}.speed-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.speed-grid input{margin-bottom:0!important}.workspace{min-width:0;display:flex;flex-direction:column;background:#e9ede2}.map-toolbar{height:64px;flex-shrink:0;display:flex;align-items:center;padding:0 22px;gap:15px;border-bottom:1px solid #d8e0d1;background:#f2f3e9}.tabs{display:flex;background:#e5eadd;border-radius:5px;padding:3px;flex-shrink:0}.tabs button{font-size:10px;border:0;padding:8px 12px}.tabs .active{background:#fffef6;box-shadow:0 1px 4px #38563418}.map-toolbar select{width:auto;max-width:205px;font-size:10px;margin:0;padding:7px;background:transparent;border-color:transparent}.map-toolbar #status{margin-left:auto;font-size:9px;color:#7d8f79;text-align:right;max-width:230px}#map-wrap{position:relative;flex:1;min-height:380px;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}#map,#terrain3d{position:absolute;top:0;right:0;bottom:0;left:0}#map{cursor:grab}#map:active{cursor:grabbing}.map-title{position:absolute;left:25px;top:23px;pointer-events:none;text-shadow:0 1px 5px #e5eadb}.map-title span{display:block;font-size:8px;letter-spacing:2.2px;color:#59755b;font-weight:800}.map-title strong{font-family:Prata,Georgia,serif;font-size:18px;font-weight:400;display:block;margin-top:7px;color:#345741}.compass{position:absolute;right:28px;top:23px;text-align:center;pointer-events:none;font-size:18px;line-height:1.4;color:#446650}.compass:first-line{font-size:9px;letter-spacing:1px}.map-tools{position:absolute;left:20px;top:96px;display:flex;flex-direction:column;gap:3px;padding:5px;background:#f8f9efe8;border:1px solid #d8dece;border-radius:6px;box-shadow:0 3px 10px #254c3b0d}.map-tools button{border:0;padding:8px;font-size:16px;text-align:left;min-width:33px;position:relative}.map-tools button span{display:none}.map-tools button:hover span{display:block;position:absolute;left:44px;top:4px;background:#f8f9ef;padding:8px;border-radius:3px;font-size:10px;white-space:nowrap;box-shadow:0 1px 7px #254c3b22}.map-tools .active{background:#dfe7d5;color:#335e42}.zoom-controls{position:absolute;right:22px;bottom:45px;display:flex;flex-direction:column;background:#f8f9efdf;border-radius:4px}.zoom-controls button{font-size:17px;border:0;padding:6px 10px}#map-tip{position:absolute;left:21px;bottom:15px;font-size:9px;color:#557451;pointer-events:none;background:#eef1e5d9;padding:5px 8px;border-radius:3px;max-width:75%}.scale{position:absolute;left:21px;bottom:58px;pointer-events:none;font-size:9px;color:#3c6249}#scale-line{height:6px;border:1px solid #507557;border-top:0;margin-bottom:5px}.layer-bar{display:flex;gap:15px;flex-wrap:wrap;padding:14px 22px;background:#f1f2e8;border-top:1px solid #d9dfd1;flex-shrink:0}.layer-bar label{display:flex;align-items:center;gap:4px;font-size:9px;color:#667b60}.layer-bar input{accent-color:#4b6a51;margin:0;width:11px;height:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#fafaf3;border-top:1px solid #d9dfd1;padding:19px 22px;gap:12px;flex-shrink:0}.metrics small{display:block;font-size:7px;letter-spacing:1.1px;color:#8b957e;line-height:1.5}.metrics strong{font-size:20px;font-weight:500;display:block;margin-top:7px;letter-spacing:-.7px}.intro-text{font-size:12px;line-height:1.7;color:#688066}.facts{margin-top:16px}.facts>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e2e5d9;padding:10px 0;font-size:10px}.facts span{color:#86907d}.facts b{font-weight:600;text-align:right}.check{font-size:10px;line-height:1.7;padding:7px 0;color:#547658;border-bottom:1px solid #e1e4d9}.check.warn{color:#a47739}.legend{margin-top:24px}.legend>div{display:grid;grid-template-columns:1fr;gap:9px;margin-top:16px}.legend span{font-size:10px;color:#7c8974}.legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:8px;vertical-align:-1px}.legend p{font-size:10px;color:#7c8974;line-height:2}.wide{display:block;width:100%;font-size:10px;margin-top:10px}.road-list{max-height:210px;overflow:auto;scrollbar-width:thin}.road-list button{display:block;width:100%;border:0;border-bottom:1px solid #e1e4d8;text-align:left;padding:9px 0;font-size:10px}.road-list small{display:block;font-size:9px;color:#88937e;margin-top:4px}.big-number{font-size:38px;font-weight:500;letter-spacing:-1px}.big-number small{font-size:15px}.inspector #inspection>p:not(.note,.intro-text){font-size:11px;line-height:1.8;color:#708266}#busy{position:absolute;top:0;right:0;bottom:0;left:0;background:#e9eee0de;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;z-index:5;color:#4d7057}#busy small{font-size:10px;color:#7b9175}.spinner{width:28px;height:28px;border:2px solid #a8bda0;border-top-color:#3f7150;border-radius:100%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}dialog{border:1px solid #ced7c5;border-radius:9px;padding:35px;max-width:620px;width:calc(100% - 32px);background:#f9faf1;color:#36513e;box-shadow:0 20px 80px #122b2b55}dialog::backdrop{background:#162e3099}dialog p{font-size:12px;line-height:1.9}.close{float:right;border:0;font-size:22px;padding:0 5px}.sources a{text-decoration:underline;text-underline-offset:3px}.sources{color:#71886a;font-size:10px!important}@media(min-width:1650px){main{grid-template-columns:280px minmax(360px,1fr) 300px}.controls,.inspector{padding:30px}.map-tools button{padding:10px}.map-toolbar{height:68px}.metrics{padding:25px 30px}}@media(max-width:1150px){header{padding:0 20px;gap:25px}.breadcrumb{display:none}main{grid-template-columns:220px minmax(300px,1fr) 220px}.controls,.inspector{padding:20px 16px}.map-toolbar{padding:0 12px;gap:5px}.map-toolbar #status{display:none}.layer-bar{gap:9px;padding:12px}.metrics{padding:16px 12px}.metrics strong{font-size:17px}.metrics small{font-size:6px}h1{font-size:25px}}@media(max-width:850px){header{height:auto;min-height:72px;padding:14px 16px;gap:12px;flex-wrap:wrap}.header-actions{gap:5px}.header-actions a{display:none}.header-actions button{font-size:10px;padding:7px}.brand{font-size:18px}.brand-icon{font-size:29px}.brand small{font-size:7px}main{height:auto;min-height:0;grid-template-columns:200px minmax(280px,1fr)}.workspace{height:740px;position:sticky;top:0}.inspector{grid-column:1/-1;display:block;border-top:1px solid #dce1d5;padding:22px}.controls{max-height:740px}.metrics{grid-template-columns:repeat(2,1fr)}.map-title strong{font-size:14px}.map-title span{font-size:7px}.map-tools{left:10px}.map-title{left:15px}.road-list{max-height:180px}.inspector .facts{max-width:560px}.inspector .legend>div{display:flex;flex-wrap:wrap}.inspector .wide{max-width:300px}.map-toolbar select{max-width:170px}}@media(max-width:540px){main{display:flex;flex-direction:column}.controls{order:2;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.controls>h1,.controls>.muted{display:none}.controls>.section-title,.controls>details,.controls>.two,.controls>.control-foot,.controls>#dirty{grid-column:1/-1}.controls>.spaced{margin:8px 0}.controls label{margin:0}.controls .two{grid-template-columns:1fr 40px}.workspace{position:relative;order:1;height:650px}.inspector{order:3}.breadcrumb{display:none}.header-actions{margin-left:0}.brand{margin-right:auto}.header-actions #help{display:none}.map-toolbar{height:55px}.map-toolbar select{font-size:9px}.metrics{grid-template-columns:repeat(4,1fr)}.metrics strong{font-size:14px}.metrics small{font-size:6px}#map-tip{font-size:8px}.layer-bar{gap:10px}.map-tools button{padding:6px}.controls .control-foot{margin:0}.compass{right:15px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}button{transition:none}}