.td-cmp .td-head{display:flex;align-items:center;gap:9px;padding:13px 16px;border-bottom:1px solid var(--border)}.td-cmp .td-glyph{width:18px;height:18px;color:var(--accent-hover);display:inline-flex;flex:none}.td-cmp .td-glyph svg{width:100%;height:100%}.td-cmp .td-title{font-size:13.5px;font-weight:600;color:var(--text-1)}.td-cmp .td-tag{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--text-3)}.td-cmp .td-dot{width:6px;height:6px;border-radius:50%;background:var(--success);flex:none}.td-cmp[data-anim=on] .td-dot{animation:tdCmpPulse 1.8s var(--ease) infinite}@keyframes tdCmpPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--success) 45%,transparent)}70%{box-shadow:0 0 0 5px transparent}to{box-shadow:0 0 0 0 transparent}}.td-cmp .td-body{padding:14px 16px 8px}.td-cmp .td-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.td-cmp .td-col-h{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-jetbrains-mono),ui-monospace,monospace;font-size:11px;color:var(--text-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-cmp .td-col-h.you{color:var(--text-1)}.td-cmp .td-col-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}.td-cmp .td-stats{display:flex;flex-direction:column;gap:6px}.td-cmp .td-stat{padding:7px 10px;border-radius:9px;border:1px solid transparent}.td-cmp .td-stat.gap{background:color-mix(in srgb,var(--warning) 6%,transparent);border-color:color-mix(in srgb,var(--warning) 30%,transparent)}.td-cmp .td-stat-lbl{display:flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-4);margin-bottom:6px}.td-cmp .td-gap-pill{font-family:var(--font-jetbrains-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--warning);background:color-mix(in srgb,var(--warning) 8%,transparent);border:1px solid color-mix(in srgb,var(--warning) 30%,transparent);padding:1px 6px;border-radius:5px}.td-cmp .td-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.td-cmp .td-cell{display:flex;flex-direction:column;gap:5px;min-width:0}.td-cmp .td-val{font-size:12px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-cmp .td-val.na{color:var(--text-4)}.td-cmp .td-track{display:block;height:5px;border-radius:999px;background:var(--bg-3);overflow:hidden}.td-cmp .td-track.na{background:transparent;border:1px dashed var(--border-2)}.td-cmp .td-tfill{display:block;height:100%;border-radius:inherit;transform-origin:left}.td-cmp .td-cell.you .td-tfill{background:linear-gradient(90deg,var(--accent),var(--accent-hover))}.td-cmp .td-cell.them .td-tfill{background:color-mix(in srgb,var(--text-3) 55%,transparent)}.td-cmp .td-skel{display:block;height:5px;border-radius:999px;background:var(--bg-3)}.td-cmp[data-anim=on] .tdemo-frame[data-active=true] .td-skel{animation:tdCmpSkel 1.2s var(--ease) infinite alternate}@keyframes tdCmpSkel{0%{opacity:.45}to{opacity:1}}.td-cmp[data-anim=on] .tdemo-frame[data-active=true] .td-tfill{animation:tdCmpFill .8s var(--ease) both}.td-cmp[data-anim=on] .tdemo-frame[data-active=true] .td-stat:nth-child(2) .td-tfill{animation-delay:.12s}.td-cmp[data-anim=on] .tdemo-frame[data-active=true] .td-stat:nth-child(3) .td-tfill{animation-delay:.24s}.td-cmp[data-anim=on] .tdemo-frame[data-active=true] .td-stat:nth-child(4) .td-tfill{animation-delay:.36s}@keyframes tdCmpFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.td-cmp .td-verdict{font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.35;color:var(--text-1);margin:6px 0 14px}.td-cmp .td-beats{display:flex;flex-direction:column;gap:8px}.td-cmp .td-beat{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--text-2);flex-wrap:wrap}.td-cmp .td-beat-pill{flex:none;font-family:var(--font-jetbrains-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:6px}.td-cmp .td-beat-pill.win{color:var(--success);background:color-mix(in srgb,var(--success) 8%,transparent);border:1px solid color-mix(in srgb,var(--success) 28%,transparent)}.td-cmp .td-beat-pill.gap{color:var(--warning);background:color-mix(in srgb,var(--warning) 8%,transparent);border:1px solid color-mix(in srgb,var(--warning) 30%,transparent)}.td-cmp .td-note{margin-top:12px;font-size:12px;color:var(--text-4)}.td-cmp .td-foot{margin-top:4px;padding:12px 16px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text-3);line-height:1.5}.td-cmp .td-tabs{display:flex;flex-wrap:wrap;gap:6px 8px;padding:0 16px 14px}.td-cmp .td-tab{font-family:var(--font-jetbrains-mono),ui-monospace,monospace;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-4);background:var(--bg-1);border:1px solid var(--border);border-radius:6px;padding:3px 8px;transition:color .4s var(--ease),border-color .4s var(--ease),background .4s var(--ease)}.td-cmp .td-tab[data-active=true]{color:var(--accent-hover);border-color:var(--accent-border);background:var(--accent-bg)}@media (prefers-reduced-motion:reduce){.td-cmp .td-dot,.td-cmp .td-skel,.td-cmp .td-tfill{animation:none!important}}