Слайдер полета в HTML + CSS

На прошлой неделе я создал диапазон ввода, который выглядит как самолет, летящий к месту назначения (перемещайте самолет вправо и влево):

Я постарался добавить как можно больше деталей, сохраняя при этом код простым и независимым от внешних ресурсов (JavaScript или изображений):

• Он использует один элемент HTML (диапазон ввода, хотя это должен быть <progress>).
• Он включает в себя одну команду JS для обновления переменной CSS.
• Самолет взлетает и приземляется с использованием тригонометрических функций.
• Используя контейнерные запросы, самолет превращается в вертолет меньших размеров (хотя я бы не рекомендовал на нем лететь из Нью-Йорка в Мадрид).
• И самолет, и вертолет - это CSS-арт, а не SVG (опять же с учетом независимости внешних ресурсов... хотя я признаю, что с SVG это выглядело бы лучше).
• Имеет стили печати.
• Он был написан с учетом доступности (хотя, возможно, он не идеален): работает с клавиатурой, а также в режиме высокой контрастности.
• Он будет работать во всех современных браузера.