/* Uses the shared CONNECT palette and form typography. */
#match-create-lineup{display:block;grid-column:1 / -1;box-sizing:border-box;min-width:0;width:100%;margin:24px 0;padding:22px;border:1px solid var(--wpx-line,#d4e2e8);border-radius:20px;background:var(--wpx-soft,#f4f9fa);color:var(--wper-ink,#202a39)}
.match-lineup[hidden],.match-lineup [hidden]{display:none!important}
.match-lineup header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.match-lineup h3{margin:0;font-family:inherit;font-weight:650;font-size:1.25rem;line-height:1.35}
.match-lineup .eyebrow{margin:0 0 6px}
.match-lineup-count{flex:none;font-size:.875rem;color:var(--wper-petrol,#008e92);background:#e3f5f3;padding:8px 12px;border-radius:999px}
.match-lineup-copy,.match-lineup-hint{font-size:1rem;line-height:1.6;margin:14px 0;color:var(--wper-copy,#60758c)}
.match-lineup-hint{font-size:.875rem;margin-bottom:0}
.match-lineup-seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:18px 0;padding:0}
.match-lineup-seat{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:136px;padding:16px;border:1px solid var(--wpx-line,#d4e2e8);border-radius:16px;background:var(--wpx-surface,#fff)}
.match-lineup-seat.is-open{border-style:dashed;background:transparent}
.match-lineup-seat.is-owner{border-color:#9dd7d6}
.match-lineup-number{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e7f4f3;color:#007f83;font-size:.875rem;font-weight:650}
.match-lineup-seat strong{font-size:1rem;line-height:1.4;overflow-wrap:anywhere}
.match-lineup-seat small,.match-lineup-seat label{font-size:.875rem;line-height:1.5;color:var(--wper-copy,#60758c);text-transform:none;letter-spacing:normal}
.match-lineup-seat input{width:100%;min-width:0;min-height:44px;font:inherit;font-size:1rem;padding:10px 12px;border:1px solid var(--wpx-line,#d4e2e8);border-radius:10px;background:#fff}
.match-lineup button{font:inherit;font-size:.875rem;font-weight:600;min-height:44px;cursor:pointer;border:1px solid #a9d4d8;border-radius:11px;background:#fff;color:#007e83;padding:10px 14px;line-height:1.4}
.match-lineup button:disabled{cursor:default;opacity:.55}
.match-lineup button:focus-visible,.match-lineup input:focus-visible{outline:3px solid var(--wpx-purple,#7249f0);outline-offset:3px}
.match-lineup-seat>button{align-self:start;margin-top:auto;border:0;background:transparent;padding:4px 0;text-decoration:underline}
.match-lineup-actions{display:flex;gap:10px;flex-wrap:wrap}
.match-lineup-friends{margin-top:20px;padding-top:18px;border-top:1px solid var(--wpx-line,#d4e2e8)}
.match-lineup-friends h4{font-size:1rem;margin:0 0 12px}
.match-lineup .match-lineup-friend{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin:8px 0;min-height:60px}
.match-lineup-friend img,.match-lineup-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none}
.match-lineup-avatar{display:grid;place-items:center;background:#e3f5f3}
.match-lineup-friend>span:not(.match-lineup-avatar){flex:1;overflow-wrap:anywhere}
.match-lineup-friend small{margin-left:auto}
.match-lineup-guest-dialog{max-width:560px;width:calc(100% - 32px);padding:28px;border:1px solid #d4e2e8;border-radius:20px;font-family:inherit}
.match-lineup-guest-dialog h2{margin:0 0 20px;font-size:1.5rem}
.match-lineup-guest-dialog label,.match-lineup-guest-dialog p{font-size:1rem;line-height:1.6}
.match-lineup-guest-dialog input{display:block;width:100%;box-sizing:border-box;min-height:48px;margin:10px 0;padding:12px;border:1px solid #c9dce3;border-radius:12px;font:inherit}
.match-lineup-guest-dialog button{min-height:44px;padding:10px 14px;border:1px solid #a9d4d8;border-radius:12px;font:inherit;cursor:pointer}
.match-lineup-guest-dialog [data-guest-error]{color:#a82f37}
@media(max-width:480px){#match-create-lineup{padding:16px}.match-lineup header{align-items:flex-start;flex-direction:column;gap:10px}.match-lineup-seats{grid-template-columns:repeat(2,minmax(0,1fr))}.match-lineup-seat{padding:12px;min-height:126px}.match-lineup-actions{flex-direction:column}.match-lineup-actions button{width:100%}}
.group-match-player.is-guest > .match-guest-avatar{display:grid;place-items:center;background:#2563eb!important;color:#fff;border-radius:50%;font-weight:700;line-height:1;flex:none}
.group-match-player.is-guest > strong{display:block;max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}