From 909bf052149f4cf9b522238a2a2ea327f73c85d4 Mon Sep 17 00:00:00 2001
From: soryu <soryu@soryu.co>
Date: Sun, 16 Nov 2025 18:58:01 +0000
Subject: Refine manga masthead and issue badge; switch volume indicator to
 small red glowing heart

---
 frontend/src/components/LandingPage.tsx |  2 +-
 frontend/src/styles/pc98.css            | 25 +++++++++++++++++++++++++
 2 files changed, 26 insertions(+), 1 deletion(-)

(limited to 'frontend/src')

diff --git a/frontend/src/components/LandingPage.tsx b/frontend/src/components/LandingPage.tsx
index 0489794..9c262be 100644
--- a/frontend/src/components/LandingPage.tsx
+++ b/frontend/src/components/LandingPage.tsx
@@ -155,7 +155,7 @@ export function LandingPage({ onLogin }: LandingPageProps) {
                 <span className="jp">そりゅう</span>
                 <span className="en">SORYU</span>
               </div>
-              <div className="issue-badge">かはいい Vol.01</div>
+              <div className="issue-badge"><span className="led-heart" aria-hidden="true"></span>かはいい Vol.01</div>
             </div>
 
             {/* Empty hero area to preserve grid; background sits behind */}
diff --git a/frontend/src/styles/pc98.css b/frontend/src/styles/pc98.css
index 83e4e29..a736009 100644
--- a/frontend/src/styles/pc98.css
+++ b/frontend/src/styles/pc98.css
@@ -695,6 +695,31 @@ button:focus-visible {
 }
 .modern-landing-page.manga-style .issue-badge::after { content: none; }
 
+/* Replace square LED with a glowing heart indicator */
+.modern-landing-page.manga-style .issue-badge::before { content: none; }
+.modern-landing-page.manga-style .issue-badge .led-heart {
+  width: 8px;
+  height: 8px;
+  background: #ff4d4d;
+  display: inline-block;
+  margin-right: 6px;
+  transform: rotate(-45deg);
+  position: relative;
+  box-shadow: 0 0 6px rgba(255, 77, 77, 0.9);
+}
+.modern-landing-page.manga-style .issue-badge .led-heart::before,
+.modern-landing-page.manga-style .issue-badge .led-heart::after {
+  content: '';
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: #ff4d4d;
+  border-radius: 50%;
+  box-shadow: 0 0 6px rgba(255, 77, 77, 0.9);
+}
+.modern-landing-page.manga-style .issue-badge .led-heart::before { top: -4px; left: 0; }
+.modern-landing-page.manga-style .issue-badge .led-heart::after { left: 4px; top: 0; }
+
 /* Floating Header Bar */
 .floating-header {
   position: fixed;
-- 
cgit v1.2.3