
/* WebGL 3D drone layer overlays the existing 2D map; 2D is preserved as fallback. */
#bcDrone3D{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;transition:opacity .35s ease;background:#09283e;}
#bcDrone3D.bc-3d-ready{opacity:1;pointer-events:auto;}
#bcDrone3D .maplibregl-map,#bcDrone3D .maplibregl-canvas-container,#bcDrone3D canvas{width:100%;height:100%;}
#bcDrone3D .maplibregl-control-container .maplibregl-ctrl-top-right{top:calc(220px + env(safe-area-inset-top,0px));right:12px;}
#bcDrone3D .maplibregl-ctrl-top-right .maplibregl-ctrl{margin:0;}
#bcDrone3D .maplibregl-ctrl-logo{display:none!important;}
#bcDrone3D .maplibregl-ctrl-attrib{font-size:9px;}
#bcDrone3DControls{position:absolute;top:calc(350px + env(safe-area-inset-top,0px));right:12px;z-index:5;display:none;flex-direction:column;gap:7px;background:#062c4ccc;border:1px solid #ffffff4f;backdrop-filter:blur(12px);border-radius:13px;padding:8px 7px;color:white;font-family:Inter,Arial,sans-serif;box-shadow:0 4px 15px #08294066;min-width:112px;user-select:none;}
#bcDrone3DControls.bc-3d-ready{display:flex;}
#bcDrone3DControls .bc-3d-title{display:flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap;margin-bottom:2px;}
#bcDrone3DControls .bc-3d-led{width:7px;height:7px;background:#39d6ee;border-radius:50%;box-shadow:0 0 8px #37dff6;}
#bcDrone3DControls .bc-3d-ctlrow{display:flex;align-items:center;justify-content:space-between;gap:5px;}
#bcDrone3DControls .bc-3d-ctlrow button{min-width:30px;min-height:30px;padding:4px;border:1px solid #ffffff61;background:#ffffffeb;color:#0c5776;border-radius:8px;font:bold 13px Arial,sans-serif;cursor:pointer;}
#bcDrone3DControls .bc-3d-ctlrow button:active{background:#c6eef6;}
#bcDrone3DControls .bc-3d-ctlrow #bcDr3DView{font-size:10px;min-width:33px;}
#bcDrone3DControls .bc-3d-ctlrow span{font-size:11px;font-weight:700;min-width:30px;text-align:center;}
#bcDrone3DControls .bc-3d-foot{font-size:9px;color:#c4e7f1;text-align:center;}
#bcDroneBadge{z-index:4!important;}
#bcDronePanel{z-index:8!important;}
@media(min-width:1024px){
 #bcDrone3D{left:82px;}
 #bcDrone3DControls{right:24px;}
 #bcDrone3D .maplibregl-control-container .maplibregl-ctrl-top-right{right:24px;top:205px;}
}
@media(min-width:700px) and (max-width:1023px){
 #bcDrone3DControls{top:355px;}
}
@media(max-width:699px){
 #bcDrone3DControls{right:10px;top:calc(325px + env(safe-area-inset-top,0px));padding:6px 5px;min-width:100px;}
 #bcDrone3DControls .bc-3d-ctlrow button{min-width:27px;min-height:29px;}
 #bcDrone3D .maplibregl-control-container .maplibregl-ctrl-top-right{right:11px;top:calc(214px + env(safe-area-inset-top,0px));}
 #bcDroneBadge{top:calc(192px + env(safe-area-inset-top,0px));}
}

