웹 페이지 프론트엔드 UI 수정

- 모바일에서 봤을 때 UI/UX 이상하고 불편했던 부분 수정
 - 블로그 글 모바일 크기 시 리스트 아래로 글이 내려가는 부분 수정
 - 전체 배경 이어 붙이기가 아닌 고정으로 스크롤 시에도 어색하지 않게 수정

src/pages/lotto/Lotto.css

@@ -337,3 +337,43 @@
         grid-template-columns: 1fr;
     }
 }
+
+@media (max-width: 768px) {
+    .lotto-header h1 {
+        font-size: clamp(24px, 6vw, 32px);
+    }
+
+    .lotto-grid {
+        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+        gap: 14px;
+    }
+
+    .lotto-panel {
+        padding: 16px;
+    }
+
+    .lotto-panel__head {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 10px;
+    }
+
+    .lotto-row {
+        gap: 6px;
+    }
+
+    .lotto-ball {
+        width: 36px;
+        height: 36px;
+        font-size: 14px;
+    }
+
+    .lotto-meta__title {
+        font-size: 16px;
+    }
+
+    .lotto-history__item {
+        padding: 14px;
+        gap: 12px;
+    }
+}