.ft-map-grid{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;background:linear-gradient(145deg,#25282c,#121416)}.ft-map-grid:active{cursor:grabbing}.ft-map-canvas{position:absolute;inset:-18%;transform-origin:center;transition:transform .12s ease;background:radial-gradient(circle at 72% 28%,rgba(255,122,0,.15),transparent 24%)}
.ft-map-canvas:before{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px}
.road{position:absolute;display:block;height:11px;border-radius:20px;background:#3b3e42;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);transform-origin:left center}
.road:after{content:"";position:absolute;left:0;right:0;top:5px;border-top:1px dashed rgba(255,255,255,.14)}
.r1{width:120%;left:-10%;top:54%;transform:rotate(-12deg)}.r2{width:90%;left:18%;top:18%;transform:rotate(58deg)}.r3{width:75%;left:-5%;top:22%;transform:rotate(33deg)}.r4{width:75%;left:42%;top:78%;transform:rotate(-48deg)}
.map-label{position:absolute;color:#8f9499;font-size:10px;font-weight:700;letter-spacing:.04em}.l1{left:22%;top:36%}.l2{left:49%;top:64%;transform:rotate(-12deg)}.l3{right:12%;top:20%}
.map-customer,.map-driver{position:absolute;z-index:3;display:grid;place-items:center}.map-customer{left:54%;top:47%;width:24px;height:24px;border:7px solid #fff;border-radius:50%;color:#ff7a00;background:#ff7a00;box-shadow:0 5px 22px #0008,0 0 0 7px rgba(255,122,0,.18);font-size:0}.map-driver{left:24%;top:28%;width:39px;height:39px;border-radius:13px;background:#ff7a00;box-shadow:0 8px 24px #0008;font-size:20px;animation:ftDrive 2.4s ease-in-out infinite alternate}
.route-line{position:absolute;z-index:2;left:28%;top:35%;width:31%;height:19%;border-right:4px solid #ff7a00;border-bottom:4px solid #ff7a00;border-radius:0 0 24px 0;transform:rotate(7deg);filter:drop-shadow(0 0 7px rgba(255,122,0,.45))}
.map-brand{position:absolute;z-index:4;right:14px;bottom:14px;padding:9px 11px;border-radius:12px;background:rgba(10,11,12,.82);border:1px solid rgba(255,255,255,.1);color:#ff7a00;font-weight:950}.map-brand small{margin-left:5px;color:#b6b8bb;font-size:8px;letter-spacing:.12em}
.map-controls{position:absolute;z-index:6;right:14px;top:50%;display:grid;gap:5px}.map-controls button{width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(10,11,12,.88);color:#fff;font-size:22px;font-weight:800;box-shadow:0 6px 18px #0005}
@keyframes ftDrive{to{transform:translate(16px,9px)}}