docs: cut v0.21.1 — icon, accessibility, card-visual iteration

Promotes the [Unreleased] section to [0.21.1] dated 2026-05-08 and opens a fresh empty [Unreleased]. Patch release covering the 10 post-v0.21.0 commits. Two Resume-prompt options closed: - A — App icon. Runtime Window::icon wired via WinitWindows on desktop (target-gated to non-Android since Android draws its launcher icon from the APK manifest); 9-size PNG hierarchy at assets/icon/ generated by a new icon_generator example from a shared icon_svg builder. The follow-up `716a025` wraps NonSend<WinitWindows> in Option<...> to satisfy Bevy 0.18's stricter system-param validation. - F — High-contrast and reduce-motion accessibility modes. Settings flags wired through the engine + Settings panel UI toggles. CBM and HC compose; reduce-motion forces card slide duration to 0 regardless of AnimSpeed. Card-visual iteration cycle moved through three states: v0.21.0 Terminal pink/gray → 4-colour-deck experiment (`62b61cc`) → traditional 2-colour reversion at player request (`ddb6540`, saturated red + near-white). Two visible bugs surfaced and were fixed: - `dd97021` dropped the suit-coloured card border to remove anti-aliasing artifacts at the rounded corners. - `4d48cad` hides pile markers when occupied — the actual visible-artifact fix for "gray L corners". Implements the documented but previously-not-enforced "remain visible only where a pile is empty" invariant in table_plugin's module doc. cargo clippy --workspace --all-targets -- -D warnings clean. 1192 passing / 0 failing (net +8 from v0.21.0's 1184). Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
fix(engine): hide pile markers under cards — kill the gray-corner artifact
2026-05-08 12:56:32 -07:00 · 2026-05-08 12:49:13 -07:00 · 2026-05-08 12:41:54 -07:00 · 2026-05-08 12:35:36 -07:00 · 2026-05-08 12:00:55 -07:00 · 2026-05-08 11:28:27 -07:00
131 changed files with 1445 additions and 920 deletions
@@ -6,9 +6,175 @@ project follows [Semantic Versioning](https://semver.org/).
 ## [Unreleased]
-No threads in flight. v0.21.0 cut on 2026-05-08; CHANGELOG accumulates
+No threads in flight. v0.21.1 cut on 2026-05-08; CHANGELOG accumulates
 the next cycle here.
 ## [0.21.1] — 2026-05-08
 Patch release for the post-v0.21.0 work — closes Resume-prompt
 Options A (app icon) and F (high-contrast + reduce-motion
 accessibility modes), plus a card-visual iteration cycle that
 moved through three states: the v0.21.0 Terminal pink/gray, a
 brief 4-colour-deck experiment (hearts pink, diamonds gold,
 clubs lime, spades gray), and a reversion to traditional 2-colour
 "Microsoft Solitaire on dark mode" pairing (saturated red +
 near-white). Two visible bugs surfaced and were fixed during
 the iteration: the suit-coloured border produced anti-aliasing
 artifacts at rounded card corners (border dropped entirely),
 and the pile-marker sprite bleed-through created visible "gray
 L" shapes where cards sat on markers (markers now hide when
 occupied — the documented but previously-not-enforced "remain
 visible only where a pile is empty" invariant).
 ### Added
 - **Desktop window icon** (`3eb3a26`). Runtime `Window::icon`
  wired via `WinitWindows`; embedded 256 px PNG decoded on
  startup via `tiny_skia` and handed to winit. Plus a 9-size
  PNG hierarchy at `assets/icon/icon_<size>.png` covering
  Linux hicolor (16/24/32/48/64/128/256/512), Windows `.ico`
  targets (16/32/48/256), and macOS `.icns` targets
  (16/32/64/128/256/512/1024). All sizes generated from a
  shared `icon_svg` builder (Terminal `▌RS` mark on dark
  `#151515` with brick-red accent) by a new
  `icon_generator` example. Pin test `icon_svg_pin` guards
  rasterised RGBA bytes against `usvg`/`resvg` drift. Two
  new `solitaire_app` deps target-gated to non-Android:
  direct `winit = "0.30"` (for `Icon` construction —
  `bevy_winit` 0.18 doesn't re-export it) and direct
  `tiny-skia` (for PNG → RGBA decode). Android draws its
  launcher icon from the APK manifest, so neither dep is
  needed there.
 - **`Settings::high_contrast_mode` flag** (`c5787c6`). Boosts
  card text colours: hearts/diamonds → `RED_SUIT_COLOUR_HC`
  (`#ff6868`), clubs/spades → `TEXT_PRIMARY_HC` (`#f5f5f5`).
  Composes with `color_blind_mode`: CBM lime wins over HC red
  on red suits when both are on; HC still applies to dark
  suits independent of CBM. Six new tests pin the truth
  table.
 - **`Settings::reduce_motion_mode` flag** (`c5787c6`). Forces
  `effective_slide_secs` to `0.0` regardless of the
  `AnimSpeed` selection, making cards snap instantly to their
  target. Two new tests pin the gate behaviour and the
  fall-through to `anim_speed_to_secs` when off. Future
  scope: gate splash scanline / cursor pulse / warning-chip
  pulse on the same flag.
 - **Settings UI toggle rows** (`07e0357`). Two new rows in
  the Settings panel under Cosmetic (alongside Color-blind):
  "High Contrast" and "Reduce Motion". `tab-walk` order
  visits all three accessibility flags in one vertical run.
  Same shape as the existing `ColorBlindText` toggle scaffold
  with marker components, label updaters, click handlers,
  and disambiguator chains.
 - **`sync_pile_marker_visibility` system** (`4d48cad`).
  Implements the module-level doc invariant in `table_plugin`
  ("pile markers ... remain visible only where a pile is
  empty") that was previously declared but not enforced.
  Hides the pile-marker sprite for any pile that has a card
  on top, shows it for empty piles. Closes the "gray L
  corners" artifact where the marker's translucent fill bled
  through the rounded card corners.
 ### Changed
 - **Card-face suit colours** (`62b61cc` → `ddb6540`). Started
  the cycle at v0.21.0's Terminal pink (`#fb9fb1`) / gray
  (`#d0d0d0`), briefly experimented with a 4-colour deck
  (`62b61cc` — hearts pink, diamonds gold, clubs lime, spades
  gray) for faster suit recognition by hue alone, then
  reverted to traditional 2-colour pairing at the player's
  request (`ddb6540`). Final state: `RED_SUIT_COLOUR =
  #e35353` (saturated red, replacing the v0.21.0 pink) and
  `BLACK_SUIT_COLOUR = #e8e8e8` (near-white, brighter than
  the v0.21.0 `#d0d0d0` foreground gray so the dark suits
  read as a chromatic-neutral counterpart to the saturated
  red rather than as "the same gray as body text"). Reads
  like Microsoft Solitaire on dark mode. `RED_SUIT_COLOUR_HC`
  rebumped to `#ff6868` (brighter saturated red) so HC stays
  more chromatic than the new default red rather than the
  previous pinker boost. The 4-colour experiment's commit
  history is preserved in the log; net delta vs. v0.21.0 is
  the new red + new near-white.
 - **Card-face border dropped** (`dd97021`). The earlier 1 px
  suit-coloured stroke on the card body produced
  anti-aliasing artifacts at the rounded corners (the colored
  stroke faded through gray pixels into the play surface).
  Cards now have no border — body fill alone defines the
  shape against the play surface; the 5-unit brightness gap
  between `#1a1a1a` body and `#151515` surface is enough to
  read as a card edge without an explicit stroke.
  `design-system.md` § Game Cards line 225 updated in
  lockstep.
 - **Settings UI accessibility row count** (`07e0357`). Three
  toggles in Cosmetic now: Color-blind, High Contrast,
  Reduce Motion. Existing query-disambiguator chains in
  `handle_settings_buttons` extended with `Without<HighContrastText>`
  and `Without<ReduceMotionText>` so the new components
  don't ambiguate the existing mutations.
 ### Fixed
 - **Bevy 0.18 system-param validation panic on icon startup**
  (`716a025`). `NonSend<WinitWindows>` failed validation on
  the first few frames before winit's `Resumed` event populated
  the resource. Bevy 0.18's stricter validation panics rather
  than skips when a non-send resource is absent; the error
  message itself spelled out the fix ("wrap the parameter in
  `Option<T>` and handle `None` when it happens"). Wraps
  `winit_windows` as `Option<NonSend<WinitWindows>>` and
  early-returns on `None`.
 - **"Gray L corners" on cards** (`4d48cad`). Two artifacts
  were producing similar-looking grey at card corners: the
  SVG stroke fading through gray pixels (closed by `dd97021`)
  and the pile-marker sprite bleeding through the rounded
  cutouts (closed by `4d48cad`). Right test target, wrong
  visible-artifact target on the first attempt — the pin
  test correctly drifted 52 face hashes, but the visible
  gray came from a different layer. Two layers, two fixes;
  the second closed the player-visible complaint.
 ### Documentation
 - `docs/ui-mockups/design-system.md` § Suit Colors retitled
  through three states (Terminal 2-color → "Four-color
  deck" → final "Two-color traditional pairing"). Final
  table records the saturated red + near-white. § Game Cards
  border spec changed from "1px solid in suit color" to
  "Border: none" with the artifact-rationale audit trail.
  CBM section text updated through each colour-scheme
  iteration.
 - `SESSION_HANDOFF.md` refreshed twice this cycle (`0c1cc40`
  + `31139ae`) — the first reset the post-v0.21.0 narrative
  ("no threads in flight"), the second recorded Options A +
  F closures and trimmed the Resume-prompt menu.
 - New module-level doc strings on the new constants
  (`RED_SUIT_COLOUR_HC`, `TEXT_PRIMARY_HC`, `BORDER_SUBTLE_HC`,
  `RED_SUIT_COLOUR_CBM` semantic shift) record the
  composability rules between CBM and HC and the "what to
  use this for" rationale.
 ### Stats
 - **1192 passing tests / 0 failing** across the workspace
  (net +8 from v0.21.0's 1184 baseline). New tests added by
  this release:
  - `card_face_svg_pin` integration test rebaselined three
    times during the suit-colour iteration; final hashes
    pin the saturated-red + near-white + no-border state.
  - 4 high-contrast text_colour tests + 2 reduce-motion
    `effective_slide_secs` tests in `card_plugin` /
    `animation_plugin` (from `c5787c6`).
  - 1 `icon_svg_pin` integration test guarding the icon
    rasterisation pipeline (from `48b28d2` — actually
    landed in v0.21.0's accounting but worth noting for the
    cycle).
  - 1 `pile_markers_hide_when_pile_is_occupied` test pinning
    the new visibility-by-occupancy invariant (from
    `4d48cad`).
 - Zero clippy warnings under `cargo clippy --workspace
  --all-targets -- -D warnings`.
 - `cargo test --workspace` clean.
 ## [0.21.0] — 2026-05-08
 Closes the visual-identity arc opened in v0.20.0. Three through-lines
@@ -6957,6 +6957,8 @@ dependencies = [
 "keyring",
 "solitaire_data",
 "solitaire_engine",
 "tiny-skia 0.12.0",
 "winit",
 ]
 [[package]]
@@ -1,403 +1,75 @@
 # Solitaire Quest — Session Handoff
-**Last updated:** 2026-05-08 — v0.20.0 cut and tagged at `41a009a`,
+**Last updated:** 2026-05-08 — **v0.21.0 cut and tagged at `04f9bf9`**,
-all post-cut commits pushed to origin (HEAD = `dd101b3`), working
+working tree clean, all post-tag work pushed to origin.
-tree clean.
+
-The cut itself shipped two through-lines: a full **Terminal visual-
+v0.21.0 closes the visual-identity arc opened in v0.20.0. Three
-identity port** (token system, modal scaffold, gameplay-feedback,
+through-lines landed in this cycle: the **card-face / suit /
-toasts, table / card chrome, splash cursor) and the **Android
+card-back artwork migration** that v0.20.0 deliberately deferred
-persistence shim** that closes the `dirs::data_dir() = None` pitfall
+(both rendering paths in lockstep — `assets/cards/*.png` fallback
-flagged in CLAUDE.md §10. Since the cut, the post-tag work split
+plus the bundled-default theme SVGs at
-into two arcs: (1) splash boot-screen port + replay-overlay
+`solitaire_engine/assets/themes/default/*.svg` that
-banner enrichments + desktop-adaptation spec — closing Resume-prompt
+`include_bytes!()`-embed into the binary), the **splash boot-
-Options B and C (see "Since the v0.20.0 cut" entries below); and
+screen + replay-overlay polish** that closed Resume-prompt
-(2) **the card-face artwork regeneration arc — Option D, closed
+Options B and C, and a late-cycle **`ACCENT_PRIMARY` palette
-2026-05-08** — full Terminal cards rendering on every face, plus
+swap** from cyan `#6fc2ef` to brick red `#a54242` after a quick
-three follow-up fixes that surfaced during sign-off (default-theme
+stakeholder review of the shipped art.
-SVG override, table backgrounds, top-bar overlap), plus a
+
-glyph-orientation tweak (no 180° inverted-corner rotation).
+Full v0.21.0 detail lives in `CHANGELOG.md` § [0.21.0]. This
 file from here on focuses on what's *open* post-cut and how to
 resume.
 ## Status at pause
- **HEAD locally:** see `git rev-parse HEAD`. Most recent narrative
+- **HEAD locally:** see `git rev-parse HEAD`. The cut commit is
-  entry below names the latest substantive commit; this status line
+  `04f9bf9`; any post-cut docs edits ride on top of that.
-  intentionally avoids hard-coding the SHA so a docs-only edit
+- **HEAD on origin:** matches local. v0.21.0 is fully on origin.
  doesn't immediately stale the handoff.
 - **HEAD on origin:** matches local. All post-cut commits pushed
  through `dd101b3`. Decide whether to roll the post-tag work
  into v0.20.1 / v0.21.0-candidates the next time a release is cut.
 - **Working tree:** clean. No WIP outstanding.
 - **`artwork/` directory:** still untracked. Intentional.
 - **Build:** `cargo clippy --workspace --all-targets -- -D warnings`
  clean.
- **Tests:** **1184 passing / 0 failing** across the workspace.
+- **Tests:** **1184 passing / 0 failing** across the workspace
-  Net delta from the 1180 baseline: splash polish added two
+  (net +8 from v0.20.0's 1176 baseline). Detail in
-  (`build_scanline_image_has_expected_2x2_rgba_bytes`,
+  `CHANGELOG.md` § [0.21.0] § Stats.
-  `scanline_overlay_spawns_and_fades_with_splash`); the
+- **Tags on origin:** `v0.9.0` through `v0.21.0`. v0.21.0 is on
-  card-face migration added one (`card_face_svg_pin` integration
+  `04f9bf9`; v0.20.0 stays on `41a009a`.
  test) and consolidated two (`face_colour` CBM tests folded
  into `text_colour` CBM tests, net −2 then +1 from pin);
  call it +4 net.
 - **Tags on origin:** `v0.9.0` through `v0.20.0`. v0.20.0 is on
  `41a009a`.
-## Since the v0.20.0 cut (un-pushed)
+## Since the v0.21.0 cut
-### `39b8496` `docs(ui): add Terminal desktop-adaptation spec`
+Two Resume-prompt options closed post-tag (2026-05-08):
-`docs/ui-mockups/desktop-adaptation.md` — 283 lines covering
+- **Option A — App icon round** (`3eb3a26` + `716a025`). 9-size
-viewport assumptions, seven universal adaptation rules, and per-
+  PNG hierarchy in `assets/icon/` (16/24/32/48/64/128/256/512/
-screen geometry rules for the priority surfaces (Game Table, Win
+  1024 px), generated by a new `icon_generator` example from a
-Summary, Settings, Help, Pause, Home, Splash, Stats, and the
+  shared `icon_svg` builder (Terminal `▌RS` mark on dark
-modal-pattern screens Profile / Achievements / Theme Picker /
+  `#151515` with brick-red accent). Runtime `Window::icon`
-Daily Challenge). Closes the spec gap — 23 of 24 mockups were
+  wired via `WinitWindows` on desktop only (Android draws its
-mobile-only, but the v0.20.0 token-port pass was already layout-
+  launcher icon from the APK manifest). The follow-up fix
-agnostic so nothing shipped broken. The spec matters for *next*
+  `716a025` wraps `NonSend<WinitWindows>` in `Option<...>`
-ports.
+  to satisfy Bevy 0.18's stricter system-param validation —
  the resource doesn't exist on the first few frames before
  winit's `Resumed` event fires. New deps (target-gated
  non-Android): direct `winit = "0.30"` for `Icon`
  construction, direct `tiny-skia` for PNG → RGBA decode.
  Pin test `icon_svg_pin` guards future rasteriser drift.
 - **Option F — Accessibility modes** (`c5787c6` + `07e0357`).
  High-contrast and reduce-motion settings flags wired through
  the engine and surfaced as Settings panel toggles. HC boosts
  `RED_SUIT_COLOUR` to `#ff8aa0` and `BLACK_SUIT_COLOUR` to
  `#f5f5f5` for card text rendering; reduce-motion forces
  `effective_slide_secs` to 0 regardless of `AnimSpeed`. CBM
  and HC compose: lime CBM wins on red when both are on; HC
  still applies to black suits when both are on. Six new
  tests pin the truth tables. UI toggles sit alongside the
  Color-blind row in Settings → Cosmetic; tab-walk visits
  all three accessibility flags in one vertical run.
-**Why rules > visual mockups for this gap:** Stitch's
+Three Resume-prompt options remain live: B (APK launch
-`generate_variants` API timed out on the layout-only adaptation
+verification), C (replay-overlay extensions), D (Toast
-prompt (server-side flake, not a prompt-shape issue — confirmed
+Warning/Error wiring), E (Phase 8 sync). The visible-payoff
-by polling `list_screens` with no new variant landing). A markdown
+pieces of the post-v0.21.0 menu have shipped; what's left is
-rules file applies to every screen including the 9 missing-plugin
+Android runtime work, replay-overlay polish, sync infrastructure,
-surfaces (splash, challenge, time-attack, weekly-goals,
+and toast-event sourcing.
 leaderboard, sync, level-up, replay-overlay, radial-menu) that
 aren't in the Stitch project at all. It's also referenceable from
 code comments and commit messages without loading an image.
 ### `cacb19c` `feat(engine): port the splash to the Terminal boot-screen treatment`
 Implements the full mockup-spec splash from
 `docs/ui-mockups/splash-mobile.html` plus the desktop adaptation
 rules:
 - **Header**: cursor block (96 px `▌`), wordmark ("Solitaire
  Quest"), 192 px divider, "TERMINAL EDITION" subtitle.
 - **Boot log**: three ✓ check rows (`assets loaded`,
  `theme: terminal`, `progress restored`) + a `▌ ready_` line.
  Capped at 480 px width on desktop (else 70 % viewport).
 - **Progress bar**: 1 px track (`BORDER_SUBTLE`) with a 100 %-
  width cyan (`ACCENT_PRIMARY`) fill + `DONE · 247 ASSETS`
  caption. Capped at 720 px on desktop (else 80 %).
 - **Footer**: `BASE16-EIGHTIES` label, eight palette swatches
  (12 × 12 px each — one per named token in the design system),
  version line.
 **Refactored the alpha-fade scaffold** from per-marker queries
 (`SplashTitle` / `SplashSubtitle` / `SplashCursor`) to a single
 `SplashFadable { base_color: Color }` + `SplashFadableBg`
 variant. ~15 fadable elements share one global query each;
 adding more is one component-attach, not three new query types.
 **Skipped, with rationale captured in the commit:**
 - Scanline overlay (needs a tiled-pattern asset or custom shader).
  *Open in "Visual-identity follow-ups" below.*
 - Pulsing cursor on the "ready_" line (would fight the global
  fade timeline). *Open in "Visual-identity follow-ups" below.*
 - "RUSTY SOLITAIRE" wordmark from the mockup (the actual product
  is "Solitaire Quest"; the mockup leaked the repo name). *Closed
  — the in-engine wordmark stays "Solitaire Quest".*
 ### `c84d9f4` `feat(engine): scrub fill bar + per-frame updater for replay overlay`
 Closes the WIP described in the prior handoff. Adds the 1 px cyan
 scrub bar called for in `docs/ui-mockups/replay-overlay-mobile.html`:
 a track in `BORDER_SUBTLE` spans the bottom edge of the banner and
 the cyan `ACCENT_PRIMARY` fill mirrors `cursor / total` via a new
 `ReplayOverlayScrubFill` component + `update_scrub_fill` system.
 The pure `scrub_pct` helper is shared between the spawn path
 (initial fill width) and the per-frame updater so the first paint
 already reflects state instead of popping `0 → cursor` on the
 first tick — same shape as the existing `format_progress` /
 `update_progress_text` split. Two new tests cover the four corners
 of `scrub_pct` and an end-to-end drive of `ReplayPlaybackState`
 asserting `Node.width` on the unique scrub-fill entity. Same
 change-detection guard as the text updaters, so an idle replay
 leaves the node untouched.
 Header text treatment (closed by `6204db8` immediately below),
 move-log scroll, MOVE chip, and WIN MOVE callout from the same
 mockup are still open — separate commits.
 ### `6204db8` `feat(engine): port replay banner label to ▌ cursor-block treatment`
 Aligns the replay overlay's headline with the splash boot-screen
 idiom landed in `cacb19c`: `Replay` → `▌ replay` and
 `Replay complete` → `▌ replay complete`. The cursor block (`▌`,
 U+258C) prefixed to a lowercased label reads as a Terminal output
 line rather than a generic UI title, tightening the family
 resemblance between the two top-level overlay surfaces. Pure
 text-content change; no behavioural shift, no new components, no
 new systems.
 **Mockup deviation (intentional):** the source mockup string in
 `docs/ui-mockups/replay-overlay-mobile.html` is `▌replay.tsx`. The
 `.tsx` is a prototyping leak — Stitch renders in React, so the
 mockup author reached for a familiar filename — and was dropped
 for the in-engine version since the codebase is Rust. The `▌` +
 lowercase pattern is what reads as a Terminal-output-line; the
 extension is incidental. (Same shape as the "RUSTY SOLITAIRE"
 wordmark deviation noted under `cacb19c` — the mockup leaked the
 repo name; the actual product is "Solitaire Quest".)
 ### `54005d5` `feat(engine): add GAME #YYYY-DDD caption beneath the replay headline`
 Adds the right-anchored game-identifier piece of the replay-overlay
 mockup, adapted to live *under* the existing "▌ replay" headline as
 a `TYPE_CAPTION` (11 px) / `TEXT_SECONDARY` subtitle. Format is
 `GAME #{year}-{ordinal:03}` (e.g. `GAME #2026-122` for a replay
 recorded 2026-05-02) — year + chrono ordinal gives a compact,
 monotonically-increasing identifier matching the mockup's
 `GAME #2024-127` motif. New `ReplayOverlayGameCaption` marker, new
 pure helper `format_game_caption(state) -> Option<String>` (None
 for Inactive / Completed since the replay is consumed in those
 branches; spawn-time fall-through to empty string).
 **Layout impact:** `BANNER_HEIGHT` bumped 48 → 60 px so the new
 left column (headline + 2 px gap + caption ≈ 39 px content) fits
 under the scrub bar with room to spare. +12 px banner mass is the
 deliberate cost of the new content; no other plugin observes
 `BANNER_HEIGHT` so the change is local.
 Two new tests (1180 → 1182): `format_game_caption_covers_state_corners`
 pins the three branches plus the zero-pad-to-3-digits invariant
 for early-January ordinals; `overlay_game_caption_shows_replay_date`
 drives `ReplayPlaybackState` end-to-end.
 ### `e080b49` `feat(engine): restyle replay progress text as Terminal MOVE chip`
 Closes the centre-text half of the replay-overlay enrichments. The
 plain "Move N of M" text becomes a 1px `ACCENT_PRIMARY`-bordered
 chip containing "MOVE N/M" — uppercase + slash separator reads as
 a Terminal output line and matches the floating-chip motif in
 `docs/ui-mockups/replay-overlay-mobile.html`. The chip lives
 in-banner rather than floating above the focused card (the
 screen-takeover treatment that requires plumbing cursor → card
 identity remains deferred).
 **Implementation note:** `BorderColor` in Bevy 0.18 is a per-side
 struct, not a tuple — `BorderColor::all(ACCENT_PRIMARY)` is the
 correct constructor. Worth pinning for next time we touch a
 border-painted UI surface. The `ReplayOverlayProgressText` marker
 stays on the inner Text rather than the new chip Node so
 `update_progress_text` keeps repainting unchanged — a deliberate
 "markers belong on the entity that updates change" choice.
 Test count unchanged (1182); `overlay_progress_text_reflects_cursor`
 swapped its assertion from "Move 5 of 10" to "MOVE 5/10".
 This pair (`54005d5` + `e080b49`) closes Option C from the
 SESSION_HANDOFF Resume prompt's banner-local enrichments. Floating-
 chip-above-focused-card and the full screen-takeover redesign
 remain — both data-layer or cross-plugin and intentionally still
 open.
 ### `29136d8` `feat(engine): add pulsing trailing cursor to splash "▌ ready_" line`
 Closes the cursor-pulse half of the splash polish arc deferred in
 `cacb19c`. The "▌ ready_" line now ends with a 6×12 px cyan Node
 that pulses on a 1 s sine cadence, multiplied with the global
 splash fade timeline so the cursor never reaches full alpha while
 the rest of the splash is still fading in.
 **The "multiply, don't override" pattern.** Two systems write the
 same `BackgroundColor` per frame: `advance_splash` writes the
 global-fade alpha, `pulse_splash_cursor` overwrites with
 `global_alpha × pulse_factor`. Both derive from `SplashAge` on the
 root, so the writes are commensurate — the second one isn't
 "fighting" the first, just refining it. This is the cleanest fix
 for the "fight the global fade timeline" warning the original
 `cacb19c` skip note flagged.
 **Defensive division guard.** `cursor_pulse_factor(age, period, min)`
 short-circuits to `1.0` when `period <= 0.0` so a future
 misconfiguration produces a steady cursor rather than NaN
 propagation (NaN in alpha = invisible UI, hard to debug). Worth
 mirroring on every trig/division helper, not just this one.
 One new test (1182 → 1183): `cursor_pulse_factor_corners` pins the
 peak (factor = 1 at age = period / 4), trough (factor = min at age =
 period × 3 / 4), and the zero/negative-period guard.
 ### `a27cf5a` `feat(engine): add tiled scanline overlay to splash`
 Closes the scanline half of the splash polish arc. A fullscreen
 `ImageNode` tiles a runtime-generated 2×2 RGBA8 texture over the
 splash content — top row transparent, bottom row `#1a1a1a` at
 ~30 % alpha — producing the 1 px-pitch horizontal scanline pattern
 called for in `docs/ui-mockups/splash-mobile.html`.
 **Texture-α × tint-α composite for fade integration.** The 30 %
 alpha is baked into the texture pixels, not the `ImageNode.color`
 tint. `advance_splash`'s new third query writes
 `(1, 1, 1, global_alpha)` into the tint each tick; the GPU
 multiplies texture-α by tint-α, so the visible composite is
 `0.3 × global_alpha`. Cleaner than building a "multiplicative
 fadable" abstraction in the ECS — the GPU already does this
 multiplication for free.
 **Bevy 0.18 API surprises (worth pinning):**
 - `RenderAssetUsages` re-exports under `bevy::asset::`, not
  `bevy::render::render_asset::`. Type name unchanged; module
  path moved.
 - `TextureFormat::pixel_size()` returns `Result<usize, _>` rather
  than the bare `usize` you'd expect for a static format query.
  Annoying enough that the `debug_assert_eq!` against the buffer
  length just hard-codes the `2 × 2 × 4 = 16` literal.
 Headless test fixture now also `init_resource::<Assets<Image>>()`
 since `MinimalPlugins` doesn't pull `AssetPlugin` — same pattern
 `settings_plugin::tests` already used. Without it, the
 `Option<ResMut<Assets<Image>>>` parameter on `spawn_splash` would
 fall through and the scanline overlay would silently skip,
 defeating the new tests.
 Two new tests (1183 → 1185):
 `build_scanline_image_has_expected_2x2_rgba_bytes` locks the
 texture pixels literally so a future tweak can't drift the
 appearance silently; `scanline_overlay_spawns_and_fades_with_splash`
 asserts spawn placement under `SplashRoot` and the new
 fade-images branch's correctness end-to-end.
 This pair (`29136d8` + `a27cf5a`) closes Option B from the
 SESSION_HANDOFF Resume prompt — both splash polish pieces now
 shipped.
 ### `5623368`…`dd101b3` — Option D card-face migration arc
 Closed 2026-05-08 across nine commits. The full Terminal card
 artwork now renders end-to-end. Detail breakdown lives in the
 "Visual-identity follow-ups" punch-list entry below; the short
 version:
 - Migration plan + pipeline tooling: `5623368` (plan doc),
  `3a4bb63` (single-card PoC proving the `usvg`/`resvg` pipeline
  at per-card grain), `babe5cc` (full
  `solitaire_engine/examples/card_face_generator.rs` example
  emitting 52 faces + 5 backs into `assets/cards/`), `48b28d2`
  (the `card_face_svg_pin` integration test pinning rasteriser
  output via inline FNV-1a hashing of raw RGBA8 bytes — the
  pin's bootstrap pattern, "empty `EXPECTED` → run → paste",
  is the maintenance interface for future intentional changes).
 - Lockstep step 4+5: `e8bf9d7`. New PNG bytes + the 5
  `card_plugin` constants (`CARD_FACE_COLOUR`,
  `RED_SUIT_COLOUR`, `BLACK_SUIT_COLOUR`,
  `CARD_FACE_COLOUR_RED_CBM` → `RED_SUIT_COLOUR_CBM`,
  `card_back_colour`) + signature shifts in one commit.
  `face_colour` deleted — Terminal face is uniformly
  `CARD_FACE_COLOUR` regardless of CBM, so the function
  collapsed to a constant. `text_colour` gained a
  `color_blind: bool` parameter (red→cyan suit-glyph swap when
  CBM is on). Four `face_colour` CBM tests folded into two
  `text_colour` CBM tests in lockstep.
 - Three follow-ups that surfaced during sign-off, all from the
  same "fallback path the migration walked past" pattern:
  `a14200a` regenerated the embedded **default-theme SVGs** at
  `solitaire_engine/assets/themes/default/*.svg`; those bytes
  `include_bytes!()`-embed into the binary and override
  `assets/cards/*.png` at startup, so the PNG migration alone
  didn't change what production rendered. `8719f77`
  regenerated `assets/backgrounds/bg_*.png` to flat Terminal
  near-black (5 solid-colour PNGs via a new
  `solitaire_engine/examples/background_generator.rs` example).
  `ae84dc1` cleared the **top-bar overlap** at portrait/narrow
  window widths by swapping the action-button row's hardcoded
  `font_size: 16.0` to `TYPE_BODY` (a typography-migration
  miss) and stepping horizontal padding from `VAL_SPACE_3`
  to `VAL_SPACE_2`.
 - Glyph-rendering fix: `af414b6`. The bundled `FiraMono`
  doesn't carry usable U+2660-2666 glyphs at the requested
  size — `usvg` was silently substituting tiny "tofu" marks.
  Switched suit glyphs from `<text>` elements to inline SVG
  `<path>` elements via a new `suit_path_d` helper. Path-based
  rendering bypasses the font system entirely; same bytes on
  every machine, no fontdb dependency, no substitution risk.
  Same path data renders correctly whether filled (♥ ♠) or
  outlined (♦ ♣ — the always-on color-blind glyph
  differentiation).
 - Glyph-orientation tweak: `dd101b3`. Removed the 180° rotation
  from the bottom-right large suit glyph at user request. Both
  glyphs now render upright. `design-system.md` § Game Cards
  line 220 updated in lockstep — the deliberate deviation from
  the traditional inverted-corner-indicator convention is
  documented in the spec, not just the code.
 The pin test fired exactly twice during this arc (once for the
 text→path switch, once for the unrotation) and rebaselined
 cleanly each time via the empty-then-paste pattern. The 5
 `back_*` hashes stayed identical across both rebaselines —
 secondary signal that the FNV-1a fingerprinting is purely
 deterministic on rasteriser output.
 This arc closes Option D from the SESSION_HANDOFF Resume prompt
 and effectively completes the Terminal visual-identity port —
 only the toast warning/error variant slots remain wired-but-
 unused.
 ## What shipped in v0.20.0 (frozen at `41a009a`)
 ### Terminal visual-identity port
 Top-down stack — every commit downstream of the token system
 reads from it, so swapping the palette is now a one-file edit:
 - **`ui_theme` token system** (`0d477ac`). base16-eighties
  palette, 5-rung type scale, 7-rung 4-multiple spacing scale,
  3-step radius, 14-rung z-index hierarchy, full motion budget,
  4 invariant-pinning unit tests. Card-shadow alphas pinned to 0
  (Terminal achieves depth via 1px borders + tonal layering).
 - **Modal scaffold already on tokens** — `ui_modal` was ported
  in the same commit's wake; three stale "loud yellow" /
  "magenta secondary" doc comments fixed.
 - **Gameplay feedback → semantic state tokens** (`ceec4fc`).
  Selection / valid-drop tints route through `ACCENT_PRIMARY` /
  `STATE_WARNING` / `STATE_SUCCESS`.
 - **Toasts** (`a137607`). New `ToastVariant` enum
  (Info / Warning / Error / Celebration); opaque `BG_ELEVATED`
  + 1px accent border + bottom-anchor. All ten call sites pass
  their semantic variant.
 - **`table_plugin` chrome** (`651f406`).
  `PILE_MARKER_DEFAULT_COLOUR` promoted; `cursor_plugin` imports
  it, replacing a "kept in sync" doc comment with a compile-
  enforced invariant. `HINT_PILE_HIGHLIGHT_COLOUR` →
  `STATE_WARNING`.
 - **`card_plugin` chrome** (`d752870`). Drag-elevation shadow
  routes through `CARD_SHADOW_*` tokens. `RIGHT_CLICK_HIGHLIGHT_COLOUR`
  → `STATE_SUCCESS`. Stock recycle "↺" text → `TEXT_PRIMARY @ 0.7α`.
  Card-face / suit / card-back palette intentionally NOT migrated
  (artwork dependency — see open-list item below).
 - **Splash cursor** (`cdcadda`). The signature `▌` cyan glyph
  (96 px) added above the wordmark, matching the spec.
  *Subsequently expanded post-cut by `cacb19c` into the full
  boot-screen treatment.*
 - **Hint-source / dest pairing** (`9891ae4`). `input_plugin`'s
  source-card tint now matches the destination pile's
  `STATE_WARNING`.
 - **Design system + 24-mockup library** (`fa7f98a`).
  `docs/ui-mockups/design-system.md` + 24 Stitch mockups (HTML +
  PNG) covering every screen plus 9 missing-plugin surfaces.
 - **`card_shadow_params` test aligned** (`1d1543e`). Drag-vs-
  idle shadow assertion loosened to `>=` to accept the Terminal
  "no shadow" intent without losing the regression-guard.
 ### Android persistence
 - **`solitaire_data::data_dir` shim** (`4b51e50`). New
  `solitaire_data::platform::data_dir()` falls through to
  `dirs::data_dir()` on desktop and returns the per-app sandbox
  at `/data/data/com.solitairequest.app/files` on Android — no
  JNI needed (package id pinned in `[package.metadata.android]`).
  Six `solitaire_data` callsites + `solitaire_engine/assets/user_dir.rs`
  migrated. Settings, stats, achievements, replays, game-state,
  time-attack sessions, and user themes now persist on Android.
 ### Inherited from earlier in the cycle (pre-session)
 - Android build target + APK (`fb8b2ac`), runbook (`59424a3`),
  F3 FPS overlay (`690e1d2`), Smart Window Size opt-out
  (`e1b8766`), Shareable badge (`9b065e5`), Help cheat-sheet
  M/P/Enter rows (`35516d3`), `pull_failure_sets_error_status`
  flake fix (`67c150b`).
 ## Open punch list
@@ -422,92 +94,53 @@ reads from it, so swapping the palette is now a one-file edit:
  Either upstream a cargo-apk fix or document `--lib` as
  canonical in the runbook.
-### Visual-identity follow-ups (opened by v0.20.0's port)
+### Visual-identity follow-ups (post-v0.21.0)
- *Card-face / suit / card-back artwork regeneration — closed
+The visual-identity arc is effectively complete: token system,
-  2026-05-08 by the commit chain `5623368` → `dd101b3`.* The
+chrome migration, splash boot screen, replay-overlay banner,
-  Terminal spec called for dark `#1a1a1a` cards with light suit
+card-face artwork (both rendering paths), and the `ACCENT_PRIMARY`
-  pips (pink for hearts/diamonds, foreground gray for spades/
+palette refresh all shipped in v0.20.0 + v0.21.0. What stays open:
-  clubs). Closed across nine commits over two arcs:
+
-  - **Plan + tooling (`5623368`–`48b28d2`):** migration plan
+- **Replay-overlay screen-takeover redesign.** The full mockup
-    doc, single-card PoC, full `card_face_generator` example
+  (`docs/ui-mockups/replay-overlay-mobile.html`) calls for a
-    (52 faces + 5 backs into `assets/cards/`), and the
+  mini-tableau preview, playback controls, move-log scroll, and
-    `card_face_svg_pin` integration test pinning rasteriser
+  a WIN MOVE marker on the scrub bar. Banner-local pieces all
-    output via FNV-1a so future `usvg`/`resvg` upgrades surface
+  shipped in v0.21.0 (`c84d9f4` + `6204db8` + `54005d5` +
-    as test failures rather than silent visual drift.
+  `e080b49`); the screen-takeover is a multi-session redesign
-  - **Lockstep step 4+5 (`e8bf9d7`):** PNGs + the 5 `card_plugin`
+  with data-layer impact (move-log scroller; WIN MOVE needs a
-    constants + signature shifts in one commit.
+  `win_move_index` field on `Replay` that doesn't yet exist).
-    `CARD_FACE_COLOUR_RED_CBM` renamed to `RED_SUIT_COLOUR_CBM`
+- **Floating `MOVE N/M` chip above the focused card during
-    and repurposed from a face-tint to a suit-glyph swap (the
+  playback.** Cross-plugin work — `update_progress_text` writes
-    Terminal face is uniform `CARD_FACE_COLOUR` regardless of
+  the banner chip but the card-position lookup belongs in
-    CBM; CBM only swaps red suits to cyan in the glyph itself).
+  `card_plugin`. Smaller scope than the screen-takeover.
-    `face_colour` deleted, `text_colour` gained a `color_blind`
+- **Toast Warning / Error variants.** `ToastVariant` has slots
-    parameter.
+  for `Warning` (gold) and `Error` (pink) but no in-engine
-  - **Three follow-ups that surfaced during sign-off:**
+  event uses them yet. Wire when a warning- or error-flavoured
-    `a14200a` regenerated the **default-theme SVGs** at
+  toast event materialises.
-    `solitaire_engine/assets/themes/default/*.svg` — those
+- *High-contrast accessibility mode — closed 2026-05-08 by
-    `include_bytes!()`-embed into the binary and override
+  `c5787c6` + `07e0357`.* Card text rendering picks up
-    `assets/cards/*.png` at runtime, so the PNG migration alone
+  `TEXT_PRIMARY_HC` (`#f5f5f5`) and `RED_SUIT_COLOUR_HC`
-    didn't change what production rendered. `8719f77`
+  (`#ff8aa0`); Settings panel has a toggle. Future scope:
-    regenerated `assets/backgrounds/bg_*.png` to flat Terminal
+  extend HC through chrome borders (`BORDER_SUBTLE_HC` already
-    near-black (5 solid-colour PNGs via a new
+  defined, not yet consumed), buttons, popover edges.
-    `background_generator` example). `ae84dc1` cleared the
+- *Reduced-motion mode — closed 2026-05-08 by the same pair.*
-    **top-bar overlap** at portrait/narrow window widths by
+  `effective_slide_secs` forces 0 when on, regardless of the
-    swapping the action-button row's hardcoded `font_size: 16.0`
+  `AnimSpeed` setting. Future scope: gate splash scanline
-    to `TYPE_BODY` and stepping horizontal padding from
+  overlay + cursor pulse animation on the same flag, gate
-    `VAL_SPACE_3` to `VAL_SPACE_2`.
+  warning-chip pulse, gate any future card-lift z-bump
-  - **Glyph-rendering fix (`af414b6`):** suit glyphs render as
+  animation.
    inline SVG paths (not `<text>`) because the bundled
    `FiraMono` doesn't carry usable U+2660-2666 at the
    requested size — `usvg` was silently substituting tiny
    "tofu" marks. Path-based rendering bypasses the font system
    entirely; same bytes on every machine. The pin test
    rebaselined cleanly via the empty-then-paste pattern.
  - **Glyph-orientation tweak (`dd101b3`):** removed the 180°
    rotation from the bottom-right large suit glyph at user
    request — both glyphs now render in the same upright
    orientation. `design-system.md` § Game Cards line 220
    updated in lockstep to document the deliberate deviation
    from the traditional inverted-corner-indicator convention.
 - *Splash boot-loader scanline overlay — closed by `a27cf5a`.*
  Runtime-generated 2 × 2 RGBA8 texture tiled via
  `NodeImageMode::Tiled`; per-pixel alpha × tint alpha gives
  multiplicative fade integration without new abstractions.
 - *Splash cursor pulse — closed by `29136d8`.* Trailing 6 × 12 px
  cyan Node, sine-pulsed, multiplied with the global splash fade
  (the "multiply, don't override" pattern that resolves the
  original `cacb19c` skip-rationale).
 - **Replay-overlay enrichments beyond the scrub bar.** Banner-local
  pieces of the mockup (`docs/ui-mockups/replay-overlay-mobile.html`)
  all shipped: scrub bar (`c84d9f4`), `▌ replay` cursor-block label
  (`6204db8`), `GAME #YYYY-DDD` caption (`54005d5`), `MOVE N/M`
  chip restyle (`e080b49`). What's still open are the cross-plugin
  / data-layer pieces: a `MOVE N/M` chip *floating above the
  focused card* during playback (would need to thread the cursor
  through to the card layer — `update_progress_text` writes the
  banner chip but the card-position lookup belongs in `card_plugin`).
  The full mockup's screen-takeover treatment — mini-tableau
  preview, playback controls, move-log scroll, WIN MOVE marker on
  the scrub bar — is a multi-session redesign with
  data-layer impact (move-log scroller; the WIN MOVE marker
  needs a `win_move_index` field on `Replay` that doesn't yet
  exist). Banner-overlay behaviour is intentionally preserved
  for now.
 - **Toast Warning / Error variants.** The `ToastVariant` enum
  has slots for `Warning` (gold) and `Error` (pink) but no
  in-engine event uses them yet. Wire when a warning- or error-
  flavoured toast event materialises.
 ### Carried forward from v0.19.0
- **App icon round.** `Window::icon` not yet wired; no
+- *App icon round — closed 2026-05-08 by `3eb3a26` + `716a025`.*
-  `.icns` / `.ico` / Linux hicolor PNG hierarchy. The 11-size
+  Runtime `Window::icon` wired (Linux/macOS/Windows); 9-size
-  icon export the v0.19 handoff referenced is *not* currently
+  PNG hierarchy at `assets/icon/icon_<size>.png` covers Linux
-  in `artwork/` (current `artwork/` holds the reverted Rusty
+  hicolor + downstream `.icns`/`.ico` packaging needs. The
-  Pixel card PNGs and is intentionally untracked); icon-export
+  `.ico` and `.icns` bundle-format files themselves are *not*
-  needs to be re-run before this item can be picked up.
+  generated — both would need new crate deps (`ico` and
-  Half-day task once the PNGs are back in place. No cert
+  `icns` respectively) and only matter at app-bundle time
-  dependency.
+  (cargo-bundle / packaging), not at `cargo run`. Open if the
  project later ships as a packaged macOS / Windows app.
 ### Other small candidates
@@ -568,10 +201,9 @@ reads from it, so swapping the palette is now a one-file edit:
 ### Canonical remote
 `github.com/funman300/Rusty_Solitaire` is the canonical repo.
-Always push there. **Local master has unpushed post-cut commits**
+Always push there. As of v0.21.0 origin matches local; the next
-— run `git log --oneline origin/master..HEAD` for the live list;
+push happens when post-cut work accumulates and is ready to roll
-`git push` is the next durability step (or roll the post-cut
+into a v0.21.1 / v0.22.0 cut.
 commits into v0.20.1).
 ### Design direction (Terminal — base16-eighties)
@@ -579,35 +211,41 @@ commits into v0.20.1).
  monospaced-forward typography (JetBrains Mono / FiraMono), tight
  16 px edge margins, 8 px card radius.
 - **Palette:** near-black surface ramp (`#151515` / `#202020` /
-  `#2a2a2a` / `#353535`), cyan primary CTA (`#6fc2ef`), lime
+  `#2a2a2a` / `#353535`), brick-red primary CTA (`#a54242` —
  swapped from cyan `#6fc2ef` in v0.21.0 commit `a292a7e`), lime
  success (`#acc267`), gold warning (`#ddb26f`), pink error /
  suit-red (`#fb9fb1`), lavender celebration (`#e1a3ee`), teal
  info (`#12cfc0`).
 - **Two-color suits.** Red = `#fb9fb1`, black = `#d0d0d0`.
  Outlined glyphs for diamonds & clubs are *always on*; the
-  Settings "color-blind mode" toggle only swaps red → cyan.
+  Settings "color-blind mode" toggle swaps red → lime `#acc267`
  (was red → cyan pre-v0.21.0; lime is the next-best non-red
  base16-eighties accent now that the primary itself is red).
 - **Card glyphs render upright in both corners** — no 180°
  inverted-corner-indicator rotation. Single-orientation
  digital play doesn't benefit from the traditional flip-
  readback convention. `design-system.md` § Game Cards
  documents this deliberate deviation.
 ## Resume prompt
 ```
 You are a senior Rust + Bevy developer working on Solitaire Quest.
 Working directory: <Rusty_Solitaire clone path on this machine>.
-Branch: master. v0.20.0 is tagged at 41a009a; the post-cut work
+Branch: master. v0.21.0 is tagged at 04f9bf9 (cut 2026-05-08).
-through dd101b3 is pushed to origin (Options B, C, D all closed).
+Working tree clean. v0.21.0 closed the visual-identity arc that
-Run `git log --oneline 41a009a..HEAD` to see what landed since the
+v0.20.0 deferred — full Terminal cards on both rendering paths
-tag — substantives: desktop-adaptation spec, splash boot-screen
+(asset PNGs + bundled-default theme SVGs), splash boot screen,
-port, replay-overlay banner enrichments, and the full card-face
+replay-overlay banner enrichments, and a project-wide ACCENT_PRIMARY
-artwork arc (52 faces + 5 backs as Terminal SVG-rasterised PNGs,
+swap from cyan to brick red `#a54242`. See CHANGELOG.md § [0.21.0]
-default-theme SVGs in lockstep, table backgrounds flattened,
+for full detail.
 top-bar layout fix, glyph orientation upright).
-State: HEAD locally — see `git rev-parse HEAD`. Working tree is
+State: HEAD locally — see `git rev-parse HEAD`. All workspace tests
-clean. All workspace tests pass (~1180+; check with
+pass (1184+; check with `cargo test --workspace`), clippy clean.
 `cargo test --workspace`), clippy clean.
 READ FIRST (in order, before doing anything):
  1. SESSION_HANDOFF.md  — this file
-  2. CHANGELOG.md        — [0.20.0] section is the most recent cut
+  2. CHANGELOG.md        — [0.21.0] section is the most recent cut
  3. CLAUDE.md           — unified-3.0 rule set
  4. CLAUDE_SPEC.md      — formal architecture spec
  5. ARCHITECTURE.md     — crate responsibilities + data flow
@@ -622,38 +260,38 @@ READ FIRST (in order, before doing anything):
                           fresh machine)
 DECISION TO ASK THE PLAYER FIRST:
-  A. Push the post-cut commits to origin. Either as-is on master
+  A. *Closed 2026-05-08 by `3eb3a26` + `716a025`.* App icon
-     or rolled into a v0.20.1 cut (CHANGELOG entry + tag).
+     round — runtime `Window::icon` wired plus a 9-size PNG
-     Mechanical, but local master diverges from origin until done.
+     hierarchy at `assets/icon/`. `.ico` / `.icns` bundle
-  B. *Closed by `29136d8` + `a27cf5a`.* Both splash polish
+     formats stay open if the project later ships as a
-     pieces shipped (cursor pulse + scanline overlay). No further
+     packaged macOS / Windows app.
-     splash work pending unless a new mockup detail surfaces.
+  B. APK launch verification on AVD / device — `adb install` +
-  C. *Closed by `54005d5` + `e080b49`.* Banner-local replay-overlay
+     `adb logcat` to shake out runtime bugs the build / unit
-     pieces all shipped (scrub bar, ▌ label, GAME caption, MOVE
+     tests can't catch. Likely surfaces JNI ClipboardManager
-     chip). Remaining are cross-plugin (floating MOVE chip above
+     and Android Keystore stubs that need real bridges. Larger
-     the focused card — needs cursor → card-position plumbing) or
+     scope; needs an Android device or emulator running.
-     multi-session (full screen-takeover redesign — move-log
+  C. Replay-overlay extensions — either the floating `MOVE N/M`
-     scroll, mini tableau, WIN MOVE marker, data-layer impact).
+     chip above the focused card (smaller, cross-plugin; needs
-     Either belongs in its own decision tree the next time replay
+     cursor → card-position plumbing in `card_plugin`) or the
-     work surfaces.
+     full screen-takeover redesign (multi-session: move-log
-  D. *Closed 2026-05-08 by `5623368`…`dd101b3`.* The full
+     scroll, mini tableau preview, WIN MOVE marker, data-layer
-     card-face / suit / card-back / default-theme / table-
+     impact for `Replay::win_move_index`).
-     background / top-bar / glyph-orientation arc landed across
+  D. Toast Warning / Error variant wiring. UI infrastructure
-     nine commits. Terminal cards rendering on every face (dark
+     exists in `ToastVariant`; no in-engine event uses Warning
-     `#1a1a1a` background, pink/gray suit glyphs as inline SVG
+     (gold) or Error (pink) yet. Wire when a real warning- or
-     paths, scanline-pattern cyan-accent backs); both rendering
+     error-flavoured event materialises.
-     paths (`assets/cards/*.png` and the bundled-default theme
+  E. Phase 8 (sync) — local storage scaffolding, self-hosted
-     SVGs at `solitaire_engine/assets/themes/default/*.svg`) in
+     Axum server, `SolitaireServerClient` impl, GPGS stub
-     lockstep; pin test (`card_face_svg_pin`) guards against
+     wired into Settings. The biggest open arc by scope; rolls
-     future rasteriser drift. Visual-identity arc effectively
+     up several Phase Android dependencies (Keystore,
-     complete — only the toast warning/error variant slots
+     ClipboardManager).
-     remain wired-but-unused.
+  F. *Closed 2026-05-08 by `c5787c6` + `07e0357`.* High-contrast
-  E. App icon round — re-run artwork/Icon Export.html (the
+     and reduced-motion accessibility modes — Settings flags
-     export PNGs are not currently in `artwork/`), then wire
+     + UI toggles + engine wiring. Card text rendering uses
-     Window::icon + generate .icns / .ico. Half-day task. No
+     HC variants when on; card slide_secs forces to 0 when
-     cert dependency.
+     reduce-motion is on. Future scope: extend HC through
-  F. APK launch verification on AVD / device + the JNI bridges
+     chrome borders, buttons; gate splash + warning-chip
-     it would shake out (ClipboardManager, Keystore).
+     animations on reduce-motion.
 WORKFLOW NOTES:
  - Use the system git config (already correct).
@@ -663,6 +301,13 @@ WORKFLOW NOTES:
  - Every commit must pass build / clippy / test before pushing.
  - Push to GitHub (origin) — gh auth setup-git wired on
    primary dev box; verify on laptop before first push.
  - Token-port pattern: when migrating tokens, walk every
    concrete artifact downstream of the token (PNG textures,
    embedded SVGs, hardcoded literals, comment color names),
    not just the token name. v0.21.0 surfaced three "the
    migration walked past this" follow-ups that all matched
    this shape — codified here so future similar work can
    pattern-match instead of rediscovering.
 OPEN AT THE START: ask which of A–F. Don't pick unilaterally.
 ```
@@ -137,18 +137,23 @@ The palette is base16-eighties — a 16-slot terminal palette where indices 00
 ## Suit Colors
-**Two-color traditional mapping**, with mandatory color-blind support:
+**Two-color traditional pairing**, with mandatory color-blind
 support. Saturated red for hearts + diamonds, near-white for clubs
 + spades — the "Microsoft Solitaire on dark mode" feel of a real
 playing-card deck. (A brief 4-color-deck experiment shipped between
 v0.21.0 and the next post-cut commit; reverted to traditional
 2-color at the player's request.)
 | Suit | Default | Color-blind mode | Glyph differentiation |
 |---|---|---|---|
-| Hearts | `#fb9fb1` (pink) | `#acc267` (lime) | Solid filled glyph |
+| Hearts | `#e35353` (saturated red) | `#acc267` (lime) | Solid filled glyph |
-| Diamonds | `#fb9fb1` (pink) | `#acc267` (lime) | **Outlined glyph (1.5px stroke)** |
+| Diamonds | `#e35353` (saturated red) | `#acc267` (lime) | **Outlined glyph (1.5px stroke)** |
-| Spades | `#d0d0d0` (foreground) | `#d0d0d0` | Solid filled glyph |
+| Spades | `#e8e8e8` (near-white) | `#e8e8e8` (unchanged) | Solid filled glyph |
-| Clubs | `#d0d0d0` (foreground) | `#d0d0d0` | **Outlined glyph (1.5px stroke)** |
+| Clubs | `#e8e8e8` (near-white) | `#e8e8e8` (unchanged) | **Outlined glyph (1.5px stroke)** |
 The outlined-glyph treatment is the **primary** differentiation mechanism. Color is supplementary. This means a player viewing the game on a monochrome display, or with severe red-green deficiency, can still distinguish all four suits without context. This is a hard requirement, not an optional setting.
-The "color-blind mode" toggle in Settings only swaps red→lime; it does not turn the outlined glyphs on or off, because outlined glyphs are always on. (Was red→cyan before the 2026-05-08 primary-accent swap; CBM moved to lime to stay hue-distinct from the new red-family primary.)
+The "color-blind mode" toggle in Settings swaps both red suits (hearts + diamonds) from `#e35353` to `#acc267` (lime); clubs + spades stay at the near-white. The toggle does not turn the outlined glyphs on or off, because outlined glyphs are always on. (Was red→cyan before the 2026-05-08 primary-accent swap; CBM moved to lime to stay hue-distinct from the new red-family primary.)
 ## Typography
@@ -217,7 +222,7 @@ Selection highlights use a **2px inset stroke** in `#a54242` following the host
 Flat face design.
 - Background: `#1a1a1a`
- Border: 1px solid in suit color (pink for hearts/diamonds, foreground gray for spades/clubs)
+- Border: none. The card shape is defined by the body fill alone against the play surface. The earlier 1px suit-coloured border was removed because it produced visible anti-aliasing artifacts at the rounded corners (a "gray sliver" where the colored stroke faded through gray pixels into the dark play surface). The 5-unit brightness gap between `#1a1a1a` body and `#151515` surface is enough to read as a card edge without an explicit stroke.
 - Top-left: rank in JetBrains Mono Bold 18px + small suit glyph (10px)
 - Bottom-right: large suit glyph (32px), upright (same orientation as the top-left small glyph — single-orientation digital play does not benefit from the traditional 180° inverted-corner indicator)
 - Corner radius: 8px
@@ -272,7 +277,7 @@ Top-right corner of the HUD: a 6px circular dot.
 ## Accessibility
-1. **Color-blind mode** (Settings → Gameplay): swaps red suits' default `#fb9fb1` for `#acc267` (lime). Outlined-glyph differentiation remains active in *all* modes.
+1. **Color-blind mode** (Settings → Gameplay): swaps the red suits' default `#e35353` for `#acc267` (lime). Outlined-glyph differentiation remains active in *all* modes.
 2. **High-contrast mode** (Settings → Gameplay): boosts on-surface from `#d0d0d0` to `#f5f5f5`, outline from `#505050` to `#a0a0a0`, suit-red from `#fb9fb1` to `#ff8aa0`.
 3. **Reduce-motion mode** (Settings → Gameplay): disables card-lift transition (instant z-lift), disables CRT scanline effect, disables the warning-chip pulse animation.
 4. **Tabular figures** are mandatory for any number that updates live (timer, score, moves) so they don't reflow.
@@ -22,16 +22,25 @@ bevy             = { workspace = true }
 solitaire_engine = { workspace = true }
 solitaire_data   = { workspace = true }
-# `keyring`'s default-store init only matters on platforms with a
+# Desktop-only deps. `keyring`'s default-store init only matters on
-# real keychain backend (Linux Secret Service, macOS Keychain,
+# platforms with a real keychain backend (Linux Secret Service,
-# Windows Credential Store). The crate also pulls `rpassword`
+# macOS Keychain, Windows Credential Store), and its transitive
-# transitively, which uses `libc::__errno_location` — a symbol
+# `rpassword` uses `libc::__errno_location` — a symbol Android's
-# Android's bionic doesn't expose. Target-gating keeps
+# bionic doesn't expose. `winit` is promoted from a transitive
-# `cargo apk build` viable; the call site in `lib.rs` has its own
+# Bevy 0.18 → bevy_winit 0.18 → winit 0.30 dep to a direct dep so
-# `cfg(not(target_os = "android"))` guard so the desktop init path
+# the `Window::icon` wiring in `set_window_icon` can construct
-# is unchanged.
+# `winit::window::Icon` values (bevy_winit 0.18 doesn't re-export
 # `Icon`). Android draws its launcher icon from the APK manifest,
 # so neither dep matters there. Target-gating keeps `cargo apk
 # build` viable; the desktop call sites have their own
 # `cfg(not(target_os = "android"))` guards.
 [target.'cfg(not(target_os = "android"))'.dependencies]
-keyring          = { workspace = true }
+keyring   = { workspace = true }
 winit     = { version = "0.30", default-features = false }
 # `tiny-skia` is already in the workspace deps for `solitaire_engine`;
 # `solitaire_app` consumes it directly only on the desktop icon path
 # (PNG → raw RGBA decode for `set_window_icon`).
 tiny-skia = { workspace = true }
 # --- Android packaging metadata (read by `cargo-apk`) -------------------
 #
@@ -21,6 +21,8 @@ use bevy::prelude::*;
 use bevy::window::{
    Monitor, MonitorSelection, PresentMode, PrimaryMonitor, PrimaryWindow, WindowPosition,
 };
 #[cfg(not(target_os = "android"))]
 use bevy::winit::WinitWindows;
 use solitaire_data::{load_settings_from, provider_for_backend, settings_file_path, Settings};
 use solitaire_engine::{
    register_theme_asset_sources, AchievementPlugin, AnimationPlugin, AssetSourcesPlugin,
@@ -174,6 +176,14 @@ pub fn run() {
        .add_plugins(SplashPlugin)
        .add_plugins(DiagnosticsHudPlugin);
    // Wire the runtime window icon. Bevy 0.18 has no first-class
    // `Window::icon` field; the icon is set through the underlying
    // `winit::window::Window` via `WinitWindows`. Android draws its
    // launcher icon from the APK manifest, so the system is desktop-
    // only — same target-gate as the `winit` dep itself.
    #[cfg(not(target_os = "android"))]
    app.add_systems(Update, set_window_icon);
    // Smart default window sizing: when no saved geometry was loaded,
    // resize the freshly-opened 1280×800 window to ~70 % of the primary
    // monitor's logical size on the first frame. Without this, a 4K
@@ -251,6 +261,80 @@ fn apply_smart_default_window_size(
    *applied = true;
 }
 /// One-shot Update system that sets the primary window's taskbar /
 /// title-bar icon to the embedded 256 px Terminal-aesthetic mark
 /// generated by `solitaire_engine/examples/icon_generator.rs`.
 ///
 /// Bevy 0.18 has no `Window::icon` field — the icon is set through
 /// the underlying `winit::window::Window` via the `WinitWindows`
 /// resource. The system is desktop-only (Android draws its launcher
 /// icon from the APK manifest, not from any runtime call). Returns
 /// silently and tries again next frame until both the primary
 /// window and `WinitWindows` are populated, then sets the icon
 /// once and self-disables via `Local<bool>`.
 ///
 /// Icon bytes are `include_bytes!()`-embedded at compile time, same
 /// shape as the audio assets and default-theme SVGs — no runtime
 /// asset-path resolution, no `cargo run` working-directory
 /// assumptions. PNG → RGBA decode runs through `tiny_skia` (already
 /// in the build for SVG rasterisation), so this system adds zero
 /// new dependencies on top of the direct `winit` dep that's
 /// already required for `Icon` construction.
 #[cfg(not(target_os = "android"))]
 fn set_window_icon(
    mut applied: Local<bool>,
    primary_window: Query<Entity, With<PrimaryWindow>>,
    // `Option<NonSend<...>>` rather than `NonSend<...>` because Bevy
    // 0.18's stricter system-param validation panics on the first
    // few frames before `WinitWindows` is inserted (the resource is
    // populated after winit's `Resumed` event, which fires after
    // the first system-tick batch). The early-return below handles
    // the `None` window-wrapper case for the same lifecycle reason.
    winit_windows: Option<NonSend<WinitWindows>>,
 ) {
    if *applied {
        return;
    }
    let Some(winit_windows) = winit_windows else {
        return;
    };
    let Ok(primary_entity) = primary_window.single() else {
        return;
    };
    let Some(window_wrapper) = winit_windows.get_window(primary_entity) else {
        // Primary window's underlying winit handle not yet
        // populated — `WinitWindows` fills in after the first
        // `Resumed` event. Try again next frame.
        return;
    };
    // The 256 × 256 PNG is sufficient for `set_window_icon`; winit
    // scales it for the actual rendered size. Smaller PNGs in
    // `assets/icon/` exist for downstream Linux hicolor / Windows
    // `.ico` / macOS `.icns` packaging — they're not used here.
    const ICON_BYTES: &[u8] = include_bytes!("../../assets/icon/icon_256.png");
    let pixmap = match tiny_skia::Pixmap::decode_png(ICON_BYTES) {
        Ok(p) => p,
        Err(e) => {
            eprintln!("warn: could not decode embedded window icon PNG: {e}");
            *applied = true; // don't retry every frame
            return;
        }
    };
    let rgba = pixmap.data().to_vec();
    let icon = match winit::window::Icon::from_rgba(rgba, pixmap.width(), pixmap.height()) {
        Ok(i) => i,
        Err(e) => {
            eprintln!("warn: could not construct window icon: {e}");
            *applied = true;
            return;
        }
    };
    window_wrapper.set_window_icon(Some(icon));
    *applied = true;
 }
 /// Wraps the default panic hook with one that also appends a crash log
 /// to `<data_dir>/crash.log` (next to `settings.json`). The default hook
 /// still runs afterwards, so stderr output and debugger integration are
@@ -117,6 +117,24 @@ pub struct Settings {
    /// solely on colour.
    #[serde(default)]
    pub color_blind_mode: bool,
    /// When `true`, boost foreground text + suit-red glyphs to higher-
    /// luminance variants for better legibility on low-quality displays
    /// or for low-vision users.  Per `design-system.md` §Accessibility:
    /// on-surface `#d0d0d0` → `#f5f5f5`, suit-red `#fb9fb1` → `#ff8aa0`,
    /// outline `#505050` → `#a0a0a0`.  Older `settings.json` files
    /// written before this field existed deserialize cleanly to
    /// `false` thanks to `#[serde(default)]`.
    #[serde(default)]
    pub high_contrast_mode: bool,
    /// When `true`, suppresses non-essential motion: card-lift slide
    /// transitions become instant snaps, splash scanline / cursor pulse
    /// animations are disabled, and the warning-chip pulse holds at
    /// rest.  Per `design-system.md` §Accessibility — the WCAG-required
    /// reduce-motion mode.  Older `settings.json` files written before
    /// this field existed deserialize cleanly to `false` thanks to
    /// `#[serde(default)]`.
    #[serde(default)]
    pub reduce_motion_mode: bool,
    /// Window size and screen position to restore on next launch. `None`
    /// means "use platform defaults" — set on first run, then populated
    /// as the player resizes / moves the window. Older `settings.json`
@@ -314,6 +332,8 @@ impl Default for Settings {
            selected_background: 0,
            first_run_complete: false,
            color_blind_mode: false,
            high_contrast_mode: false,
            reduce_motion_mode: false,
            window_geometry: None,
            selected_theme_id: default_theme_id(),
            shown_achievement_onboarding: false,
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#d0d0d0" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#d0d0d0">10</text>
+        fill="#e8e8e8">10</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#d0d0d0" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#d0d0d0">2</text>
+        fill="#e8e8e8">2</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#d0d0d0" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#d0d0d0">3</text>
+        fill="#e8e8e8">3</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#d0d0d0" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#d0d0d0">4</text>
+        fill="#e8e8e8">4</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#d0d0d0" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#d0d0d0">5</text>
+        fill="#e8e8e8">5</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#d0d0d0" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#d0d0d0">6</text>
+        fill="#e8e8e8">6</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#d0d0d0" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#d0d0d0">7</text>
+        fill="#e8e8e8">7</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#d0d0d0" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#d0d0d0">8</text>
+        fill="#e8e8e8">8</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#d0d0d0" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#d0d0d0">9</text>
+        fill="#e8e8e8">9</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#d0d0d0" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#d0d0d0">A</text>
+        fill="#e8e8e8">A</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#d0d0d0" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#d0d0d0">J</text>
+        fill="#e8e8e8">J</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#d0d0d0" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#d0d0d0">K</text>
+        fill="#e8e8e8">K</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#d0d0d0" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#d0d0d0">Q</text>
+        fill="#e8e8e8">Q</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#d0d0d0" stroke-width="3"/>
+    <path d="M16,4 C 13,4 10,7 10,10 C 10,12 11,13 12,14 C 9,14 4,17 4,21 C 4,24 7,27 10,27 C 12,27 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 20,27 22,27 C 25,27 28,24 28,21 C 28,17 23,14 20,14 C 21,13 22,12 22,10 C 22,7 19,4 16,4 Z" fill="none" stroke="#e8e8e8" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">10</text>
+        fill="#e35353">10</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">2</text>
+        fill="#e35353">2</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">3</text>
+        fill="#e35353">3</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">4</text>
+        fill="#e35353">4</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">5</text>
+        fill="#e35353">5</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">6</text>
+        fill="#e35353">6</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">7</text>
+        fill="#e35353">7</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">8</text>
+        fill="#e35353">8</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">9</text>
+        fill="#e35353">9</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">A</text>
+        fill="#e35353">A</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">J</text>
+        fill="#e35353">J</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">K</text>
+        fill="#e35353">K</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">Q</text>
+        fill="#e35353">Q</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
+    <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#e35353" stroke-width="3"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">10</text>
+        fill="#e35353">10</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#fb9fb1"/>
+    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#e35353"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#fb9fb1"/>
+    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#e35353"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">2</text>
+        fill="#e35353">2</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#fb9fb1"/>
+    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#e35353"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#fb9fb1"/>
+    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#e35353"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">3</text>
+        fill="#e35353">3</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#fb9fb1"/>
+    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#e35353"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#fb9fb1"/>
+    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#e35353"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">4</text>
+        fill="#e35353">4</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#fb9fb1"/>
+    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#e35353"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#fb9fb1"/>
+    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#e35353"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">5</text>
+        fill="#e35353">5</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#fb9fb1"/>
+    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#e35353"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#fb9fb1"/>
+    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#e35353"/>
  </g>
 </svg>
@@ -1,18 +1,18 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="256" height="384" viewBox="0 0 256 384">
-  <rect x="1" y="1" width="254" height="382" rx="16" ry="16"
+  <rect x="0" y="0" width="256" height="384" rx="16" ry="16"
-        fill="#1a1a1a" stroke="#fb9fb1" stroke-width="2"/>
+        fill="#1a1a1a"/>
  <!-- Top-left rank in JetBrains-Mono-styled FiraMono (rank digits
       and letters render correctly in FiraMono; only the suit glyphs
       needed to escape to paths). -->
  <text x="14" y="44" font-family="Fira Mono" font-size="36" font-weight="700"
-        fill="#fb9fb1">6</text>
+        fill="#e35353">6</text>
  <!-- Top-left small suit glyph at (14, 50), 20 × 20.
       `suit_path_d` is authored in a 32-unit box, so scale 0.625
       lands the visible glyph at 20 px. -->
  <g transform="translate(14 50) scale(0.625)">
-    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#fb9fb1"/>
+    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#e35353"/>
  </g>
  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
@@ -20,6 +20,6 @@
       (178, 286). Same upright orientation as the top-left small
       glyph — no 180° rotation applied. -->
  <g transform="translate(178 286) scale(2)">
-    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#fb9fb1"/>
+    <path d="M16,28 C 8,22 2,17 2,11 C 2,7 5,4 9,4 C 12,4 14,6 16,9 C 18,6 20,4 23,4 C 27,4 30,7 30,11 C 30,17 24,22 16,28 Z" fill="#e35353"/>
  </g>
 </svg>
--- a/Show More
+++ b/Show More