Карточка, раскрывающаяся в окно

Один файл, зависимость только react-dom (createPortal), «use client». Карточка в потоке — div role=button с фото, значком переворота и стеклянной панелью (eyebrow, title, hint). По клику измеряется getBoundingClientRect, в body через портал рендерится слой position:fixed с perspective:1400px, подложкой (blur 12px) и летуном: absolute в размере и позиции окна (карточка ×zoom по центру, не больше экрана с отступом), transform-style:preserve-3d, стартовый transform translate/scale ставит его ровно на карточку; оригинал прячется visibility:hidden. После reflow и requestAnimationFrame transform становится translate(0) scale(1) rotateY(180deg) за .5s cubic-bezier(.2,.9,.25,1): перелёт, рост и переворот одним движением, анимируется только transform — композитный слой, без перерасчёта раскладки и перерисовки фото по кадрам. Стороны — absolute inset:0 с backface-visibility:hidden и translateZ(1px), обратная повёрнута на 180° и несёт второе фото и панель с backTitle, text и ссылкой; клик по стороне переворачивает окно, крестик на обеих сторонах, скрытая сторона inert. Закрытие — стартовый transform назад, через 500ms слой снимается и фокус возвращается на карточку. Пока открыто: body overflow:hidden с компенсацией скроллбара, Escape закрывает, Tab зациклен внутри окна, resize перецентрует. Палитра --vibeui-flip-002-* с light-dark, шрифт Manrope через <link precedence>.