UX batch 2: room landscape-fit, rank vs league naming

- Room: teams side-by-side in landscape so all 4 seats fit (still scrolls).
- Achievements: rename the 5 rating tiers from «لیگ» (league) to «رتبه» (rank)
  + category «رتبه» — so "league" only means the 3 playable match leagues.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/components/screens/RoomScreen.tsx

@@ -89,7 +89,9 @@ export function RoomScreen() {
         }
       />
 
-      {/* your team */}
+      {/* teams: stacked on phones, side-by-side in landscape so all 4 seats fit */}
+      <div className="grid gap-x-4 landscape:grid-cols-2">
+        <div>
           <h3 className="text-xs text-teal-300 font-bold mb-2">{t("team.us")}</h3>
           <div className="grid grid-cols-2 gap-3">
             <SeatCard seat={seat(0)} role="you" onInvite={() => {}} onBot={() => {}} onClear={() => {}} />
@@ -101,9 +103,10 @@ export function RoomScreen() {
               onClear={() => clearSeat(2)}
             />
           </div>
+        </div>
 
-      {/* opponents */}
+        <div className="mt-5 landscape:mt-0">
-      <h3 className="text-xs text-rose-300 font-bold mt-5 mb-2">{t("room.opponents")}</h3>
+          <h3 className="text-xs text-rose-300 font-bold mb-2">{t("room.opponents")}</h3>
           <div className="grid grid-cols-2 gap-3">
             <SeatCard
               seat={seat(1)}
@@ -120,6 +123,8 @@ export function RoomScreen() {
               onClear={() => clearSeat(3)}
             />
           </div>
+        </div>
+      </div>
 
       <div className="flex gap-3 mt-7">
         <button onClick={leave} className="glass rounded-xl px-5 py-3 text-cream/70 hover:text-cream">

src/lib/online/gamification.ts

@@ -224,7 +224,7 @@ export const ACHIEVEMENT_CATEGORIES: AchievementCategoryDef[] = [
   { id: "streak", nameFa: "نوار پیروزی", nameEn: "Streaks", icon: "⚡" },
   { id: "hakem", nameFa: "حاکمیت", nameEn: "Rulership", icon: "👑" },
   { id: "level", nameFa: "سطح", nameEn: "Levels", icon: "⭐" },
-  { id: "rank", nameFa: "لیگ", nameEn: "Ranks", icon: "🏅" },
+  { id: "rank", nameFa: "رتبه", nameEn: "Ranks", icon: "🏅" },
   { id: "veteran", nameFa: "کارنامه", nameEn: "Veterancy", icon: "🎮" },
 ];
 
@@ -288,11 +288,11 @@ export const ACHIEVEMENTS: AchievementDef[] = [
     (g) => `${g} باخت`, (g) => `${g} Losses`,
     (g) => `با وجود ${g} باخت ادامه دهید`, (g) => `Persevere through ${g} losses`),
   // ranks (explicit rating floors)
-  { id: "reach_silver", category: "rank", ratingFloor: 1100, goal: 1, coinReward: 150, icon: "🥈", nameFa: "لیگ نقره", nameEn: "Reach Silver", descFa: "به لیگ نقره برسید", descEn: "Reach the Silver league" },
+  { id: "reach_silver", category: "rank", ratingFloor: 1100, goal: 1, coinReward: 150, icon: "🥈", nameFa: "رتبهٔ نقره", nameEn: "Reach Silver", descFa: "به رتبهٔ نقره برسید", descEn: "Reach the Silver rank" },
-  { id: "reach_gold", category: "rank", ratingFloor: 1300, goal: 1, coinReward: 300, icon: "🥇", nameFa: "لیگ طلا", nameEn: "Reach Gold", descFa: "به لیگ طلا برسید", descEn: "Reach the Gold league" },
+  { id: "reach_gold", category: "rank", ratingFloor: 1300, goal: 1, coinReward: 300, icon: "🥇", nameFa: "رتبهٔ طلا", nameEn: "Reach Gold", descFa: "به رتبهٔ طلا برسید", descEn: "Reach the Gold rank" },
-  { id: "reach_platinum", category: "rank", ratingFloor: 1500, goal: 1, coinReward: 500, icon: "🛡️", nameFa: "لیگ پلاتین", nameEn: "Reach Platinum", descFa: "به لیگ پلاتین برسید", descEn: "Reach the Platinum league" },
+  { id: "reach_platinum", category: "rank", ratingFloor: 1500, goal: 1, coinReward: 500, icon: "🛡️", nameFa: "رتبهٔ پلاتین", nameEn: "Reach Platinum", descFa: "به رتبهٔ پلاتین برسید", descEn: "Reach the Platinum rank" },
-  { id: "reach_diamond", category: "rank", ratingFloor: 1700, goal: 1, coinReward: 900, icon: "💠", nameFa: "لیگ الماس", nameEn: "Reach Diamond", descFa: "به لیگ الماس برسید", descEn: "Reach the Diamond league" },
+  { id: "reach_diamond", category: "rank", ratingFloor: 1700, goal: 1, coinReward: 900, icon: "💠", nameFa: "رتبهٔ الماس", nameEn: "Reach Diamond", descFa: "به رتبهٔ الماس برسید", descEn: "Reach the Diamond rank" },
-  { id: "reach_master", category: "rank", ratingFloor: 1900, goal: 1, coinReward: 1500, icon: "👑", nameFa: "لیگ استاد", nameEn: "Reach Master", descFa: "به لیگ استاد برسید", descEn: "Reach the Master league" },
+  { id: "reach_master", category: "rank", ratingFloor: 1900, goal: 1, coinReward: 1500, icon: "👑", nameFa: "رتبهٔ استاد", nameEn: "Reach Master", descFa: "به رتبهٔ استاد برسید", descEn: "Reach the Master rank" },
 ];
 
 function metricValue(metric: NonNullable<AchievementDef["metric"]>, stats: PlayerStats, level: number): number {