.cdh-tc__score-wrap { position: relative; display: inline-flex; }
button.cdh-tc__score { border: 0; padding: 0; cursor: pointer; font-family: inherit; }
.cdh-tc__scorepop {
  position: fixed; 
  z-index: 10000;
  display: block;
  width: 216px;
  background: var(--cdh-bg);
  border: 1px solid var(--cdh-line);
  border-radius: 12px;
  box-shadow: 0 12px 34px rgba(var(--cdh-n-900-rgb), .2);
  padding: 11px 13px;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity .14s ease, transform .14s ease;
}
.cdh-tc__score-wrap.is-open .cdh-tc__scorepop,
.cdh-tc__scorepop.is-open {
  opacity: 1; visibility: visible; pointer-events: auto;
  transform: translateY(0);
}
.cdh-tc__scorepop-h { display: block; font-size: 11px; font-weight: 700; color: var(--cdh-n-900); margin-bottom: 7px; }
.cdh-tc__scorepop-list { display: flex; flex-direction: column; gap: 5px; }
.cdh-tc__scorepop-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; font-size: 12px; line-height: 1.2; }
.cdh-tc__scorepop-k { color: var(--cdh-ink-2); }
.cdh-tc__scorepop-v { font-weight: 800; color: var(--cdh-action-press); }
.cdh-tc__scorepop-na { font-size: 11px; color: var(--cdh-mut); font-style: italic; }
.cdh-tc__score-pending { display: inline-flex; align-items: center; justify-content: center; cursor: default; }
.cdh-tc__pending-ico { position: relative; width: 44px; height: 44px; display: inline-block; flex: none; }
.cdh-tc__pending-tube { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
@media (prefers-reduced-motion: reduce) {
  .cdh-tc__scorepop { transition: none; }
}