From e8fe6af597dc3db6680f146a25b6249d29edfede Mon Sep 17 00:00:00 2001
From: v0 <v0[bot]@users.noreply.github.com>
Date: Wed, 27 May 2026 13:41:25 +0000
Subject: [PATCH 1/4] feat: enforce square aspect ratio for "Coming Soon" card

Update '.coming-soon-card' to have 1:1 aspect ratio on all devices.

Co-authored-by: LCSOGthb <185141600+LCSOGthb@users.noreply.github.com>
---
 app/globals.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/app/globals.css b/app/globals.css
index 4ced902..5683a24 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -105,6 +105,12 @@ body {
   box-shadow:
     0 25px 50px -12px rgba(0, 0, 0, 0.5),
     0 0 0 1px rgba(255, 255, 255, 0.05) inset;
+  width: 480px;
+  height: 480px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 }
 
 @media (max-width: 640px) {
@@ -112,6 +118,8 @@ body {
     padding: 2rem 1.5rem;
     margin: 0 1rem;
     border-radius: 1rem;
+    width: 320px;
+    height: 320px;
   }
 }
 

From 108dfe92fabf4361d68e8f8300d29463855865d1 Mon Sep 17 00:00:00 2001
From: v0 <v0[bot]@users.noreply.github.com>
Date: Wed, 27 May 2026 13:45:21 +0000
Subject: [PATCH 2/4] fix: adjust card dimensions for content-based sizing

Remove fixed height and set width to 100% for content-based sizing.

Co-authored-by: LCSOGthb <185141600+LCSOGthb@users.noreply.github.com>
---
 app/globals.css | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 5683a24..897a950 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -105,12 +105,8 @@ body {
   box-shadow:
     0 25px 50px -12px rgba(0, 0, 0, 0.5),
     0 0 0 1px rgba(255, 255, 255, 0.05) inset;
-  width: 480px;
-  height: 480px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
+  max-width: 480px;
+  width: 100%;
 }
 
 @media (max-width: 640px) {
@@ -118,8 +114,7 @@ body {
     padding: 2rem 1.5rem;
     margin: 0 1rem;
     border-radius: 1rem;
-    width: 320px;
-    height: 320px;
+    max-width: 320px;
   }
 }
 

From cda95ed71a4528107c62ce3d422f590b7096b410 Mon Sep 17 00:00:00 2001
From: v0 <v0[bot]@users.noreply.github.com>
Date: Wed, 27 May 2026 13:55:29 +0000
Subject: [PATCH 3/4] fix: update main positioning and card sizing for
 full-screen layout

Change main to fixed inset-0 and card to aspect-ratio 1 with clamp sizing.

Co-authored-by: LCSOGthb <185141600+LCSOGthb@users.noreply.github.com>
---
 app/globals.css | 23 +++++++++++++----------
 app/page.tsx    |  2 +-
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 897a950..5e41121 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -100,21 +100,24 @@ body {
   -webkit-backdrop-filter: blur(20px);
   border: 1px solid var(--border-default);
   border-radius: 1.5rem;
-  padding: 3rem 4rem;
   text-align: center;
   box-shadow:
     0 25px 50px -12px rgba(0, 0, 0, 0.5),
     0 0 0 1px rgba(255, 255, 255, 0.05) inset;
-  max-width: 480px;
-  width: 100%;
-}
-
-@media (max-width: 640px) {
+  /* Square: fluid size clamped between 280px and 480px */
+  width: clamp(280px, min(80vw, 80vh), 480px);
+  height: clamp(280px, min(80vw, 80vh), 480px);
+  /* Center content inside the square */
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem;
+}
+
+@media (max-width: 480px) {
   .coming-soon-card {
-    padding: 2rem 1.5rem;
-    margin: 0 1rem;
-    border-radius: 1rem;
-    max-width: 320px;
+    border-radius: 1.125rem;
   }
 }
 
diff --git a/app/page.tsx b/app/page.tsx
index 1a75b27..0259dd3 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -37,7 +37,7 @@ export default function Home() {
       {/* Main content - centered card */}
       <main
         id="main-content"
-        className="relative z-10 flex min-h-screen items-center justify-center px-4"
+        className="fixed inset-0 z-10 flex items-center justify-center p-4"
       >
         <div className="coming-soon-card">
           <h1 className="coming-soon-title">{t.title}</h1>

From 21db952db4086feeff88d6dc2ebd99c8271a7158 Mon Sep 17 00:00:00 2001
From: v0 <v0[bot]@users.noreply.github.com>
Date: Wed, 27 May 2026 13:57:40 +0000
Subject: [PATCH 4/4] feat: update version label text to 0.13 Beta

Change displayed and accessible version label text for accuracy.

Co-authored-by: LCSOGthb <185141600+LCSOGthb@users.noreply.github.com>
---
 app/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 0259dd3..d0625ba 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -46,8 +46,8 @@ export default function Home() {
       </main>
 
       {/* Version label - bottom right */}
-      <div className="version-label" aria-label="Version 0.1 Beta">
-        Version: 0.1 Beta
+      <div className="version-label" aria-label="Version 0.13 Beta">
+        Version: 0.13 Beta
       </div>
     </>
   );