feat: Minesweeper channel accessibility improvements, number tweaks, and cleanup

[rshigg]

Description

After seeing the minesweeper channel on the big stage for the past week (what a feeling!) I am a bit ashamed to admit that I found the visual accessibility lacking. Trying to read dark red text on a black background is a nightmare, especially with an LCD font, and the size of the text, face, and tiles made things worse. This PR aims to remedy those issues.

I also felt like the question marks were popping up a little too often, so I upped the range from 5-10s to 10-20s, if you watched the event and felt differently do let me know.

Changes

• Increase LCD panel readability by increasing font size, letter-spacing, padding and text color lightness.
• Increase Face "button" size so it's easier to tell when it changes.
• Slightly increase tile size.
• Update question mark range to 10-20s.
• Move typescript types into a separate file to clean the code up a bit.

Checklist:

• I have read and followed the requirements in the Contributing document.
• My code has been tested.
• My commit title follows Conventional Commits formatting.
• All the code is my own, or is code I have the rights to, and is being made available under the Apache License Version 2.0.

Screenshots

Before

After

[chrishanel]

I think your design changes are a definite improvement! I did notice during AGDQ 2024 that when this break screen channel was up, the donation total was harder to spot.

Dillon will need to check out the code but design wise I'm happy with the adjustments.