diff --git a/web/shuffle/example.css b/web/shuffle/example.css
index 0d4310d..203f7dd 100644
--- a/web/shuffle/example.css
+++ b/web/shuffle/example.css
@@ -205,126 +205,168 @@ body {
   content: "K";
 }
 .card.spades.rank1 .face {
-  background-image: url("faces/c01.png");
+  background-image: url("faces/L01.png");
 }
 .card.spades.rank2 .face {
-  background-image: url("faces/c02.png");
+  background-image: url("faces/L02.png");
 }
 .card.spades.rank3 .face {
-  background-image: url("faces/c03.png");
+  background-image: url("faces/L03.png");
 }
 .card.spades.rank4 .face {
-  background-image: url("faces/c04.png");
+  background-image: url("faces/L04.png");
 }
 .card.spades.rank5 .face {
-  background-image: url("faces/c05.png");
+  background-image: url("faces/L05.png");
 }
 .card.spades.rank6 .face {
-  background-image: url("faces/c06.png");
+  background-image: url("faces/L06.png");
 }
 .card.spades.rank7 .face {
-  background-image: url("faces/c07.png");
+  background-image: url("faces/L07.png");
 }
 .card.spades.rank8 .face {
-  background-image: url("faces/c08.png");
+  background-image: url("faces/L08.png");
 }
 .card.spades.rank9 .face {
-  background-image: url("faces/c09.png");
+  background-image: url("faces/L09.png");
 }
 .card.spades.rank10 .face {
-  background-image: url("faces/c10.png");
+  background-image: url("faces/L10.png");
 }
 .card.spades.rank11 .face {
-  background-image: url("faces/c11.png");
+  background-image: url("faces/L11.png");
 }
 .card.spades.rank12 .face {
-  background-image: url("faces/c12.png");
+  background-image: url("faces/L12.png");
 }
 .card.spades.rank13 .face {
-  background-image: url("faces/c13.png");
+  background-image: url("faces/L13.png");
 }
 .card.spades.rank14 .face {
-  background-image: url("faces/c14.png");
+  background-image: url("faces/L14.png");
 }
 .card.spades.rank15 .face {
-  background-image: url("faces/c15.png");
+  background-image: url("faces/L15.png");
 }
 .card.spades.rank16 .face {
-  background-image: url("faces/c16.png");
+  background-image: url("faces/L16.png");
 }
 .card.spades.rank17 .face {
-  background-image: url("faces/c17.png");
+  background-image: url("faces/L17.png");
 }
