UI overhaul "Living Codex" E: per-screen layouts

Ported all 9 screens to the prototype layout (visual only; all data wiring, text,
aria-labels, and testids preserved) via parallel agents + central verification:
- Dashboard: editorial hero, party roster w/ HP meters + avatars, quests, threats, rolls.
- Campaigns: cover-art deck cards + gilt rule + footer.
- Character sheet + roster: hero header, StatCoin abilities, prof rows; grimoire cards.
- Combat: glowing initiative rows (PC gilt / foe ember), condition badges, log.
- Dice: die-pool glyphs, adv/dis segmented toggle, crit/fumble stage, history.
- Compendium: Spectral stat blocks (ember headers, ability row).
- Settings: grouped icon-tile cards. Live Session: room-code card, seat grid, player board.
- Battle Map: carded list + tooled editor chrome (canvas untouched).

Regression fixes after the ports: dice die-buttons aria-label `d4` not `Roll 1d4`
(was colliding with the primary Roll button); map "Open player view" link uses an
ExternalLink icon (test updated, ↗ glyph removed); seat-claim card gets a stable
data-testid="seat-option" (redesign moved rounded-lg→rounded-xl).

223 unit + 34 e2e + 2 realtime green; tsc + eslint + build clean.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/features/player/PlayerViewPage.tsx

@@ -40,12 +40,16 @@ function Shell({ title, subtitle, children }: { title: string; subtitle: string;
   const enterFullscreen = () => void document.documentElement.requestFullscreen?.().catch(() => {});
   return (
     <Page>
-      <div className="mb-6 flex items-end justify-between">
-        <div>
-          <h1 className="font-display text-3xl font-bold text-accent">{title}</h1>
-          <p className="text-sm text-muted">{subtitle}</p>
+      <div className="mb-6">
+        <div className="flex flex-wrap items-end justify-between gap-3">
+          <div>
+            <div className="font-display text-sm italic text-accent">The table is live</div>
+            <h1 className="font-display text-3xl font-semibold tracking-tight text-ink">{title}</h1>
+            <p className="mt-1 text-sm text-muted">{subtitle}</p>
+          </div>
+          <Button variant="secondary" onClick={enterFullscreen} className="print:hidden">⛶ Fullscreen</Button>
         </div>
-        <Button variant="secondary" onClick={enterFullscreen} className="print:hidden">⛶ Fullscreen</Button>
+        <hr className="gilt-rule mt-3" />
       </div>
       {children}
     </Page>