Style the puzzle latency component to be more helpful

[jkenlooper]

The puzzle latency shows the response time from pinging the server in milliseconds. This value could be styled to better portray what it is for. Response time of less than 300 could be considered as optimal and so could be styled as green or something. Anything above 1000 (1 second) would probably be not so great.

A helpful pop up modal or something to better describe how this value is determined would also be good, but is not totally necessary for this.

When the puzzle page is first loading it will ping the server multiple times until it gets a connection. After that it will only ping the server every 4 minutes in order to keep the connection open. Each time it pings the server the latency value is updated.