diff --git a/apps/client/src/scenes/lobby/LobbyScene.tsx b/apps/client/src/scenes/lobby/LobbyScene.tsx
index 7a49278..9a5d6f0 100644
--- a/apps/client/src/scenes/lobby/LobbyScene.tsx
+++ b/apps/client/src/scenes/lobby/LobbyScene.tsx
@@ -73,6 +73,33 @@
         * {
           box-sizing: border-box;
         }
+
+        .lobby-main-layout {
+          display: flex;
+          flex-direction: row;
+          width: 100%;
+          flex-grow: 1;
+          gap: 20px;
+          min-height: 0;
+        }
+
+        .lobby-player-list {
+          list-style: none;
+          padding: 0 10px 0 0;
+          margin: 0;
+          font-size: 1.1rem;
+          overflow-y: auto;
+          flex-grow: 1;
+          min-height: 0;
+        }
+
+        @media (max-width: 900px) {
+          .lobby-main-layout {
+            flex-direction: column;
+            gap: 12px;
+          }
+        }
+
         /* スクロールバーの見た目をスマホ・PCでスッキリさせる */
         ::-webkit-scrollbar {
           width: 8px;
@@ -110,7 +137,9 @@
           background: "transparent",
           height: "100dvh",
           width: "100vw",
-          overflow: "hidden",
+          overflowX: "hidden",
+          overflowY: "auto",
+          WebkitOverflowScrolling: "touch",
           display: "flex",
           flexDirection: "column",
           alignItems: "center",
@@ -127,16 +156,7 @@
           ルーム: {room.roomId} (待機中)
         </h2>
 
-        <div
-          style={{
-            display: "flex",
-            flexDirection: "row",
-            width: "100%",
-            flexGrow: 1,
-            gap: "20px",
-            minHeight: 0,
-          }}
-        >
+        <div className="lobby-main-layout">
           {/* 左半分: スタートボタン or 待機メッセージ */}
           <div
             style={{
@@ -307,16 +327,7 @@
               参加プレイヤー ({room.players.length}/{room.maxPlayers})
             </h3>
             <ul
-              style={{
-                listStyle: "none",
-                padding: 0,
-                margin: 0,
-                fontSize: "1.1rem",
-                overflowY: "auto",
-                flexGrow: 1,
-                minHeight: "320px",
-                paddingRight: "10px",
-              }}
+              className="lobby-player-list"
             >
               {room.players.map((p: domain.room.RoomMember) => (
                 <li
diff --git a/test/load-bot.constants.ts b/test/load-bot.constants.ts
index b8e9ad8..fe72157 100644
--- a/test/load-bot.constants.ts
+++ b/test/load-bot.constants.ts
@@ -1,11 +1,12 @@
 import { config as sharedConfig } from "@repo/shared";
-import { config as clientConfig } from "../apps/client/src/config/index.ts";
 
-const { GAME_CONFIG } = sharedConfig;
-const { NETWORK_CONFIG } = clientConfig;
+const { GAME_CONFIG, NETWORK_CONFIG } = sharedConfig;
 
-export const URL = NETWORK_CONFIG.PROD_SERVER_URL;
-export const DEV_URL = NETWORK_CONFIG.DEV_SERVER_URL;
+const DEFAULT_SERVER_HOST = "http://localhost";
+const DEFAULT_SERVER_PORT = "3000";
+const DEFAULT_SERVER_URL = `${DEFAULT_SERVER_HOST}:${DEFAULT_SERVER_PORT}`;
+export const URL = process.env.LOAD_TEST_SERVER_URL || DEFAULT_SERVER_URL;
+export const DEV_URL = process.env.LOAD_TEST_DEV_SERVER_URL || DEFAULT_SERVER_URL;
 export const BOTS = 99;
 export const DURATION_MS = Infinity;
 export const JOIN_DELAY_MS = 25;
@@ -22,4 +23,4 @@
 export const ROOM_ID = "1";
 export const START_GAME = true;
 export const SOCKET_PATH = NETWORK_CONFIG.SOCKET_IO_PATH;
-export const SOCKET_TRANSPORTS = [...NETWORK_CONFIG.SOCKET_TRANSPORTS];
+export const SOCKET_TRANSPORTS = ["websocket", "polling"];
diff --git a/test/package.json b/test/package.json
index bc4924f..4c26e28 100644
--- a/test/package.json
+++ b/test/package.json
@@ -3,7 +3,7 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "start": "node --loader ts-node/esm load-bot.ts"
+    "start": "node --env-file=.env.local --loader ts-node/esm load-bot.ts"
   },
   "dependencies": {
     "@repo/shared": "workspace:*",