-.card.spades.rank18 .face {
-  background-image: url("faces/c18.png");
-}
-
 
 .card.hearts.rank1 .face {
-  background-image: url("faces/c19.png");
+  background-image: url("faces/o01.png");
 }
 .card.hearts.rank2 .face {
-  background-image: url("faces/c20.png");
+  background-image: url("faces/o02.png");
 }
 .card.hearts.rank3 .face {
-  background-image: url("faces/c21.png");
+  background-image: url("faces/o03.png");
 }
 .card.hearts.rank4 .face {
-  background-image: url("faces/c22.png");
+  background-image: url("faces/o04.png");
 }
 .card.hearts.rank5 .face {
-  background-image: url("faces/c23.png");
+  background-image: url("faces/o05.png");
 }
 .card.hearts.rank6 .face {
-  background-image: url("faces/c24.png");
+  background-image: url("faces/o06.png");
 }
 .card.hearts.rank7 .face {
-  background-image: url("faces/c25.png");
+  background-image: url("faces/o07.png");
 }
 .card.hearts.rank8 .face {
-  background-image: url("faces/c26.png");
+  background-image: url("faces/o08.png");
 }
 .card.hearts.rank9 .face {
-  background-image: url("faces/c27.png");
+  background-image: url("faces/o09.png");
 }
 .card.hearts.rank10 .face {
-  background-image: url("faces/c28.png");
+  background-image: url("faces/o10.png");
 }
 .card.hearts.rank11 .face {
-  background-image: url("faces/c29.png");
+  background-image: url("faces/o11.png");
 }
 .card.hearts.rank12 .face {
-  background-image: url("faces/c30.png");
+  background-image: url("faces/o12.png");
 }
 .card.hearts.rank13 .face {
-  background-image: url("faces/c31.png");
+  background-image: url("faces/o13.png");
 }
 .card.hearts.rank14 .face {
-  background-image: url("faces/c32.png");
+  background-image: url("faces/o14.png");
 }
 .card.hearts.rank15 .face {
-  background-image: url("faces/c33.png");
+  background-image: url("faces/o15.png");
 }
 .card.hearts.rank16 .face {
-  background-image: url("faces/c34.png");
+  background-image: url("faces/o16.png");
 }
 .card.hearts.rank17 .face {
-  background-image: url("faces/c35.png");
-}
+  background-image: url("faces/o17.png");
 }
 .card.hearts.rank18 .face {
-  background-image: url("faces/c36.png");
+  background-image: url("faces/o18.png");
+}
+.card.hearts.rank19 .face {
+  background-image: url("faces/o19.png");
+}
+.card.hearts.rank20 .face {
+  background-image: url("faces/o20.png");
+}
+.card.hearts.rank21 .face {
+  background-image: url("faces/o21.png");
+}
+
+.card.clubs.rank1 .face {
+  background-image: url("faces/q01.png");
+}
+.card.clubs.rank2 .face {
+  background-image: url("faces/q02.png");
+}
+.card.clubs.rank3 .face {
+  background-image: url("faces/q03.png");
+}
+.card.clubs.rank4 .face {
+  background-image: url("faces/q04.png");
+}
+.card.clubs.rank5 .face {
+  background-image: url("faces/q05.png");
+}
+.card.clubs.rank6 .face {
+  background-image: url("faces/q06.png");
+}
+.card.clubs.rank7 .face {
+  background-image: url("faces/q07.png");
+}
+.card.clubs.rank8 .face {
+  background-image: url("faces/q08.png");
+}
+.card.clubs.rank9 .face {
+  background-image: url("faces/q09.png");
+}
+.card.clubs.rank10 .face {
+  background-image: url("faces/q10.png");
+}
+.card.clubs.rank11 .face {
+  background-image: url("faces/q11.png");
+}
+.card.clubs.rank12 .face {
+  background-image: url("faces/q12.png");
+}
+.card.clubs.rank13 .face {
+  background-image: url("faces/q13.png");
+}
+.card.clubs.rank14 .face {
+  background-image: url("faces/q14.png");
 }
 
 .card.joker.rank1 .face {
-  background-image: url("faces/c37.svg");
-}
-.card.joker.rank2 .face {
-  background-image: url("faces/c38.svg");
-}
-.card.joker.rank3 .face {
-  background-image: url("faces/c39.svg");
+  background-image: url("faces/q14.png");
 }
