:root{color-scheme:dark;color:#e4e9e8;background:#030405;font-family:HarmonyOS Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.3;cursor:wait}a{color:inherit;text-decoration:none}[hidden]{display:none!important}:focus-visible{outline-offset:5px;outline:1px solid #64dae0}.topography{isolation:isolate;background:#030405;width:100%;height:100svh;min-height:320px;position:relative;overflow:hidden}.topography:fullscreen{height:100vh}.topography canvas,.topography-poster{width:100%;height:100%;position:absolute;inset:0}.topography canvas{cursor:grab;touch-action:none;opacity:0;display:block}.topography canvas[data-dragging=true]{cursor:grabbing}.topography-poster{object-fit:cover;opacity:.75}.topography[data-status=live] canvas{opacity:1}.topography[data-status=live] .topography-poster,.js .topography:not([data-status=error]):not([data-status=lost]) .topography-poster{visibility:hidden}.map-header{top:max(24px, env(safe-area-inset-top));pointer-events:none;align-items:center;gap:17px;display:flex;position:absolute;left:28px;right:28px}.map-header>a,.map-actions{pointer-events:auto}.map-heading{background:#030405cc;padding:7px 12px}.map-heading>span{color:#99a5a4;font:9px/1.6 ui-monospace,monospace}.map-heading h1{letter-spacing:0;margin:1px 0 0;font:500 12px/1.5 ui-monospace,monospace}.map-actions{gap:6px;margin-left:auto;display:flex}.map-icon{color:#cad2d2;background:#090b0de6;border:1px solid #c5d3d31c;border-radius:3px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.map-icon:hover{color:#fff;background:#161b1deb;border-color:#c5d3d365}.map-icon svg{flex-shrink:0}.play-icon,.minimize-icon{display:none}[data-paused=true] .play-icon,[data-active=true] .minimize-icon{display:block}[data-paused=true] .pause-icon,[data-active=true] .maximize-icon{display:none}.map-status{bottom:max(22px, env(safe-area-inset-bottom));color:#a8b5b4;pointer-events:none;background:#030405b0;padding:4px 7px;font:10px/1.5 ui-monospace,monospace;position:absolute;left:30px}.map-status:before{content:"";background:#73c6c6;width:4px;height:4px;margin:0 7px 2px 0;display:inline-block}.map-failure{color:#d4dbda;font-size:12px;position:absolute;bottom:65px;left:30px;right:30px}.map-panel{color:#dce3e2;background:#101315f5;border:1px solid #343b3c;border-radius:4px;width:min(296px,100vw - 32px);max-height:calc(100svh - 100px);margin:0;padding:20px;position:fixed;inset:82px 28px auto auto;overflow:auto;box-shadow:0 16px 60px #0008}.map-panel::backdrop{background:#0001}.map-panel header{justify-content:space-between;align-items:center;margin:0 0 22px;display:flex}.map-panel h2{margin:0;font-size:14px;font-weight:500}.map-panel header .map-icon{background:0 0;border:none;flex-basis:28px;width:28px;height:28px}.map-panel fieldset{border:0;min-width:0;margin:0 0 23px;padding:0}.map-panel legend{color:#9caaa8;margin:0 0 10px;font-size:12px}.map-segments{border-bottom:1px solid #3b4545;grid-template-columns:repeat(3,1fr);display:grid}.map-segments label{text-align:center;cursor:pointer;display:block;position:relative}.map-segments input{opacity:0;width:1px;height:1px;position:absolute}.map-segments span{color:#8f9d9c;border-bottom:2px solid #0000;padding:9px 2px;font-size:12px;display:block}.map-segments input:checked+span{color:#9bf0ec;border-bottom-color:#62c5c4}.map-segments input:focus-visible+span{outline:1px solid #64dae0}.map-slider{margin-bottom:22px;display:block}.map-slider>span{justify-content:space-between;gap:10px;font-size:12px;display:flex}.map-slider output{color:#97a9a7;font:11px/1.6 ui-monospace,monospace}.map-slider input{accent-color:#92d8d5;width:100%;height:18px;margin:10px 0 0}.map-render-size{color:#899b99;margin:10px 0 23px;font:10px/1.6 ui-monospace,monospace}.map-reset{color:#bec9c8;background:0 0;border:none;align-items:center;gap:9px;padding:4px 0;font-size:12px;display:inline-flex}.map-reset:hover{color:#fff}@media (width<=600px){.map-header{top:max(14px, env(safe-area-inset-top));gap:6px;left:12px;right:12px}.map-heading{padding:4px 5px}.map-heading h1{font-size:10px}.map-heading>span{font-size:8px}.map-icon{flex-basis:34px;width:34px;height:36px}.map-actions{gap:4px}.map-panel{max-height:calc(100svh - 86px);top:68px;right:16px}.map-status{bottom:16px;left:14px}.topography-poster{object-position:74% center}}