tarot card icons + ranks; sig fallback for pre-sync Characters; DECKS label sizing — TDD

- migration 0011: The Nomad (0) → fa-hat-cowboy; The Schizo (1) → fa-hat-wizard
- corner_rank: non-MAJOR pip card 1 → 'A' (Ace); court unchanged (M/J/Q/K); TDD
- 17 unit model tests for corner_rank + suit_icon
- _role_select_context: my_tray_sig falls back to seat.significator when
  confirmed_char.significator is None (Characters created before natus_save sync)
- _card-deck.scss: DECKS label bigger (1rem, 0.32em letter-spacing) to fill
  stack height; sea-stack-name: opacity 0.6, scaleY(1.5), margin-top -0.4rem
  partially under face; sea-stack-face z-index:1

Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-04-29 00:20:55 -04:00
parent 6d75b9541f
commit 2af59b3a7f
6 changed files with 147 additions and 7 deletions

View File

@@ -940,11 +940,14 @@ $sea-card-h: 6.5rem;
writing-mode: vertical-rl;
transform: rotate(180deg);
text-transform: uppercase;
font-size: 0.6rem;
letter-spacing: 0.15em;
opacity: 0.45;
// Fill the full card height ($sea-card-h: 6.5rem) with 5 letters
font-size: 1rem;
letter-spacing: 0.32em;
font-weight: 700;
opacity: 0.5;
white-space: nowrap;
flex-shrink: 0;
align-self: center;
}
.sea-deck-stack {
@@ -966,6 +969,7 @@ $sea-card-h: 6.5rem;
align-items: center;
justify-content: center;
transition: box-shadow 0.15s;
z-index: 1; // sits above the name label
}
.sea-stack-ok {
@@ -976,11 +980,19 @@ $sea-card-h: 6.5rem;
z-index: 5;
}
.sea-deck-stack { gap: 0; } // remove gap so name slides under the face
.sea-stack-name {
font-size: 0.6rem;
letter-spacing: 0.06em;
font-size: 0.65rem;
letter-spacing: 0.08em;
text-transform: uppercase;
font-weight: 600;
opacity: 0.6;
// Pull top of label partially under the stack face
// margin-top: -0.1rem;
transform: scaleY(1.2);
transform-origin: top center;
z-index: 0;
}
.sea-deck-stack--gravity .sea-stack-name { color: rgba(var(--quaUser), 1); }
.sea-deck-stack--levity .sea-stack-name { color: rgba(var(--terUser), 1); }