From fe8fa11f914eb10f12ad901c5833180616553c88 Mon Sep 17 00:00:00 2001
From: Kiyomichi Kosaka <ok2@users.noreply.github.com>
Date: Sun, 15 Jun 2025 14:37:53 +0200
Subject: [PATCH] Fix center dot jitter and adjust size

---
 index.html | 1 +
 style.css  | 8 ++++----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 1173806..b5f4b77 100644
--- a/index.html
+++ b/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>
diff --git a/style.css b/style.css
index 2bed821..87fd188 100644
--- a/style.css
+++ b/style.css
@@ -398,19 +398,19 @@
   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;
+  width: calc(var(--clock-size) * 0.15);
+  height: calc(var(--clock-size) * 0.15);
   transform: translate(-50%, -50%);
   background: url('logo.svg') center/contain no-repeat;
   background-color: #ffffff;
   border-radius: 50%;
   box-shadow: 0 0 8px rgba(0, 255, 255, 0.8);
   z-index: 2;
+  pointer-events: none;
 }
 
 .clock-label {