Interactive lines scrambler

A screen with a set of N multi colored rounded edge lines of the same size and thickness, scrambled randomicaly each time it is loaded Each time the screen is loaded, a timer is reset. The number and thickness of the lines can be ajusted by the user, refreshing the set to match the new settings, without reloading the page, but the first time use as default 400px lenght and 3px thickness. The lines must always be randomized not only for its position of A-B points, but also for its Z layer order. The user is allowed to drag-n-drop the line on top of all, by clicking exactly on it and not the others and draging it outside, so the next line becomes the one on top, and avaiable for draging. Once all lines are gone, the timer stops and is presented to the user in a dialog box before reseting with the same settings.