#liveMap{position:absolute;inset:0;z-index:1;background:#071820}.map-bg>svg{z-index:0}.maplibregl-canvas{outline:none}.maplibregl-ctrl-attrib{direction:ltr;font-size:9px;background:#071820c9!important;color:#789397!important}.maplibregl-ctrl-attrib a{color:#9bb1af!important}.map-top{z-index:2}.map-top>div:first-child{background:linear-gradient(90deg,#061117d9 0%,#06111770 60%,transparent);padding:18px;border-radius:8px}.legend{z-index:5}.legend button{border:0;background:transparent;color:#9bb0af;font:inherit;padding:2px;cursor:pointer}.legend button b{color:#fff;margin-right:5px}.legend button.disabled{opacity:.32;text-decoration:line-through}.map-tools{z-index:5}.map-tools button.active{border-color:var(--mint);color:var(--mint)}.map-state{position:absolute;z-index:5;top:15px;left:20px;padding:7px 11px;border:1px solid #294149;border-radius:15px;background:#08181ed9;color:#8da5a6;font-size:10px;direction:rtl}.map-state.connected{color:var(--mint);border-color:#28715f}.map-state.error{color:var(--red);border-color:#763c3b}.vessel-marker{width:30px;height:30px;border:0;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer;filter:drop-shadow(0 0 7px currentColor)}.vessel-marker span{display:block;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:20px solid currentColor;transform-origin:50% 50%;transition:transform .65s ease}.vessel-marker.black{color:var(--red)}.vessel-marker.suspicious{color:var(--amber)}.vessel-marker.commercial{color:var(--cyan)}.vessel-marker:after{content:"";position:absolute;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;opacity:.35}.vessel-marker.selected:after{animation:vesselPulse 1.4s infinite}.vessel-marker.selected span{filter:brightness(1.3)}@keyframes vesselPulse{to{transform:scale(2);opacity:0}}.vessel-card{z-index:6}.vessel-card .risk-high{color:var(--red)}.vessel-card .risk-medium{color:var(--amber)}.vessel-card .risk-low{color:var(--mint)}.map-top {display: none !important;}:root {--mint: #43bdda;}#liveMap {background: #031a30;}

@media(max-width:680px){.map-state{top:10px;left:12px;max-width:calc(100% - 24px)}.legend button{font-size:9px}.map-top>div:first-child{padding:12px}.map-top {display: none !important;}}