Exact URL of where the bug happened

https://lichess.org/training

Steps to reproduce the bug

1. Open the URL above on either Microsoft Edge or Brave(I haven't tried it out on chrome) and resize the window to half the screen's size.

What did you expect to happen?

I expected to see the chess board.

What happened instead?

The chess board was hidden. Even after using Ctrl + Shift + R, the issue persisted.

Operating system

Windows 11

Browser and version (or alternate access method)

Brave 1.51.114,Microsoft Edge 113.0.1774.42

Additional information

The image shows how the page looks like on resize.

Brave:

Microsoft Edge:

The board shows up when I open the inspector panel.
Error observed in the console:

fused to load the stylesheet 
'data:text/css,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20ddg-runtime-checks%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20display%3A%20none%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20' 
because it violates the following Content Security Policy directive:
 "style-src 'self' 'unsafe-inline' lichess1.org". 
Note that 'style-src-elem' was not explicitly set, so 'style-src' is used as a fallback.