wow, this is really amazing.

• the draggable rope is due to resize: vertical; which sets the height used by all other components
• the turning gears turn by indexing into a spritesheet using the height (which is always a whole number in px)
• the ropes/chains are tiled background segments. since they start tiling from the bottom, a change in height moves them accordingly

It’s wild what you can do now with just pure CSS.