Allow for proper transparent video area option on all layouts

[jsnkuhn]

Current checker board option on color key menu makes video element transparent and sees through to the background image. This was never the intention as no one ever asked for this. Selecting transparent should clip right through the webpage and allow RandoTracker layouts to be used as overlay in OBS.

Chrono Trigger: Jets of Time has this working correctly now. Their 3 and 4 player also allow for elements to lay on top of clipped backgrounds/video areas.

I'm using a strange looking CSS mask syntax for this that will require some new CSS variables but once in place this should take care of itself if video areas are ever resized or border sizes are ever changed.

Shouldn't be too bad to get this rolling on every layout... Just putzy.

after this is done other color key options can be removed from the menu as they are no longer necessary. Might be able to replace these with technical difficulties screen etc

[jsnkuhn]

• [x] CT JoT 1p - 4p
• [x] Dragon Warrior 2p, 4p
• [x] Final Fantasy 1p - 4p, bingo, co-op
• [x] FF4: Free Enterprise 2p, 4p
• [x] FF5: Career Day 2p
• [x] FF6 WC 2p, 4p
• [x] Pokemon Crystal 2p, 4p
• [x] Super Mario Bros 3 2p, 4p
• [x] Legend of Zelda 2p, 4p
• [x] Templates 2p, 4p
• [ ] RandoMania 1p - 4p

[jsnkuhn]

there's a second level on this that will allow for page elements to overlay the clipped video areas. This is currently in place for Jets of time 3p and 4p. Involves moving things that need clipping (usually just the player-video elements) to a separate background layer.

• [ ] CT JoT 1p - 4p
• [ ] Dragon Warrior 2p, 4p
• [ ] Final Fantasy 1p - 4p, bingo, co-op
• [ ] FF4: Free Enterprise 2p, 4p
• [ ] FF5: Career Day 2p
• [ ] FF6 WC 2p, 4p
• [ ] Pokemon Crystal 2p, 4p
• [ ] Super Mario Bros 3 2p, 4p
• [ ] Legend of Zelda 2p, 4p
• [ ] Templates 2p, 4p
• [ ] RandoMania 1p - 4p