#mobileUI{display:none}@media(max-width:768px){html,body{width:100%;height:100%;overflow:hidden}body{display:block;background:var(--charcoal)}#sidebar{display:none}#map{width:100%;height:100dvh}#mobileUI{display:block}#mobileHeader{position:fixed;z-index:1000;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;height:56px;display:flex;align-items:center;justify-content:space-between;padding:7px 8px 7px 14px;background:rgba(51,51,51,.96);border-radius:14px;box-shadow:0 8px 25px rgba(0,0,0,.22);backdrop-filter:blur(12px)}#mobileHeader img{width:190px;max-width:calc(100% - 58px);max-height:38px;object-fit:contain;object-position:left center}.mobileIconButton{width:42px;height:42px;display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:var(--accent);color:var(--charcoal);font-size:27px;line-height:1;cursor:pointer}#mobileNav{position:fixed;z-index:1001;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));height:68px;display:grid;grid-template-columns:repeat(3,1fr);padding:6px;background:rgba(51,51,51,.97);border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.3);backdrop-filter:blur(12px)}.mobileNavButton{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:11px;background:transparent;color:var(--light);cursor:pointer;font-size:10px;font-weight:600}.mobileNavButton.active{background:var(--accent);color:var(--charcoal)}.mobileNavIcon{font-size:22px;line-height:1}#mobileBackdrop{position:fixed;z-index:1090;inset:0;background:rgba(0,0,0,.32);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}#mobileBackdrop.open{opacity:1;visibility:visible}.mobileSheet{position:fixed;z-index:1100;left:0;right:0;bottom:0;max-height:78dvh;padding:10px 20px calc(96px + env(safe-area-inset-bottom));overflow-y:auto;background:var(--charcoal);color:var(--white);border-radius:22px 22px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.3);transform:translateY(105%);transition:transform .25s ease}.mobileSheet.open{transform:translateY(0)}.mobileSheet.dragging{transition:none;overflow-y:hidden}.sheetHandle{width:100%;height:30px;display:flex;align-items:flex-start;justify-content:center;margin:-4px 0 2px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.sheetHandle::before{content:"";width:42px;height:4px;margin-top:4px;border-radius:10px;background:#777}.mobileSheet.dragging .sheetHandle{cursor:grabbing}.sheetHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sheetHeader h2{margin:2px 0 0;font-size:25px;letter-spacing:-.02em}.sheetEyebrow{color:var(--accent);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.sheetClose{width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:var(--card);color:var(--white);font-size:25px;cursor:pointer}.sheetIntro{max-width:310px;margin:11px 0 20px;color:var(--light);font-size:12px;line-height:1.5}.mobileProjects{display:flex;flex-direction:column;gap:9px}.mobileProjectCard{width:100%;min-height:66px;display:grid;grid-template-columns:40px 1fr 28px;align-items:center;gap:12px;padding:11px 14px;border:0;border-left:4px solid transparent;border-radius:12px;background:var(--card);color:var(--white);text-align:left;cursor:pointer}.mobileProjectCard.active{border-left-color:var(--accent);background:var(--hover)}.mobileProjectCard img{width:30px;height:30px;object-fit:contain;justify-self:center}.mobileProjectCard span{min-width:0;display:flex;flex-direction:column;gap:3px}.mobileProjectCard strong{font-size:14px;font-weight:600}.mobileProjectCard small{color:var(--light);font-size:10px}.mobileProjectCard i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#555;color:var(--accent);font-size:19px;font-style:normal}.mobileProjectCard.active i{background:var(--accent);color:var(--charcoal)}#mobileSearchBar{display:flex;gap:8px;margin-top:18px}#mobileSearchInput{min-width:0;flex:1;padding:12px 13px;border:1px solid #666;border-radius:10px;outline:none;background:var(--white);color:var(--charcoal);font-size:13px}#mobileSearchInput:focus{border-color:var(--accent)}#mobileSearchButton{padding:12px 15px;border:0;border-radius:10px;background:var(--accent);color:var(--charcoal);font-size:12px;font-weight:600;cursor:pointer}#mobileSearchSummary{margin-top:10px;color:var(--light);font-size:11px;line-height:1.4}#mobileSearchTabs{display:flex;gap:6px;margin:12px 0 8px;overflow-x:auto;scrollbar-width:none}#mobileSearchTabs::-webkit-scrollbar{display:none}.mobileSearchTab{flex:0 0 auto;padding:7px 10px;border:0;border-radius:20px;background:var(--card);color:var(--light);font-size:10px;cursor:pointer}.mobileSearchTab.active{background:var(--accent);color:var(--charcoal)}#mobileSearchResults{display:flex;flex-direction:column;gap:7px;margin-top:8px}.mobileSearchResult{width:100%;display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:10px;background:var(--card);color:var(--white);text-align:left;cursor:pointer}.mobileSearchResult img{width:22px;height:22px;object-fit:contain}.mobileSearchResult span{min-width:0;display:flex;flex-direction:column;gap:3px}.mobileSearchResult strong{font-size:12px}.mobileSearchResult small{overflow:hidden;color:var(--light);font-size:9px;white-space:nowrap;text-overflow:ellipsis}.mobileSearchResult i{color:var(--accent);font-size:22px;font-style:normal}.mobileMapStyles{display:flex;flex-direction:column;gap:9px;margin-top:18px}.mobileMapStyles label{min-height:62px;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;background:var(--card);cursor:pointer}.mobileMapStyles input{width:18px;height:18px;accent-color:var(--accent)}.mobileMapStyles span{display:flex;flex-direction:column;gap:3px}.mobileMapStyles strong{font-size:13px}.mobileMapStyles small{color:var(--light);font-size:10px}.leaflet-control-zoom{margin-top:82px!important}.leaflet-control-attribution{max-width:72vw;font-size:8px!important}.leaflet-popup-content-wrapper{border-radius:12px}.leaflet-popup-content{min-width:180px;font-size:11px}.leaflet-popup-content h3{font-size:14px}}