/* Custom Game Styles for Tailwind CSS integration */

/* Mobile phone frame background */
.game-mobile-frame {
  background-image: url("/img/text-message-mock-iPhoneX-stretched.png");
  background-size: cover;
}

/* Game menu gradient background */
.game-menu-gradient {
  background-image: linear-gradient(
    to top right,
    transparent,
    rgba(0, 0, 0, 0.7)
  );
  border-top-right-radius: 5px;
}

/* Pause screen background */
.pause-screen-bg {
  background-image: url("/img/deck_icon_shape_bg_upgrade_4.png");
  background-size: 100%;
}

/* Hide scrollbar for mobile framed container */
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}