.formation-pitch{position:relative;aspect-ratio:16/10;inline-size:100%;border-radius:var(--radius-card);box-shadow:var(--sh-1);overflow:hidden;background:color-mix(in srgb,var(--success) 88%,var(--bg-raised));container-type:inline-size}[data-theme=dark] .formation-pitch{background:color-mix(in srgb,var(--success) 32%,var(--bg-raised))}.formation-pitch .pitch-lines{position:absolute;inset:0;inline-size:100%;block-size:100%;color:color-mix(in srgb,var(--bg-raised) 55%,transparent);pointer-events:none}[data-theme=dark] .formation-pitch .pitch-lines{color:color-mix(in srgb,var(--success) 58%,var(--bg-raised))}.formation-pitch .pitch-half{position:absolute;inset-block:0;inline-size:50%}.formation-pitch .pitch-half.home{inset-inline-start:0}.formation-pitch .pitch-half.away{inset-inline-end:0}.formation-pitch .pitch-corner{position:absolute;inset-block-start:var(--space-03);z-index:2;display:inline-flex;align-items:center;gap:var(--space-02);padding:var(--space-01) var(--space-03);border-radius:var(--radius-control);background:color-mix(in srgb,var(--bg-raised) 88%,transparent);box-shadow:var(--sh-1)}.formation-pitch .pitch-corner.home{inset-inline-start:var(--space-03)}.formation-pitch .pitch-corner.away{inset-inline-end:var(--space-03);flex-direction:row-reverse}.formation-pitch .pitch-corner img{inline-size:20px;block-size:20px;object-fit:contain}.formation-pitch .pitch-corner .pf{font-family:var(--font-data),sans-serif;font-weight:var(--weight-bold);font-size:12px;color:var(--fg-primary);font-variant-numeric:tabular-nums}.pitch-player{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-01);inline-size:92px;text-decoration:none;color:inherit}.formation-pitch .pitch-player{position:absolute;inset-block-start:var(--y);inset-inline-start:var(--x);transform:translate(-50%,-50%);z-index:1;inline-size:clamp(36px,5.6cqw,92px)}a.pitch-player{cursor:pointer}a.pitch-player:hover .pp-img{box-shadow:0 0 0 2px var(--primary)}.pitch-player .pp-sub{position:absolute;inset-block-start:-5px;inset-inline-end:calc(100% - 17px);z-index:3;display:inline-flex;flex-direction:row-reverse;align-items:center;gap:var(--space-01);font-family:var(--font-data),sans-serif;font-weight:var(--weight-bold);font-size:10px;font-variant-numeric:tabular-nums;color:var(--fg-primary);line-height:1;background:color-mix(in srgb,var(--bg-raised) 94%,transparent);padding:1px 1px 1px var(--space-02);border-radius:var(--radius-full);box-shadow:0 0 0 2px var(--bg-raised);white-space:nowrap}.pitch-player .pp-photo{position:relative;inline-size:56px;block-size:56px}.formation-pitch .pitch-player .pp-photo{inline-size:clamp(22px,3.4cqw,56px);block-size:clamp(22px,3.4cqw,56px)}.pitch-player .pp-img{position:absolute;inset:0;border-radius:var(--radius-full);background:var(--avatar-bg);overflow:hidden;box-shadow:var(--sh-1)}.pitch-player .pp-img img,.pitch-player .pp-img svg{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:top;display:block}.pitch-player .pp-badge{position:absolute;display:inline-flex;align-items:center;justify-content:center;z-index:2}.pitch-player .pp-badge.goal{inset-block-start:-4px;inset-inline-end:-4px;inline-size:17px;block-size:17px;border-radius:var(--radius-full);background:var(--bg-raised);box-shadow:0 0 0 2px var(--bg-raised)}.pitch-player .pp-badge.cap{inset-block-end:-3px;inset-inline-end:-3px}.pitch-player .pp-badge.bk{inset-block-start:-3px;inset-inline-start:2px;border-radius:2px;box-shadow:0 0 0 2px var(--bg-raised)}.pitch-player .pp-photo:has(.pp-sub) .pp-badge.bk{inset-block-start:auto;inset-block-end:-3px}.pitch-player .pp-rating{inset-block-end:-4px;inset-inline-start:-4px;min-inline-size:18px;block-size:16px;padding:0 4px;border-radius:var(--radius-control);background:var(--fg-primary);color:var(--bg-raised);font-family:var(--font-data),sans-serif;font-weight:var(--weight-bold);font-size:10px;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--bg-raised)}.pitch-player .pp-tag{display:inline-flex;align-items:center;gap:var(--space-03);max-inline-size:100%;padding:var(--space-01) var(--space-03);background:color-mix(in srgb,var(--bg-raised) 90%,transparent);border-radius:var(--radius-control)}.pitch-player .pp-tag .sh{font-size:10px;color:var(--fg-tertiary);display:inline-flex}.pitch-player .pp-tag .nm{font-size:11px;font-weight:var(--weight-medium);color:var(--fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pitch-player .pp-tag .nm-full{display:none}.formation-pitch .fp-mobile{--fp-line:color-mix(in srgb,var(--bg-raised) 55%,transparent);display:none;border-inline:1.5px solid var(--fp-line)}[data-theme=dark] .formation-pitch .fp-mobile{--fp-line:color-mix(in srgb,var(--success) 58%,var(--bg-raised))}.formation-pitch .fp-team{display:flex;flex-direction:column;align-items:center}.formation-pitch .fp-rows{display:flex;flex-direction:column;inline-size:100%}.formation-pitch .fp-row{display:flex;justify-content:space-evenly;align-items:center;inline-size:100%;block-size:clamp(100px,27cqi,132px)}.formation-pitch .fp-away .fp-row:last-child,.formation-pitch .fp-home .fp-row:first-child{block-size:clamp(72px,20cqi,92px)}.formation-pitch .fp-mobile .pitch-corner{position:static;align-self:flex-start;flex-direction:row;margin:var(--space-03) 0 var(--space-02) var(--space-04);box-shadow:none;background:transparent;padding:0;gap:var(--space-02)}.formation-pitch .fp-mobile .pitch-corner img{inline-size:24px;block-size:24px}.formation-pitch .fp-mobile .pitch-corner .pf{background:color-mix(in srgb,var(--bg-raised) 90%,transparent);padding:2px var(--space-03);border-radius:var(--radius-control);font-size:13px}.formation-pitch .fp-goal{display:block;inline-size:100%;block-size:auto;color:var(--fp-line);overflow:visible}.formation-pitch .fp-goal-bottom{transform:scaleY(-1)}.formation-pitch .fp-halfway{position:relative;inline-size:100%;block-size:var(--space-08);margin-block:var(--space-02);color:var(--fp-line)}.formation-pitch .fp-halfway:before{content:"";position:absolute;inset-inline:0;inset-block-start:50%;block-size:1.5px;background:currentColor}.formation-pitch .fp-halfway-circle{position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);inline-size:44px;block-size:44px;border-radius:50%;border:1.5px solid}.formation-pitch .fp-mobile .pitch-player{position:relative;inset-block-start:auto;inset-inline-start:auto;transform:none;inline-size:clamp(72px,22cqi,108px)}.formation-pitch .fp-mobile .pitch-player .pp-photo{inline-size:clamp(40px,12cqi,62px);block-size:clamp(40px,12cqi,62px)}.formation-pitch .fp-mobile .pitch-player .pp-tag{background:transparent;padding:0;gap:3px;max-inline-size:100%;flex-wrap:wrap;justify-content:center;align-items:flex-start;row-gap:0}.formation-pitch .fp-mobile .pitch-player .pp-tag .sh{line-height:1.3}.formation-pitch .fp-mobile .pitch-player .pp-tag .nm{display:none}.formation-pitch .fp-mobile .pitch-player .pp-tag .nm-full{display:inline;font-size:11px;font-weight:var(--weight-medium);color:var(--fg-primary);white-space:normal;text-align:center;line-height:1.2;overflow-wrap:break-word}@container (max-width: 640px){.formation-pitch{aspect-ratio:auto;overflow:visible}.formation-pitch .pitch-corner,.formation-pitch .pitch-half,.formation-pitch .pitch-lines{display:none}.formation-pitch .fp-mobile{display:block}.formation-pitch .fp-mobile .pitch-corner{display:inline-flex}}