:root{--toolbar-height:55px}body.atlas-page,html.atlas-page{overflow:hidden;height:100%;position:fixed;width:100%;inset:0}.drawer-content{position:fixed;backdrop-filter:blur(8px);border-radius:12px;pointer-events:none;transition:transform .6s cubic-bezier(.25,1,.5,1),opacity .4s ease;z-index:9999}.drawer-content.open{pointer-events:auto}#toolbar-desktop{position:fixed;bottom:0;left:0;width:100vw;background:linear-gradient(90deg,rgba(1,21,34,1) 0,rgba(1,21,34,1) 25%,rgba(1,21,34,.6) 45%,rgba(1,21,34,.6) 55%,rgba(1,21,34,1) 75%,rgba(1,21,34,1));padding:1.5rem 1rem;z-index:10000;min-height:1rem;transition:opacity .3s ease;backdrop-filter:blur(8px);height:var(--toolbar-height);border-top:1px solid #00caff;border-radius:30px 30px 0 0;box-shadow:0 0 20px rgba(0,202,255,.3)}#toolbar-buttons,#toolbar-desktop{display:flex;justify-content:center;gap:1rem}#toolbar-buttons{max-width:700px;width:100%;padding:0}#filter-drawer-desktop{left:0;width:260px;max-height:80vh;overflow-y:auto;background-color:rgba(0,0,0,.5)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;padding:1rem;border-radius:12px;box-shadow:0 0 20px rgba(0,255,255,.2);z-index:9999}.filter-section h3{margin-top:.5rem;font-size:1.25rem;text-align:center;letter-spacing:1.5px;margin-bottom:.75rem;color:white!important;font-family:Roboto,sans-serif!important}.depth-row,.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));-moz-column-gap:1.5rem;column-gap:1.5rem;row-gap:.5rem;justify-items:center}#tools-drawer-desktop{position:fixed;left:50%;bottom:var(--toolbar-height);transform:translateX(-50%) translateY(100%);min-width:300px;min-height:40px;max-height:300px;background-color:rgba(1,21,34,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px 12px 0 0;padding:.05rem 1rem;box-shadow:0 0 20px rgba(0,255,255,.2);overflow-y:auto;z-index:9999;transform:translateX(-50%) translateY(140%)}#tools-drawer-desktop.open{transform:translateX(-50%) translateY(0)}#settings-drawer-desktop{position:fixed;bottom:5rem;right:0;width:260px;max-height:80vh;overflow-y:auto;background-color:rgba(0,0,0,.5)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:1rem;transform:translateX(100%);transition:transform .6s cubic-bezier(.25,1,.5,1);box-shadow:0 0 20px rgba(0,255,255,.2);z-index:9999}#settings-drawer-desktop.open{transform:translateX(0)}.settings-drawer-grid{display:flex;flex-direction:column;gap:1rem;width:100%}select.toolbar-buttons{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.1));border:1.5px solid #005b4f;color:#00f2c3;font-weight:700;border-radius:12px;box-shadow:inset 0 0 4px rgba(0,242,195,.1);font-size:.8rem;letter-spacing:.9px;min-width:120px;background-image:url("data:image/svg+xml;utf8,<svg fill='%2300f2c3' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding:.4rem 2.5rem .4rem 1rem;transition:none!important}select.toolbar-buttons:focus{outline:none;border-color:#00f2c3;box-shadow:0 0 8px rgba(0,242,195,.5);transform:none!important}#tools-drawer-helper{margin-top:1rem;font-size:.85rem}#tools-drawer-helper,.icon-buttons{color:#00f2c3;text-align:center;font-family:Roboto,sans-serif}.icon-buttons{border:1px solid #00f2c3;background-color:transparent;padding:.5rem;font-size:.9rem;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.icon-buttons:hover{background-color:rgba(0,242,195,.1)}.icon-buttons.active{background-color:#00f2c3;color:#011522}.mapboxgl-popup-content{background-color:#011522;color:#00fff7;font-family:Open Sans,sans-serif;border-radius:12px;padding:12px 16px;box-shadow:0 0 12px rgba(0,242,195,.3);border:1px solid #00f2c3}.mapboxgl-popup-tip{border-top-color:#011522!important}select.toolbar-buttons#depth-select,select.toolbar-buttons#site-type-select{letter-spacing:2.2px}.depth-filter-button,.site-type-filter-button{text-transform:none!important;letter-spacing:.08em}@media (max-width:768px){#filter-drawer-desktop,#toolbar-desktop,#tools-drawer-desktop{display:none!important}.toolbar-button-mobile{border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(34 211 238/var(--tw-border-opacity,1));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#011522 var(--tw-gradient-from-position);--tw-gradient-to:rgb(1 21 34/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#012b42 var(--tw-gradient-to-position);padding:.5rem 1rem;font-family:Orbitron,sans-serif;font-size:.85rem;letter-spacing:.15em;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.toolbar-button-mobile:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.button-base{border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(34 211 238/var(--tw-border-opacity,1));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#011522 var(--tw-gradient-from-position);--tw-gradient-to:rgb(1 21 34/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#012b42 var(--tw-gradient-to-position);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:700;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;animation-duration:.15s}.button-base.active{--tw-border-opacity:1;border-color:rgb(165 243 252/var(--tw-border-opacity,1));--tw-gradient-from:#22d3ee var(--tw-gradient-from-position);--tw-gradient-to:rgb(34 211 238/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#67e8f9 var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(1 21 34/var(--tw-text-opacity,1));--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.button-base.active,.reset-filters-button{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.reset-filters-button{border-radius:.75rem;--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:rgb(239 68 68/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#b91c1c var(--tw-gradient-to-position);padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;animation-duration:.15s}}@media (min-width:768px){.mobile-toolbar-fix{display:none!important}.mobile-toolbar-fallback{display:none!important;visibility:hidden!important;height:0!important;pointer-events:none!important}}#site-details-modal *{max-width:100%!important;overflow-x:hidden}#gps-button-mobile{all:unset!important;position:fixed!important;top:calc(var(--toolbar-height) + 15px)!important;right:20px!important;width:32px!important;height:32px!important;background:#011522!important;border:3px solid #00f2c3!important;border-radius:50%!important;z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important}#gps-button-mobile:after{width:25px;height:25px;animation:gps-pulse-mobile 3s ease-out infinite}@keyframes gps-pulse-mobile{0%{transform:translate(-50%,-50%) scale(.1);opacity:0}20%{transform:translate(-50%,-50%) scale(.5);opacity:.6}to{transform:translate(-50%,-50%) scale(4);opacity:0}}