Stage 7 polish: app shell + nav + lobby + settings (Parts A/B/C)

- Screen.svelte shell: nav bar grows, ad+content+tabbar pinned bottom (mobile feel)
- AdBanner.svelte + banner.ts rotator (params, mock long/short, linkify); Header CSS chevron + grow; Menu (bigger CSS hamburger); TabBar + HoldConfirm shared components; user-select:none
- Lobby: hide-empty sections, tab order New/Tournaments/Stats, place-based result badges (result.ts)
- Settings: Board style > Labels (beginner/classic/none) + prefs plumbing (boardlabels.ts); i18n keys + ru mirror

ui/src/lib/result.ts

@@ -0,0 +1,30 @@
+// Pure mapping from a game view (for the viewer) to a status/result badge: a label key
+// and a place-based emoji. Used by the lobby lists.
+
+import type { GameView } from './model';
+import type { MessageKey } from './i18n/catalog';
+
+export interface ResultBadge {
+  key: MessageKey;
+  emoji: string;
+}
+
+export function resultBadge(game: GameView, myId: string): ResultBadge {
+  const me = game.seats.find((s) => s.accountId === myId);
+
+  if (game.status === 'active') {
+    return game.toMove === me?.seat
+      ? { key: 'result.yourMove', emoji: '🟢' }
+      : { key: 'result.oppMove', emoji: '⏳' };
+  }
+
+  if (me?.isWinner) return { key: 'result.victory', emoji: '🏆' };
+  if (!game.seats.some((s) => s.isWinner)) return { key: 'result.draw', emoji: '🏅' };
+
+  // Someone else won — place the viewer by score (1 + number of higher scores).
+  const rank = 1 + game.seats.filter((s) => s.score > (me?.score ?? 0)).length;
+  if (rank <= 1) return { key: 'result.victory', emoji: '🏆' };
+  if (rank === 2) return game.players === 2 ? { key: 'result.defeat', emoji: '🥈' } : { key: 'result.place2', emoji: '🥈' };
+  if (rank === 3) return { key: 'result.place3', emoji: '🥉' };
+  return { key: 'result.place4', emoji: '🏅' };
+}