Uishrink

[1brucben]

This pull request makes several visual improvements to the game's UI, focusing on better layer stacking, clearer separation between interface elements, and improved color contrast for readability. The most important changes are grouped below by theme.

Layer stacking and z-index adjustments:

• Set the gameplay canvas zIndex to 30 to ensure it renders above the site footer but below HUD overlays. (src/client/Utils.ts)
• Updated the player name overlay container to zIndex 40, ensuring player names appear above the gameplay canvas but below HUD overlays. (src/client/graphics/layers/NameLayer.ts)
• Lowered the debug version label's z-index to 10 so it doesn't interfere with gameplay or overlays. (src/client/index.html)

UI color and style improvements:

• Darkened idle surface backgrounds for both the build menu and control panel to improve separation and visual clarity. (src/client/graphics/layers/BuildMenu.ts, src/client/graphics/layers/ControlPanel2.ts) [1] [2]
• Enhanced submarine panel text colors for better contrast and readability, including brighter default text, headings, and labels. (src/client/styles/components/controls.css)

Player info overlay enhancements:

• Improved the player info overlay by refining class assignment for relation types and adjusting layout for better alignment and readability. (src/client/graphics/layers/PlayerInfoOverlay.ts) [1] [2] [3]## Description:

Describe the PR.

Please complete the following:

• I have added screenshots for all UI updates
• I process any text displayed to the user through translateText() and I've added it to the en.json file
• I have added relevant tests to the test directory
• I confirm I have thoroughly tested these changes and take full responsibility for any bugs introduced
• I understand that submitting code with bugs that could have been caught through manual testing blocks releases and new features for all contributors

Please put your Discord username so you can be contacted if a bug or regression is found:

American Bober