/* Reserve a clear gutter so completed connections never cover card text. */
.mu-grid.match-board,.public-match.match-board{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);column-gap:64px;align-items:start}
.match-board>div{min-width:0}
.match-board button{min-width:0;overflow-wrap:anywhere}
.match-board>.match-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.match-connections path{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.match-connection-line{stroke-dasharray:5 5}
.match-board button.match-linked,.public-practice-stage .match-board button.match-linked{display:block;text-align:left;border-color:var(--pair-colour);color:var(--text-primary);opacity:1;background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--pair-colour);animation:none;transform:none}
.match-pair-number{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-bottom:6px;border-radius:50%;background:var(--pair-colour);color:#fff;font-size:11px;font-weight:800;line-height:1}
@media(max-width:640px){.mu-grid.match-board,.public-practice-stage .public-match.match-board{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:40px}.match-board .mu-item{font-size:12px;padding:10px 8px}}
@media(forced-colors:active){.match-connections path{stroke:CanvasText}.match-pair-number{border:1px solid ButtonText}}