Golf Hole Map

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 540 280" width="540" height="280">
  <style>
    text { font:11px Inter, sans-serif; fill:#0f172a; font-weight:600; text-anchor:middle; }
  </style>
  <!-- rough -->
  <rect x="20" y="20" width="500" height="240" fill="#16a34a"/>
  <!-- fairway -->
  <path d="M50,160 Q200,80 350,120 Q470,140 500,100" fill="none" stroke="#86efac" stroke-width="40" stroke-linecap="round"/>
  <!-- tee -->
  <rect x="40" y="155" width="20" height="14" fill="#fde68a" stroke="#0f172a"/>
  <text x="50" y="185" fill="white">Tee</text>
  <!-- fairway bunker -->
  <ellipse cx="250" cy="100" rx="22" ry="10" fill="#fde68a" stroke="#92400e"/>
  <!-- water hazard -->
  <ellipse cx="380" cy="170" rx="40" ry="18" fill="#0ea5e9" stroke="#0c4a6e"/>
  <text x="380" y="205" fill="white">Water</text>
  <!-- green -->
  <ellipse cx="490" cy="100" rx="28" ry="20" fill="#bbf7d0" stroke="#0f172a"/>
  <circle cx="490" cy="98" r="3" fill="white"/>
  <line x1="490" y1="80" x2="490" y2="98" stroke="#dc2626"/>
  <text x="490" y="138" fill="white">Green · Par 4 · 420 yd</text>
</svg>