/* Give phone cards enough room for readable names and touch targets. */
@media (max-width: 639px) {
    #main-content-area .casino-lobby-grid { grid-template-columns: repeat(var(--casino-mobile-cols, 2), minmax(0, 1fr)); gap: 12px; }
    #main-content-area [data-frontend-game-card] { min-width: 0; border-radius: 16px; }
    #main-content-area .lobby-game-title { white-space: normal; text-align: center; padding: 8px 10px 0; }
    #main-content-area .lobby-game-title h4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow-wrap: anywhere; min-height: 36px; line-height: 18px; font-size: 13px; }
    #main-content-area .lobby-game-heart { width: 40px; height: 40px; }
}
@media (max-width: 1023px) {
    #main-content-area .lobby-game-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 5px; padding: 6px 8px 8px; margin-top: auto; }
    #main-content-area .lobby-game-actions button { width: 100%; min-width: 0; min-height: 32px; padding: 6px 8px; gap: 5px; line-height: 16px; font-size: 12px; font-weight: 700; border-radius: 8px; box-shadow: 0 1px 3px rgb(0 0 0 / 12%); }
    #main-content-area .lobby-game-actions i { margin: 0; flex-shrink: 0; font-size: 11px; }
    #main-content-area .lobby-game-actions button:only-child { align-self: start; }
}