+
 @media (max-width: 540px) {
   #topbar {
     text-align: left;
diff --git a/web/shuffle/faces/c49.png b/web/shuffle/faces/L01.png
similarity index 100%
rename from web/shuffle/faces/c49.png
rename to web/shuffle/faces/L01.png
diff --git a/web/shuffle/faces/c02.png b/web/shuffle/faces/L02.png
similarity index 100%
rename from web/shuffle/faces/c02.png
rename to web/shuffle/faces/L02.png
diff --git a/web/shuffle/faces/c03.png b/web/shuffle/faces/L03.png
similarity index 100%
rename from web/shuffle/faces/c03.png
rename to web/shuffle/faces/L03.png
diff --git a/web/shuffle/faces/c04.png b/web/shuffle/faces/L04.png
similarity index 100%
rename from web/shuffle/faces/c04.png
rename to web/shuffle/faces/L04.png
diff --git a/web/shuffle/faces/c05.png b/web/shuffle/faces/L05.png
similarity index 100%
rename from web/shuffle/faces/c05.png
rename to web/shuffle/faces/L05.png
diff --git a/web/shuffle/faces/c30.png b/web/shuffle/faces/L06.png
similarity index 100%
rename from web/shuffle/faces/c30.png
rename to web/shuffle/faces/L06.png
diff --git a/web/shuffle/faces/c28.png b/web/shuffle/faces/L07.png
similarity index 100%
rename from web/shuffle/faces/c28.png
rename to web/shuffle/faces/L07.png
diff --git a/web/shuffle/faces/c08.png b/web/shuffle/faces/L08.png
similarity index 100%
rename from web/shuffle/faces/c08.png
rename to web/shuffle/faces/L08.png
diff --git a/web/shuffle/faces/c09.png b/web/shuffle/faces/L09.png
similarity index 100%
rename from web/shuffle/faces/c09.png
rename to web/shuffle/faces/L09.png
diff --git a/web/shuffle/faces/c10.png b/web/shuffle/faces/L10.png
similarity index 100%
rename from web/shuffle/faces/c10.png
rename to web/shuffle/faces/L10.png
diff --git a/web/shuffle/faces/c26.png b/web/shuffle/faces/L11.png
similarity index 100%
rename from web/shuffle/faces/c26.png
rename to web/shuffle/faces/L11.png
diff --git a/web/shuffle/faces/c25.png b/web/shuffle/faces/L12.png
similarity index 100%
rename from web/shuffle/faces/c25.png
rename to web/shuffle/faces/L12.png
diff --git a/web/shuffle/faces/c23.png b/web/shuffle/faces/L13.png
similarity index 100%
rename from web/shuffle/faces/c23.png
rename to web/shuffle/faces/L13.png
diff --git a/web/shuffle/faces/c22.png b/web/shuffle/faces/L14.png
similarity index 100%
rename from web/shuffle/faces/c22.png
rename to web/shuffle/faces/L14.png
diff --git a/web/shuffle/faces/c21.png b/web/shuffle/faces/L15.png
similarity index 100%
rename from web/shuffle/faces/c21.png
rename to web/shuffle/faces/L15.png
diff --git a/web/shuffle/faces/c16.png b/web/shuffle/faces/L16.png
similarity index 100%
rename from web/shuffle/faces/c16.png
rename to web/shuffle/faces/L16.png
diff --git a/web/shuffle/faces/c20.png b/web/shuffle/faces/L17.png
similarity index 100%
rename from web/shuffle/faces/c20.png
rename to web/shuffle/faces/L17.png
diff --git a/web/shuffle/faces/c47.png b/web/shuffle/faces/o01.png
similarity index 100%
rename from web/shuffle/faces/c47.png
rename to web/shuffle/faces/o01.png
diff --git a/web/shuffle/faces/c46.png b/web/shuffle/faces/o02.png
similarity index 100%
rename from web/shuffle/faces/c46.png
rename to web/shuffle/faces/o02.png
diff --git a/web/shuffle/faces/c42.png b/web/shuffle/faces/o03.png
similarity index 100%
rename from web/shuffle/faces/c42.png
rename to web/shuffle/faces/o03.png
diff --git a/web/shuffle/faces/c40.png b/web/shuffle/faces/o04.png
similarity index 100%
rename from web/shuffle/faces/c40.png
rename to web/shuffle/faces/o04.png
diff --git a/web/shuffle/faces/c36.png b/web/shuffle/faces/o05.png
similarity index 100%
rename from web/shuffle/faces/c36.png
rename to web/shuffle/faces/o05.png
diff --git a/web/shuffle/faces/c06.png b/web/shuffle/faces/o06.png
similarity index 100%
rename from web/shuffle/faces/c06.png
rename to web/shuffle/faces/o06.png
diff --git a/web/shuffle/faces/c07.png b/web/shuffle/faces/o07.png
similarity index 100%
rename from web/shuffle/faces/c07.png
rename to web/shuffle/faces/o07.png
diff --git a/web/shuffle/faces/c35.png b/web/shuffle/faces/o08.png
similarity index 100%
rename from web/shuffle/faces/c35.png
rename to web/shuffle/faces/o08.png
diff --git a/web/shuffle/faces/c34.png b/web/shuffle/faces/o09.png
similarity index 100%
rename from web/shuffle/faces/c34.png
rename to web/shuffle/faces/o09.png
diff --git a/web/shuffle/faces/c33.png b/web/shuffle/faces/o10.png
similarity index 100%
rename from web/shuffle/faces/c33.png
rename to web/shuffle/faces/o10.png
diff --git a/web/shuffle/faces/c11.png b/web/shuffle/faces/o11.png
similarity index 100%
rename from web/shuffle/faces/c11.png
rename to web/shuffle/faces/o11.png
diff --git a/web/shuffle/faces/c12.png b/web/shuffle/faces/o12.png
similarity index 100%
rename from web/shuffle/faces/c12.png
rename to web/shuffle/faces/o12.png
diff --git a/web/shuffle/faces/c13.png b/web/shuffle/faces/o13.png
similarity index 100%
rename from web/shuffle/faces/c13.png
rename to web/shuffle/faces/o13.png
diff --git a/web/shuffle/faces/c14.png b/web/shuffle/faces/o14.png
similarity index 100%
rename from web/shuffle/faces/c14.png
rename to web/shuffle/faces/o14.png
diff --git a/web/shuffle/faces/c15.png b/web/shuffle/faces/o15.png
similarity index 100%
rename from web/shuffle/faces/c15.png
rename to web/shuffle/faces/o15.png
diff --git a/web/shuffle/faces/c29.png b/web/shuffle/faces/o16.png
similarity index 100%
rename from web/shuffle/faces/c29.png
rename to web/shuffle/faces/o16.png
diff --git a/web/shuffle/faces/c17.png b/web/shuffle/faces/o17.png
similarity index 100%
rename from web/shuffle/faces/c17.png
rename to web/shuffle/faces/o17.png
diff --git a/web/shuffle/faces/c18.png b/web/shuffle/faces/o18.png
similarity index 100%
rename from web/shuffle/faces/c18.png
rename to web/shuffle/faces/o18.png
diff --git a/web/shuffle/faces/c19.png b/web/shuffle/faces/o19.png
similarity index 100%
rename from web/shuffle/faces/c19.png
rename to web/shuffle/faces/o19.png
diff --git a/web/shuffle/faces/c27.png b/web/shuffle/faces/o20.png
similarity index 100%
rename from web/shuffle/faces/c27.png
rename to web/shuffle/faces/o20.png
diff --git a/web/shuffle/faces/c24.png b/web/shuffle/faces/o21.png
similarity index 100%
rename from web/shuffle/faces/c24.png
rename to web/shuffle/faces/o21.png
diff --git a/web/shuffle/faces/c01.png b/web/shuffle/faces/q01.png
similarity index 100%
rename from web/shuffle/faces/c01.png
rename to web/shuffle/faces/q01.png
diff --git a/web/shuffle/faces/c31.png b/web/shuffle/faces/q02.png
similarity index 100%
rename from web/shuffle/faces/c31.png
rename to web/shuffle/faces/q02.png
diff --git a/web/shuffle/faces/c32.png b/web/shuffle/faces/q03.png
similarity index 100%
rename from web/shuffle/faces/c32.png
rename to web/shuffle/faces/q03.png
diff --git a/web/shuffle/faces/c37.png b/web/shuffle/faces/q04.png
similarity index 100%
rename from web/shuffle/faces/c37.png
rename to web/shuffle/faces/q04.png
diff --git a/web/shuffle/faces/c38.png b/web/shuffle/faces/q05.png
similarity index 100%
rename from web/shuffle/faces/c38.png
rename to web/shuffle/faces/q05.png
diff --git a/web/shuffle/faces/c39.png b/web/shuffle/faces/q06.png
similarity index 100%
rename from web/shuffle/faces/c39.png
rename to web/shuffle/faces/q06.png
diff --git a/web/shuffle/faces/c41.png b/web/shuffle/faces/q07.png
similarity index 100%
rename from web/shuffle/faces/c41.png
rename to web/shuffle/faces/q07.png
diff --git a/web/shuffle/faces/c43.png b/web/shuffle/faces/q08.png
similarity index 100%
rename from web/shuffle/faces/c43.png
rename to web/shuffle/faces/q08.png
diff --git a/web/shuffle/faces/c44.png b/web/shuffle/faces/q09.png
similarity index 100%
rename from web/shuffle/faces/c44.png
rename to web/shuffle/faces/q09.png
diff --git a/web/shuffle/faces/c45.png b/web/shuffle/faces/q10.png
similarity index 100%
rename from web/shuffle/faces/c45.png
rename to web/shuffle/faces/q10.png
diff --git a/web/shuffle/faces/c48.png b/web/shuffle/faces/q11.png
similarity index 100%
rename from web/shuffle/faces/c48.png
rename to web/shuffle/faces/q11.png
diff --git a/web/shuffle/faces/c50.png b/web/shuffle/faces/q12.png
similarity index 100%
rename from web/shuffle/faces/c50.png
rename to web/shuffle/faces/q12.png
diff --git a/web/shuffle/faces/c51.png b/web/shuffle/faces/q13.png
similarity index 100%
rename from web/shuffle/faces/c51.png
rename to web/shuffle/faces/q13.png
diff --git a/web/shuffle/faces/c52.png b/web/shuffle/faces/q14.png
similarity index 100%
rename from web/shuffle/faces/c52.png
rename to web/shuffle/faces/q14.png