redesigned rules dialog

apps/web/priv/static/app/js/bootloader.js

@@ -128,7 +128,9 @@ function showRules()
         if (null == rules) {
             var rulesElement = svg(h);
             document.getElementById("Kakaranet-12-maxim").appendChild(rulesElement);
-            document.getElementById("Okey-Rules").setAttribute('onclick', 'onRulesClose(evt)');
+            rules = document.getElementById("Okey-Rules");
+            rules.setAttribute('transform', 'translate(210,86)');
+            rules.setAttribute('onclick', 'onRulesClose(evt)');
         }
         rules.style.display = 'block';
     });

apps/web/priv/static/app/svg/Okey-Rules.svg

@@ -1,256 +1,277 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="860px" height="660px" viewBox="0 0 860 660" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
-            <g id="Okey-Rules" transform="translate(214.000000, 90.000000)">
-                <g id="Dialog-2" sketch:type="MSShapeGroup">
-                    <rect id="Rectangle-54" stroke="#48AF5E" stroke-width="10" fill="#FFFFFF" x="0" y="0" width="643" height="515" rx="30"></rect>
-                    <rect id="Rectangle-55" fill="#48AF5E" x="4" y="5" width="635" height="67"></rect>
-                    <path d="M10,109 L10,486.008806 C10,497.049644 18.9566601,506.000011 30.0008497,506.000011 L612.99915,506.000018 C624.045315,506.000018 633,497.037944 633,486.001168 L633,100 C545,182.999994 292,228.999997 10,109 Z" id="Rectangle-60" fill="#DFF1F4"></path>
-                </g>
-                <text id="Notes" sketch:type="MSTextLayer" font-family="Exo 2" font-size="20" font-weight="normal" fill="#4A4A4A">
-                    <tspan x="22" y="441.5">Make 3x3+1x5, 2x3+2x4 or 2x5+1x4 Runs/Sets or 7 Pairs. Use </tspan>
-                    <tspan x="22" y="465.5">Okey Joker (which is +1 same color as central Gosterme card) or </tspan>
-                    <tspan x="22" y="489.5">Fake Joker to substitute any needed card in your combination.</tspan>
+<svg width="919px" height="660px" viewBox="0 0 919 660" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.0.3 (7892) - http://www.bohemiancoding.com/sketch -->
+    <title>Okey-Rules</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Okey-Rules" sketch:type="MSLayerGroup" transform="translate(100.000000, 86.000000)">
+            <g id="Dialog-2" sketch:type="MSShapeGroup">
+                <rect id="Rectangle-54-2" fill="#FFFFFF" x="0" y="0" width="643" height="515" rx="30"></rect>
+                <path d="M0,109.199507 L0,494.565651 C0,505.851237 9.24419333,515.000011 20.6429316,515.000011 L622.357068,515.000018 C633.757845,515.000018 643,505.839278 643,494.557844 L643,100 C552.17496,184.839895 291.05297,231.859603 0,109.199507 L0,109.199507 Z" id="Rectangle-60" fill="#DFF1F4"></path>
+                <path d="M617,1 C533.816226,0.220335585 200.885526,1 20,1 C15.8280052,1 0,18 0,18 L0,72.000002 L643,72.000002 L643,18 C643,18 629.23674,1.11469245 617,1 Z" id="Rectangle-55" fill="#48AF5E"></path>
+                <rect id="Rectangle-54" stroke="#48AF5E" stroke-width="10" x="0" y="0" width="643" height="515" rx="30"></rect>
+            </g>
+            <g id="Notes" transform="translate(22.000000, 420.000000)" font-size="20" font-family="Exo 2" fill="#4A4A4A" sketch:type="MSTextLayer" font-weight="normal">
+                <text id="Make-3x3+1x5,-2x3+2x">
+                    <tspan x="0" y="20.5">Make 3x3+1x5, 2x3+2x4 or 2x5+1x4 Runs/Sets or 7 Pairs. Use Okey </tspan>
+                    <tspan x="0" y="44.5">Joker (which is +1 same color as central Gosterme card) or Fake </tspan>
+                    <tspan x="0" y="68.5">Joker to substitute any needed card in your combination.</tspan>
                 </text>
