/* Mystery Box 3D Horizontal Scroll Styles */
  .mystery-box-scroll-container {
    position: relative;
  }
  
  .hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  
  .hide-scrollbar::-webkit-scrollbar {
    display: none;
  }
  
  .mystery-box-card {
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
  }
  
  .mystery-box-card:hover {
    transform: translateY(-8px) rotateY(5deg) scale(1.05);
    border-color: var(--ink) !important;
    box-shadow: 0 24px 50px -20px rgba(0, 0, 0, 0.30);
  }
  
  /* 3D scroll effect - cards appear to rotate as they scroll */
  @media (min-width: 640px) {
    #mysteryBoxScroller {
      scroll-padding: 1rem;
    }
  }