diff --git a/public/css/overlay.css b/public/css/overlay.css
index e3d4872..4c54c8a 100644
--- a/public/css/overlay.css
+++ b/public/css/overlay.css
@@ -18,7 +18,7 @@ body {
     background: var(--bg-primary);
     color: var(--text-primary);
     overflow: hidden;
-    font-size: 11px;
+    font-size: 22px;
     line-height: 1.2;
     min-height: 100vh;
 }
@@ -37,20 +37,20 @@ body {
     left: 50%;
     transform: translate(-50%, -50%);
     background: var(--bg-secondary);
-    border: 2px solid var(--accent-blue);
+    border: 4px solid var(--accent-blue);
     text-align: center;
     width: 80%;
     max-width: 300px;
 }
 
 .waiting-display h2 {
-    font-size: 14px;
+    font-size: 28px;
     background: var(--accent-blue);
     color: var(--bg-primary);
 }
 
 .waiting-display p {
-    font-size: 11px;
+    font-size: 22px;
     color: var(--text-secondary);
 }
 
@@ -62,35 +62,35 @@ body {
 .game-header {
     display: flex;
     align-items: center;
-    gap: 10px;
+    gap: 20px;
 }
 
 .game-icon {
-    width: 48px;
-    height: 48px;
+    width: 96px;
+    height: 96px;
     border: 1px solid var(--accent-blue);
     background: var(--bg-primary);
 }
 
 .game-info h2 {
-    font-size: 14px;
+    font-size: 28px;
     color: var(--text-primary);
 }
 
 .console-name {
-    font-size: 11px;
+    font-size: 22px;
     color: var(--text-secondary);
 }
 
 .game-progress {
-    border-top: 1px solid var(--accent-blue);
+    border-top: 2px solid var(--accent-blue);
 }
 
 .progress-stats {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 10px;
+    font-size: 20px;
     font-weight: bold;
     color: var(--text-primary);
     background: var(--bg-primary);
@@ -98,8 +98,8 @@ body {
 
 .progress-bar-container {
     background: var(--bg-primary);
-    border: 1px solid var(--accent-blue);
-    height: 8px;
+    border: 2px solid var(--accent-blue);
+    height: 16px;
 }
 
 .progress-bar-fill {
@@ -111,12 +111,12 @@ body {
 .achievements-container {
     flex: 1;
     background: var(--bg-secondary);
-    border: 1px solid var(--accent-blue);
+    border: 2px solid var(--accent-blue);
     overflow: hidden;
 }
 
 .achievements-container h3 {
-    font-size: 12px;
+    font-size: 24px;
     text-align: center;
     background: var(--accent-blue);
     color: var(--bg-primary);
@@ -125,14 +125,14 @@ body {
 .achievements-list {
     display: flex;
     flex-direction: column;
-    max-height: 300px;
+    max-height: 600px;
     overflow-y: auto;
     list-style-type: none;
     background: var(--bg-primary);
 }
 
 .achievements-list::-webkit-scrollbar {
-    width: 4px;
+    width: 8px;
 }
 
 .achievements-list::-webkit-scrollbar-track {
@@ -146,15 +146,15 @@ body {
 .achievement-item {
     display: flex;
     align-items: center;
-    gap: 8px;
+    gap: 16px;
     background: var(--bg-primary);
-    border-bottom: 1px solid var(--bg-secondary);
+    border-bottom: 2px solid var(--bg-secondary);
 }
 
 .achievement-badge {
-    width: 32px;
-    height: 32px;
-    border: 1px solid var(--accent-gold);
+    width: 64px;
+    height: 64px;
+    border: 2px solid var(--accent-gold);
     background: var(--bg-secondary);
     flex-shrink: 0;
 }
@@ -166,7 +166,7 @@ body {
 
 .achievement-title {
     font-weight: bold;
-    font-size: 11px;
+    font-size: 22px;
     color: var(--text-primary);
     white-space: nowrap;
     overflow: hidden;
@@ -174,10 +174,9 @@ body {
 }
 
 .achievement-description {
-    font-size: 10px;
+    font-size: 22px;
     color: var(--text-secondary);
     display: -webkit-box;
-    -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }
@@ -185,7 +184,7 @@ body {
 .achievement-meta {
     display: flex;
     align-items: center;
-    font-size: 9px;
+    font-size: 18px;
     color: var(--text-secondary);
 }
 
@@ -201,26 +200,26 @@ body {
     left: 50%;
     transform: translate(-50%, -50%);
     background: #4d1f1f;
-    border: 2px solid #cc0000;
+    border: 4px solid #cc0000;
     text-align: center;
 }
 
 .error-content h3 {
-    font-size: 12px;
+    font-size: 24px;
     color: #ff6666;
 }
 
 .error-content p {
-    font-size: 11px;
+    font-size: 22px;
     color: #ff9999;
 }
 
 .error-content button {
     background: var(--bg-secondary);
     color: var(--text-primary);
-    border: 1px solid var(--accent-blue);
+    border: 2px solid var(--accent-blue);
     cursor: pointer;
-    font-size: 10px;
+    font-size: 20px;
     font-family: inherit;
 }
 
diff --git a/public/css/style.css b/public/css/style.css
index dd743b7..fefd4e2 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -17,7 +17,7 @@ body {
     background: var(--bg-primary);
     color: var(--text-primary);
     min-height: 100vh;
-    font-size: 12px;
+    font-size: 24px;
     line-height: 1.2;
 }
 .container {
@@ -27,22 +27,22 @@ body {
 header {
     text-align: center;
     background: var(--bg-secondary);
-    border-bottom: 1px solid var(--accent-blue);
+    border-bottom: 2px solid var(--accent-blue);
 }
 header h1 {
-    font-size: 18px;
+    font-size: 36px;
     color: var(--accent-gold);
 }
 header p {
-    font-size: 11px;
+    font-size: 22px;
     color: var(--text-secondary);
 }
 .user-input {
     background: var(--bg-secondary);
-    border: 1px solid var(--accent-blue);
+    border: 2px solid var(--accent-blue);
 }
 .user-input h2 {
-    font-size: 14px;
+    font-size: 28px;
     text-align: center;
     background: var(--accent-blue);
     color: var(--bg-primary);
@@ -55,9 +55,9 @@ header p {
     border: none;
     background: var(--bg-primary);
     color: var(--text-primary);
-    font-size: 12px;
+    font-size: 24px;
     font-family: inherit;
-    border-right: 1px solid var(--accent-blue);
+    border-right: 2px solid var(--accent-blue);
 }
 #username:focus {
     outline: none;
@@ -67,7 +67,7 @@ button {
     background: var(--accent-blue);
     color: var(--bg-primary);
     border: none;
-    font-size: 12px;
+    font-size: 24px;
     cursor: pointer;
     font-family: inherit;
     font-weight: bold;
@@ -78,7 +78,7 @@ button {
 .loading, .error {
     text-align: center;
     background: var(--bg-secondary);
-    border: 1px solid var(--accent-blue);
+    border: 2px solid var(--accent-blue);
 }
 .error {
     background: #4d1f1f;
@@ -87,14 +87,14 @@ button {
 }
 .error-message {
     color: #ff6666;
-    font-size: 12px;
+    font-size: 24px;
 }
 .user-info {
     background: var(--bg-secondary);
-    border: 1px solid var(--accent-blue);
+    border: 2px solid var(--accent-blue);
 }
 .user-info h2 {
-    font-size: 14px;
+    font-size: 28px;
     background: var(--accent-blue);
     color: var(--bg-primary);
     text-align: center;
@@ -102,67 +102,67 @@ button {
 .profile-header {
     display: flex;
     align-items: center;
-    gap: 10px;
-    border-bottom: 1px solid var(--accent-blue);
+    gap: 20px;
+    border-bottom: 2px solid var(--accent-blue);
 }
 .avatar {
-    width: 40px;
-    height: 40px;
-    border: 1px solid var(--accent-blue);
+    width: 80px;
+    height: 80px;
+    border: 2px solid var(--accent-blue);
 }
 .profile-details h3 {
-    font-size: 14px;
+    font-size: 28px;
     color: var(--accent-gold);
 }
 .motto {
-    font-size: 11px;
+    font-size: 22px;
     color: var(--text-secondary);
     font-style: italic;
 }
 .stats {
     display: flex;
-    gap: 10px;
+    gap: 20px;
 }
 .stat {
     background: var(--bg-primary);
-    font-size: 10px;
-    border: 1px solid var(--accent-gold);
+    font-size: 20px;
+    border: 2px solid var(--accent-gold);
     color: var(--accent-gold);
 }
 .member-since {
-    font-size: 10px;
+    font-size: 20px;
     color: var(--text-secondary);
 }
 .last-game h3, .last-achievement h3 {
-    font-size: 12px;
+    font-size: 24px;
     background: var(--bg-primary);
     color: var(--text-primary);
-    border-bottom: 1px solid var(--accent-blue);
+    border-bottom: 2px solid var(--accent-blue);
 }
 .game-card, .achievement-card {
     display: flex;
     align-items: center;
-    gap: 10px;
+    gap: 20px;
     background: var(--bg-primary);
-    border-bottom: 1px solid var(--bg-secondary);
+    border-bottom: 2px solid var(--bg-secondary);
 }
 .game-icon, .achievement-badge {
-    width: 32px;
-    height: 32px;
-    border: 1px solid var(--accent-blue);
+    width: 64px;
+    height: 64px;
+    border: 2px solid var(--accent-blue);
 }
 .game-details h4, .achievement-details h4 {
-    font-size: 12px;
+    font-size: 24px;
     color: var(--text-primary);
 }
 .console, .description {
-    font-size: 10px;
+    font-size: 20px;
     color: var(--text-secondary);
 }
 .achievement-stats {
     display: flex;
-    gap: 10px;
-    font-size: 10px;
+    gap: 20px;
+    font-size: 20px;
 }
 .points {
     color: var(--accent-gold);
@@ -172,16 +172,16 @@ button {
 }
 .overlay-controls {
     background: var(--bg-primary);
-    border: 1px solid var(--accent-gold);
+    border: 2px solid var(--accent-gold);
 }
 .overlay-controls h3 {
-    font-size: 12px;
+    font-size: 24px;
     background: var(--accent-gold);
     color: var(--bg-primary);
     text-align: center;
 }
 .overlay-controls p {
-    font-size: 10px;
+    font-size: 20px;
     color: var(--text-secondary);
 }
 .overlay-url {
@@ -193,8 +193,8 @@ button {
     color: var(--text-primary);
     border: none;
     font-family: inherit;
-    font-size: 10px;
-    border-right: 1px solid var(--accent-gold);
+    font-size: 20px;
+    border-right: 2px solid var(--accent-gold);
 }
 .overlay-button {
     display: inline-block;
@@ -202,7 +202,7 @@ button {
     color: var(--bg-primary);
     text-decoration: none;
     font-weight: bold;
-    font-size: 12px;
+    font-size: 24px;
     text-align: center;
 }
 @media (max-width: 600px) {
@@ -222,4 +222,4 @@ button {
     .overlay-url {
         flex-direction: column;
     }
-}
+}
\ No newline at end of file