:root{--h:130px;--wmax:1200px;--bg:#f7f7f7;--asphalt:#2a2a2a;--orange:#e55604;--text:#111;--lane:rgba(255,255,255,.9);--pad:14px}.dd-wrap{width:100%;background:var(--bg)}.dd-route{max-width:var(--WMAX);margin:0 auto;height:var(--H);position:relative;overflow:hidden;padding:18px var(--pad) 10px}.dd-scroll{position:relative;height:100%;overflow:visible}@media (max-width:768px){.dd-scroll{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}}.dd-scroll::-webkit-scrollbar{height:6px}.dd-scroll::-webkit-scrollbar-thumb{background:0 0}.dd-fade{display:none}@media (max-width:768px){.dd-fade{display:block;pointer-events:none;position:absolute;top:0;bottom:0;width:30px;z-index:3}.dd-fade.left{left:0;background:linear-gradient(to right,var(--bg),transparent)}.dd-fade.right{right:0;background:linear-gradient(to left,var(--bg),transparent)}.dd-fade.hide{opacity:0}}.dd-track{position:relative;height:100%;min-width:100%}.dd-road{position:absolute;left:0;right:0;top:42px;height:34px;background:var(--asphalt);border-radius:12px}.dd-road:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:4px dashed var(--lane);transform:translateY(-50%)}.dd-van{position:absolute;top:34px;left:0;font-size:28px;line-height:1;z-index:2;user-select:none;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.dd-cities{position:absolute;left:0;right:0;bottom:12px;height:40px}.dd-cities ul{list-style:none;margin:0;padding:0;position:relative;height:100%}.dd-cities li{position:absolute;bottom:0;transform:translateX(-50%);white-space:nowrap;font:600 12px/1.2 system-ui;color:var(--text);transition:color .15s ease}.dd-cities li:before{content:"";position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:10px;height:10px;border-radius:50%;background:#fff;border:3px solid var(--orange);box-shadow:0 1px 0 rgba(0,0,0,.08)}.dd-cities li.active{color:var(--orange);font-weight:800}.dd-cities li.separator{font-weight:800;color:var(--orange);text-transform:uppercase;letter-spacing:.4px}.dd-cities li.separator:before{content:"➜";background:0 0;border:none;box-shadow:none;top:-2px;font-weight:900;color:var(--orange)}@media (prefers-reduced-motion:reduce){.dd-van{display:none}}