Fill mobile viewport with dollhouse canvas

src/main.js

@@ -1388,8 +1388,8 @@ const game = new Phaser.Game({
     pixelArt: false
   },
   scale: {
-    mode: Phaser.Scale.FIT,
-    autoCenter: Phaser.Scale.CENTER_HORIZONTALLY,
+    mode: Phaser.Scale.NONE,
+    autoCenter: Phaser.Scale.NO_CENTER,
     width: WIDTH,
     height: HEIGHT
   },
@@ -1400,7 +1400,7 @@ const game = new Phaser.Game({
 })
 
 window.__DOLLHOUSE__ = {
-  version: '0.10.1',
+  version: '0.10.2',
   game,
   async resetAll() {
     await clearGameState()

src/style.css

@@ -12,9 +12,6 @@ html, body, #app, #game {
   margin: 0;
   overflow: hidden;
 }
-#game {
-  padding-top: clamp(42px, 6vh, 76px);
-}
 body {
   min-height: 100dvh;
   overscroll-behavior: none;
@@ -42,3 +39,14 @@ canvas {
   padding: 12px 18px;
   box-shadow: 0 6px 18px rgb(122 61 91 / 24%);
 }
+
+#game {
+  display: flex;
+  align-items: stretch;
+  justify-content: center;
+}
+#game > canvas {
+  width: 100% !important;
+  height: 100% !important;
+  margin: 0 !important;
+}