diff --git a/src/static_src/scss/_card-deck.scss b/src/static_src/scss/_card-deck.scss index e6f5857..89ce7d4 100644 --- a/src/static_src/scss/_card-deck.scss +++ b/src/static_src/scss/_card-deck.scss @@ -2061,13 +2061,14 @@ $_sea-card-glow: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3), 0 0 0.4rem rgba(0, // Deck backs — face-down pile colour identifies polarity $_sea-shadow: 1px 2px 0 rgba(0,0,0,0.7), 0 4px 0 rgba(0,0,0,0.18), 2px 5px 5px rgba(0,0,0,0.5); -// Levity + gravity stack glows mirror the spread-card halo's tuned geometry -// ($_sea-card-glow, user-tuned 2026-05-30: 0.5rem blur / 0.5rem spread / 0.3 -// alpha) so the deck glows read identically to the card halo — each keeps its -// own polarity colour (--ninUser / --quaUser). Duplicated literally (not -// shared) so each stays independently tunable. (single keeps its own tone.) +// All deck stacks (levity / gravity / single) share the spread-card halo's +// tuned --ninUser glow ($_sea-card-glow, user-tuned 2026-05-30: 0.5rem blur / +// 0.5rem spread / 0.3 alpha) so EVERY deck reads identically to the card halo +// (user-spec "make every deck match" 2026-05-30). Kept as three per-deck vars +// (not one shared) so each stays independently tunable later. $_glow-levity: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3); $_glow-gravity: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3); +$_glow-single: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3); .sea-deck-stack--levity .sea-stack-face { background: rgba(var(--terUser), 0.88); @@ -2121,14 +2122,15 @@ $_glow-gravity: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3); .sea-deck-stack--gravity:hover .sea-stack-face, .sea-deck-stack--gravity:active .sea-stack-face, .sea-deck-stack--gravity.sea-deck-stack--active .sea-stack-face { box-shadow: $_sea-shadow, $_glow-gravity; } -// Single-stack hover/active glow — neutral --terUser tone vs. gravity's -// --quaUser + levity's --ninUser, matching the face border color. +// Single-stack hover/active glow — now the same --ninUser halo as levity + +// gravity (user-spec "make every deck match" 2026-05-30). The face keeps its +// neutral --terUser hover border (the monodeck's own tone vs. the polarized +// stacks' coloured borders). .sea-deck-stack--single:hover .sea-stack-face, .sea-deck-stack--single:active .sea-stack-face, .sea-deck-stack--single.sea-deck-stack--active .sea-stack-face { - box-shadow: $_sea-shadow, 0 0 0.8rem 0.15rem rgba(var(--terUser), 0.6); + box-shadow: $_sea-shadow, $_glow-single; border-color: rgba(var(--terUser), 1) !important; - } // Form action row — LOCK HAND + DEL side by side at the bottom