yuuka click

style/comments.css

@@ -5,13 +5,47 @@
 /* ── About hero (top half) ──────────────────────────────── */
 #about-hero {
     padding: 120px 20px 50px;
-    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 40px;
+}
+
+.hero-text {
+    text-align: left;
 }
 
 #about-hero h1 {
     margin-top: 0;
 }
 
+#click-counter-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 15px;
+}
+
+#yuuka-click-btn {
+    width: 200px;
+    cursor: pointer;
+    transition: transform 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+    user-select: none;
+    -webkit-user-drag: none;
+}
+
+#yuuka-click-btn:active {
+    transform: scale(0.9);
+}
+
+#click-counter-display {
+    color: #153dee;
+    font-size: 2.5rem;
+    font-weight: bold;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.8);
+}
+
 /* ── Steam panel wrapper ─────────────────────────────────── */
 #comments-section {
     width: 100%;