/* R170 — aviso "Abra a foto / Abra o vídeo" + visualizador em tela cheia (js/midia-aviso.js). Só acrescenta; visual igual ao balão/seta do feed (css/autoplay.css). */
.mm-box{position:relative;display:block;min-width:0}
.mm-fs{position:absolute;top:8px;inset-inline-end:8px;z-index:6;width:38px;height:38px;padding:0;border-radius:12px;border:1px solid rgba(255,215,0,.6);background:rgba(10,20,45,.72);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mm-fs--s{pointer-events:none}
.mm-bubble{position:absolute;left:10px;z-index:6;display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 20px);box-sizing:border-box;padding:10px 16px;border:1px solid rgba(255,215,0,.55);border-radius:24px;background:rgba(10,20,45,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:600 13px/1.3 Poppins,system-ui,sans-serif;text-align:start;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.35);animation:mm-in .45s cubic-bezier(.2,.8,.2,1) both;transition:opacity .45s,transform .45s}
.mm-bubble--video{bottom:58px}.mm-bubble--image{bottom:12px}
.mm-bubble.is-out{opacity:0;transform:translateY(6px)}
.mm-bubble__dot{width:8px;height:8px;border-radius:50%;background:#FFD700;flex:none;box-shadow:0 0 0 0 rgba(255,215,0,.6);animation:mm-pulse 1.8s infinite}
.mm-bubble__t{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.mm-bubble__t b{font-size:14px;font-weight:800}
.mm-bubble__t small{font-size:12px;font-weight:600;color:#D7E1FF}
.mm-arrow{position:absolute;z-index:6;top:50px;inset-inline-end:14px;font-size:30px;line-height:1;color:#FFD700;text-shadow:0 2px 8px rgba(0,0,0,.65);transform:rotate(-90deg);pointer-events:none;animation:mm-arrow 1.1s ease-in-out infinite;transition:opacity .45s}
.mm-arrow.is-out{opacity:0}
@keyframes mm-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes mm-pulse{70%{box-shadow:0 0 0 8px rgba(255,215,0,0)}100%{box-shadow:0 0 0 0 rgba(255,215,0,0)}}
@keyframes mm-arrow{0%,100%{transform:rotate(-90deg) translateX(0)}50%{transform:rotate(-90deg) translateX(-9px)}}
@media (prefers-reduced-motion:reduce){.mm-bubble,.mm-bubble__dot,.mm-arrow{animation:none}}

html.mm-open,html.mm-open body{overflow:hidden}
.mm-view{position:fixed;inset:0;z-index:2147483100;background:#000;display:flex;align-items:center;justify-content:center}
.mm-view__m{width:100%;height:100%;object-fit:contain;background:#000;border:0;border-radius:0;max-height:none;margin:0}
.mm-view__x{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));inset-inline-start:12px;z-index:2;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,215,0,.65);background:rgba(10,20,45,.78);color:#fff;font-size:20px;cursor:pointer}
.mm-view__err{position:absolute;left:0;right:0;bottom:20%;margin:0;text-align:center;color:#fff;font:600 15px Poppins,system-ui,sans-serif}
/* miniatura estreita do duelo (duas por tela): balão compacto só com "Abra o vídeo" / "Abra a foto" */
.dv-photo .mm-bubble{left:6px;bottom:44px;max-width:calc(100% - 12px);padding:6px 10px;gap:6px;border-radius:16px;text-align:start}
.dv-photo .mm-bubble__t b{font-size:12px}.dv-photo .mm-bubble__t small{display:none}
.dv-photo .mm-arrow{top:48px;inset-inline-end:10px;font-size:26px}
.dv-photo .mm-fs{top:6px;inset-inline-end:6px}