diff --git a/frontend/src/components/GardenScene.vue b/frontend/src/components/GardenScene.vue
index 5d9f8a9..dcc53cf 100644
--- a/frontend/src/components/GardenScene.vue
+++ b/frontend/src/components/GardenScene.vue
@@ -201,13 +201,14 @@
 </script>
 
 <template>
-  <div ref="wrapEl" class="scene-wrap" :style="{ '--ar': state.grid.cols / state.grid.rows }">
+  <div ref="wrapEl" class="scene-wrap">
     <div class="scene-box">
-      <!-- Canvas-host: аспект по сетке, рендерер сам растягивает canvas на 100% -->
+      <!-- Canvas-host: в обычном режиме аспект по сетке; в fullscreen бокс занимает
+           весь экран, а сад вписывает сам рендерер (fit по меньшей стороне) -->
       <div
         ref="hostEl"
         class="scene"
-        :style="{ aspectRatio: `${state.grid.cols} / ${state.grid.rows}` }"
+        :style="{ aspectRatio: isFullscreen ? 'auto' : `${state.grid.cols} / ${state.grid.rows}` }"
       />
 
       <!-- Управление зумом и полноэкранным режимом -->
@@ -343,19 +344,22 @@
 .ctrl-btn:hover {
   background: color-mix(in srgb, var(--accent, #7aa2f7) 25%, var(--bg-card, #24283b));
 }
-/* Полноэкранный режим: сцена по центру, впишена в экран */
+/* Полноэкранный режим: бокс занимает весь экран (на вертикальном телефоне —
+   всю высоту), сад вписывает рендерер и центрирует; инвентарь остаётся снизу */
 .scene-wrap:fullscreen {
   margin: 0;
   display: flex;
   flex-direction: column;
-  align-items: center;
-  justify-content: center;
   background: var(--bg-main, #1a1f2e);
 }
 .scene-wrap:fullscreen .scene-box {
-  /* под сценой остаётся виден инвентарь: резерв ~64px, иначе бокс занимает
-     ровно 100vh и центрирование выталкивает верх (с кнопками) за экран */
-  width: min(100vw, calc((100vh - 64px) * var(--ar)));
+  width: 100%;
+  flex: 1;
+  min-height: 0;
+}
+.scene-wrap:fullscreen .scene {
+  width: 100%;
+  height: 100%;
 }
 /* Поповер роста: fixed у клетки растения */
 .popover-card {
diff --git a/frontend/src/game/GardenRenderer.ts b/frontend/src/game/GardenRenderer.ts
index 5ae3d8a..946875f 100644
--- a/frontend/src/game/GardenRenderer.ts
+++ b/frontend/src/game/GardenRenderer.ts
@@ -81,6 +81,8 @@
   private zoom = 1
   private baseScale = 1
   private panOffset = { x: 0, y: 0 }
+  // базовый сдвиг центрирования (контент меньше экрана) — вне panOffset
+  private baseOffset = { x: 0, y: 0 }
   private panning: { sx: number; sy: number; px: number; py: number } | null = null
 
   private constructor(cb: GardenRendererCallbacks) {
@@ -157,14 +159,27 @@
 
   private applyRootScale(host: HTMLElement): void {
     const w = host.clientWidth || 1
-    this.baseScale = w / this.worldWidth()
+    const h = host.clientHeight || 1
+    // fit по меньшей стороне: в fullscreen на вертикальном телефоне бокс не
+    // совпадает по аспекту с сеткой — вписываем сад целиком (в обычном режиме
+    // бокс следует аспекту сетки, так что это эквивалентно fit по ширине)
+    this.baseScale = Math.min(w / this.worldWidth(), h / this.worldHeight())
     this.applyView()
   }
 
   /** Применить зум и панораму к корневому контейнеру. */
   private applyView(): void {
     this.root.scale.set(this.baseScale * this.zoom)
-    this.root.position.set(this.panOffset.x, this.panOffset.y)
+    // контент меньше экрана — центрируем (fullscreen на вертикальном телефоне);
+    // panOffset остаётся нулевым, базовый сдвиг живёт отдельно
+    const cw = this.worldWidth() * this.baseScale * this.zoom
+    const ch = this.worldHeight() * this.baseScale * this.zoom
+    this.baseOffset.x = Math.max(0, (this.app.screen.width - cw) / 2)
+    this.baseOffset.y = Math.max(0, (this.app.screen.height - ch) / 2)
+    this.root.position.set(
+      this.panOffset.x + this.baseOffset.x,
+      this.panOffset.y + this.baseOffset.y,
+    )
   }
 
   /** Ограничить панораму: контент не должен уходить с экрана. */
@@ -181,12 +196,12 @@
   /** Сменить зум, сохранив точку мира под экранными координатами (ax, ay). */
   private applyZoom(next: number, ax: number, ay: number): void {
     const scale = this.baseScale * this.zoom
-    const wx = (ax - this.panOffset.x) / scale
-    const wy = (ay - this.panOffset.y) / scale
+    const wx = (ax - this.panOffset.x - this.baseOffset.x) / scale
+    const wy = (ay - this.panOffset.y - this.baseOffset.y) / scale
     this.zoom = Math.max(1, Math.min(4, next))
     const ns = this.baseScale * this.zoom
-    this.panOffset.x = ax - wx * ns
-    this.panOffset.y = ay - wy * ns
+    this.panOffset.x = ax - wx * ns - this.baseOffset.x
+    this.panOffset.y = ay - wy * ns - this.baseOffset.y
     this.clampPan()
     this.applyView()
   }
@@ -200,7 +215,7 @@
     this.applyZoom(this.zoom / 1.25, this.app.screen.width / 2, this.app.screen.height / 2)
   }
 
-  /** Сброс: fit по ширине, без сдвига. */
+  /** Сброс: fit по меньшей стороне, без сдвига. */
   resetView(): void {
     this.zoom = 1
     this.panOffset = { x: 0, y: 0 }
@@ -233,12 +248,27 @@
     const W = this.worldWidth()
     const H = this.worldHeight()
 
-    const wild = new TilingSprite({ texture: tileTexture('wild'), width: W, height: H })
+    // земля с запасом за края сетки: в fullscreen (вертикальный телефон) сад
+    // меньше экрана — вокруг поля земля, а не фон страницы; в обычном режиме
+    // канвас совпадает с сеткой, запас не виден
+    const m = CELL_WORLD * 32
+
+    const wild = new TilingSprite({
+      texture: tileTexture('wild'),
+      width: W + m * 2,
+      height: H + m * 2,
+    })
+    wild.position.set(-m, -m)
     this.terrain.addChild(wild)
 
     // газон из супер-тайла 64px (4 тайла, период 4 клетки) — на всё поле
     const lawnTex = tileTexture('grass-super')
-    const lawn = new TilingSprite({ texture: lawnTex, width: W, height: H })
+    const lawn = new TilingSprite({
+      texture: lawnTex,
+      width: W + m * 2,
+      height: H + m * 2,
+    })
+    lawn.position.set(-m, -m)
     this.terrain.addChild(lawn)
 
     // кустики травы: ~8% клеток, два вида (пучок / с цветком);
@@ -578,21 +608,21 @@
       clientY > rect.bottom
     )
       return null
-    const scale = (rect.width / this.worldWidth()) * this.zoom
+    const scale = this.baseScale * this.zoom
     return this.cellOfWorld(
-      (clientX - rect.left - this.panOffset.x) / scale,
-      (clientY - rect.top - this.panOffset.y) / scale,
+      (clientX - rect.left - this.panOffset.x - this.baseOffset.x) / scale,
+      (clientY - rect.top - this.panOffset.y - this.baseOffset.y) / scale,
     )
   }
 
   /** Экранные координаты центра клетки (позиция поповера). */
   clientPointOfCell(x: number, y: number): { x: number; y: number } {
     const rect = this.app.canvas.getBoundingClientRect()
-    const scale = (rect.width / this.worldWidth()) * this.zoom
+    const scale = this.baseScale * this.zoom
     const { cx, cy } = this.cellCenter(x, y)
     return {
-      x: rect.left + cx * scale + this.panOffset.x,
-      y: rect.top + cy * scale + this.panOffset.y,
+      x: rect.left + cx * scale + this.panOffset.x + this.baseOffset.x,
+      y: rect.top + cy * scale + this.panOffset.y + this.baseOffset.y,
     }
   }