Tennis Serve Placement

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 320" width="480" height="320">
  <style>
    text { font:11px Inter, sans-serif; fill:white; font-weight:700; text-anchor:middle; }
  </style>
  <!-- Court -->
  <rect x="40" y="40" width="400" height="240" fill="#3666ff" stroke="white" stroke-width="2"/>
  <line x1="240" y1="40" x2="240" y2="280" stroke="white"/>
  <!-- Service boxes (deuce + ad) -->
  <rect x="40"  y="120" width="200" height="80" fill="none" stroke="white"/>
  <rect x="240" y="120" width="200" height="80" fill="none" stroke="white"/>
  <!-- Heat zones — server on right -->
  <rect x="50"  y="125" width="55" height="70" fill="#dc2626" opacity="0.7"/>
  <rect x="105" y="125" width="60" height="70" fill="#f59e0b" opacity="0.7"/>
  <rect x="165" y="125" width="70" height="70" fill="#16a34a" opacity="0.7"/>
  <text x="78"  y="170">Wide</text>
  <text x="135" y="170">Body</text>
  <text x="200" y="170">T</text>
  <text x="240" y="32" fill="#0f172a">Server →</text>
</svg>