<div style="width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch">
```mermaid
graph LR
%% Base Species
S1["N. rafflesiana"]
S2["N. ampullaria"]
S3["N. mirabilis v. globosa"]
S4["N. mirabilis"]
S5["N. mirabilis v. globosa"]
S6["N. ampullaria"]
S7["N. suratensis"]
S8["N. mirabilis"]
S9["N. maxima"]
S10["N. veitchii"]
%% Intermediate Nodes
H1["raf x amp"]
H2["globosa x<br/>(raf x amp)"]
H3["globosa x (raf x amp)<br/>x mirabilis"]
H4["globosa x amp"]
POD["<b>Pod Parent</b>"]
H5["suratensis x mirabilis"]
H6["maxima x veitchii"]
POLLEN["<b>Pollen Parent</b>"]
TARGET["<b>Final Hybrid</b>"]
%% Pod Lineage Connections
S1 --> H1
S2 --> H1
S3 --> H2
H1 --> H2
H2 --> H3
S4 --> H3
S5 --> H4
S6 --> H4
H3 --> POD
H4 --> POD
%% Pollen Lineage Connections
S7 --> H5
S8 --> H5
S9 --> H6
S10 --> H6
H5 --> POLLEN
H6 --> POLLEN
%% Final Target Cross
POD ==> TARGET
POLLEN ==> TARGET
%% Styling Definitions
classDef species fill:#e3f2fd,stroke:#1565c0,stroke-width:1.5px;
classDef intermediate fill:#f3e5f5,stroke:#7b1fa2,stroke-width:1px;
classDef final fill:#e8f5e9,stroke:#2e7d32,stroke-width:2.5px;
%% Apply Styles
class S1,S2,S3,S4,S5,S6,S7,S8,S9,S10 species;
class H1,H2,H3,H4,H5,H6,POD,POLLEN intermediate;
class TARGET final;
```
</div>