/* Match the adventure pad; leave the right HUD rail and lower action buttons free. */
#townMovementPad{display:none}
@media(pointer:coarse){
 #townMovementPad{display:block;position:absolute;z-index:4;right:calc(max(20px,env(safe-area-inset-right)) + 84px);bottom:max(92px,calc(env(safe-area-inset-bottom) + 84px));width:clamp(130px,23vw,190px);height:clamp(78px,23vh,110px);border:1px solid #f7efd580;border-radius:13px;background:#443b5140;box-shadow:inset 0 0 18px #fff4da0d;touch-action:none;overflow:hidden}
 #townMovementPad[hidden]{display:none}
 #townMovementPad:before,#townMovementPad:after{content:'';position:absolute;background:#fff6dd20;pointer-events:none}
 #townMovementPad:before{height:1px;left:9px;right:9px;top:50%}
 #townMovementPad:after{width:1px;top:9px;bottom:9px;left:50%}
 #townMovementPad i{position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);border:1px solid #fff5d790;border-radius:50%}
 #townMovementPad b{display:none;position:absolute;left:var(--pad-x,50%);top:var(--pad-y,50%);width:23px;height:23px;transform:translate(-50%,-50%);border-radius:50%;background:#efc0d860;border:1px solid #fff8dcaa}
 #townMovementPad.pressed b{display:block}
 #townMovementPad span{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:9px;color:#fff5dfb0;pointer-events:none}
}
#townMovementPad,#townMovementPad *,#townCanvas,#screenHUD.hud-town button,#screenHUD.hud-town button *,#streetTools button,#streetTools button *,.town-controls button,.town-controls button *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}