Rugby Lineout

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 540 280" width="540" height="280">
  <style>
    text { font:10px Inter, sans-serif; fill:white; font-weight:700; text-anchor:middle; }
  </style>
  <rect x="20" y="20" width="500" height="240" fill="#16a34a" stroke="#0f172a"/>
  <line x1="270" y1="20" x2="270" y2="260" stroke="white" stroke-width="3"/>
  <text x="270" y="14" fill="#0f172a">Touch line</text>
  <!-- attackers -->
  <g>
    <circle cx="200" cy="80"  r="13" fill="#dc2626"/><text x="200" y="84">Hook</text>
    <circle cx="200" cy="120" r="13" fill="#dc2626"/><text x="200" y="124">1</text>
    <circle cx="200" cy="160" r="13" fill="#dc2626"/><text x="200" y="164">2J</text>
    <circle cx="200" cy="200" r="13" fill="#dc2626"/><text x="200" y="204">3J</text>
    <circle cx="160" cy="160" r="11" fill="#7f1d1d"/><text x="160" y="164">L2</text>
    <circle cx="160" cy="200" r="11" fill="#7f1d1d"/><text x="160" y="204">L3</text>
    <circle cx="140" cy="80"  r="13" fill="#dc2626"/><text x="140" y="84">SH</text>
  </g>
  <!-- defenders -->
  <g>
    <circle cx="340" cy="80"  r="13" fill="#3666ff"/><text x="340" y="84">Hook</text>
    <circle cx="340" cy="120" r="13" fill="#3666ff"/><text x="340" y="124">1</text>
    <circle cx="340" cy="160" r="13" fill="#3666ff"/><text x="340" y="164">2J</text>
    <circle cx="340" cy="200" r="13" fill="#3666ff"/><text x="340" y="204">3J</text>
  </g>
  <text x="60" y="40" fill="#0f172a">5m line</text>
</svg>