/* Movement status stays next to the map; it never obstructs the play surface. */
.hq-world-view #world-route-state{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border-top:1px solid #9cc1a329;color:#d8e6c3;font-size:12px}
.hq-world-view #world-route-state[hidden]{display:none}
.hq-world-view #world-route-state .button{min-height:38px;padding:6px 14px;flex-shrink:0}
.hq-world-view #tile-map.map-step-pending{box-shadow:inset 0 0 0 1px #d8c88077}
.hq-world-view [data-move]{touch-action:manipulation}
@media(max-width:640px){.hq-world-view #world-route-state .button{min-height:44px}}
/* Request status must never resize the camera's viewport between tile steps. */
.hq-world-view #world-play-panel #world-route-state{height:45px;min-height:45px;flex-wrap:nowrap}
.hq-world-view #world-route-state>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:781px){
  .hq-world-view #world-play-panel .map-camera-toolbar{height:56px;min-height:56px;flex-wrap:nowrap}
  .hq-world-view #world-play-panel .map-camera-toolbar #world-route-state{flex:1 1 0;min-width:0;height:44px;min-height:44px;padding:0 0 0 6px;border:0}
  .hq-world-view #world-play-panel .map-camera-toolbar #world-route-state>span{flex:1 1 0}
  .hq-world-view #world-play-panel .map-camera-toolbar #world-route-state .button{min-height:44px;flex:0 0 auto}
  .map-camera-toolbar:has(#world-route-state:not([hidden])) .map-camera-mode{display:none}
}