Общая задача

Необходимо реализовать интерфейс Telegram Mini App на React.js или Vue.js. Приложение должно быть адаптивным - корректно работать на мобильных устройствах внутри Telegram. Главная особенность: макет полностью переключает CSS-тему (цвета, шрифты, фоновые анимации) когда меняется переменная user_rank в API.

Интерактив и анимация

• Анимированные аватары: от 'карапуза' до 'воина' - внешний вид меняется вместе с рангом.
• Прогресс-бары со специальными подписями (напр. 'До слива компромата').
• Нестандартные кастомные кнопки, преобразующиеся от 'облачных' (мягких) до 'шипастых' агрессивных.

Геймификация

Экран открытия лутбоксов - игровая анимация вскрытия и всплывающая награда.

ВАЖНО:

• Названия подрядчиков, реквизиты и ссылки отстутствуют.
• Код и вёрстка выполняется командой разработчиков, все визуальные условия согласуются с прототипом. Заказчик предоставит статичный proto.