From e01dc649195222f714bcfb6888357568ca202347 Mon Sep 17 00:00:00 2001
From: Hikari <hikari@nhcarrigan.com>
Date: Sat, 7 Mar 2026 11:34:15 -0800
Subject: [PATCH] feat: add game title and copyright to UI

Adds the Elysium title above the guild hall button and an NHCarrigan
copyright notice at the bottom of the sidebar, with matching styles.
---
 apps/web/src/components/game/ClickArea.tsx  |  1 +
 apps/web/src/components/game/GameLayout.tsx |  1 +
 apps/web/src/styles.css                     | 18 ++++++++++++++++++
 3 files changed, 20 insertions(+)

diff --git a/apps/web/src/components/game/ClickArea.tsx b/apps/web/src/components/game/ClickArea.tsx
index da448e4..9a82927 100644
--- a/apps/web/src/components/game/ClickArea.tsx
+++ b/apps/web/src/components/game/ClickArea.tsx
@@ -39,6 +39,7 @@ export const ClickArea = (): React.JSX.Element => {
 
   return (
     <section className="click-area">
+      <h1 className="game-title">Elysium</h1>
       <h2>Guild Hall</h2>
       <div className="click-button-wrapper">
         <button
diff --git a/apps/web/src/components/game/GameLayout.tsx b/apps/web/src/components/game/GameLayout.tsx
index 886d877..0f2f9a0 100644
--- a/apps/web/src/components/game/GameLayout.tsx
+++ b/apps/web/src/components/game/GameLayout.tsx
@@ -95,6 +95,7 @@ export const GameLayout = (): React.JSX.Element => {
       <div className="game-main">
         <aside className="game-sidebar">
           <ClickArea />
+          <p className="game-copyright">© NHCarrigan</p>
         </aside>
 
         <main className="game-content">
diff --git a/apps/web/src/styles.css b/apps/web/src/styles.css
index 6091066..6005fff 100644
--- a/apps/web/src/styles.css
+++ b/apps/web/src/styles.css
@@ -165,6 +165,24 @@ body {
 }
 
 /* ===================== CLICK AREA ===================== */
+.game-title {
+  font-size: 1.5rem;
+  font-weight: 800;
+  background: linear-gradient(135deg, var(--colour-accent), var(--colour-accent-light));
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  letter-spacing: 0.05em;
+  margin-bottom: 0.5rem;
+}
+
+.game-copyright {
+  margin-top: auto;
+  font-size: 0.7rem;
+  color: var(--colour-text-muted);
+  opacity: 0.6;
+}
+
 .click-area {
   text-align: center;
 }