1 files changed, 15 insertions, 5 deletions
diff --git a/frontend/src/styles/pc98.css b/frontend/src/styles/pc98.css
index 63e1996..39b8392 100644
--- a/frontend/src/styles/pc98.css
+++ b/frontend/src/styles/pc98.css
@@ -641,6 +641,14 @@ button:focus-visible {
   pointer-events: none;
 }
 
+/* Minimal landing background */
+.background-only { position: absolute; inset: 0; z-index: 0; }
+.background-only .background-gif { width: 100%; height: 100%; object-fit: cover; display: block; }
+
+/* Bottom overlay for Velocity/Energy */
+.bottom-stats { position: absolute; left: 0; right: 0; bottom: 16px; display: flex; justify-content: center; z-index: 2; pointer-events: none; }
+.bottom-stats .rf-stats { background: rgba(10, 12, 20, 0.55); border: 1px solid rgba(102,204,255,0.6); padding: 8px 12px; border-radius: 6px; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); margin: 0; pointer-events: auto; }
+
 /* Floating Header Bar */
 .floating-header {
   position: fixed;
@@ -1670,11 +1678,11 @@ button:focus-visible {
   z-index: 1;
   height: 100%;
   display: grid;
-  grid-template-columns: 1fr 220px; /* hero left, masthead right */
-  grid-template-rows: 1fr auto;     /* CTA sits below hero */
+  grid-template-columns: 220px 1fr; /* masthead left, hero right */
+  grid-template-rows: 1fr auto;     /* CTA spans bottom */
   grid-template-areas:
-    "hero masthead"
-    "hero cta";
+    "masthead hero"
+    "cta cta";
   gap: 28px;
   padding: 40px 48px;
 }
@@ -2128,7 +2136,9 @@ button:focus-visible {
 /* .ascii-section / .ascii-frame / .ascii-art-container not used */
 
 /* CTA */
-.cta-area { grid-area: cta; align-self: end; display: flex; justify-content: flex-end; }
+.cta-area { grid-area: cta; align-self: end; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
+.cta-left { display: flex; flex-direction: column; gap: 12px; }
+.cta-right { display: flex; align-items: center; }
 .taisho-cta {
   position: relative;
   background: var(--ink);