fan-card-corner: icon outer-edge aligned; padding-left + fan-only padding-top

- i { align-self: flex-start } — icon sits at outer card edge regardless of
  rank width; --br rotate(180deg) maps flex-start to visual right/outer edge
- padding-left: 0.5rem on .fan-card-corner — breathing room for rank + icon
- .fan-card .fan-card-corner { padding-top: 0.25rem } — top breathing room
  scoped to game kit fan only; stage cards (sea, sig) unaffected

Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Sonnet 4.6 <noreply@anthropic.com>

src/static_src/scss/_card-deck.scss

@@ -63,6 +63,8 @@
         border-color: rgba(var(--secUser), 1);
         box-shadow: 0 0 2rem rgba(var(--secUser), 0.3);
     }
+
+    .fan-card-corner { padding-top: 0.25rem; }
 }
 
 .fan-card-corner {
@@ -73,6 +75,7 @@
     gap: 0.15rem;
     line-height: 1;
     color: rgba(var(--secUser), 0.75);
+    padding-left: 0.5rem;  // outer-edge breathing room; --br rotation makes this right-side
 
     &--tl { top: 0.4rem; left: 0.4rem; }
     &--br { bottom: 0.4rem; right: 0.4rem; transform: rotate(180deg); }
@@ -82,7 +85,8 @@
         font-weight: bold;
         padding: 0.18rem 0;
     }
-    i { font-size: 1.5rem; }
+    // Icon always at the outer card edge regardless of rank width
+    i { font-size: 1.5rem; align-self: flex-start; }
 }
 
 .fan-card-face {