*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;overflow:hidden}#container{display:flex;height:100vh;width:100vw}.leaflet-top .leaflet-control{margin-top:58px!important}.leaflet-overlay-pane svg path,.leaflet-overlay-pane svg circle,.leaflet-overlay-pane svg polygon,.leaflet-overlay-pane svg polyline{z-index:2000!important}.layer-label{text-transform:capitalize}#sidebar{width:300px;background-color:#f8f9fa;border-right:1px solid #dee2e6;overflow-y:auto;box-shadow:2px 0 8px #00000014;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);z-index:1500}#sidebar.collapsed{transform:translate(-100%);width:0;min-width:0;overflow:hidden}.sidebar-header{padding:15px;background-color:#fff;border-bottom:2px solid #e9ecef;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:60px}.sidebar-header img{max-height:40px;width:auto;object-fit:contain}.sidebar-content{padding:15px;flex:1;overflow-y:auto}.layer-section{margin-bottom:25px}.section-title{font-size:13px;font-weight:600;color:#495057;margin-bottom:12px;padding:8px 10px;background-color:#e9ecef;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}#layers-list{list-style:none;padding:0;margin:0}#layers-list li{margin-bottom:10px;background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;transition:all .2s ease;overflow:hidden}#layers-list li:hover{box-shadow:0 3px 8px #0000001f;transform:translateY(-1px);cursor:pointer}#layers-list li.active{border:2px solid #007bff;box-shadow:0 3px 8px #007bff33}.layer-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer}.layer-info{display:flex;align-items:center;flex-grow:1;min-width:0}.layer-checkbox{margin-right:12px;flex-shrink:0}.layer-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#007bff}.layer-details{flex-grow:1;min-width:0}.layer-label{font-size:14px;font-weight:500;color:#343a40;margin:0 0 4px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-type{font-size:11px;color:#6c757d;margin:0}.sidebar-footer{padding:15px;border-top:2px solid #e9ecef;background-color:#fff;flex-shrink:0}.btn-collapse-sidebar{width:100%;background-color:#6c757d;border:none;color:#fff;font-size:13px;font-weight:500;padding:10px 12px;border-radius:5px;cursor:pointer;transition:all .2s ease;display:none}.btn-collapse-sidebar:hover{background-color:#5a6268;transform:translateY(-1px);box-shadow:0 2px 6px #6c757d4d}#map-container{flex:1;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1)}#map{width:100%;height:100%;position:relative}#map-title{position:absolute;top:20px;left:100px;z-index:1000;background:#fffffff2;border-radius:8px;box-shadow:0 2px 12px #00000026;padding:12px 18px;font-size:16px;font-weight:600;color:#343a40;max-width:320px;word-wrap:break-word}#mobile-top-bar{display:none;position:absolute;top:0;left:0;right:0;height:50px;background-color:#28a745;z-index:1000;align-items:center;padding:0 15px;box-shadow:0 2px 8px #00000026}#mobile-top-bar .mobile-icon{color:#fff;font-size:24px;margin-right:15px}#mobile-top-bar .mobile-title{color:#fff;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}#map-toolbar{position:absolute;top:85px;left:40px;z-index:2000!important;background:#fffffff2;border-radius:4px;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column}.measure-tool{width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #e9ecef}.measure-tool img{width:20px;height:20px;display:block;transition:all .2s ease}.measure-tool svg{width:20px;height:20px;display:block;transition:stroke .2s ease}.measure-tool:hover{background-color:#f8f9fa}.measure-tool.active{background-color:#007bff}.measure-tool.active img{filter:brightness(0) invert(1)}@media (max-width: 768px){#map-toolbar{top:60px;left:10px}#map>div.leaflet-control-container>div.leaflet-top.leaflet-left>div{margin-top:60px!important}}#sidebar-toggle{position:absolute;top:50%;left:10px;transform:translate(-50%,-50%);z-index:2000;width:32px;height:64px;background:#fff;border-radius:0 10px 10px 0;border:none;outline:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #00000026;transition:all .25s ease}#sidebar-toggle:hover{background:#f8f9fa;box-shadow:0 6px 18px #0003}#sidebar-toggle i{font-size:14px;color:#495057}#sidebar.collapsed~#map-container #sidebar-toggle{left:10px}#desktop-bottom-nav{display:flex;background-color:#fff;border-top:1px solid #e9ecef;justify-content:space-around;align-items:center;height:60px;box-shadow:0 -2px 10px #0000000d;flex-shrink:0}.desktop-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;transition:all .2s ease;position:relative;cursor:pointer}.desktop-nav-item i{font-size:20px;color:#6c757d;margin-bottom:4px;transition:color .2s ease}.desktop-nav-item span{font-size:11px;color:#6c757d;transition:color .2s ease}.desktop-nav-item.active i,.desktop-nav-item.active span{color:#007bff}.desktop-nav-item.active:before{content:"";position:absolute;top:0;width:50%;height:3px;background-color:#007bff;border-radius:2px}#mobile-bottom-nav{display:none;background-color:#28a745;border-top:1px solid rgba(0,0,0,.1);justify-content:space-around;align-items:center;height:60px;box-shadow:0 -2px 10px #0000001a;position:fixed;bottom:0;left:0;right:0;z-index:2000;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;transition:all .2s ease;position:relative}.mobile-nav-item i{font-size:22px;color:#000;margin-bottom:4px;transition:color .2s ease,transform .2s ease}.mobile-nav-item.active i{color:#fff;transform:scale(1.1)}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active:before{content:"";position:absolute;top:0;width:50%;height:3px;background-color:#fff;border-radius:2px}.info-panel{display:none;padding:20px;background:#fff;height:100%;overflow-y:auto}.info-panel.active{display:block}.info-panel h2{font-size:20px;font-weight:600;color:#343a40;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #e9ecef}.info-item{margin-bottom:20px}.info-label{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.info-value{font-size:14px;color:#343a40;line-height:1.6}.team-member{display:inline-block;background:#e9ecef;padding:4px 10px;border-radius:4px;margin:4px 4px 4px 0;font-size:13px;color:#495057}.info-link{color:#007bff;text-decoration:none;word-break:break-all}.info-link:hover{text-decoration:underline}.mobile-info-overlay{display:none;position:fixed;top:50px;left:0;right:0;bottom:60px;background:#00000080;z-index:3000;align-items:center;justify-content:center;padding:20px}.mobile-info-overlay.active{display:flex}.mobile-info-content{background:#fff;border-radius:12px;padding:20px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 5px 20px #0000004d}.mobile-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e9ecef}.mobile-info-header h2{font-size:18px;font-weight:600;color:#343a40;margin:0}.mobile-info-close{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}#qrcode-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;align-items:center;justify-content:center}#qrcode-modal.active{display:flex}.qrcode-content{background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 20px #0000004d;text-align:center;max-width:400px;position:relative}.qrcode-content h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#343a40}.qrcode-image{margin:20px 0;padding:15px;background:#f8f9fa;border-radius:8px;display:inline-block}.qrcode-image img{max-width:250px;height:auto;display:block}#map>div.leaflet-control-container>div.leaflet-top.leaflet-left>div{margin-left:40px!important;margin-top:10px!important}.qrcode-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.btn-download-qr{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-download-qr:hover{background-color:#218838;transform:translateY(-1px)}.btn-close-qr{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-close-qr:hover{background-color:#5a6268}.legend-control{background:#fffffff2;border-radius:8px;box-shadow:0 2px 12px #00000026;padding:10px;max-width:250px}.legend-control h4{margin:0 0 10px;font-size:14px;font-weight:600;color:#343a40;border-bottom:2px solid #e9ecef;padding-bottom:8px}.legend-control img{width:100%;height:auto;display:block;border-radius:4px}.legend-control.hidden{display:none}#loading-bar{position:fixed;top:0;left:0;height:4px;width:0%;background:#007bff;z-index:9999999;transition:width .3s ease;box-shadow:0 0 8px #007bffb3}@media (max-width: 768px){#sidebar{position:absolute;height:100%;width:85%;max-width:300px;z-index:4000}#map-toolbar{top:145px}.btn-collapse-sidebar{display:block}.legend-control img{width:50%;height:auto;display:block;border-radius:4px}#sidebar.collapsed{transform:translate(-100%)}#desktop-bottom-nav{display:none!important}#mobile-bottom-nav{display:flex!important}#mobile-top-bar{display:flex}#map>div.leaflet-control-container>div.leaflet-top.leaflet-left>div{margin-left:10px!important;margin-top:60px!important}#map-title,#sidebar-toggle{display:none}.qrcode-content{margin:15px;padding:20px}.qrcode-image img{max-width:200px}.qrcode-actions{flex-direction:column}.btn-download-qr,.btn-close-qr{width:100%}}@media (max-width: 480px){#sidebar{width:90%;z-index:4000}}@media print{#sidebar,#map-toolbar,#sidebar-toggle,#qrcode-modal,#mobile-top-bar,#mobile-bottom-nav,#desktop-bottom-nav{display:none!important}#map-container{width:100%}}.measure-tool svg{display:block;transition:stroke .2s ease}.measure-tool:hover svg{stroke:#007bff}.measure-tool.active svg{stroke:#fff}#map-legend{position:absolute;top:85px;right:15px;z-index:2000!important;background:#fffffff2;border-radius:8px;box-shadow:0 2px 12px #00000026;padding:12px 15px;max-width:250px;min-width:160px;opacity:0;transform:translate(30px) scale(.95);transform-origin:right center;transition:opacity .3s ease,transform .35s cubic-bezier(.4,0,.2,1);pointer-events:none}#map-legend h4{margin:0 0 12px;font-size:13px;font-weight:600;color:#495057;border-bottom:2px solid #e9ecef;padding-bottom:8px;text-transform:uppercase;letter-spacing:.5px}#map-legend.hidden{opacity:0;transform:translate(30px) scale(.95);pointer-events:none}#map-legend.show{opacity:1;transform:translate(0) scale(1);pointer-events:auto}.legend-item{display:flex;align-items:center;margin-bottom:10px}.legend-color-box{width:20px;height:20px;margin-right:12px;flex-shrink:0;border:1px solid #adb5bd;box-shadow:0 1px 3px #0000001a}.legend-label{font-size:13px;font-weight:500;color:#495057;word-break:break-word;line-height:1.3}.legend-layer{border-bottom:1px solid #e9ecef;padding-bottom:8px;margin-bottom:8px}.legend-layer:last-child{border-bottom:none}.legend-layer-title{font-size:12px;font-weight:600;color:#343a40;margin-bottom:6px}.legend-items{display:flex;flex-direction:column;gap:4px}.btn-fly-layer:hover{color:#007bff;transform:scale(1.1)}.sweet-popup{border-radius:14px;box-shadow:0 10px 40px #0009;border:1px solid rgba(255,255,255,.08)}.sweet-title{font-size:18px;font-weight:600;letter-spacing:.3px}.sweet-text{font-size:14px;opacity:.9}.sweet-confirm,.sweet-cancel{border-radius:8px!important;padding:6px 20px!important;font-size:13px!important}@media (max-width: 768px){#map-legend{top:60px;right:10px;max-width:200px}}#gamepad-3d{position:absolute;bottom:30px;right:30px;left:auto;transform:scale(.6);transform-origin:bottom right;background:#2a2e29;border-radius:60px;padding:15px 30px;display:flex;align-items:center;gap:35px;z-index:2000;box-shadow:0 10px 30px #00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}@media (max-width: 768px){#gamepad-3d{bottom:80px;right:15px;transform:scale(.75)}}#gamepad-3d.show{opacity:1;visibility:visible}.gamepad-joystick{width:70px;height:70px;border-radius:50%;background:#3b3e39;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 2px 5px #0000004d;transition:transform .1s ease}.gamepad-joystick:active{transform:scale(.92)}.gamepad-blue-btn{width:32px;height:32px;border-radius:50%;background:#00bced;box-shadow:0 2px 8px #00bced80}.gamepad-dpad{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.dpad-row{display:flex;gap:6px}.gamepad-dpad button{width:40px;height:40px;border-radius:12px;border:none;background:#3b3e39;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 2px 4px #0003;transition:background .2s,transform .1s}.gamepad-dpad button:active{background:#50544e;transform:scale(.92)}.red-dot{position:absolute;width:6px;height:6px;background:#ff3b3b;border-radius:50%;left:-12px;top:50%;transform:translateY(-50%)}@media (max-width: 768px){#gamepad-3d{bottom:80px;right:15px;transform:scale(.5)}}.layer-checkbox{display:flex;align-items:center;justify-content:center}.layer-checkbox-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #adb5bd;border-radius:4px;cursor:pointer;position:relative;transition:all .2s ease;background-color:#fff}.layer-checkbox-input:hover{border-color:#0d6efd}.layer-checkbox-input:checked{background-color:#0d6efd;border-color:#0d6efd}.layer-checkbox-input:checked:after{content:"✔";position:absolute;color:#fff;font-size:12px;left:50%;top:50%;transform:translate(-50%,-55%)}#layers-list li.active{background-color:#e9f2ff;border-left:3px solid #0d6efd}.map-mode-badge{position:static;top:70px;left:20px;z-index:2000;padding:6px 12px;font-size:11px;font-weight:600;border-radius:20px;letter-spacing:1px;color:#fff}.map-mode-badge.share{background:#007bff}.map-mode-badge.story{background:#28a745}