From 3bcd7ea26615bff10ae6379800eca8116b00fb37 Mon Sep 17 00:00:00 2001
From: George Powell <geohpowell@gmail.com>
Date: Sun, 22 Feb 2026 22:29:35 -0500
Subject: [PATCH] Fixed some things and added analytics events back

---
 src/lib/components/WinScreen.svelte | 28 +++++++++++++++++++++++-----
 1 file changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/WinScreen.svelte b/src/lib/components/WinScreen.svelte
index 3e03916..4c19c2f 100644
--- a/src/lib/components/WinScreen.svelte
+++ b/src/lib/components/WinScreen.svelte
@@ -236,7 +236,7 @@
 					}}
 				>
 					{#if hasWebShare}
-						📤 Click to share
+						📤 Tap here to share
 					{:else if copySuccess}
 						✅ Copied!
 					{:else}
@@ -250,7 +250,9 @@
 				<button
 					class="bubble bubble-sent"
 					aria-label="Copy to clipboard"
+					data-umami-event="Copy to Clipboard"
 					onclick={() => {
+						(window as any).rybbit?.event("Copy to Clipboard");
 						copyToClipboard();
 						bubbleCopied = true;
 						setTimeout(() => {
@@ -362,13 +364,21 @@
 	}
 
 	.bubble-sent:hover {
-		filter: brightness(1.08);
+		background-color: #2ea8ff;
 		transform: rotate(-2deg) translateY(-2px);
 	}
 
+	.bubble-sent:hover::before {
+		background-color: #2ea8ff;
+	}
+
 	.bubble-sent:active {
+		background-color: #0878d4;
 		transform: rotate(-2deg) scale(0.97);
-		filter: brightness(0.95);
+	}
+
+	.bubble-sent:active::before {
+		background-color: #0878d4;
 	}
 
 	/* Sent tail: bottom-right */
@@ -407,13 +417,21 @@
 	}
 
 	.bubble-received:hover {
-		filter: brightness(0.96);
+		background-color: #4a4a4e;
 		transform: rotate(2deg) translateY(-2px);
 	}
 
+	.bubble-received:hover::before {
+		background-color: #4a4a4e;
+	}
+
 	.bubble-received:active {
+		background-color: #2a2a2c;
 		transform: rotate(2deg) scale(0.97);
-		filter: brightness(0.92);
+	}
+
+	.bubble-received:active::before {
+		background-color: #2a2a2c;
 	}
 
 	.bubble-received.success {