feat: roomier BO2 companion with +/- rank stepping

- Scale the COD page to the screen: larger gun art, text and progress
  ribbon, sized from one viewport unit so it fills a MacBook Pro 16"
  and big monitors and still fits 1280x720 without scrolling.
- Five columns on wide screens and four below, picked by CSS, so the
  server-rendered page already has the final layout.
- Replace the tabs/filters/overview rows with one toolbar of matching
  controls.
- Player and weapon ranks step with + and -: level 55 + 1 is the next
  prestige at level 1, up to max prestige. Presses show at once, batch
  while a save is running, and stepRank does the arithmetic in SQL.
- Clicking a rank still opens exact entry for big jumps.

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

src/lib/game-tracker/WeaponArtwork.svelte

@@ -7,7 +7,13 @@
 		name,
 		icon,
 		compact = false
-	}: { game: string; name: string; icon: string | null; compact?: boolean } = $props();
+	}: {
+		game: string;
+		name: string;
+		icon: string | null;
+		/** Fill the parent box instead of using a fixed thumbnail size. */
+		compact?: boolean;
+	} = $props();
 	const source = $derived(
 		artwork.find((a) => a.game === game && a.name.toLowerCase() === name.toLowerCase())
 	);
@@ -17,7 +23,9 @@
 {#if src}
 	<Dialog.Root>
 		<Dialog.Trigger
-			class="shrink-0 overflow-hidden rounded-md border focus-visible:outline-2"
+			class={compact
+				? 'block h-full w-full cursor-zoom-in rounded-md focus-visible:outline-2'
+				: 'shrink-0 overflow-hidden rounded-md border focus-visible:outline-2'}
 			aria-label={`View ${name} artwork`}
 			><img
 				{src}
@@ -25,7 +33,7 @@
 				loading="lazy"
 				width="112"
 				height="64"
-				class={compact ? 'h-6 w-12 object-contain' : 'h-16 w-28 object-contain'}
+				class={compact ? 'h-full w-full object-contain' : 'h-28 w-56 object-contain'}
 			/></Dialog.Trigger
 		>
 		<Dialog.Content class="sm:max-w-3xl"