When viewing the battle replay, you can mouse over the cards to see what card got played, and that card pops up to the front when you hover over it.
An annoying thing I found is that even though the battle replay progresses from left to right, mousing over from left to right is troublesome because sometimes you can skip over a card as you hover your mouse through the battle.
Given cards A, B, and C close together in time:
Hovering over card A will partially cover card B, while card C covers the rest of card B, so if you mouse left to right, you go from card A to C, skipping B.
This can be fixed if cards to the left didn’t naturally cover cards to the right, but instead, the other way around.
Interesting observation. I’ll try to find a way to make this better. Can you give an example of this in your log? My thinking is that this only happens in Triple Elixir.
I will say however that your solution is not necessarily the right one. However, we will devise better way of showing the card highlight without changing their z-position so that no cards will cover another card at any time.
I should note that the card position recedes back into the background when not hovered. An alternative way of dealing with this is to never move them to the top and just add a highlighted card somewhere.
Are you on desktop or mobile? Such UI changes would work fine on desktop but on mobile it might make the interface overly complicated and noisy.
The ideal scheme I would suggest is reversing all the z positions (cards played first go on top, cards played last go on bottom), and keeping the hover effect that brings the hovered card to the top.
This way, you can mouse hover from left to right, and not miss a single card.