-                <text id="Winning-Deck-3x3+1x5" sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="normal" fill="#3B5998">
-                    <tspan x="143" y="116">Winning Deck 3x3+1x5</tspan>
+            </g>
+            <g id="Winning-Deck-3x3+1x5" transform="translate(270.000000, 83.000000)" font-size="29.3024001" font-family="Exo 2" fill="#3B5998" sketch:type="MSTextLayer" font-weight="normal">
+                <text>
+                    <tspan x="0" y="29">Winning Deck 3x3+1x5</tspan>
                 </text>
-                <text fill="#FFFFFF" sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="bold">
-                    <tspan x="24" y="48.5284512">Okey Rules</tspan>
+            </g>
+            <g id="Group" transform="translate(32.000000, 17.000000)" font-size="29.3024001" font-family="Exo 2" fill="#FFFFFF" sketch:type="MSTextLayer" font-weight="normal">
+                <text id="Okey-Rules">
+                    <tspan x="0" y="28.5284512">Okey Rules</tspan>
                 </text>
-                <g id="Small-Deck" transform="translate(121.000000, 132.000000)">
-                    <g id="Deck" sketch:type="MSShapeGroup">
-                        <rect id="Rectangle-path" fill="#AF7B58" x="0" y="1.95918367" width="495" height="42.4489796"></rect>
-                        <rect id="Rectangle-path" fill="#AF7B58" x="0" y="48.9795918" width="495" height="47.0204082"></rect>
-                        <path d="M495,44.4154776 L215.963859,44.4154776 L0,44.4081633 L0,48.9731918 L213.326437,48.9731918 L495,48.9795918 L495,44.4154776 Z" id="Shape" fill="#BC8864"></path>
-                        <path d="M495,2.6122449 L0,2.6122449 L2.02176562,0 L492.816586,0 L495,2.6122449 L495,2.6122449 Z" id="Shape" fill="#BC8864"></path>
+            </g>
+            <g id="Small-Deck" transform="translate(121.000000, 132.000000)">
+                <g id="Deck" sketch:type="MSShapeGroup">
+                    <rect id="Rectangle-path" fill="#AF7B58" x="0" y="2" width="495" height="42.4489796"></rect>
+                    <rect id="Rectangle-path" fill="#AF7B58" x="0" y="49" width="495" height="47.0204082"></rect>
+                    <path d="M495,44.4154776 L215.963859,44.4154776 L0,44.4081633 L0,48.9731918 L213.326437,48.9731918 L495,48.9795918 L495,44.4154776 L495,44.4154776 Z" id="Shape" fill="#BC8864"></path>
+                    <path d="M495,2.6122449 L0,2.6122449 L2.02176562,0 L492.816586,0 L495,2.6122449 L495,2.6122449 Z" id="Shape" fill="#BC8864"></path>
+                </g>
+                <g id="1x3-Fours-Set" transform="translate(2.000000, 1.000000)">
+                    <g id="Slot-1,1-2">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                        <text id="4" fill="#F8E81C" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold">
+                            <tspan x="9.66488882" y="20.7657996">4</tspan>
+                        </text>
+                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#F8E81C" sketch:type="MSShapeGroup"></path>
                     </g>
-                    <g id="1x3-Fours-Set" transform="translate(2.000000, 1.000000)">
-                        <g id="Slot-1,1-2">
-                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                            <text id="4" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#F8E81C">
-                                <tspan x="9.66488882" y="20.7657996">4</tspan>
-                            </text>
-                            <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#F8E81C" sketch:type="MSShapeGroup"></path>
-                        </g>
-                        <g id="Slot-1,1-3" transform="translate(33.000000, 0.000000)">
-                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                            <text id="4" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#CE290F">
-                                <tspan x="9.66488882" y="20.7657996">4</tspan>
-                            </text>
-                            <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
-                        </g>
-                        <g id="Slot-1,1-4" transform="translate(66.000000, 0.000000)">
-                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                            <text id="4" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#48AF5E">
-                                <tspan x="9.66488882" y="20.7657996">4</tspan>
-                            </text>
-                            <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
-                        </g>
+                    <g id="Slot-1,1-3" transform="translate(33.000000, 0.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                        <text id="4" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#D0011B">
+                            <tspan x="9.66488882" y="20.7657996">4</tspan>
+                        </text>
+                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
                     </g>
