PICK SEA slot interaction: cover/cross appear animation; focused glow; card bg fully opaque

- cover/cross card slots animate 0→1→resting opacity (2s) on deposit
- cover rests at 0.3; cross rests at 0.15; hover reveals to 1
- first-tap focus adds diffuse --ninUser + tight black box-shadow glow
- second tap removes --focused before _showStage() — glow dismisses as modal opens
- levity/gravity card backgrounds bumped to rgba alpha 1 (were 0.85)
- box-shadow 0.15s ease added to --visible transition for smooth glow out

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 11:47:50 -04:00
parent 7712cf1d56
commit 98354fd27b
2 changed files with 27 additions and 8 deletions

View File

@@ -269,7 +269,10 @@ var SeaDeal = (function () {
if (!pos || !_seaHand[pos]) return;
if (slot.classList.contains('sea-card-slot--focused')) {
// Second tap/click — open modal
// Second tap/click — dismiss selection glow, open modal
overlay.querySelectorAll('.sea-card-slot--focused').forEach(function (s) {
s.classList.remove('sea-card-slot--focused');
});
var h = _seaHand[pos];
_viewingPos = pos;
_populate(h.card, h.isLevity);