@media (max-width: 400px){
  .wrap{ padding: 0 18px; }
  .hero{ padding-left: 18px; padding-right: 18px; }
  .slot-grid{ grid-template-columns: repeat(2, 1fr); }
}

/* Prevent horizontal overflow anywhere */
html, body{ overflow-x: hidden; }
img, svg{ max-width: 100%; }

/* Keep the chat panel from ever exceeding the viewport height on short screens */
@media (max-height: 640px){
  .chat-messages{ height: 260px; }
}