fix(engine): render bottom-right card glyph upright (no 180° rotation)

The user noticed the bottom-right large suit glyphs were
rendering upside-down — point-up hearts, stem-up spades — because
the SVG transform pipeline applied a `rotate(180)` to match the
traditional playing-card inverted-corner convention.

That convention exists so a card reads correctly when flipped or
read from the opposite side of the table. Single-orientation
digital play doesn't benefit from it; most modern digital decks
have abandoned it. User preference is upright.

Drops the rotate from face_svg's bottom-right `<g transform>`
and adjusts the translate so the visible glyph still lands at
(178, 286)–(242, 350) — same screen footprint, same scale, just
no flip.

design-system.md § Game Cards updated in lockstep — line 220
no longer says "rotated 180°", instead documents the deliberate
deviation from the traditional convention.

Knock-on lockstep changes in this commit:
- EXPECTED in tests/card_face_svg_pin.rs rebaselined: 52 face
  hashes shift, 5 back hashes unchanged.
- assets/cards/faces/*.png regenerated (52 face PNGs).
- solitaire_engine/assets/themes/default/*_*.svg regenerated
  (52 theme face SVGs that production rasterises at startup).

Workspace clippy + cargo test --workspace clean. Pin test
passes against the new hashes.

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

docs/ui-mockups/design-system.md

@@ -217,7 +217,7 @@ Flat face design.
 - Background: `#1a1a1a`
 - Border: 1px solid in suit color (pink for hearts/diamonds, foreground gray for spades/clubs)
 - Top-left: rank in JetBrains Mono Bold 18px + small suit glyph (10px)
-- Bottom-right: large suit glyph (32px), rotated 180°
+- 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
 - Suit differentiation: hearts and spades have **filled** glyphs; diamonds and clubs have **outlined** glyphs (1.5px stroke)
 

solitaire_engine/assets/themes/default/clubs_10.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/clubs_2.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/clubs_3.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/clubs_4.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/clubs_5.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/clubs_6.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/clubs_7.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/clubs_8.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/clubs_9.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/clubs_ace.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/clubs_jack.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/clubs_king.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/clubs_queen.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/diamonds_10.svg

@@ -15,11 +15,11 @@
     <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/diamonds_2.svg

@@ -15,11 +15,11 @@
     <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/diamonds_3.svg

@@ -15,11 +15,11 @@
     <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/diamonds_4.svg

@@ -15,11 +15,11 @@
     <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/diamonds_5.svg

@@ -15,11 +15,11 @@
     <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/diamonds_6.svg

@@ -15,11 +15,11 @@
     <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/diamonds_7.svg

@@ -15,11 +15,11 @@
     <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/diamonds_8.svg

@@ -15,11 +15,11 @@
     <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/diamonds_9.svg

@@ -15,11 +15,11 @@
     <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/diamonds_ace.svg

@@ -15,11 +15,11 @@
     <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/diamonds_jack.svg

@@ -15,11 +15,11 @@
     <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/diamonds_king.svg

@@ -15,11 +15,11 @@
     <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/diamonds_queen.svg

@@ -15,11 +15,11 @@
     <path d="M16,2 L 29,16 L 16,30 L 3,16 Z" fill="none" stroke="#fb9fb1" stroke-width="3"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/hearts_10.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/hearts_2.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/hearts_3.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/hearts_4.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/hearts_5.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/hearts_6.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/hearts_7.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/hearts_8.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/hearts_9.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/hearts_ace.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/hearts_jack.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/hearts_king.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/hearts_queen.svg

@@ -15,11 +15,11 @@
     <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"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/spades_10.svg

@@ -15,11 +15,11 @@
     <path d="M16,4 C 9,9 2,14 2,21 C 2,25 5,28 9,28 C 13,28 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 19,28 23,28 C 27,28 30,25 30,21 C 30,14 23,9 16,4 Z" fill="#d0d0d0"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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 9,9 2,14 2,21 C 2,25 5,28 9,28 C 13,28 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 19,28 23,28 C 27,28 30,25 30,21 C 30,14 23,9 16,4 Z" fill="#d0d0d0"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/spades_2.svg

@@ -15,11 +15,11 @@
     <path d="M16,4 C 9,9 2,14 2,21 C 2,25 5,28 9,28 C 13,28 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 19,28 23,28 C 27,28 30,25 30,21 C 30,14 23,9 16,4 Z" fill="#d0d0d0"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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 9,9 2,14 2,21 C 2,25 5,28 9,28 C 13,28 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 19,28 23,28 C 27,28 30,25 30,21 C 30,14 23,9 16,4 Z" fill="#d0d0d0"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/spades_3.svg

@@ -15,11 +15,11 @@
     <path d="M16,4 C 9,9 2,14 2,21 C 2,25 5,28 9,28 C 13,28 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 19,28 23,28 C 27,28 30,25 30,21 C 30,14 23,9 16,4 Z" fill="#d0d0d0"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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 9,9 2,14 2,21 C 2,25 5,28 9,28 C 13,28 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 19,28 23,28 C 27,28 30,25 30,21 C 30,14 23,9 16,4 Z" fill="#d0d0d0"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/spades_4.svg

@@ -15,11 +15,11 @@
     <path d="M16,4 C 9,9 2,14 2,21 C 2,25 5,28 9,28 C 13,28 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 19,28 23,28 C 27,28 30,25 30,21 C 30,14 23,9 16,4 Z" fill="#d0d0d0"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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 9,9 2,14 2,21 C 2,25 5,28 9,28 C 13,28 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 19,28 23,28 C 27,28 30,25 30,21 C 30,14 23,9 16,4 Z" fill="#d0d0d0"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/spades_5.svg

@@ -15,11 +15,11 @@
     <path d="M16,4 C 9,9 2,14 2,21 C 2,25 5,28 9,28 C 13,28 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 19,28 23,28 C 27,28 30,25 30,21 C 30,14 23,9 16,4 Z" fill="#d0d0d0"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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 9,9 2,14 2,21 C 2,25 5,28 9,28 C 13,28 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 19,28 23,28 C 27,28 30,25 30,21 C 30,14 23,9 16,4 Z" fill="#d0d0d0"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/spades_6.svg

@@ -15,11 +15,11 @@
     <path d="M16,4 C 9,9 2,14 2,21 C 2,25 5,28 9,28 C 13,28 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 19,28 23,28 C 27,28 30,25 30,21 C 30,14 23,9 16,4 Z" fill="#d0d0d0"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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 9,9 2,14 2,21 C 2,25 5,28 9,28 C 13,28 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 19,28 23,28 C 27,28 30,25 30,21 C 30,14 23,9 16,4 Z" fill="#d0d0d0"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/spades_7.svg

@@ -15,11 +15,11 @@
     <path d="M16,4 C 9,9 2,14 2,21 C 2,25 5,28 9,28 C 13,28 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 19,28 23,28 C 27,28 30,25 30,21 C 30,14 23,9 16,4 Z" fill="#d0d0d0"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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 9,9 2,14 2,21 C 2,25 5,28 9,28 C 13,28 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 19,28 23,28 C 27,28 30,25 30,21 C 30,14 23,9 16,4 Z" fill="#d0d0d0"/>
   </g>
 </svg>

solitaire_engine/assets/themes/default/spades_8.svg

@@ -15,11 +15,11 @@
     <path d="M16,4 C 9,9 2,14 2,21 C 2,25 5,28 9,28 C 13,28 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 19,28 23,28 C 27,28 30,25 30,21 C 30,14 23,9 16,4 Z" fill="#d0d0d0"/>
   </g>
 
-  <!-- Bottom-right large suit glyph, 64 × 64, rotated 180° so it
-       reads upside-down (the convention for inverted-corner
-       indicators). The transform pipeline lands the glyph's visible
-       bottom-right at (242, 350) and visible top-left at (178, 286). -->
-  <g transform="translate(242 350) rotate(180) scale(2)">
+  <!-- Bottom-right large suit glyph at (178, 286), 64 × 64.
+       Visible bottom-right at (242, 350), visible top-left at
+       (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 9,9 2,14 2,21 C 2,25 5,28 9,28 C 13,28 14,26 14,24 L 13,30 L 19,30 L 18,24 C 18,26 19,28 23,28 C 27,28 30,25 30,21 C 30,14 23,9 16,4 Z" fill="#d0d0d0"/>
   </g>
 </svg>