.dial-wrap{display:flex; justify-content:center; align-items:center; padding:10px 0 6px;}


/* Dial stage wrapper allows center overlay without affecting layout */
.dial-stage{
  position:relative;
  display:inline-block;
  line-height:0;
}






canvas#dial{
  position:relative;
  z-index:1;
  width:min(680px, 62vh, 92vw);
  height:min(680px, 62vh, 92vw);
  aspect-ratio:1/1;
  display:block;
}



.caption{
  text-align:center;
  margin-top:-2px;
  padding:0 10px 30px;
}


.cap-line{
  font-size:clamp(22px, 2.2vw, 30px);
  color:rgba(30,26,22,.92);
}

.cap-roman{ font-style:normal; }
.cap-italic{ font-style:italic; color:rgba(30,26,22,.78); }

.rule{
  width:min(640px, 86%);
  height:1px;
  background:var(--rule);
  margin:14px auto;
}