Match the site to the approved designs

Denser star field, the page nebula, a favicon package, the filament banner
without its box, the About portrait, Kashi and tea photos and Scorpius, the
Store's own header, a header logo glow, a resume PDF that fills its page,
one divider on the Library and Shelf, star-chart art for coverless
favorites, Shelf Players, Play time and blog filters with a Show all fold,
make kind pills on craft pages, and full-width closing bands.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012aSbo2D1qP8cMFQCykf7kx

services/site/src/components/library/GameCard.astro

@@ -11,7 +11,7 @@ import StarChartArt from "@gk/ui/components/StarChartArt.astro";
 import StatusPill from "@gk/ui/components/StatusPill.astro";
 import StatusChip from "../StatusChip.astro";
 import { formatDate, mediaSrc, type SiteIndex } from "../../lib/site.ts";
-import { gamePlayers, gamePlayTime, type Game } from "../../lib/library.ts";
+import { gamePlayers, gamePlayTime, minutesOf, playersOf, type Game } from "../../lib/library.ts";
 
 interface Props {
   game: Game;
@@ -24,6 +24,8 @@ const plays = d.howItPlays ?? [];
 const status = site.statusFor(game);
 // Players and play time sync from BoardGameGeek; nothing shows until they have.
 const facts = [gamePlayers(game), gamePlayTime(game)].filter(Boolean);
+const seats = playersOf(game);
+const hasPost = site.backlinks(game, { type: "post" }).length > 0;
 ---
 <li
   id={game.slug}
@@ -34,6 +36,9 @@ const facts = [gamePlayers(game), gamePlayTime(game)].filter(Boolean);
   data-f={d.favorite ? "1" : undefined}
   data-lp={d.lastPlayed}
   data-c={d.created}
+  data-pl={seats?.join("-")}
+  data-t={minutesOf(game)}
+  data-b={hasPost ? "1" : undefined}
   hidden={hidden}
 >
   <Card as="div" class="game-card">