-                    <g id="1x3-Green-Run" transform="translate(115.000000, 49.000000)">
-                        <g id="Slot-1,1-5">
-                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                            <text id="4" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#48AF5E">
-                                <tspan x="9.66488882" y="20.7657996">4</tspan>
-                            </text>
-                            <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
-                        </g>
-                        <g id="Slot-1,1-7" transform="translate(66.000000, 0.000000)">
-                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                            <text id="6" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#48AF5E">
-                                <tspan x="9.66488882" y="20.7657996">6</tspan>
-                            </text>
-                            <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
-                        </g>
-                        <g id="Okey-Run" transform="translate(32.000000, 0.000000)">
-                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                            <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
-                            <text id="10" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" fill="#CE290F">
-                                <tspan x="3.74003405" y="20.1361222">10</tspan>
-                            </text>
-                        </g>
+                    <g id="Slot-1,1-4" transform="translate(66.000000, 0.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                        <text id="4" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#48AF5E">
+                            <tspan x="9.66488882" y="20.7657996">4</tspan>
+                        </text>
+                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
                     </g>
-                    <g id="1x5-Red-Run" transform="translate(320.000000, 1.000000)">
-                        <g id="Slot-1,1-17" transform="translate(66.000000, 0.000000)">
-                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                            <text id="11" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" fill="#48AF5E">
-                                <tspan x="3.74003405" y="20.1361222">11</tspan>
-                            </text>
-                            <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
-                        </g>
-                        <g id="Slot-1,1-14" transform="translate(33.000000, 0.000000)">
-                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                            <text id="12" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-10" fill="#48AF5E">
-                                <tspan x="5.62586344" y="20.1361222">12</tspan>
-                            </text>
-                            <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
-                        </g>
-                        <g id="Slot-1,1-18">
-                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                            <text id="13" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" fill="#48AF5E">
-                                <tspan x="3.74003405" y="20.1361222">13</tspan>
-                            </text>
-                            <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
-                        </g>
-                        <g id="Slot-1,1-15" transform="translate(99.000000, 0.000000)">
-                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                            <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
-                            <text id="10" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" fill="#48AF5E">
-                                <tspan x="3.74003405" y="20.1361222">10</tspan>
-                            </text>
-                        </g>
-                        <g id="Slot-1,1-16" transform="translate(133.000000, 0.000000)">
-                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                            <text id="9" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#48AF5E">
-                                <tspan x="9.66488882" y="20.7657996">9</tspan>
-                            </text>
-                            <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
-                        </g>
-                        <g id="Jocker-Run" transform="translate(26.000000, 0.000000)">
-                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="7.65210256" y="-0.260675479" width="32" height="46" rx="8"></rect>
-                            <text id="❦" sketch:type="MSTextLayer" font-family="Minion Pro" font-size="26" font-weight="normal" sketch:alignment="middle" letter-spacing="-1.37878788" fill="#517ECE">
-                                <tspan x="13.7101375" y="29.2222222">❦</tspan>
-                                <tspan x="33.4693494" y="29.2222222" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" letter-spacing="-1"></tspan>
-                            </text>
-                        </g>
+                </g>
+                <g id="1x3-Green-Run" transform="translate(115.000000, 49.000000)">
+                    <g id="Slot-1,1-5">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                        <text id="4" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#48AF5E">
+                            <tspan x="9.66488882" y="20.7657996">4</tspan>
+                        </text>
+                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
                     </g>
-                    <g id="1x3-Red-Run" transform="translate(165.000000, 1.000000)">
-                        <g id="Slot-1,1-21" transform="translate(66.000000, 0.000000)">
-                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                            <text id="3" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-10" fill="#CE290F">
-                                <tspan x="10.9026753" y="20.1361222">3</tspan>
-                            </text>
-                            <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
-                        </g>
-                        <g id="Slot-1,1-19" transform="translate(33.000000, 0.000000)">
-                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                            <text id="2" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-10" fill="#CE290F">
-                                <tspan x="10.9026753" y="20.1361222">2</tspan>
-                            </text>
-                            <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
-                        </g>
-                        <g id="Slot-1,1-20">
-                            <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                            <text id="1" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-10" fill="#CE290F">
-                                <tspan x="10.9026753" y="20.1361222">1</tspan>
-                            </text>
-                            <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
-                        </g>
+                    <g id="Slot-1,1-7" transform="translate(66.000000, 0.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
+                        <text id="6" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#48AF5E">
+                            <tspan x="9.66488882" y="20.7657996">6</tspan>
+                        </text>
+                    </g>
+                    <g id="Okey-Run" transform="translate(33.000000, 0.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.8461538,31.6528769 9.8461538,34.5 C9.8461538,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                        <text id="10" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#D0011B">
+                            <tspan x="4.74003405" y="20.1361222">10</tspan>
+                        </text>
                     </g>
                 </g>
-                <g id="Run" transform="translate(40.000000, 242.000000)">
-                    <g id="Slot-1,1-10" transform="translate(33.000000, 0.000000)">
-                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                        <text id="11" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" fill="#CE290F">
-                            <tspan x="3.74003405" y="20.1361222">11</tspan>
+                <g id="1x5-Red-Run" transform="translate(321.000000, 1.000000)">
+                    <g id="Slot-1,1-17" transform="translate(66.000000, 0.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                        <path d="M16.1794872,38.6551724 C19.1250058,38.6551724 21.5128205,36.3471231 21.5128205,33.5 C21.5128205,30.6528769 19.1250058,28.3448276 16.1794872,28.3448276 C13.2339685,28.3448276 10.8461538,30.6528769 10.8461538,33.5 C10.8461538,36.3471231 13.2339685,38.6551724 16.1794872,38.6551724 L16.1794872,38.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
+                        <text id="11" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#48AF5E">
+                            <tspan x="5.74003405" y="20.1361222">11</tspan>
                         </text>
-                        <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
                     </g>
-                    <g id="Slot-1,1-13">
-                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                        <text id="12" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" fill="#CE290F">
-                            <tspan x="3.74003405" y="20.1361222">12</tspan>
+                    <g id="Slot-1,1-14" transform="translate(33.000000, 0.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.8461538,31.6528769 9.8461538,34.5 C9.8461538,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
+                        <text id="12" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#48AF5E">
+                            <tspan x="4.62586344" y="20.1361222">12</tspan>
                         </text>
-                        <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
                     </g>
-                    <g id="Slot-1,1-8" transform="translate(66.000000, 0.000000)">
-                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                        <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
-                        <text id="10" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" fill="#CE290F">
-                            <tspan x="3.74003405" y="20.1361222">10</tspan>
+                    <g id="Slot-1,1-18">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                        <text id="13" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#48AF5E">
+                            <tspan x="5.74003405" y="20.1361222">13</tspan>
                         </text>
+                        <path d="M16.1794872,38.6551724 C19.1250058,38.6551724 21.5128205,36.3471231 21.5128205,33.5 C21.5128205,30.6528769 19.1250058,28.3448276 16.1794872,28.3448276 C13.2339685,28.3448276 10.8461538,30.6528769 10.8461538,33.5 C10.8461538,36.3471231 13.2339685,38.6551724 16.1794872,38.6551724 L16.1794872,38.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
                     </g>
-                    <g id="Slot-1,1-9" transform="translate(100.000000, 0.000000)">
-                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                        <text id="9" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#CE290F">
-                            <tspan x="9.66488882" y="20.7657996">9</tspan>
+                    <g id="Slot-1,1-15" transform="translate(99.000000, 0.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                        <path d="M16.1794872,38.6551724 C19.1250058,38.6551724 21.5128205,36.3471231 21.5128205,33.5 C21.5128205,30.6528769 19.1250058,28.3448276 16.1794872,28.3448276 C13.2339685,28.3448276 10.8461538,30.6528769 10.8461538,33.5 C10.8461538,36.3471231 13.2339685,38.6551724 16.1794872,38.6551724 L16.1794872,38.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
+                        <text id="10" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#48AF5E">
+                            <tspan x="5.74003405" y="20.1361222">10</tspan>
+                        </text>
+                    </g>
+                    <g id="Slot-1,1-16" transform="translate(132.000000, 0.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                        <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461539,31.6528769 10.8461539,34.5 C10.8461539,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 L16.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
+                        <text id="9" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#48AF5E">
+                            <tspan x="10.6648888" y="19.7657996">9</tspan>
+                        </text>
+                    </g>
+                    <g id="Jocker-Run" transform="translate(33.000000, 0.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                        <text id="❦" sketch:type="MSTextLayer" font-family="Minion Pro" font-size="26" font-weight="normal" fill="#517ECE">
+                            <tspan x="5.7101375" y="29.2222222">❦</tspan>
                         </text>
-                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
                     </g>
-                    <text sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="normal" fill="#3B5998">
-                        <tspan x="147" y="35">Run</tspan>
-                    </text>
                 </g>
-                <g id="Set" transform="translate(73.000000, 301.000000)">
-                    <g id="Slot-1,1-10" transform="translate(0.000000, 1.000000)">
-                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                        <text id="7" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-10" fill="#CE290F">
-                            <tspan x="10.9026753" y="20.1361222">7</tspan>
+                <g id="1x3-Red-Run" transform="translate(166.000000, 1.000000)">
+                    <g id="Slot-1,1-21" transform="translate(66.000000, 0.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.8461538,31.6528769 9.8461538,34.5 C9.8461538,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                        <text id="3" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#D0011B">
+                            <tspan x="9.9026753" y="20.1361222">3</tspan>
                         </text>
-                        <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
                     </g>
-                    <g id="Slot-1,1-8" transform="translate(33.000000, 1.000000)">
-                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                        <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
-                        <text id="7" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-10" fill="#48AF5E">
-                            <tspan x="10.9026753" y="20.1361222">7</tspan>
+                    <g id="Slot-1,1-19" transform="translate(33.000000, 0.000000)">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.8461538,31.6528769 9.8461538,34.5 C9.8461538,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                        <text id="2" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#D0011B">
+                            <tspan x="9.9026753" y="20.1361222">2</tspan>
                         </text>
                     </g>
-                    <g id="Slot-1,1-9" transform="translate(67.000000, 1.000000)">
-                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                        <text id="7" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#517ECE">
-                            <tspan x="9.66488882" y="20.7657996">7</tspan>
+                    <g id="Slot-1,1-20">
+                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                        <text id="1" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#D0011B">
+                            <tspan x="9.9026753" y="20.1361222">1</tspan>
                         </text>
-                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#517ECE" sketch:type="MSShapeGroup"></path>
+                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.8461538,31.6528769 9.8461538,34.5 C9.8461538,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
                     </g>
-                    <text sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="normal" fill="#3B5998">
-                        <tspan x="114" y="35">Set</tspan>
-                    </text>
                 </g>
-                <g id="Pair" transform="translate(106.000000, 361.000000)">
-                    <g id="Slot-1,1-8" transform="translate(0.000000, 1.000000)">
-                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                        <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#517ECE" sketch:type="MSShapeGroup"></path>
-                        <text id="1" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-10" fill="#517ECE">
-                            <tspan x="10.9026753" y="20.1361222">1</tspan>
+            </g>
+            <g id="Run" transform="translate(41.000000, 242.000000)">
+                <g id="Slot-1,1-10" transform="translate(33.000000, 0.000000)">
+                    <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                    <g id="11" transform="translate(4.000000, 5.000000)" font-size="16.0113717" font-family="Lucida Grande" fill="#D0011B" sketch:type="MSTextLayer" font-weight="bold">
+                        <text>
+                            <tspan x="-0.25996595" y="15.1361222">11</tspan>
                         </text>
                     </g>
-                    <g id="Slot-1,1-9" transform="translate(34.000000, 1.000000)">
-                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                        <text id="1" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#517ECE">
-                            <tspan x="9.66488882" y="20.7657996">1</tspan>
+                    <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.8461538,31.6528769 9.8461538,34.5 C9.8461538,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                </g>
+                <g id="Slot-1,1-13">
+                    <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                    <text id="12" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#D0011B">
+                        <tspan x="3.74003405" y="20.1361222">12</tspan>
+                    </text>
+                    <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.8461538,31.6528769 9.8461538,34.5 C9.8461538,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                </g>
+                <g id="Slot-1,1-8" transform="translate(66.000000, 0.000000)">
+                    <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                    <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.8461538,31.6528769 9.8461538,34.5 C9.8461538,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                    <g id="10" transform="translate(4.000000, 5.000000)" font-size="16.0113717" font-family="Lucida Grande" fill="#D0011B" sketch:type="MSTextLayer" font-weight="bold">
+                        <text>
+                            <tspan x="-0.25996595" y="15.1361222">10</tspan>
                         </text>
-                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#517ECE" sketch:type="MSShapeGroup"></path>
                     </g>
-                    <text sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="normal" fill="#3B5998">
-                        <tspan x="81" y="35">Pair</tspan>
-                    </text>
                 </g>
-                <g id="Fake-Jocker" transform="translate(290.000000, 362.000000)">
-                    <g id="Slot-1,1-9" transform="translate(0.000000, 1.000000)">
-                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="7.65210256" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                        <text id="❦" sketch:type="MSTextLayer" font-family="Minion Pro" font-size="26" font-weight="normal" sketch:alignment="middle" letter-spacing="-1.37878788" fill="#517ECE">
-                            <tspan x="13.7101375" y="29">❦</tspan>
-                            <tspan x="33.4693494" y="29" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" letter-spacing="-1"></tspan>
+                <g id="Slot-1,1-9" transform="translate(99.000000, 0.000000)">
+                    <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                    <g id="9" transform="translate(10.000000, 6.000000)" font-size="16.0113717" font-family="Lucida Grande" fill="#D0011B" sketch:type="MSTextLayer" font-weight="bold">
+                        <text>
+                            <tspan x="-0.33511118" y="14.7657996">9</tspan>
                         </text>
                     </g>
-                    <text id="Fake-Joker" sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="normal" fill="#3B5998">
-                        <tspan x="55" y="35">Fake Joker</tspan>
+                    <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                </g>
+                <text sketch:type="MSTextLayer" font-family="Exo 2" font-size="26" font-weight="normal" fill="#3B5998">
+                    <tspan x="146" y="32">Run</tspan>
+                </text>
+            </g>
+            <g id="Set" transform="translate(74.000000, 302.000000)">
+                <g id="Slot-1,1-10">
+                    <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                    <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.8461538,31.6528769 9.8461538,34.5 C9.8461538,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                    <text id="7" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#D0011B">
+                        <tspan x="9.9026753" y="20.1361222">7</tspan>
                     </text>
                 </g>
-                <g id="Gosterme" transform="translate(297.000000, 242.000000)">
-                    <text sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="normal" fill="#3B5998">
-                        <tspan x="46" y="35">Gosterme</tspan>
+                <g id="Slot-1,1-8" transform="translate(33.000000, 0.000000)">
+                    <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                    <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.8461538,31.6528769 9.8461538,34.5 C9.8461538,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#48AF5E" sketch:type="MSShapeGroup"></path>
+                    <text id="7" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#48AF5E">
+                        <tspan x="9.9026753" y="20.1361222">7</tspan>
+                    </text>
+                </g>
+                <g id="Slot-1,1-9" transform="translate(66.000000, 0.000000)">
+                    <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                    <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#517ECE" sketch:type="MSShapeGroup"></path>
+                    <text id="7" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#517ECE">
+                        <tspan x="9.66488882" y="20.7657996">7</tspan>
+                    </text>
+                </g>
+                <text sketch:type="MSTextLayer" font-family="Exo 2" font-size="26" font-weight="normal" fill="#3B5998">
+                    <tspan x="113" y="31">Set</tspan>
+                </text>
+            </g>
+            <g id="Pair" transform="translate(107.000000, 362.000000)">
+                <g id="Slot-1,1-8">
+                    <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                    <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.8461538,31.6528769 9.8461538,34.5 C9.8461538,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#517ECE" sketch:type="MSShapeGroup"></path>
+                    <text id="1" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#517ECE">
+                        <tspan x="9.9026753" y="20.1361222">1</tspan>
                     </text>
-                    <g id="Slot-1,1-11">
-                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="-0.347897436" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                        <text id="9" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" letter-spacing="-1" fill="#CE290F">
-                            <tspan x="9.66488882" y="20.7657996">9</tspan>
+                </g>
+                <g id="Slot-1,1-9" transform="translate(33.000000, 0.000000)">
+                    <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                    <g id="1" transform="translate(10.000000, 6.000000)" font-size="16.0113717" font-family="Lucida Grande" fill="#517ECE" sketch:type="MSTextLayer" font-weight="bold">
+                        <text>
+                            <tspan x="-0.33511118" y="14.7657996">1</tspan>
                         </text>
-                        <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
                     </g>
+                    <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#517ECE" sketch:type="MSShapeGroup"></path>
                 </g>
-                <g id="Okey" transform="translate(297.000000, 302.000000)">
-                    <text id="Okey-Joker" sketch:type="MSTextLayer" font-family="Exo 2" font-size="35.1627907" font-weight="normal" fill="#3B5998">
-                        <tspan x="46" y="35">Okey Joker</tspan>
+                <text sketch:type="MSTextLayer" font-family="Exo 2" font-size="26" font-weight="normal" fill="#3B5998">
+                    <tspan x="80" y="31">Pair</tspan>
+                </text>
+            </g>
+            <g id="Fake-Jocker" transform="translate(298.000000, 363.000000)">
+                <g id="Slot-1,1-9">
+                    <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                    <text id="❦" sketch:type="MSTextLayer" font-family="Minion Pro" font-size="26" font-weight="normal" fill="#517ECE">
+                        <tspan x="5.7101375" y="29">❦</tspan>
                     </text>
-                    <g id="Slot-1,1-12" transform="translate(0.000000, 1.000000)">
-                        <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0.652102564" y="-0.256321121" width="32" height="46" rx="8"></rect>
-                        <path d="M16.1794872,39.6551724 C19.1250058,39.6551724 21.5128205,37.3471231 21.5128205,34.5 C21.5128205,31.6528769 19.1250058,29.3448276 16.1794872,29.3448276 C13.2339685,29.3448276 10.8461538,31.6528769 10.8461538,34.5 C10.8461538,37.3471231 13.2339685,39.6551724 16.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
-                        <text id="10" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="18.8571429" font-weight="bold" sketch:alignment="middle" fill="#CE290F">
-                            <tspan x="3.74003405" y="20.1361222">10</tspan>
+                </g>
+                <text id="Fake-Joker" sketch:type="MSTextLayer" font-family="Exo 2" font-size="26" font-weight="normal" fill="#3B5998">
+                    <tspan x="47" y="31">Fake Joker</tspan>
+                </text>
+            </g>
+            <g id="Gosterme" transform="translate(297.000000, 242.000000)">
+                <g id="Slot-1,1-11">
+                    <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                    <text id="9" sketch:type="MSTextLayer" font-family="Lucida Grande" font-size="16.0113717" font-weight="bold" fill="#D0011B">
+                        <tspan x="9.66488882" y="20.7657996">9</tspan>
+                    </text>
+                    <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.84615385,31.6528769 9.84615385,34.5 C9.84615385,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                </g>
+                <text sketch:type="MSTextLayer" font-family="Exo 2" font-size="26" font-weight="normal" fill="#3B5998">
+                    <tspan x="46" y="32">Gosterme</tspan>
+                </text>
+            </g>
+            <g id="Okey" transform="translate(298.000000, 303.000000)">
+                <g id="Slot-1,1-12">
+                    <rect id="Shape" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="32" height="46" rx="8"></rect>
+                    <path d="M15.1794872,39.6551724 C18.1250058,39.6551724 20.5128205,37.3471231 20.5128205,34.5 C20.5128205,31.6528769 18.1250058,29.3448276 15.1794872,29.3448276 C12.2339685,29.3448276 9.8461538,31.6528769 9.8461538,34.5 C9.8461538,37.3471231 12.2339685,39.6551724 15.1794872,39.6551724 L15.1794872,39.6551724 Z" id="Oval-23" fill="#CE290F" sketch:type="MSShapeGroup"></path>
+                    <g id="10" transform="translate(4.000000, 5.000000)" font-size="16.0113717" font-family="Lucida Grande" fill="#D0011B" sketch:type="MSTextLayer" font-weight="bold">
+                        <text>
+                            <tspan x="-0.25996595" y="15.1361222">10</tspan>
                         </text>
                     </g>
                 </g>
+                <text id="Okey-Joker" sketch:type="MSTextLayer" font-family="Exo 2" font-size="26" font-weight="normal" fill="#3B5998">
+                    <tspan x="45" y="31">Okey Joker</tspan>
+                </text>
             </g>
+        </g>
+    </g>
 </svg>

apps/web/priv/static/doc/Kakaranet-Scene.sketch/metadata

@@ -16,7 +16,7 @@
 		<string>MinionPro-Regular</string>
 	</array>
 	<key>length</key>
-	<integer>2851892</integer>
+	<integer>2881298</integer>
 	<key>version</key>
 	<integer>37</integer>
 </dict>