mobile pad

src/lib/components/Pages/Battle.svelte

@@ -163,6 +163,24 @@
     flex-direction: column;
     background: #f8f9fa;
     overflow: hidden;
+    padding-top: env(safe-area-inset-top);
+  }
+  
+  @media (max-width: 768px) {
+    .battle-page {
+      background: white;
+    }
+    
+    .battle-page::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: env(safe-area-inset-top);
+      background: white;
+      z-index: 1;
+    }
   }
   
   .battle-nav {
@@ -197,5 +215,7 @@
     display: flex;
     flex-direction: column;
     overflow: hidden;
+    position: relative;
+    background: #f8f9fa;
   }
 </style>