:root{--dbo-black: #000;--dbo-white: #fff;--dbo-green: #58d500;--dbo-line: rgba(255,255,255,.4);--dbo-line-hover: rgba(255,255,255,.7);--dbo-font: "Conduit", "Barlow", Arial, sans-serif}body{margin:0;padding:0;background:var(--dbo-black);font-family:var(--dbo-font)}#map{position:absolute;top:0;bottom:0;width:100%}#controls-container{position:absolute;top:16px;left:16px;z-index:2;background:var(--dbo-black);border:2px solid var(--dbo-line);border-radius:0;padding:20px;color:var(--dbo-white);font-family:var(--dbo-font);display:flex;flex-direction:column;gap:14px;box-sizing:border-box;max-height:calc(100vh - 32px)}#controls-container.is-open{min-width:260px}.control-group{flex:0 0 auto}.control-group{display:flex;justify-content:space-between;align-items:center;gap:20px}.control-group label{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:-.29px;color:var(--dbo-white);white-space:nowrap}.control-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--dbo-black);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px;border:2px solid var(--dbo-line);border-radius:0;color:var(--dbo-white);font-family:inherit;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:-.29px;padding:10px 42px 10px 14px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.control-group select:hover{border-color:var(--dbo-line-hover)}.control-group select:focus-visible{outline:none;border-color:var(--dbo-green);color:var(--dbo-green);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%2358d500' stroke-width='2'/%3E%3C/svg%3E")}.control-group select option{background:var(--dbo-black);color:var(--dbo-white)}.control-group.is-disabled{display:none}header{display:none}#legend-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--dbo-black);border:2px solid var(--dbo-line);border-radius:0;color:var(--dbo-white);cursor:pointer;transition:border-color .15s ease,color .15s ease}#legend-toggle:hover{border-color:var(--dbo-line-hover)}#legend-toggle:focus-visible{outline:none;border-color:var(--dbo-green);color:var(--dbo-green)}#legend-toggle[aria-expanded=true]{border-color:var(--dbo-green);color:var(--dbo-green)}#legend-toggle svg{width:20px;height:20px;display:block;fill:currentColor}#legend-panel{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding-top:14px;border-top:2px solid var(--dbo-line)}#legend-panel[hidden]{display:none}#legend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.legend-item{display:flex;align-items:center;gap:12px}.legend-separator{height:0;margin:2px 0;border-top:2px solid var(--dbo-line)}.legend-icon{flex:0 0 34px;width:34px;height:34px;display:flex;align-items:center;justify-content:center}.legend-icon span{display:block;background-repeat:no-repeat}.legend-name{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:-.29px;line-height:1.2;color:var(--dbo-white)}#legend-panel::-webkit-scrollbar{width:8px}#legend-panel::-webkit-scrollbar-track{background:transparent}#legend-panel::-webkit-scrollbar-thumb{background:var(--dbo-line)}#legend-panel::-webkit-scrollbar-thumb:hover{background:var(--dbo-line-hover)}.dbo-popup .mapboxgl-popup-content{background:var(--dbo-black);border:2px solid var(--dbo-line);border-radius:0;box-shadow:none;padding:14px 38px 14px 16px;font-family:var(--dbo-font)}.dbo-popup-name{color:var(--dbo-white);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:-.29px;line-height:1.2}.dbo-popup .mapboxgl-popup-close-button{width:30px;height:30px;right:2px;top:2px;padding:0;border:0;background:transparent;color:var(--dbo-white);font-size:20px;line-height:1;border-radius:0}.dbo-popup .mapboxgl-popup-close-button:hover{background:transparent;color:var(--dbo-green)}.dbo-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,.dbo-popup.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,.dbo-popup.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{border-bottom-color:var(--dbo-line)}.dbo-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,.dbo-popup.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,.dbo-popup.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{border-top-color:var(--dbo-line)}.dbo-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-right-color:var(--dbo-line)}.dbo-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-left-color:var(--dbo-line)}.mapboxgl-ctrl-group{background:var(--dbo-black);border:2px solid var(--dbo-line);border-radius:0;box-shadow:none}.mapboxgl-ctrl-group button+button{border-top:2px solid var(--dbo-line)}.mapboxgl-ctrl-group button .mapboxgl-ctrl-icon{filter:invert(1)}.mapboxgl-ctrl-group button:hover{background-color:#58d50026}.mapboxgl-ctrl-attrib{background:#000000b3!important;border-radius:0}.mapboxgl-ctrl-attrib a{color:var(--dbo-white)}@media(max-width:768px){#controls-container{top:auto;left:auto;bottom:24px;right:24px;padding:16px;max-height:calc(100vh - 190px);max-height:calc(100dvh - 190px)}#controls-container.is-open{left:16px;right:16px;min-width:0;flex-direction:column-reverse}#controls-container.is-open #legend-panel{border-top:0;border-bottom:2px solid var(--dbo-line);padding-top:0;padding-bottom:14px}}