All solutions

I can't figure out how to flip the cards :( Anyway this was fun!

I didn't find how to apply different color on the range in Chrome. If anyone can tell me how this can be done I would be very grateful.

I tried to apply a background-gradient to the input range with javascript but it only worked if I didn't apply any background style to the range with css (so what happened is the range didn't show until you move the thumb of the track, then it worked fine), otherwise if a background style is applied the changes don't show (they actually happen but stay 'behind' the track which hides the changes).

Anyway, appart from that it was fun!