diff --git a/fog.html b/fog.html
index c209753..2b91316 100644
--- a/fog.html
+++ b/fog.html
@@ -5,7 +5,6 @@
   <title>霧解除探索ゲーム</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-  <!-- Leaflet CSS -->
   <link
     rel="stylesheet"
     href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
@@ -28,8 +27,8 @@
       background: #eee;
       display: flex;
       align-items: center;
+      gap: 12px;
       flex-wrap: wrap;
-      gap: 8px;
     }
 
     #locationmap {
@@ -41,6 +40,10 @@
       font-size: 14px;
       cursor: pointer;
     }
+
+    .status {
+      font-weight: bold;
+    }
   </style>
 </head>
 
@@ -53,15 +56,13 @@
   <div id="controls">
     <button id="start">START</button>
     <button id="stop">STOP</button>
-    <!-- 制圧率は fog.js 側で自動追加される -->
+    <span id="rate" class="status">制圧率: 0%</span>
+    <span id="baseStatus" class="status">拠点: 0 / 0</span>
   </div>
 
   <div id="locationmap"></div>
 
-  <!-- Leaflet JS -->
   <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
-
-  <!-- あなたのJS -->
   <script src="fog.js"></script>
 
 </body>