/* MassaCoin — R254: vídeos do feed OCUPAM A LARGURA TODA da tela (de lado a lado), como nas grandes redes sociais.
   Celular (≤ 700 px, iOS e Android): o vídeo sai das margens do cartão e vai de uma borda à outra da tela, sem cantos arredondados.
   Tablet e computador: o vídeo já preenche a largura inteira do cartão (a coluna do feed); só se tira o arredondamento do vídeo.
   Só muda a MOLDURA do vídeo: proporção, controles, linha do tempo, autoplay e botões continuam como estavam. */
body .post-card .post-media--video { border-radius: 0; }
@media (max-width: 700px) {
  body .post-card .post-media--video { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: 0; }
  body .post-card:has(> .post-media--video), .post-card:has(.post-media--video) { overflow: visible; }
  body .ch-media--cover { border-radius: 0; }
}

/* ===== R255 — SEM FAIXAS PRETAS: vídeo do feed, Stories, Desafios e tela cheia PREENCHEM a moldura (object-fit: cover) =====
   Antes: contain + fundo preto → barras nas laterais (ou em cima/embaixo) quando a proporção do vídeo não era a da moldura.
   Só muda o enquadramento do vídeo; textos, controles, regras de vídeo e botões continuam iguais. A tela cheia NATIVA do aparelho não é alterada. */
body .post-media--1 video, body .post-video video, body .post-video.is-playing video, body .ch-media video { object-fit: cover; width: 100%; background: transparent; }
body .post-media--1, body .post-video, body .ch-media { background: transparent; }
body .story-viewer__media { width: 100%; align-self: stretch; }
body .story-viewer__media video, body .story-viewer__media img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; }
body .mm-view__m:is(video) { object-fit: cover; width: 100%; height: 100%; }
/* computador/tablet largo: Story em coluna vertical 9:16 centralizada (sem esticar nem cortar demais) */
@media (min-width: 701px) {
  body .story-viewer > .story-viewer__bars, body .story-viewer > .story-viewer__head, body .story-viewer > .story-viewer__media, body .story-viewer > .story-viewer__rx { width: min(100%, calc(100dvh * 9 / 16)); margin-inline: auto; box-sizing: border-box; }
}
/* aviso de conexão/envio: acompanha a largura, quebra o texto e respeita a área segura (entalhe/cantos) */
#mcUpBar { box-sizing: border-box; width: 100%; padding-left: max(14px, env(safe-area-inset-left, 0px)); padding-right: max(14px, env(safe-area-inset-right, 0px)); font-size: clamp(12px, 3.4vw, 15px); overflow-wrap: anywhere; line-height: 1.35; }
#mcUpBar .mcup-track { width: min(100%, 560px); }
/* botões de interação: tamanho acompanha a tela (celular pequeno, paisagem, tablet) */
@media (max-width: 380px) { body .rv .rv__slide .rv__rail { width: 54px; gap: 10px; } body .rv .rv__slide .rv__btn { min-width: 44px; } body .rv .rv__slide .rv__btn b { font-size: 12px; } body .post-act--plane, body .post-act--save { width: 42px; height: 42px; } }
@media (max-height: 480px) and (orientation: landscape) { body .rv .rv__slide .rv__rail { gap: 6px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); } body .rv .rv__slide .rv__btn b { font-size: 11px; } body .rv .rv__slide .rv__info { max-height: 40dvh; } }
@media (min-width: 701px) { body .story-viewer .story-rx { width: 48px; height: 48px; } }