Scale at which the game is displayed

[david-pfx]

@noa: I have previously mentioned the editor, but the play link and export also only display at multiples of CSS pixels and skip all the actual perfectly sharp integer scales available in between. Just like pattern:script already does, it would be good to take into account the device pixel ratio. Because it's 3 on my phone, it's skipping two thirds of the available scales which are crucial on a small screen!

[angilbert]

To reproduce this, on desktop, use Firefox browser and mobile emulation (Tools->Browser Tools->Responsive Design Mode). Then compare these two URLs:

https://clementsparrow.github.io/Pattern-Script/src/play?p=14d08f4f438dc0d648637c76655b3144
https://david-pfx.github.io/PuzzleScriptNext/src/play.html?p=14d08f4f438dc0d648637c76655b3144

Here is a screenshot of side-by-side (iphone 12/13 Pro Max emulation):

[david-pfx]

OK, the current situation is that I understand how to repro as per the above, by turning on device mode and setting DPR. And I can see how P:S retrieves this value.

But the P:S code is a total rewrite and the code provides no help. So right now I can't see how to factor a DPR value into the layout calculations.