.vessel-map-container{height:300px}@media(min-width:480px){.vessel-map-container{height:340px}}@media(min-width:640px){.vessel-map-container{height:400px}}@media(min-width:768px){.vessel-map-container{height:460px}}@media(min-width:1024px){.vessel-map-container{height:520px}}@media(orientation:landscape)and (max-height:600px){.vessel-map-container{height:calc(100svh - 160px)!important;max-height:none!important}.vessel-sidebar{max-height:calc(100svh - 160px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:2px}.vessel-tracking-grid{display:grid!important;grid-template-columns:1fr 280px!important;gap:12px!important}}html,body,#root{overflow-x:hidden;max-width:100vw}.vessel-sidebar{scroll-behavior:smooth}.leaflet-map-pane,.leaflet-overlay-pane,.leaflet-marker-pane,.leaflet-tooltip-pane,.leaflet-popup-pane{overflow:visible!important}.vessel-map-wrapper{overflow:visible!important;position:relative}.vessel-map-card{overflow:visible!important}.vessel-map-card .vessel-map-topbar{overflow:hidden;border-radius:1rem 1rem 0 0}@keyframes loading-bar{0%{left:-33%}to{left:100%}}.animate-loading-bar{animation:loading-bar 1.5s infinite linear}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .6s cubic-bezier(.16,1,.3,1) forwards}