.lineup-pitch{margin:0 0 20px;background:#112d27;border:1px solid #24483b;border-radius:4px;overflow:hidden;color:#fff;container-type:inline-size;font-family:Barlow,Arial,sans-serif}
.lineup-pitch .lp-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #ffffff25;font-size:13px;letter-spacing:.065em;color:#fff}
.lineup-pitch .lp-heading strong{font-weight:700}.lineup-pitch .lp-module{font-size:15px;color:#fbba07;font-weight:700;white-space:nowrap}
.lineup-pitch .lp-direction{margin:0;padding:9px 12px;text-align:center;font-size:10px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:#d2e6db}
.lineup-pitch .lp-scroll{overflow-x:auto;overscroll-behavior-x:contain}.lineup-pitch .lp-scroll:focus-visible{outline:3px solid #fbba07;outline-offset:-3px}
.lineup-pitch .lp-board{position:relative;width:100%;min-width:var(--lp-min-width,0);height:max(450px,calc(var(--lp-rows,3)*94px + 160px));background:repeating-linear-gradient(0deg,#205f46 0%,#205f46 10%,#24694c 10%,#24694c 20%);isolation:isolate}
.lineup-pitch .lp-markings{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#d3e8dc66;stroke-width:2}
.lineup-pitch .lp-positions{list-style:none;position:absolute;inset:0;margin:0;padding:0}
.lineup-pitch .lp-player{position:absolute;left:var(--lp-x);top:var(--lp-y);transform:translate(-50%,-50%);width:calc(100%/var(--lp-columns,4) - 5px);max-width:130px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;margin:0;padding:0;border:0}
.lineup-pitch .lp-shirt{width:42px;height:39px;display:flex;align-items:center;justify-content:center;padding-top:3px;color:#231e15;background:linear-gradient(90deg,#f7bc17 0 24%,#c6282b 24% 34%,#f7bc17 34% 66%,#c6282b 66% 76%,#f7bc17 76%);clip-path:polygon(28% 0,39% 0,43% 10%,57% 10%,61% 0,72% 0,100% 18%,89% 47%,75% 39%,75% 100%,25% 100%,25% 39%,11% 47%,0 18%);font:800 17px/1 Arial,sans-serif;font-variant-numeric:tabular-nums;filter:drop-shadow(0 2px 1px #082a21)}
.lineup-pitch .lp-keeper .lp-shirt{background:#b8e8ed;color:#18333b}
.lineup-pitch .lp-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;padding:3px 5px;border-radius:3px;background:#09281fe8;color:#fff;font-size:clamp(10px,2.65cqi,14px);line-height:1.25;font-weight:600;overflow-wrap:anywhere;text-wrap:balance}
.lineup-pitch .lp-unassigned .lp-shirt{background:#dce6de99;color:#173c2b}.lineup-pitch .lp-unassigned .lp-name{font-weight:400;color:#e1ebe5}
.lineup-pitch .lp-preview-note{margin:0;padding:11px 14px;color:#e5eee9;font-size:12px;line-height:1.5;border-top:1px solid #ffffff25}
.lineup-pitch .lp-player-link{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;min-height:44px;text-decoration:none;color:inherit;border:0;padding:0;background:none}
.lineup-pitch .lp-player-link:hover .lp-name{text-decoration:underline;text-underline-offset:2px;background:#071c16}
.lineup-pitch .lp-player-link:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:3px}
@container(max-width:340px){.lineup-pitch .lp-heading{padding:13px 10px;font-size:11px}.lineup-pitch .lp-shirt{width:34px;height:33px;font-size:14px}.lineup-pitch .lp-name{padding:3px}.lineup-pitch .lp-board{height:max(420px,calc(var(--lp-rows,3)*78px + 130px))}}