chore : 베너변경

src/views/Main.vue

@@ -558,10 +558,29 @@ iframe { width: 100%; height: 180px; border-radius: 4px; }
   .project-grid { grid-template-columns: 1fr; }
   .auth-nav { flex-direction: column; gap: 12px; padding: 15px 20px; }
 
-  /* 🟢 갤럭시 S24를 포함한 모바일 화면 비율 맞춤 자동 축소 */
+  /* 🟢 [NEW] 갤럭시 S24 맞춤형 아스키 전광판 컨테이너 조율 */
+  .ascii-container {
+    width: 100%;
+    height: 200px;        /* 👈 축소된 아스키 아트 높이에 맞게 영역 고정 */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;     /* 👈 불필요한 스크롤바 방지 */
+    padding: 0;
+  }
+
+  /* 🟢 [NEW] 최소 폰트 크기 제한 및 공백 깨짐을 원천 차단하는 크기 오버라이딩 */
   .ascii-art {
-    font-size: 1.6vw !important; /* 👈 폭에 맞게 약간 더 미세 조정 */
+    font-size: 14px !important;    /* 👈 데스크톱 가독성 비율(14px)을 그대로 유지하여 공백 깨짐 방지 */
     line-height: 1.2 !important;
+
+    /* 🌟 핵심: 모바일 브라우저의 폰트 제한 시스템을 무시하고, 전체 레이아웃을 비율대로 압축 */
+    transform: scale(0.52) !important;
+    transform-origin: center center;
+
+    white-space: pre !important;
+    width: max-content !important;
+    margin: 0 auto !important;
   }
 }
 @keyframes blink { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } }