.maplibregl-ctrl-top-left{margin-top:10px;margin-left:10px}.maplibregl-popup-content{border-radius:8px;padding:12px;font-size:14px}@media (max-width: 640px){.maplibregl-ctrl-top-left .maplibregl-ctrl,.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{display:none!important}}.paso-container{position:relative;animation:paso-motion 1.5s infinite alternate ease-in-out;will-change:transform;z-index:1000;width:40px;height:40px}.paso-container img{display:block;width:100%;height:auto}@keyframes paso-motion{0%{transform:rotate(-1deg)}50%{transform:translateY(-2px)}to{transform:rotate(1deg)}}.gps-real-dot{position:relative;width:20px;height:20px}.gps-center{position:absolute;top:0;left:0;width:20px;height:20px;background:#ef4444;border:2px solid white;border-radius:50%;z-index:2}.gps-pulse{position:absolute;top:-5px;left:-5px;width:30px;height:30px;background-color:#ef444466;border-radius:50%;animation:pulse 2s infinite ease-out;will-change:transform,opacity;z-index:1}.user-dot-3d{position:relative;width:24px;height:24px}.user-center-3d{position:absolute;top:3px;left:3px;width:18px;height:18px;background-color:#3b82f6;border-radius:50%;border:3px solid white;box-shadow:0 0 10px #00000080;z-index:2}.user-pulse-3d{position:absolute;top:0;left:0;width:24px;height:24px;background-color:#3b82f666;border-radius:50%;animation:pulse 2s infinite ease-out;will-change:transform,opacity;z-index:1}@keyframes pulse{0%{transform:scale(.5);opacity:1}to{transform:scale(2.5);opacity:0}}.trono-marker{display:flex;flex-direction:column;align-items:center;z-index:999}.trono-icon{animation:paso-motion 1.5s infinite alternate ease-in-out;margin-bottom:-2px}.trono-dot{position:relative;width:18px;height:18px}.trono-center{position:absolute;top:0;left:0;width:18px;height:18px;background:#6366f1;border:2.5px solid white;border-radius:50%;z-index:2}.trono-pulse{position:absolute;top:-5px;left:-5px;width:28px;height:28px;background-color:#6366f166;border-radius:50%;animation:pulse 2s infinite ease-out;will-change:transform,opacity;z-index:1}.poi-marker-3d{cursor:pointer;transition:transform .2s ease}.poi-marker-3d:hover{transform:translateY(-3px) scale(1.1)}.satellite-toggle{position:absolute;top:10px;right:10px;z-index:5;width:56px;height:56px;padding:2px;background:#fff;border-radius:6px;box-shadow:0 2px 6px #0000004d;border:2px solid #3388ff;cursor:pointer;transition:transform .2s ease;overflow:hidden}.satellite-toggle:hover{transform:scale(1.1)}.satellite-toggle-preview{width:100%;height:100%;border-radius:3px;background-size:cover;background-position:center}.route-glow{filter:drop-shadow(0 0 3px gold)}.map-bottom-sheet-container{position:absolute;z-index:50;bottom:0;left:0;right:0;background-color:#111827d9;backdrop-filter:blur(4px);padding:1rem 1.5rem 1.5rem;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 15px #0000004d;display:flex;flex-direction:column;align-items:center;gap:1.25rem;transition:transform .3s ease-in-out,height .3s ease-in-out;border-top:1px solid rgba(255,255,255,.1)}.map-bottom-sheet-container.expanded{overflow-y:auto;height:80vh!important}.map-drag-handle{width:100%;padding-bottom:.5rem;display:flex;justify-content:center;cursor:default;pointer-events:auto!important}.map-drag-indicator{width:40px;height:5px;background-color:#ffffff80;border-radius:2.5px;pointer-events:none}.map-bottom-sheet-container.peeking .map-drag-handle{padding-top:8px;padding-bottom:12px}@media (min-width: 769px){.map-bottom-sheet-container{max-height:unset;height:auto;border-radius:10px!important;max-width:500px;margin:0 auto;left:0;right:0;transform:none;background-color:#111827cc;backdrop-filter:blur(10px);bottom:1rem;width:90%;box-shadow:0 0 15px #00000080;border:1px solid rgba(255,255,255,.1)}.map-drag-handle{display:none}.map-bottom-sheet-container.expanded{height:auto!important}}.current-street-text{font-size:1.25rem;font-weight:600;color:#fff;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5);text-align:center}.buttons-container{display:flex;justify-content:space-between;width:100%;max-width:300px;margin:0 auto;padding:0 1rem}.control-btn{background-color:#ffffffe6;border:none;border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .2s ease}.control-btn:hover{background-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0006}.control-btn:active{transform:translateY(0);background-color:#ebebeb}.control-btn svg{stroke:#333;width:28px;height:28px}.active-btn{background-color:#3b82f6!important}.active-btn svg{stroke:#fff!important}@media (max-width: 640px){.map-bottom-sheet-container{padding:.75rem 1rem 1.25rem}.control-btn{width:46px;height:46px}}.show-bottom-btn{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:50px;height:50px;border-radius:50%;background-color:#3b82f6;color:#fff;font-size:24px;border:2px solid white;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #000000b3;z-index:9999;cursor:pointer;animation:pulse-button 2s infinite alternate}@keyframes pulse-button{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.1)}}.hidden{display:none!important}