.store-sidewalk{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;background:#f2faf6;border-top:1px solid #dcece3;color:#214d3c;font:12px/1.5 system-ui}
.store-sidewalk[hidden]{display:none}.store-sidewalk button,.store-sidewalk a{min-height:40px;padding:8px 12px;border:1px solid #a6c9bb;border-radius:9px;background:#fff;color:#14523e;font:700 12px/1.4 system-ui;text-decoration:none;cursor:pointer}
.store-sidewalk button[aria-pressed=true]{background:#0d7666;border-color:#0d7666;color:#fff}.store-sidewalk button:disabled{opacity:.55;cursor:default}.store-sidewalk__status{flex:1 1 220px;min-width:0}.store-sidewalk__pad{display:flex;gap:4px}.store-sidewalk__pad button{min-width:40px;padding:8px}
.store-sidewalk-anchor{width:0;height:0;pointer-events:none}.store-sidewalk-person{position:absolute;width:74px;height:120px;transform:translate(-50%,-100%);pointer-events:none}.store-sidewalk-person__name{position:absolute;left:50%;top:125px;max-width:160px;transform:translateX(-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #fff;border-radius:20px;background:#075847e8;padding:2px 7px;color:#fff;font:700 10px/1.5 system-ui;box-shadow:0 1px 4px #0004}
.store-sidewalk-path{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.store-sidewalk-path path{stroke:#d9fff2;stroke-width:5;fill:none;stroke-linecap:round;stroke-linejoin:round}.store-sidewalk-path path+path{stroke:#15836d;stroke-width:2;stroke-dasharray:4 7}
.store-sidewalk-path circle{fill:#fff;stroke:#0d7666;stroke-width:2}.store-roadview__viewport.is-sidewalk-mode{cursor:crosshair}
.store-sidewalk button:focus-visible,.store-sidewalk a:focus-visible{outline:3px solid #13836c;outline-offset:2px}
.store-roadview.is-expanded .store-sidewalk,.store-roadview:fullscreen .store-sidewalk{z-index:5;flex:0 0 auto;padding-bottom:max(10px,env(safe-area-inset-bottom))}
@media(max-width:600px){.store-sidewalk{padding:8px;gap:6px}.store-sidewalk__status{flex-basis:100%}.store-sidewalk__pad{margin-left:auto}.store-sidewalk button,.store-sidewalk a{min-height:44px}.store-sidewalk-person__name{max-width:120px}}
@media(prefers-reduced-motion:reduce){.store-sidewalk-person .plai-avatar.is-moving,.store-sidewalk-person .plai-avatar.is-moving *{animation:none!important}}

.store-sidewalk-input{position:absolute;inset:0 80px 28px 0;z-index:5;touch-action:none;cursor:crosshair;background:transparent}

.store-roadview__viewport{overflow:hidden}
.store-roadview__viewport [id^="_at_"]{pointer-events:none!important}

/* Distance-driven gait: the shadow remains fixed on the walking surface. */
.store-sidewalk-person>div:first-child{position:absolute;bottom:0;width:74px}
.store-sidewalk-person .plai-avatar,.store-sidewalk-person .plai-avatar *{animation:none!important}
.store-sidewalk-gait{position:absolute;inset:0;transform:translateY(var(--walk-bob,0px)) rotate(var(--walk-lean,0deg));transform-origin:50% 100%}
.store-sidewalk-person .plai-avatar__leg{transform-origin:50% 0}
.store-sidewalk-person .plai-avatar .plai-avatar__leg--left{transform:rotate(var(--walk-leftAngle,0deg))}
.store-sidewalk-person .plai-avatar .plai-avatar__leg--right{transform:rotate(var(--walk-rightAngle,0deg))}
.store-sidewalk-person .plai-avatar .plai-avatar__shoe--left{transform:translate(var(--walk-leftX,0px),var(--walk-leftY,0px))}
.store-sidewalk-person .plai-avatar .plai-avatar__shoe--right{transform:translate(var(--walk-rightX,0px),var(--walk-rightY,0px))}
.store-sidewalk-person .plai-avatar .plai-avatar__arm{transform-origin:50% 0}
.store-sidewalk-person .plai-avatar .plai-avatar__arm--left{transform:rotate(var(--walk-leftArm,0deg))}
.store-sidewalk-person .plai-avatar .plai-avatar__arm--right{transform:rotate(var(--walk-rightArm,0deg))}
.store-sidewalk-person :is(.plai-avatar__body,.plai-avatar__arm,.plai-avatar__leg,.plai-avatar__skirt){transition:width .16s,left .16s,right .16s}
.store-sidewalk-person .plai-avatar :is(.plai-avatar__portrait,.plai-avatar__portrait-side,.plai-avatar__portrait-back){display:block;opacity:0;transition:opacity .14s}
.store-sidewalk-person .plai-avatar[data-direction=down] .plai-avatar__portrait,.store-sidewalk-person .plai-avatar[data-direction=up] .plai-avatar__portrait-back,.store-sidewalk-person .plai-avatar:is([data-direction=left],[data-direction=right]) .plai-avatar__portrait-side{opacity:1}
.store-sidewalk__pad button{touch-action:none;user-select:none}
@media(max-width:600px){.store-sidewalk__pad{margin-left:0;margin-right:auto}}
@media(prefers-reduced-motion:reduce){.store-sidewalk-gait{transform:none!important}.store-sidewalk-person .plai-avatar :is(.plai-avatar__leg,.plai-avatar__shoe,.plai-avatar__arm){transform:none!important;transition:none}}
