Formatting in Lvl 1 and Lvl 19 Flowchart (#1291)

* Update 5 Clue Flowchart for Yes/No Node Color

* Replacing graph with flowchart

* Changes to node shape and text formatting in Lvl 1 and 19 flowcharts

* Mermaid Flowchart of Emergency Discards

docs/level-1.mdx

@@ -58,20 +58,20 @@ This process is represented in the following flowchart:
 ```mermaid
 flowchart TD;
 
-S([A clue is given.<br />What card is focused?])
+S(A clue is given.<br />What card is focused?)
 D1[/Did it touch one or more previously untouched cards?\]
-D1Y(Yes)
-D1N(No)
-D1NL([The focus is on the left-most card.])
+D1Y([Yes])
+D1N([No])
+D1NL(The focus is on the **left-most** card.)
 D2[/Did it touch exactly one previously untouched card?\]
-D2Y(Yes)
-D2N(No)
-D2YL([The focus is on the brand-new card.])
+D2Y([Yes])
+D2N([No])
+D2YL(The focus is on the **brand-new** card.)
 D3[/Did it touch the chop card?\]
-D3Y(Yes)
-D3N(No)
-D3YL([The focus is on the chop card.])
-D3NL([The focus is on the left-most card.])
+D3Y([Yes])
+D3N([No])
+D3YL(The focus is on the **chop** card.)
+D3NL(The focus is on the **left-most** card.)
 
 class D1Y,D2Y,D3Y node-yes
 class D1N,D2N,D3N node-no

docs/level-19.mdx

@@ -206,31 +206,34 @@ import InteractionsBetween2SavesAnd5Stalls from "./level-19/interaction-between-
 - Differentiating between a _5 Stall_ and a _5 Pull_ can sometimes be confusing. Here is a flowchart that steps you through how you can tell the difference:
 
 ```mermaid
-graph TD;
+flowchart TD;
 
-S([It is the _Early Game_ and one or more 5's are clued with number 5.])
+S(It is the _Early Game_ and one or more 5's are clued with number 5.)
 D1[/Was the right-most 5 on chop?\]
-D1Y(Yes)
-D1N(No)
-D1YL(["It is a _Save Clue_ on the 5. (This does not imply anything special.)"])
+D1Y([Yes])
+D1N([No])
+D1YL("It is a _**Save Clue**_ on the 5.<br/ ><br/ >(This does not imply anything special.)")
 D2[/Did the cluer have a play or a safe discard?\]
-D2Y(Yes)
-D2N(No)
+D2Y([Yes])
+D2N([No])
 D3[/Was there any other _Play Clue_ or _Save Clue_ that the cluer could have given instead?\]
-D3Y(Yes)
-D3N(No)
+D3Y([Yes])
+D3N([No])
 D4[/Was the only thing left to do was to give a _Play Clue_ to a card on _Finesse Position_?\]
-D4Y(Yes)
-D4N(No)
+D4Y([Yes])
+D4N([No])
 D5[/Were there any other 5's that were closer to chop than this one?\]
-D5Y(Yes)
-D5N(No)
-D5NL(["It is a _5 stall_. (It is an early save on the 5 and does not imply anything special.)"])
+D5Y([Yes])
+D5N([No])
+D5NL("It is a _**5 stall**_.<br/ ><br/ >(It is an early save on the 5 and does not imply anything special.)")
 D6[/Was the right-most 5 one-away from chop?\]
-D6Y(Yes)
-D6N(No)
-D6YL(["It is an _Early 5's Chop Move_. (They should _Chop Move_ the card to the right of the 5.)"])
-D6NL(["It is a _5 Pull_. (They should blind-play the card to the right of the 5.)"])
+D6Y([Yes])
+D6N([No])
+D6YL("It is an _**Early 5's Chop Move**_.<br/ ><br/ >(They should _Chop Move_ the card to the right of the 5.)")
+D6NL("It is a _**5 Pull**_.<br/ ><br/ >(They should blind-play the card to the right of the 5.)")
+
+class D1Y,D2Y,D3Y,D4Y,D5Y,D6Y node-yes
+class D1N,D2N,D3N,D4N,D5N,D6N node-no
 
 S --> D1;
 D1 --> D1Y;

docs/level-7.mdx

@@ -50,7 +50,57 @@ title: Level 7 - Emergency Discards
 
 ### A Scream Discard Flowchart
 
-[Here is a flowchart](https://raw.githubusercontent.com/hanabi/hanabi.github.io/main/static/img/flowcharts/scream-discard-flowchart.png) for determining whether something is a _Scream Discard Chop Move_ or a _Generation Discard_. (Ignore the _Echo Scream Discard Chop Move_ for now, since that move is only introduced at level 23.)
+Here is a flowchart for determining whether something is a _Scream Discard Chop Move_ or a _Generation Discard_. (Ignore the _Echo Scream Discard Chop Move_ for now, since that move is only introduced at level 23.)
+
+```mermaid
+flowchart TD;
+
+S("Alice discards with a known-play. (Or, Alice has a known-safe discard and discards her chop instead.)")
+D1[/Does Bob have a known-play or a known-safe discard?\]
+D1Y([Yes])
+D1N([No])
+D2[/Does Cathy have a known-play or a known-safe discard?\]
+D2Y([Yes])
+D2N([No])
+D3[/Does Cathy have a playable or a critical or a unique 2 card on chop?\]
+D3Y([Yes])
+D3N([No])
+D3YL(Alice did a _**Generation Discard**_.<br/ ><br/ >Bob should give a _Play Clue_ or a _Save Clue_ to Cathy's Chop)
+D3NL(Alice did a _**Scream Discard Chop Move**_.<br/ ><br/ >Bob has a playable or a critical or a unique 2 card on his chop, so he should permanently move his chop by one card. Furthermore, he is not allowed to discard on this turn.)
+D4[/Does Cathy have a known-play or a known-safe discard?\]
+D4Y([Yes])
+D4N([No])
+D4YL(Alice did an advanced move that is not covered by this flowchart.<br/ ><br/ >_Scream Discards_ and _Generation Discards_ **must** be a last-resort move, so Bob should reason about what cards need to be saved and what players have the safest chops.)
+D5[/Does Cathy have a playable or a critical or a unique 2 card on chop?\]
+D5Y([Yes])
+D5N([No])
+D5YL("Alice did an _**Echo Scream Discard Chop Move**_.<br/ ><br/ >Bob AND Cathy should _Chop Move_. (Bob does not need to worry about cluing Cathy.)")
+
+class D1Y,D2Y,D3Y,D4Y,D5Y node-yes
+class D1N,D2N,D3N,D4N,D5N node-no
+
+S-- This is an emergency! ---D1;
+D1 --> D1N;
+D1 --> D1Y;
+D1N --> D2;
+D2 --> D2Y;
+D2Y --> D3NL;
+D2 --> D2N;
+D2N --> D3;
+D3 --> D3Y;
+D3 --> D3N;
+D3Y --> D3YL;
+D3N --> D3NL;
+D1Y --> D4;
+D4 --> D4N;
+D4 --> D4Y;
+D4N --> D5;
+D5 --> D5Y;
+D5 --> D5N;
+D5Y --> D5YL;
+D5N --> D4YL;
+D4Y --> D4YL;
+```
 
 ### Lines