/* Make the two game panels more visual without reducing legibility. */
.pvg-selection { background-image: linear-gradient(rgba(255,253,247,.72),rgba(255,253,247,.82)), url('travel-wheel-background.png'); background-size: cover; background-position: left center; }
.pvg-visual { background-image: linear-gradient(rgba(8,45,61,.74),rgba(8,45,61,.82)), url('travel-wheel-background.png'); background-size: cover; background-position: right center; }
.pvg-visual > div { position: relative; z-index: 1; text-shadow: 0 2px 12px rgba(0,0,0,.35); }

/* Prevent grid and form controls from creating a horizontal scroll on phones. */
@media (max-width: 740px) {
  .pvg-wrap { width: 100%; max-width: 100%; overflow-x: hidden; padding: 28px 14px; }
  .pvg-workspace { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .pvg-selection, .pvg-ticket { min-width: 0; width: 100%; padding: 20px; }
  .pvg-input { display: grid; grid-template-columns: minmax(0, 1fr) 50px; gap: 8px; }
  .pvg-input input { width: 100%; min-width: 0; }
  .pvg-bottom { align-items: flex-start; flex-direction: column; gap: 10px; }
  .pvg-newsletter { margin-bottom: 22px; padding: 20px; }
}