Add tick marks and longer hands for analog clock

style.css

@@ -446,9 +446,25 @@ body.fullscreen-clock .clock-label {
   text-shadow: 0 0 6px rgba(0, 255, 255, 0.9), 0 0 12px rgba(0, 255, 255, 0.7);
   box-shadow: none;
   transform: translate(-50%, -50%);
+  z-index: 1;
+}
+
+.tick {
+  position: absolute;
+  width: 2px;
+  background: #00ffff;
+  transform-origin: center top;
   z-index: 0;
 }
 
+.tick.mid {
+  background: #66ffff;
+}
+
+.tick.big {
+  background: #ffffff;
+}
+
 .hand {
   position: absolute;
   bottom: 50%;
@@ -462,35 +478,35 @@ body.fullscreen-clock .clock-label {
 
 .hand.xeno {
   width: 2px;
-  height: 40%;
+  height: 42%;
   background: linear-gradient(to top, #66ccff, #0044ff);
   box-shadow: 0 0 8px #66ccff;
 }
 
 .hand.quantic {
   width: 3px;
-  height: 34%;
+  height: 36%;
   background: linear-gradient(to top, #ff66ff, #9900ff);
   box-shadow: 0 0 8px #ff66ff;
 }
 
 .hand.chronon {
   width: 4px;
-  height: 30%;
+  height: 32%;
   background: linear-gradient(to top, #ff4444, #880000);
   box-shadow: 0 0 8px #ff4444;
 }
 
 .hand.eonstrip {
   width: 5px;
-  height: 20%;
+  height: 22%;
   background: linear-gradient(to top, #33ff99, #006633);
   box-shadow: 0 0 8px #33ff99;
 }
 
 .hand.megasequence {
   width: 6px;
-  height: 16%;
+  height: 18%;
   background: linear-gradient(to top, #ffbb33, #aa5500);
   box-shadow: 0 0 8px #ffbb33;
 }