Looking at the screenshots:

1. Maxi Challenge - sparse card with siren emoji, challenge name in pink, "Start" button
2. Performances & Runway - 2-column grid with scored queen cards, colored borders, "Call The Safe Queens" button
3. Safe Queens - grayscale avatars in a row, "Please step to the back of the stage"
4. Untucked - confessional messages with colored backgrounds, "Reveal The Winner" button

All these are intermediate steps before the winner/bottom-2 reveal. Let me rebuild the entire episode flow with all these phases in our established style.

Now I have the full picture. The current episode-results.tsx shows everything at once. I need to rebuild it as a multi-step flow within each episode: Maxi Challenge announcement -> Performances & Runway -> Safe Queens -> Untucked -> Winner & Bottom 2 reveal -> Lip Sync. This is a complete rewrite of the episode-results component.

Полностью переделал страницу эпизода как пошаговый flow из 5 фаз: Maxi Challenge (анонс с названием челленджа и runway-темой) -> Performances (двухколоночная таблица с оценками и цветовыми акцентами по левому краю) -> Safe Queens (ч/б аватарки с фразой "step to the back") -> Untucked (конфессионалы с цветными рамками по настроению) -> Results (победитель/high/low/bottom 2 + lip sync). Каждая фаза имеет progress-бар с пронумерованными шагами вверху, кнопка внизу переводит на следующий этап. Lip sync результат (Shantay/Sashay) раскрывается по клику, после чего появляется кнопка "Next Episode".

The screenshot shows a "Tops & Bottoms" phase between Safe Queens and Untucked -- queens split into two groups with large circular avatars and percentage scores, "THE TOPS" in blue and "THE BOTTOMS" in pink/red, with an "Untucked" button below. I need to insert this as a new step in the episode flow.

Now I have the full picture. The current flow is: challenge -> performances -> safe -> untucked -> critiques. I need to add a "tops_bottoms" phase between "safe" and "untucked" that shows THE TOPS and THE BOTTOMS with large avatars and percentage scores, just like in the screenshot. Let me update the episode results component.

Now add the TopsBottomsPhase component before UntuckedPhase:

Now update the phase labels and the phases array to include the new phase:

Now add the rendering of the new phase in the main render area:

Now let me also update the "Critiques" button on the safe queens phase -- since safe queens now leads to tops & bottoms, not directly to critiques:

Добавил фазу "Tops & Bottoms" между Safe Queens и Untucked. Теперь полный flow эпизода: Challenge -> Performances -> Safe Queens -> Tops & Bottoms -> Untucked -> Results. На странице Tops & Bottoms квины разделены на две группы с крупными круглыми аватарками, процентными оценками, синим заголовком "THE TOPS" и красным "THE BOTTOMS" с разделителем "vs" между ними, как на скриншоте оригинала. Кнопки тоже обновлены: Safe Queens теперь ведёт к "Reveal Tops & Bottoms", а оттуда -- к "Untucked".