From 2d0bff3f98271dbb481cad9db3c111af7265cc6d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9B=B7=E7=94=B5=E8=8A=BD=E8=A1=A3?=
 <zhangyanghaha0407@outlook.com>
Date: Fri, 9 Oct 2026 23:51:11 -0400
Subject: [PATCH] Website: hero fills 98vh with smaller copy; mode cards share
 one size; save-point row centred

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../sections/character-select.module.css         |  6 +-----
 .../components/sections/save-point.module.css    |  2 +-
 .../components/sections/title-screen.module.css  | 16 ++++++++++++++--
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/landing/components/sections/character-select.module.css b/landing/components/sections/character-select.module.css
index 6bc17795..bc27e088 100644
--- a/landing/components/sections/character-select.module.css
+++ b/landing/components/sections/character-select.module.css
@@ -7,18 +7,14 @@
 
 .card {
   display: grid;
+  grid-template-rows: auto 1fr;
   gap: 12px;
-  transition: transform 240ms steps(3);
 }
 
 .card[data-selected="false"] {
   opacity: 0.72;
 }
 
-.card[data-selected="true"] {
-  transform: translateY(-12px);
-}
-
 .player {
   height: 24px;
   font-size: var(--fs-1);
diff --git a/landing/components/sections/save-point.module.css b/landing/components/sections/save-point.module.css
index 56c584c9..91dd66f0 100644
--- a/landing/components/sections/save-point.module.css
+++ b/landing/components/sections/save-point.module.css
@@ -110,7 +110,7 @@
   display: grid;
   grid-template-columns: 3fr 2fr;
   gap: 36px;
-  align-items: start;
+  align-items: center;
   margin-top: 36px;
 }
 
diff --git a/landing/components/sections/title-screen.module.css b/landing/components/sections/title-screen.module.css
index 5b8c52ff..0f2e083e 100644
--- a/landing/components/sections/title-screen.module.css
+++ b/landing/components/sections/title-screen.module.css
@@ -1,7 +1,9 @@
 .hero {
   position: relative;
   display: grid;
-  min-height: max(640px, min(100svh, 960px));
+  height: 98vh;
+  height: 98svh;
+  min-height: 560px;
   overflow: hidden;
   background: var(--ink-sky-1);
   isolation: isolate;
@@ -225,7 +227,7 @@
     justify-content: center;
     width: min(100%, 1440px);
     margin: 0 auto;
-    padding: 120px 48px 96px;
+    padding: 96px 48px 72px;
     text-align: left;
   }
 
@@ -242,6 +244,16 @@
     height: 72px;
   }
 
+  .tagline {
+    font-size: var(--fs-2);
+    line-height: 1.5;
+  }
+
+  .sub {
+    font-size: var(--fs-1);
+    line-height: 2;
+  }
+
   .window {
     padding: 12px 24px;
     background: color-mix(in srgb, var(--ink-void) 55%, transparent);