From 4a321c96a12dd93adaedb9a696f5508fcf88f3d6 Mon Sep 17 00:00:00 2001
From: "sungjin.choi" <sungjin.choi@specialsource.company>
Date: Thu, 28 May 2026 17:11:38 +0900
Subject: [PATCH] =?UTF-8?q?chore=20:=20=EB=B2=A0=EB=84=88=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Main.vue | 37 ++++++++++++++++++++-----------------
 1 file changed, 20 insertions(+), 17 deletions(-)

diff --git a/src/views/Main.vue b/src/views/Main.vue
index 626e78f..052881b 100644
--- a/src/views/Main.vue
+++ b/src/views/Main.vue
@@ -558,31 +558,34 @@ iframe { width: 100%; height: 180px; border-radius: 4px; }
   .project-grid { grid-template-columns: 1fr; }
   .auth-nav { flex-direction: column; gap: 12px; padding: 15px 20px; }
 
-  /* 🟢 [NEW] 갤럭시 S24 맞춤형 아스키 전광판 컨테이너 조율 */
+  /* 🟢 [스크롤 100% 복구] 원래 있던 가로 스크롤바를 강제 활성화하고 부드러운 터치 적용 */
   .ascii-container {
     width: 100%;
-    height: 200px;        /* 👈 축소된 아스키 아트 높이에 맞게 영역 고정 */
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    overflow: hidden;     /* 👈 불필요한 스크롤바 방지 */
-    padding: 0;
+    overflow-x: auto !important;        /* 👈 가로 스크롤 무조건 부활 */
+    overflow-y: hidden !important;
+    padding: 15px 5px;
+    display: block;
+    box-sizing: border-box;
+    -webkit-overflow-scrolling: touch;  /* 👈 모바일에서 스크롤을 부드럽게 슥슥 넘기게 만듦 */
   }
 
-  /* 🟢 [NEW] 최소 폰트 크기 제한 및 공백 깨짐을 원천 차단하는 크기 오버라이딩 */
+  /* 🟢 [갤럭시 S24 타겟팅] 폰트 강제 확대 버그를 찢어버리는 치트키 */
   .ascii-art {
-    font-size: 14px !important;    /* 👈 데스크톱 가독성 비율(14px)을 그대로 유지하여 공백 깨짐 방지 */
-    line-height: 1.2 !important;
+    font-size: 11px !important;         /* 👈 가로 스크롤로 편하게 볼 수 있는 최적의 모바일 가독성 크기 */
+    line-height: 1.25 !important;
+    white-space: pre !important;        /* 👈 어떤 일이 있어도 줄바꿈 절대 금지 */
+    word-break: keep-all !important;
+    width: max-content !important;      /* 👈 아스키 아트 고유 가로폭 절대 보존 */
+    margin: 0 !important;               /* 👈 왼쪽 정렬로 스크롤 시작점 고정 */
+    transform: none !important;         /* 👈 문제 많던 scale 옵션 완전 제거 */
 
-    /* 🌟 핵심: 모바일 브라우저의 폰트 제한 시스템을 무시하고, 전체 레이아웃을 비율대로 압축 */
-    transform: scale(0.52) !important;
-    transform-origin: center center;
-
-    white-space: pre !important;
-    width: max-content !important;
-    margin: 0 auto !important;
+    /* 🌟 [핵심] 안드로이드 크롬/삼성인터넷의 폰트 부스팅(글자 크기 제멋대로 키우기) 차단 */
+    -webkit-text-size-adjust: none !important;
+    text-size-adjust: none !important;
+    max-height: 999999px !important;    /* 👈 크롬 엔진의 텍스트 오토사이징을 무력화하는 인프라 꼼수 */
   }
 }
+
 @keyframes blink { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } }
 
 /* 일회성 사이버 글리치 키프레임 */