.c10ck-container { display:flex; flex-direction:column; align-items:center; gap:16px; width:100%; }
.c10ck-wrap {
  --c10ck-size:    clamp(42px, 10vw, 120px);
  --c10ck-accent:  var(--wp--preset--color--primary, #03DD33);
  --c10ck-glow-lg: rgba(3,221,51,.35);
  --c10ck-glow-md: rgba(3,221,51,.20);
  --c10ck-glow-sm: rgba(3,221,51,.09);
  display:inline-flex; align-items:center;
  gap:calc(var(--c10ck-size) * .3);
  cursor:pointer; user-select:none; -webkit-user-select:none;
  font-size:var(--c10ck-size);
}
.c10ck-fps { display:flex; flex-direction:column; align-items:center; gap:.1em; }
.c10ck-fps-btn {
  font-family:'Share Tech',sans-serif; font-size:.24em; letter-spacing:.04em;
  color:rgba(255,255,255,.22); line-height:1; padding:.08em .18em;
  transition:color .15s, text-shadow .15s; white-space:nowrap;
}
.c10ck-fps-btn.active { color:var(--c10ck-accent); text-shadow:0 0 .2em var(--c10ck-accent); }
.c10ck-face  { display:inline-flex; align-items:center; }
.c10ck-group { display:flex; gap:.03em; }
.c10ck-digit { position:relative; width:.6em; line-height:1; text-align:center; }
.c10ck-digit-ghost {
  font-family:'Share Tech Mono',monospace; font-size:1em;
  color:rgba(255,255,255,.04); display:block; line-height:1.05; pointer-events:none;
}
.c10ck-digit-live {
  position:absolute; inset:0; font-family:'Share Tech Mono',monospace; font-size:1em;
  color:var(--c10ck-accent); display:flex; align-items:center; justify-content:center; line-height:1.05;
  text-shadow:0 0 .13em var(--c10ck-accent), 0 0 .31em var(--c10ck-glow-lg), 0 0 .63em var(--c10ck-glow-md), 0 0 1.25em var(--c10ck-glow-sm);
}
.c10ck-sep {
  font-family:'Share Tech Mono',monospace; font-size:1em;
  color:var(--c10ck-accent); line-height:1.05; padding:0 .04em;
  text-shadow:0 0 .19em var(--c10ck-accent), 0 0 .44em var(--c10ck-glow-lg);
  animation:c10ck-pulse 1s steps(1) infinite;
}
.c10ck-sep.frame { animation:none; }
@keyframes c10ck-pulse { 0%,49% { opacity:1; } 50%,100% { opacity:.25; } }
.c10ck-popup-link {
  font-family:'Share Tech',sans-serif;
  font-size:14px !important;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--c10ck-accent, #03DD33) !important;
  -webkit-text-fill-color:var(--c10ck-accent, #03DD33) !important;
  opacity:.42 !important;
  visibility:visible !important;
  display:inline-block !important;
  background:none !important;
  border:none !important;
  padding:6px 10px !important;
  cursor:pointer;
  text-decoration:none;
  position:relative;
  z-index:2;
  transition:opacity .2s;
}
.c10ck-popup-link::after {
  content:'';
  position:absolute;
  left:10px; right:10px; bottom:4px;
  height:1px;
  background:currentColor;
  opacity:.55;
}
.c10ck-popup-link:hover { opacity:1 !important; }
.c10ck-popup-link:hover::after { opacity:1; }