/* RF-AVALON Market V61.0.109
   Final mobile polish for character listing:
   show all three game-character cards at once instead of clipping the third
   inside the character-picker scroll area. UI-only. */

@media (max-width: 760px) {
  /* RF accounts have three character slots. Let the form itself scroll rather
     than creating a second inner scrollbar just for these three cards. */
  .modal:not(.item-sale-modal):not(.item-trade-modal) > form:not(.login-form) .character-picker {
    max-height: none !important;
    height: auto !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
    overscroll-behavior: auto !important;
    padding-right: 0 !important;
  }

  /* Preserve a clean visual gap between all three character rows, including
     the taller red online/blocked variants. */
  .modal:not(.item-sale-modal):not(.item-trade-modal) > form:not(.login-form) .character-picker {
    gap: 9px !important;
  }

  .modal:not(.item-sale-modal):not(.item-trade-modal) > form:not(.login-form) .character-picker > button:last-of-type {
    margin-bottom: 2px !important;
  }
}