mermaid
stateDiagram
    direction LR

    classDef american fill:
                            
                            #ffcccb
                        ,stroke:
                            
                            #ff0000
                        ,stroke-width:2px,font-weight:bold,font-family:Arial
    classDef vietnamese fill:
                            
                            #9aff9a
                        ,stroke:
                            
                            #008000
                        ,stroke-width:2px,font-weight:bold,font-family:Arial
    classDef warEvent fill:
                            
                            #ffcccb
                        ,stroke:
                            
                            #000000
                        ,stroke-width:2px
    classDef peaceEvent fill:
                            
                            #9aff9a
                        ,stroke:
                            
                            #000000
                        ,stroke-width:2px

    [*] --> American:::american
    American --> Deployment:::warEvent
    Deployment --> Battle:::warEvent
    Battle --> Retreat:::warEvent
    Retreat --> American
    Battle --> Ceasefire:::peaceEvent
    Ceasefire --> Peace:::peaceEvent
    Peace --> [*]

    [*] --> Vietnamese:::vietnamese
    Vietnamese --> Defense:::warEvent
    Defense --> Battle
    Battle --> Victory:::peaceEvent
    Victory --> Peace