/* Three-quarter-width drawer with comfortable spacing and one scroll area. */
@media (max-width: 899px) {
  .app-menu-backdrop .app-mobile-drawer { width: 75vw; }
  .app-mobile-drawer .app-drawer-header { flex-basis: 60px; grid-template-columns: 30px minmax(0,1fr) 44px; gap: 8px; padding-inline: 14px; }
  .app-mobile-drawer .app-drawer-header > img { width: 30px; height: 30px; }
  .app-mobile-drawer .app-drawer-header strong { font-size: 20px; letter-spacing: -.3px; }
  .app-mobile-drawer .app-drawer-content { padding-inline: 14px; }
  .app-mobile-drawer .app-drawer-profile,.app-mobile-drawer .app-drawer-guest { flex-direction: row; gap: 10px; padding: 10px 0 18px; }
  .app-mobile-drawer .app-drawer-profile > img,.app-mobile-drawer .app-drawer-guest > img { width: 48px; height: 48px; flex-basis: 48px; }
  .app-mobile-drawer .app-drawer-profile > span,.app-mobile-drawer .app-drawer-guest > span { flex: 1; width: auto; }
  .app-mobile-drawer .app-drawer-profile strong,.app-mobile-drawer .app-drawer-guest strong { font-size: 16px; }
  .app-mobile-drawer .app-drawer-profile small,.app-mobile-drawer .app-drawer-profile em,.app-mobile-drawer .app-drawer-guest small { font-size: 13px; }
  .app-mobile-drawer .app-drawer-creator-counts { gap: 3px 6px; font-size: 12px; }
  .app-mobile-drawer .app-drawer-creator-counts > [aria-hidden] { display: none; }
  .app-mobile-drawer .app-drawer-row,.app-mobile-drawer .app-drawer-primary { display: grid; grid-template-columns: 22px minmax(0,1fr) 14px; gap: 3px 12px; min-height: 50px; padding: 10px 6px; font-size: 15px; line-height: 1.3; }
  .app-mobile-drawer .app-drawer-row > .app-icon,.app-mobile-drawer .app-drawer-primary > .app-icon { width: 22px; height: 22px; }
  .app-mobile-drawer .app-drawer-row > span,.app-mobile-drawer .app-drawer-primary > span { grid-column: 2; grid-row: 1; min-width: 0; overflow-wrap: anywhere; }
  .app-mobile-drawer .app-drawer-row > .app-drawer-chevron,.app-mobile-drawer .app-drawer-primary > .app-drawer-chevron { grid-column: 3; grid-row: 1; display: block; width: 14px; height: 14px; }
  .app-mobile-drawer .app-drawer-balance { grid-column: 2; grid-row: 2; margin-inline-start: 0; font-size: 13px; }
  .app-mobile-drawer .app-drawer-row small { font-size: 12px; }
  .app-mobile-drawer .app-drawer-scrollbar { top: calc(60px + env(safe-area-inset-top)); }
}