@media (max-width: 768px){
  /* Only affect pages where the scoped buttons plugin is active AND we're on timeline. */
  body.jr-mt-fb-active.jr-mt-is-timeline #bmft-floating-box{display:none!important;}

  /* When Completion is opened on timeline, show bmft centered (match existing centering rules). */
  body.jr-mt-fb-active.jr-mt-is-timeline.jr-mt-open-completion #bmft-floating-box{
    display:block!important;
    position:fixed!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:min(67vw,520px)!important;
    max-height:86vh!important;
    overflow:auto!important;
    z-index:9999999!important;
    border-radius:22px!important;
    right:auto!important;
  }

  /* If the table completion box exists on timeline for any reason, keep it hidden so it can't steal focus. */
  body.jr-mt-fb-active.jr-mt-is-timeline.jr-mt-open-completion #bmca-floating-box{display:none!important;}

  /* Mirror tap-through blocking when Completion is open (keeps the focused box clickable). */
  body.jr-mt-fb-active.jr-mt-is-timeline.jr-mt-open-completion.jr-mt-any-open > *:not(#jr-mt-actions):not(#jr-media-float):not(#bmft-floating-box):not(aside.jr-htu2-panel):not(aside.jr-mhfb-box.jr-mhfb--memories-help){
    pointer-events:none;
  }
  body.jr-mt-fb-active.jr-mt-is-timeline.jr-mt-open-completion.jr-mt-any-open #bmft-floating-box{pointer-events:auto;}
}