#pair-units{display:inline-flex;align-items:center;justify-content:center;min-height:38px;line-height:1.25}
#pair-units:before{display:none}
#pair-units[aria-pressed="true"]{background:var(--accent-soft,#eee4fb);border-color:var(--purple);color:var(--purple)}
#pair-units[hidden],#pairs-note[hidden]{display:none}
.pair-left .unit-front,.pair-right .unit-front{box-shadow:inset 0 0 0 2px var(--purple)}
.pair-left:after{content:"";position:absolute;left:calc(100% - 2px);top:47%;width:calc(var(--unit)*.12 + 4px);height:max(3px,calc(var(--unit)*.08));border-radius:10px;background:var(--purple);transform:translateZ(calc(var(--unit)/2 + 1px))}
.pair-leader:after{content:"★";position:absolute;top:-.6em;left:50%;font-size:calc(var(--unit)*.5);line-height:1;color:var(--purple);text-shadow:0 1px 2px var(--surface,#fffdfb);transform:translateX(-50%) translateZ(calc(var(--unit)/2 + 2px))}
.pair-leader .unit-front{box-shadow:inset 0 0 0 2px var(--purple)}