Yeah, I realized it's not easy to describe clearly, haha.
The image below is the vanilla texture for the closed port panels, with the bottom/left panel made visible (it's normally transparent). The panels are perfectly aligned horizontally and vertically, relative to each other (as expected, since it's all one image).
View attachment 34250
However, once you insert it into the game and let it do its thing, it's misaligned. You can see it if you look closely at a vanilla copy of the game. This must happen because the texture is loaded onto two different objects, and one (or both) of them is out of place when it reaches its final resting place. I'm thinking that the resting place, it's closed state "destination" coordinates, could be changed.
The misalignment is especially noticeable with examples like this:
View attachment 34251
Notice the smash ball and especially the "G" in TRAINING are screwed up (which is why I never released this texture. Sorry achilles
).
I tried to compensate for the bug by graphics alone, but that's really difficult because of how the image mechanics are designed. The middle portion between the two panels actually appears on both halves. You can see this clearly by looking at the partially closed Player 3 slot. Notice that the upper right of the "N" in TRAINING appears on both halves. This area of the panels overlaps when fully closed. And once the parts stop moving, partial transparency is unfortunately applied to the middle portion (this could have been a good idea in theory, but the execution of the idea was flawed). Because the panels are not properly aligned, the middle portion that appears partially transparent over a copy of itself is not actually directly over its copy, resulting in distortion. And any pixel that is changed within that middle portion (i.e. photoshopping/editing of the texture) will manifest itself as a change in two different places in the finished in-game result. Sort of a ghosting effect. (My closed port texture with the dragon insignia in the other thread gets away with this because most of the areas are solid color fills, and it's not perfectly clear what the edges' shape SHOULD be, so you can't tell it's slightly off.)
However, if the panels were correctly aligned -e.g. the top/right panel's resting place were moved 1px down and 1px to the left- then the overlaying would essentially be redundant and irrelevant. I don't know if this falls under your specialties, but I thought I'd mention it since you were talking about moving elements on the CSS. If this could be fixed, intricate patterns or altogether new designs spanning both halves of the closed character ports would work great.