/* Режим Mini App: телефон во весь экран, служебная оболочка прототипа скрыта. */
html.is-tma, html.is-tma body { height: 100%; margin: 0; overflow: hidden; background: var(--bg, #FFF7EC); }
html.is-tma .shell { display: block; height: 100%; }
html.is-tma .shell__nav, html.is-tma .shell__panel, html.is-tma .shell__fab, html.is-tma .shell__journey { display: none !important; }
html.is-tma .shell__stage { padding: 0; height: 100%; display: block; overflow: hidden; }
html.is-tma .shell__fit { width: 100% !important; height: 100% !important; }
html.is-tma .shell__phone { width: 100% !important; height: 100% !important; max-width: none; border-radius: 0; box-shadow: none; transform: none !important; border: 0; }
html.is-tma .app { width: 100%; height: 100%; border-radius: 0; }
html.is-tma .statusbar { display: none; }
html.is-tma .app__scroll { padding-top: env(safe-area-inset-top, 0px); }
html.is-tma .app__dock { padding-bottom: env(safe-area-inset-bottom, 0px); }

/* 27.10: настоящие видео, фото и кружок */
.video--file { position: relative; overflow: hidden; background: #000; border-radius: var(--r-l, 20px); }
.video--file video { display: block; width: 100%; height: 100%; object-fit: cover; background: #000; }
.pl-vid--file { position: relative; }
.ms-circle-play video { display: block; width: min(260px, 72vw); aspect-ratio: 1 / 1; margin: 12px auto 10px; border-radius: 50%; object-fit: cover; background: #000; }
.ms-circle-play p { margin: 0; }
.ma-place__photo--file { padding: 0; overflow: hidden; }
.ma-place__photo--file img { display: block; width: 100%; height: 100%; object-fit: cover; }
/* служебные кнопки прототипа в Telegram не нужны: темп ×10 и ручной поворот */
html.is-tma .pl-chip--proto, html.is-tma [data-pl-act="orient"] { display: none !important; }
/* 27.10: настоящие отзывы из переписки */
.rv-real { display: flex; flex-direction: column; gap: 10px; height: 100%; }
.rv-real > .ic { color: var(--accent, #E0703A); }
.rv-real__t p { margin: 0 0 8px; }
.rv-real--long .rv-real__t { display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; overflow: hidden; }
.rv-real--long.is-open .rv-real__t { display: block; }
.rv-real__more { align-self: flex-start; border: 0; background: none; padding: 0; font: inherit; font-weight: 600; color: var(--accent, #E0703A); cursor: pointer; }
.rv-real__who { margin-top: auto; font-size: 14px; opacity: .7; }