/* Bestiary builder interaction fixes. */

/* The monster art must sit above editable columns so pointer events reach it. */
.ff-floating-art{
  z-index:4!important;
  pointer-events:auto!important;
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
.ff-floating-art:active{
  cursor:grabbing!important;
}
.ff-floating-art img{
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-user-drag:none!important;
}

/* Restore the original full-line d20 from the legacy builder.
   Keep the existing 28x28 slot so the A4 header geometry does not change. */
.ff-page-header svg{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  background:center/28px 28px no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM3YTIwMTQiIHN0cm9rZS13aWR0aD0iMC45IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMTIsMiAyMC42Niw3IDIwLjY2LDE3IDEyLDIyIDMuMzQsMTcgMy4zNCw3Ii8+PHBvbHlnb24gcG9pbnRzPSI2LjUsNy41IDE3LjUsNy41IDEyLDE3LjUiLz48bGluZSB4MT0iMTIiIHkxPSIyIiB4Mj0iNi41IiB5Mj0iNy41Ii8+PGxpbmUgeDE9IjEyIiB5MT0iMiIgeDI9IjE3LjUiIHkyPSI3LjUiLz48bGluZSB4MT0iMjAuNjYiIHkxPSI3IiB4Mj0iMTcuNSIgeTI9IjcuNSIvPjxsaW5lIHgxPSIyMC42NiIgeTE9IjE3IiB4Mj0iMTcuNSIgeTI9IjcuNSIvPjxsaW5lIHgxPSIyMC42NiIgeTE9IjE3IiB4Mj0iMTIiIHkyPSIxNy41Ii8+PGxpbmUgeDE9IjEyIiB5MT0iMjIiIHgyPSIxMiIgeTI9IjE3LjUiLz48bGluZSB4MT0iMy4zNCIgeTE9IjE3IiB4Mj0iMTIiIHkyPSIxNy41Ii8+PGxpbmUgeDE9IjMuMzQiIHkxPSIxNyIgeDI9IjYuNSIgeTI9IjcuNSIvPjxsaW5lIHgxPSIzLjM0IiB5MT0iNyIgeDI9IjYuNSIgeTI9IjcuNSIvPjwvc3ZnPg==")!important;
}
.ff-page-header svg>*{
  display:none!important;
}

/* The scaled A4 sheet must be centred by its real scaled wrapper width.
   Scaling from the centre leaves the 794px layout box hanging outside the
   reduced stage on phones, which visually shifts the sheet sideways. */
.ff-page-stage{
  display:block!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:1100px){
  .ff-page-a4{
    transform-origin:top left!important;
  }
  .ff-page-stage{
    position:relative!important;
    overflow:visible!important;
  }
}