:root{font-family:Arial,Helvetica,sans-serif;color:#edf0df;background:#142820;color-scheme:dark;--lime:#d8ed8b;--border:#b1c19730}*{box-sizing:border-box}body{margin:0;overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);border-radius:4px;padding:10px 12px;color:inherit;background:#253a30;font-size:12px}button:hover:not(:disabled){background:#3b5040}button:disabled,input:disabled,select:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}[hidden]{display:none!important}#map,#map-placeholder{position:absolute;inset:0}#map-placeholder{background:#142820}#map-placeholder>svg{position:absolute;inset:0;width:100%;height:100%;opacity:.65}#map-placeholder>div{position:absolute;left:50%;top:49%;width:45%;transform:translateY(-50%)}#map-placeholder h1{font:clamp(36px,4vw,64px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:22px 0}#map-placeholder p{font-size:14px;line-height:1.8;color:#becdb3}#map-placeholder span{font:9px monospace;letter-spacing:.13em}#connect-large{background:var(--lime);color:#142820;border:0;padding:15px 20px;margin-top:15px}.topbar{position:fixed;top:20px;left:24px;right:24px;height:48px;display:flex;justify-content:space-between;align-items:center;gap:20px;pointer-events:none;z-index:4}.topbar>*{pointer-events:auto;background:#162b23ef;box-shadow:0 5px 20px #0002;border:1px solid var(--border);border-radius:5px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;letter-spacing:.08em;padding:9px 14px}.brand span{font-size:9px;color:#b9c9ad;margin-left:5px;font-weight:400}.topbar>div{display:flex;align-items:center;padding:5px;gap:5px}.topbar>div>a{font-size:11px;padding:10px 12px}.topbar button{background:transparent;border-color:transparent}#fullscreen{font-size:21px;padding:2px 10px}#explorer-panel{position:fixed;left:24px;top:88px;width:330px;max-height:calc(100dvh - 128px);overflow:auto;padding:22px;border:1px solid var(--border);border-radius:6px;background:#162b23f5;box-shadow:0 10px 40px #0003;z-index:3;scrollbar-width:thin;scrollbar-color:#5a6d50 transparent}.panel-heading{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:8px;letter-spacing:.15em;color:#becdb3}.live-dot{background:#75816c;width:6px;height:6px;border-radius:50%}.live-dot.on{background:#d8ed8b;box-shadow:0 0 9px #d8ed8b55}h2{font:28px/1.15 Georgia,serif;letter-spacing:-.035em;margin:15px 0}.intro{font-size:11px;line-height:1.7;color:#adbea7;margin-bottom:24px}label{display:block;font-size:10px;color:#c5d0bc;margin-bottom:9px}.search-box{display:flex;border:1px solid #b1c19740;border-radius:4px;background:#0d2119}.search-box input{background:transparent;color:#f5f5e6;width:100%;padding:12px;border:0;min-width:0;font-size:12px}.search-box button{border:0;background:none;font-size:18px}.control-group{margin-top:23px}select{display:block;width:100%;background:#243b2e;color:#edf0df;padding:11px;border:1px solid var(--border);border-radius:4px;font-size:12px}.segmented{display:flex;margin-top:16px;gap:5px}.segmented button{flex:1}.segmented .selected{background:var(--lime);color:#142820;border-color:var(--lime)}.label-row{display:flex;justify-content:space-between;align-items:baseline}.label-row output{font:11px monospace;color:var(--lime)}input[type=range]{width:100%;accent-color:var(--lime)}small{display:block;font-size:9px;line-height:1.6;color:#9eb196;margin-top:6px}.control-buttons{margin:23px 0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.control-buttons button{font-size:10px;padding:11px 6px}.readout{padding-top:20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.readout span:first-child{font:8px monospace;letter-spacing:.12em;color:#b4c1a9}.readout strong{font:12px monospace;color:#eef1d9}.readout span:last-child{font:9px monospace;color:#9cac94}#map-status{font-size:10px;line-height:1.6;color:#d8ed8b;min-height:16px;margin:16px 0}.panel-footer{border-top:1px solid var(--border);padding-top:13px;color:#9eb196;font-size:9px;line-height:1.8}.panel-footer a{text-decoration:underline}.explore-badge{position:fixed;right:25px;bottom:44px;border:1px solid var(--border);border-radius:4px;background:#162b23eb;color:#d8ed8b;padding:10px 13px;font-size:18px;z-index:2;pointer-events:none}.explore-badge span{font:9px monospace;margin-left:7px}#search-results{display:grid;gap:4px;margin-top:5px}#search-results button{text-align:left;font-size:11px;line-height:1.5;background:#324b39}dialog{color:#eff1e4;background:#193025;border:1px solid #53664a;border-radius:8px;width:min(480px,calc(100vw - 30px));padding:28px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#091711ad;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-head h2{margin:0}.dialog-head button{background:transparent;font-size:20px;padding:4px 10px}dialog p{font-size:12px;line-height:1.8;color:#bac8af}dialog label{margin-top:23px}#mapbox-token{display:block;width:100%;padding:13px;border:1px solid #53664a;border-radius:4px;background:#10241a;color:var(--lime);font:12px monospace}.check{display:flex;align-items:center;gap:8px;cursor:pointer}.check input{accent-color:var(--lime)}dialog .hint{font-size:10px}code{color:#e1e8c9;overflow-wrap:anywhere}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.dialog-actions button{font-size:11px}.primary{background:var(--lime);color:#142820}.help-link{display:inline-block;margin-top:20px;font-size:10px;color:#c4dba7}#connect-status{color:#f4c78b}body.fullscreen-fallback .topbar{top:12px}.mapboxgl-ctrl-top-right{top:84px;right:20px}.mapboxgl-ctrl-bottom-right{max-width:calc(100% - 10px)}
@media(max-width:720px){.topbar{top:12px;left:12px;right:12px;gap:7px;height:43px}.brand{font-size:12px;padding:8px 10px;gap:7px}.brand img{width:24px;height:24px}.brand span{display:none}.topbar>div>a{display:none}.topbar button{font-size:10px;padding:7px 9px}#fullscreen{font-size:19px;padding:2px 7px}#explorer-panel{left:12px;top:69px;width:300px;max-height:calc(100dvh - 105px);padding:18px}#map-placeholder>div{left:8%;top:auto;bottom:12%;width:84%;transform:none}#map-placeholder h1{font-size:40px}body:not(.panel-closed) #map-placeholder>div{display:none}.explore-badge{right:12px;bottom:58px;font-size:14px;padding:8px}.explore-badge span{font-size:8px}.mapboxgl-ctrl-top-right{top:70px;right:8px}dialog{padding:22px}.dialog-actions{flex-wrap:wrap}#connect-large{font-size:12px}}