From f924e2439a3c8c279554fbe566613c2127d5c094 Mon Sep 17 00:00:00 2001
From: Admin <dmparrow@gmail.com>
Date: Tue, 22 Sep 2026 01:06:22 +0000
Subject: [PATCH] Fill mobile viewport with dollhouse canvas

---
 src/main.js   |  6 +++---
 src/style.css | 14 +++++++++++---
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/main.js b/src/main.js
index 58efdb9..f0d7d46 100644
--- a/src/main.js
+++ b/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()
diff --git a/src/style.css b/src/style.css
index bfee73c..52d6b53 100644
--- a/src/style.css
+++ b/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;
+}