/* City walk (city_walk.js): the footstep labels, Aldar's way, white words standing over the step they lead to; the
   headset and phone motion buttons beside the close button. The steps themselves are drawn in the panorama's GL. */
html[data-world=mancity] body #vr.city-walk .city-walk-layer { position:absolute;inset:0;pointer-events:none;overflow:hidden;transition:opacity .18s; }
html[data-world=mancity] body #vr.city-walk .city-walk-layer.is-hidden { opacity:0; }
html[data-world=mancity] body #vr.city-walk .city-step { position:absolute;left:0;top:0;pointer-events:auto;display:block;margin:0;padding:10px 12px 14px;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;color:#fff!important;width:auto;height:auto;min-height:0;font:600 21px/1.15 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.01em;text-align:center;white-space:nowrap;text-shadow:0 1px 2px #000c,0 0 10px #0009,0 0 22px #0006;transition:opacity .2s;will-change:transform; }
html[data-world=mancity] body #vr.city-walk .city-step[hidden] { display:none; }
html[data-world=mancity] body #vr.city-walk .city-step-name { display:inline-block;transition:transform .15s,color .15s; }
html[data-world=mancity] body #vr.city-walk .city-step:is(:hover,.is-hover,:focus-visible) { background:transparent!important;color:#fff!important; }
html[data-world=mancity] body #vr.city-walk .city-step:is(:hover,.is-hover,:focus-visible) .city-step-name { transform:scale(1.07);color:#dff0ff; }
html[data-world=mancity] body #vr.city-walk .city-step:focus-visible { outline:2px solid #fff;outline-offset:-2px;border-radius:10px; }
html[dir=rtl][data-world=mancity] body #vr.city-walk .city-step, html[lang=ar][data-world=mancity] body #vr.city-walk .city-step { font-family:Tajawal,Cairo,system-ui,sans-serif;font-weight:700; }
html[data-world=mancity] body #vr.city-walk .city-walk-tools { display:flex;align-items:center;gap:8px; }
html[data-world=mancity] body #vr.city-walk .city-walk-tool { display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 12px;border:1px solid #ffffff40!important;border-radius:22px;background:#0000009e!important;color:#fff!important;font:600 13px/1 system-ui,sans-serif;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer; }
html[data-world=mancity] body #vr.city-walk .city-walk-tool[hidden] { display:none; }
html[data-world=mancity] body #vr.city-walk .city-walk-tool:is([aria-pressed=true],:hover) { background:#6cabdd!important;color:#112448!important;border-color:#a9dbff!important; }
html[data-world=mancity] body #vr.city-walk .city-walk-tool:focus-visible { outline:2px solid #fff;outline-offset:2px; }
html[data-world=mancity] body #vr.city-walk.city-is-walking .city-step { pointer-events:none; }
html[data-world=mancity] body.city-ui-hidden #vr.city-walk :is(.city-walk-layer,.city-walk-tools .city-walk-tool) { visibility:hidden!important;pointer-events:none!important; }
@media (max-width:640px) {
  html[data-world=mancity] body #vr.city-walk .city-step { font-size:14px;padding:12px 10px 14px; }
  html[data-world=mancity] body #vr.city-walk .city-walk-tool span { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-world=mancity] body #vr.city-walk :is(.city-walk-layer,.city-step,.city-step-name) { transition:none; }
}