fix:장수 생성 순서 버튼 변경

app/game-frontend/e2e/joinLayout.spec.ts

@@ -179,7 +179,19 @@ test('prioritizes core general fields and keeps context and inheritance progress
     await expect(page.getByLabel('성격')).toBeVisible();
     await expect(page.locator('.create-form').getByLabel('통솔')).toHaveValue('55');
     const statActions = page.getByRole('group', { name: '능력치 빠른 설정' });
-    await expect(statActions.getByRole('button')).toHaveText(['랜덤형', '통솔무력형', '통솔지력형', '무력지력형']);
+    await expect(statActions.getByRole('button')).toHaveText(['통솔무력형', '통솔지력형', '무력지력형', '랜덤형']);
+    const desktopStatButtonBoxes = await statActions.getByRole('button').evaluateAll((buttons) =>
+        buttons.map((button) => {
+            const rect = button.getBoundingClientRect();
+            return { left: rect.left, top: rect.top, width: rect.width, height: rect.height };
+        })
+    );
+    expect(desktopStatButtonBoxes).toHaveLength(4);
+    expect(desktopStatButtonBoxes[0]?.top).toBe(desktopStatButtonBoxes[1]?.top);
+    expect(desktopStatButtonBoxes[2]?.top).toBe(desktopStatButtonBoxes[3]?.top);
+    expect(desktopStatButtonBoxes[2]?.top).toBeGreaterThan(desktopStatButtonBoxes[0]?.top ?? 0);
+    expect(desktopStatButtonBoxes[0]?.left).toBe(desktopStatButtonBoxes[2]?.left);
+    expect(desktopStatButtonBoxes[1]?.left).toBe(desktopStatButtonBoxes[3]?.left);
     const randomButton = statActions.getByRole('button', { name: '랜덤형', exact: true });
     const defaultButtonStyle = await randomButton.evaluate((element) => {
         const rect = element.getBoundingClientRect();
@@ -384,11 +396,16 @@ test('keeps the primary creation flow readable without horizontal overflow on mo
         .evaluateAll((buttons) =>
             buttons.map((button) => {
                 const rect = button.getBoundingClientRect();
-                return { width: rect.width, height: rect.height };
+                return { left: rect.left, top: rect.top, width: rect.width, height: rect.height };
             })
         );
     expect(mobileStatButtons).toHaveLength(4);
     expect(mobileStatButtons.every(({ width, height }) => width >= 160 && height === 40)).toBe(true);
+    expect(mobileStatButtons[0]?.top).toBe(mobileStatButtons[1]?.top);
+    expect(mobileStatButtons[2]?.top).toBe(mobileStatButtons[3]?.top);
+    expect(mobileStatButtons[2]?.top).toBeGreaterThan(mobileStatButtons[0]?.top ?? 0);
+    expect(mobileStatButtons[0]?.left).toBe(mobileStatButtons[2]?.left);
+    expect(mobileStatButtons[1]?.left).toBe(mobileStatButtons[3]?.left);
     await expect(page.locator('.advanced-options')).not.toHaveAttribute('open');
     await page.getByRole('tab', { name: '장수 목록' }).click();
     const mobileGeneralRows = page.locator('.context-general-table tbody tr');

app/game-frontend/src/views/JoinView.vue

@@ -729,9 +729,6 @@ onUnmounted(() => {
                     </div>
 
                     <div class="stat-actions" role="group" aria-label="능력치 빠른 설정">
-                        <button class="legacy-button legacy-button--navigation" type="button" @click="applyRandomStats">
-                            랜덤형
-                        </button>
                         <button
                             class="legacy-button legacy-button--navigation"
                             type="button"
@@ -749,6 +746,9 @@ onUnmounted(() => {
                         <button class="legacy-button legacy-button--navigation" type="button" @click="applyPowintStats">
                             무력지력형
                         </button>
+                        <button class="legacy-button legacy-button--navigation" type="button" @click="applyRandomStats">
+                            랜덤형
+                        </button>
                     </div>
 
                     <div v-if="accountIcons.length" class="icon-choice">
@@ -1404,14 +1404,14 @@ onUnmounted(() => {
 }
 
 .stat-actions {
-    display: flex;
+    display: grid;
-    flex-wrap: wrap;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 8px;
     margin-top: 12px;
 }
 
 .stat-actions button {
-    flex: 1 1 140px;
+    width: 100%;
     height: 40px;
     min-height: 40px;
     padding: 8px 14px;