Fix central point.

Remove border from analog clock center

clock.js

@@ -134,14 +134,14 @@
         el.removeEventListener('transitionend', handle);
         // Snap back without animation
         el.style.transition = 'none';
-        el.style.transform = `translateX(-50%) rotate(${angle}deg)`;
+        el.style.transform = `translateX(-50%) translateZ(0) rotate(${angle}deg)`;
         void el.offsetWidth;
         el.style.transition = '';
       };
       el.addEventListener('transitionend', handle, { once: true });
-      el.style.transform = `translateX(-50%) rotate(${target}deg)`;
+      el.style.transform = `translateX(-50%) translateZ(0) rotate(${target}deg)`;
     } else {
-      el.style.transform = `translateX(-50%) rotate(${angle}deg)`;
+      el.style.transform = `translateX(-50%) translateZ(0) rotate(${angle}deg)`;
     }
 
     lastAngles[id] = angle;

index.html

@@ -31,6 +31,7 @@
                 <div class="hand chronon" id="handChronon"></div>
                 <div class="hand quantic" id="handQuantic"></div>
                 <div class="hand xeno" id="handXeno"></div>
+                <div class="clock-center"></div>
                 <div class="clock-label">CoBiE Time</div>
             </div>
         </div>

style.css

@@ -398,19 +398,26 @@
   box-shadow: 0 0 25px rgba(0, 255, 255, 0.2), inset 0 0 40px rgba(255, 0, 255, 0.2);
 }
 
-#clock::after {
-  content: '';
+.clock-center {
   position: absolute;
   top: 50%;
   left: 50%;
-  width: 1.2em;
-  height: 1.2em;
-  transform: translate(-50%, -50%);
+  width: calc(var(--clock-size) * 0.13);
+  height: calc(var(--clock-size) * 0.13);
+  transform: translate(-50%, -50%) translateZ(0);
   background: url('logo.svg') center/contain no-repeat;
-  background-color: #ffffff;
+  background-color: transparent;
   border-radius: 50%;
-  box-shadow: 0 0 8px rgba(0, 255, 255, 0.8);
+  /* box-shadow: 0 0 8px rgba(0, 255, 255, 0.8); */
   z-index: 2;
+  pointer-events: none;
+}
+
+@media screen and (min-width: 1200px) {
+  .clock-center {
+    width: calc(var(--clock-size) * 0.085);
+    height: calc(var(--clock-size) * 0.085);
+  }
 }
 
 .clock-label {