diff --git a/css/style.css b/css/style.css
index 7291c9e..61ea014 100644
--- a/css/style.css
+++ b/css/style.css
@@ -109,7 +109,7 @@ body::before {
   width: 88px;
   height: 88px;
   border-radius: 50%;
-  transform: translate(-50%, calc(-50% - 33px));
+  transform: translate(-50%, calc(-50% - 22px));
   display: flex;
   align-items: center;
   justify-content: center;
@@ -168,13 +168,13 @@ body::before {
     0 0 0 3px rgba(52,211,153,0.28),
     0 0 48px rgba(52,211,153,0.35),
     0 8px 30px rgba(0,0,0,0.4);
-  transform: translate(-50%, calc(-50% - 33px)) scale(1.08);
+  transform: translate(-50%, calc(-50% - 22px)) scale(1.08);
 }
 
 /* Lost: shrink and fade */
 .finger.lost {
   opacity: 0;
-  transform: translate(-50%, calc(-50% - 33px)) scale(0.45);
+  transform: translate(-50%, calc(-50% - 22px)) scale(0.45);
   transition: opacity 380ms ease, transform 380ms cubic-bezier(0.4,0,0.6,1);
 }
 
@@ -182,9 +182,9 @@ body::before {
 .pulse { animation: pulse 1400ms ease-in-out infinite; }
 
 @keyframes pulse {
-  0%   { transform: translate(-50%, calc(-50% - 33px)) scale(1.08); }
-  50%  { transform: translate(-50%, calc(-50% - 33px)) scale(1.18); box-shadow: 0 0 0 5px rgba(52,211,153,0.18), 0 0 64px rgba(52,211,153,0.4), 0 8px 30px rgba(0,0,0,0.4); }
-  100% { transform: translate(-50%, calc(-50% - 33px)) scale(1.08); }
+  0%   { transform: translate(-50%, calc(-50% - 22px)) scale(1.08); }
+  50%  { transform: translate(-50%, calc(-50% - 22px)) scale(1.18); box-shadow: 0 0 0 5px rgba(52,211,153,0.18), 0 0 64px rgba(52,211,153,0.4), 0 8px 30px rgba(0,0,0,0.4); }
+  100% { transform: translate(-50%, calc(-50% - 22px)) scale(1.08); }
 }
 
 /* ── Install hint banner ── */