.sqi-match-help{margin:0 0 9px;color:#4a6170;font-weight:800;line-height:1.45}
.sqi-match-board{position:relative;display:grid;grid-template-columns:minmax(0,35%) minmax(70px,30%) minmax(0,35%);align-items:start;min-height:220px}
.sqi-match-column{display:grid;gap:10px;position:relative;z-index:2}.sqi-match-column.left{grid-column:1}.sqi-match-column.right{grid-column:3}
.sqi-match-card{position:relative;display:flex;align-items:center;min-height:54px;padding:9px 11px;border:2px solid #8eaabd;border-radius:10px;background:#fff;color:#243b49;font-weight:800;line-height:1.35;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}
.sqi-match-card.left{padding-right:25px}.sqi-match-card.right{padding-left:25px}
.sqi-match-card.target-active{border-color:#e9a126;background:#fff4d4;box-shadow:0 0 0 5px rgba(233,161,38,.22);transform:scale(1.015)}
.sqi-match-card.connected{border-color:#55ac86;background:#e2f7ec}
.sqi-match-port{position:absolute;top:50%;width:19px;height:19px;padding:0;border:2px solid #277cae;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #fff;transform:translateY(-50%);z-index:4;touch-action:none}
.sqi-match-port::before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
.sqi-match-column.left .sqi-match-port{right:-10px}.sqi-match-column.right .sqi-match-port{left:-10px}
.sqi-match-card.target-active .sqi-match-port{background:#ffd873;border-color:#ce7e10;animation:sqiPortPulse .65s ease-in-out infinite alternate}
.sqi-match-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.sqi-match-line{fill:none;stroke:#2d86b2;stroke-width:6;stroke-linecap:round}.sqi-match-line.live{stroke:#e99526;stroke-dasharray:10 7}
@keyframes sqiPortPulse{to{transform:translateY(-50%) scale(1.14);box-shadow:0 0 0 6px rgba(233,161,38,.2)}}
@media(max-width:700px){.sqi-match-board{grid-template-columns:minmax(0,36%) minmax(84px,28%) minmax(0,36%)}.sqi-match-card{padding-top:8px;padding-bottom:8px;font-size:14px}.sqi-match-card.left{padding-left:8px;padding-right:23px}.sqi-match-card.right{padding-left:23px;padding-right:8px}.sqi-match-help{font-size:14px}}
@media(prefers-reduced-motion:reduce){.sqi-match-card,.sqi-match-port{transition:none!important;animation:none!important}}