RTL-First: Rebuilding the UI for Arabic

How we retooled the entire component library to make Arabic the primary reading direction, not an afterthought.

Most games treat Arabic as a translated afterthought. We flipped the priority: our component library was rebuilt so that RTL is the primary direction and LTR is the fallback.

Highlights

Every icon flips programmatically via dir context, never with a manual override.
Menus, tooltips, and modals anchor to the correct edge automatically.
The Arabic font stack (Cairo, Aref Ruqaa) is preloaded to prevent FOUT.
All CSS uses logical properties (margin-inline-start, border-inline-end).

This foundation is what let us add Kurdish (Kurmanji) as a first-class language in a single afternoon.

#i18n#rtl#accessibility