body,html{margin:0}.mobile-controls{padding:32px 48px calc(32px + env(safe-area-inset-bottom));pointer-events:none;z-index:10;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.joystick{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative}.joystick-track{background-color:#d45edf;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.joystick-knob{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;background-color:#f5d9f7;border:1px solid #d45edf;border-radius:50%;flex-shrink:0;position:relative;transform:translateY(0)}.joystick-knob.snapping{transition:transform .18s ease-out}