.tk-card { text-align: center; }
.tk-modes { display: flex; justify-content: center; margin-bottom: 10px; }
.tk-dial { position: relative; width: min(78vw, 280px); aspect-ratio: 1; margin: 6px auto 16px; display: grid; place-items: center; }
.tk-dial svg { position: absolute; inset: 0; transform: rotate(-90deg); }
.tk-track { fill: none; stroke: rgba(242, 234, 216, 0.08); stroke-width: 10; }
.tk-ring { fill: none; stroke: var(--gold); stroke-width: 10; stroke-linecap: round; stroke-dasharray: 691; stroke-dashoffset: 0; transition: stroke-dashoffset 0.3s linear; }
.tk-time { font-family: var(--font-display); font-size: clamp(3rem, 16vw, 4.4rem); font-variant-numeric: tabular-nums; color: var(--parchment); }
.tk-lens { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }