/* === Box Scene Text Styles === */
#box-scene-elements {
  cursor: grab;
  pointer-events: none; /* Allow events to fall through to the canvas */
}

#box-text-above,
#box-text-below,
#bold-link-container {
  pointer-events: auto; /* Re-enable pointer events for text elements */
}

#box-text-above {
  top: 15%;
  color: white;
  /* text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); */
  /* max-width is now inherited from .scene-text-line */
  letter-spacing: 0.01em; /* Reduced from 0.02em for a tighter look */
}

#box-text-below {
  bottom: 20%;
  color: white;
  /* text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); */
  max-width: 300px; /* Mobile max width */
  font-weight: bold; /* Or 700 */
}

/* === Box Scene Hint Text Specifics === */
#box-scene-elements .hint-text {
  /* Target hint text within box scene */
  /* Inherits common styles from .scene-hint-text */
  top: 50%;
  left: calc(50% + 120px); /* Adjust positioning as needed */
  transform: translateY(-50%); /* Ensure vertical centering */
  color: rgba(255, 255, 255, 0.6); /* Dim white */
  /* Specific font/size overrides if needed (currently uses base) */
}

/* === Bold Link Styles === */
/* Styles moved to scene.css under .scene-link-text */

/* === Mobile Adjustments for Box Scene === */
@media (max-width: 768px) {
  /* Target mobile devices */
  #box-text-above {
    width: 95%; /* Use more horizontal space */
    max-width: none; /* Override general scene max-width */
    text-shadow: none; /* Remove glow on mobile */
  }

  #bold-link-container.scene-link-text {
    width: 90%; /* Use more horizontal space */
    max-width: none; /* Override general scene max-width */
    bottom: 18%; /* Adjust bottom slightly if needed */
  }

  #box-scene-elements .hint-text {
    left: 50%; /* Center hint text horizontally */
    transform: translate(-50%, -50%); /* Center alignment */
    top: 55%; /* Adjust vertical position below dollar */
    font-size: 0.8rem; /* Slightly smaller hint */
    padding: 3px 6px;
  }
}

/* === Desktop Adjustments for Box Scene === */
/* @media (min-width: 769px) { */
/* Removed specific overrides for text-above/below size/width */
/* } */