From 58280c63f5e50f60cc51863d0df695bccde8bdcb Mon Sep 17 00:00:00 2001 From: Disco DeDisco Date: Mon, 1 Jun 2026 14:07:37 -0400 Subject: [PATCH] =?UTF-8?q?my-sea=20spread:=20correct=20CROSS=20reversal?= =?UTF-8?q?=20direction=20=E2=80=94=20nonreversed=20(Emanation)=20faces=20?= =?UTF-8?q?right,=20Reversal=20faces=20left=20(swap=20of=205b6a1be)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Follow-up to 5b6a1be: the rotation values were inverted relative to intent. Corrected per user: the upright/Emanation crossing card points top-RIGHT (90°) and the reversed/Reversal card points top-LEFT (270°), 180° apart. The specificity fix from 5b6a1be stays (the reversed rule is chained to (0,3,0) so it wins the cascade over the (0,2,0) base cross rule — the original equal-specificity tie was why every cross card rendered right and reversal never showed). Pure CSS; modal reversal untouched. Co-Authored-By: Claude Opus 4.8 (1M context) --- src/static_src/scss/_card-deck.scss | 31 +++++++++++++++-------------- 1 file changed, 16 insertions(+), 15 deletions(-) diff --git a/src/static_src/scss/_card-deck.scss b/src/static_src/scss/_card-deck.scss index 160ac6b..b314af8 100644 --- a/src/static_src/scss/_card-deck.scss +++ b/src/static_src/scss/_card-deck.scss @@ -1676,15 +1676,15 @@ $sea-card-h: 6.5rem; // not just each character upside-down in place. .sea-card-slot--reversed { transform: rotate(180deg); } -// Reversed crossing card: top toward the RIGHT (90° CW) — 180° from the -// upright cross (270°, top-left) so the reversal is visually unmistakable in -// the spread (the modal indicates it separately). MUST out-specify the -// `.sea-pos-cross .sea-card-slot` rule above — chaining `.sea-card-slot -// .sea-card-slot--reversed` makes this (0,3,0) vs that (0,2,0); the prior -// `.sea-pos-cross .sea-card-slot--reversed` was only (0,2,0) — EQUAL — so the -// later upright rule won the cascade and reversed cross never read as reversed. -// [[feedback-scss-import-order-specificity]] -.sea-pos-cross .sea-card-slot.sea-card-slot--reversed { transform: rotate(90deg); } +// Reversed (Reversal) crossing card: top toward the LEFT (270° CW) — 180° +// from the upright cross (90°, top-right) so the reversal is visually +// unmistakable in the spread (the modal indicates it separately). MUST +// out-specify the `.sea-pos-cross .sea-card-slot` rule above — chaining +// `.sea-card-slot.sea-card-slot--reversed` makes this (0,3,0) vs that (0,2,0); +// the prior `.sea-pos-cross .sea-card-slot--reversed` was only (0,2,0) — EQUAL +// — so the later upright rule won the cascade and reversed cross never read as +// reversed. [[feedback-scss-import-order-specificity]] +.sea-pos-cross .sea-card-slot.sea-card-slot--reversed { transform: rotate(270deg); } // Long Roman numerals (≥ 5 chars: XVIII, XXIII, XXVIII, XXXIII, XXXVIII, // XLIII, XLVIII) — squeeze horizontally via scaleX so they fit the slot @@ -1789,12 +1789,13 @@ $_sea-card-glow: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3), 0 0 0.4rem rgba(0, .sea-pos-label { opacity: 0.6; } } -// Upright crossing card lies across with its top toward the LEFT (270° CW), -// so a reversed crossing card (below) reads 180° opposite — top toward the -// RIGHT — instead of looking identical. (Bug pre-2026-06-01: the reversed -// rule lost the cascade and every cross card pointed right, so reversal was -// never indicated. user-spec: reversed cross top points rightward.) -.sea-pos-cross .sea-card-slot { transform: rotate(270deg); } +// Upright (Emanation) crossing card lies across with its top toward the +// RIGHT (90° CW); the reversed (Reversal) card below reads 180° opposite — +// top toward the LEFT — instead of looking identical. (Bug: the reversed rule +// lost an equal-specificity cascade tie, so every cross card pointed right and +// reversal was never indicated. user-spec: nonreversed faces right, reversed +// faces left.) +.sea-pos-cross .sea-card-slot { transform: rotate(90deg); } // Sig card in center slot — compact rank + icon display; tilted CCW so Cover slot peeks through .sea-sig-card {