display mini piles according to pile_heigh

apps/web/priv/static/app/Kakaranet-Scene.svg

@@ -18,7 +18,7 @@
         </linearGradient>
     </defs>
     <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
-        <g id="Kakaranet-12-maxim" sketch:type="MSLayerGroup" transform="translate(-1.000000, 0.000000)">
+        <g id="Kakaranet-Scene" sketch:type="MSLayerGroup" transform="translate(-1.000000, 0.000000)">
             <rect id="Sky" fill="#EDF9FF" sketch:type="MSShapeGroup" x="0" y="0" width="1070.148" height="453"></rect>
             <path d="M256.029,177.162 C293.600379,177.162 324.058,146.681098 324.058,109.081 C324.058,71.4809019 293.600379,41 256.029,41 C218.457621,41 188,71.4809019 188,109.081 C188,146.681098 218.457621,177.162 256.029,177.162 Z" id="Sun" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
             <path d="M974.021,106.358 L974.021,148.932 L950.433,148.932 L950.433,86.595 L883.922,86.714 L883.922,160.891 L863.149,160.891 L863.149,156.176 L854.66,156.176 L854.66,142.97 L844.284,142.97 L844.284,167.495 L841.454,167.495 C830.065,150.1 830.136,145.8 830.136,145.8 L830.136,141.084 L827.305,141.084 C823.356,126.876 822.589,118.445 822.589,118.445 L823.531,118.445 L823.531,114.672 L821.644,114.672 C816.581,67.28 815.985,40.153 815.985,40.153 L816.928,40.153 L816.928,37.323 L815.985,37.323 L815.985,35.437 L816.928,35.437 L816.928,33.55 L815.04,30.719 L814.1,30.719 L814.1,17.515 L812.214,17.515 L812.214,30.72 L811.271,30.72 L809.384,33.551 L809.384,35.438 L810.326,35.438 L810.326,37.323 L809.384,37.323 L809.384,40.153 L810.326,40.153 C810.326,79.498 805.608,114.672 805.608,114.672 L803.722,114.672 L803.722,118.445 L804.665,118.445 C804.114,129.843 799.947,141.084 799.947,141.084 L797.118,141.084 L797.118,145.8 C796.566,151.296 788.146,165.565 786.756,167.516 C786.068,167.516 785.587,167.495 784.856,167.495 L784.856,145.8 L776.289,145.8 C776.289,145.8 776.277,154.513 776.289,156.182 C775.904,156.182 774.533,156.18 772.654,156.18 C772.654,145.685 772.594,129.764 772.594,129.764 L758.445,129.764 L758.445,156.176 L746.183,156.176 L746.183,144.857 L738.636,144.857 L738.636,115.615 L713.17,115.615 L713.17,125.991 L698.076,125.991 L698.076,87.318 L637.707,87.318 L637.707,128.821 L621.673,128.821 L621.673,157.119 L597.148,157.119 C596.835,148.148 591.489,147.687 591.489,147.687 L591.489,142.971 L589.601,142.971 L589.601,147.687 C583.824,149.632 584.885,157.119 584.885,157.119 L575.451,157.119 C573.507,148.395 567.904,147.687 567.904,147.687 L567.904,143.914 L566.018,143.914 L566.018,147.687 C564.368,148.571 564.131,149.573 564.131,149.573 L564.131,141.084 L566.018,141.084 L566.018,138.254 L564.131,138.254 L564.131,112.786 L566.018,112.786 L566.018,110.899 L566.961,110.899 L566.961,107.125 L563.188,107.125 L563.188,91.09 L564.131,91.09 L564.131,88.259 L565.073,88.259 L565.073,85.429 L562.243,85.429 L562.243,78.826 L563.186,78.826 L563.186,74.109 L560.356,74.109 L560.356,68.449 C561.948,67.271 560.356,65.62 560.356,65.62 L560.356,58.073 L558.47,58.073 L558.47,65.62 C556.642,67.035 558.47,68.449 558.47,68.449 L558.47,74.109 L555.64,74.109 L555.64,78.826 L556.583,78.826 L556.583,85.429 L553.753,85.429 L553.753,88.259 L554.695,88.259 L554.695,91.09 L555.638,91.09 L555.638,107.125 L551.866,107.125 L551.866,110.899 L552.808,110.899 L552.808,112.786 L554.695,112.786 L554.695,138.254 L552.808,138.254 L552.808,141.084 L554.695,141.084 L554.695,149.573 L549.035,149.573 C548.446,147.805 545.264,147.687 545.264,147.687 L545.264,144.857 L543.377,144.857 L543.377,147.687 C539.84,147.864 538.659,149.573 538.659,149.573 L538.659,135.423 L540.547,135.423 L540.547,131.65 L538.659,131.65 L538.659,103.352 L540.547,103.352 L540.547,98.636 L542.434,98.636 L542.434,94.863 L537.718,94.863 L537.718,75.054 L539.604,75.054 L539.604,68.45 L536.775,68.45 L536.775,61.847 L537.718,61.847 L537.718,55.244 L534.888,55.244 L534.888,48.64 C535.654,48.346 535.95,47.166 535.83,45.811 C535.713,44.455 534.888,43.924 534.888,43.924 L534.888,36.378 L533.002,36.378 L533.002,43.924 C532.411,44.218 532.169,45.04 532.059,45.811 C531.823,48.346 533.002,48.64 533.002,48.64 L533.002,55.244 L530.172,55.244 L530.172,61.847 L531.114,61.847 L531.114,68.45 L528.284,68.45 L528.284,75.054 L530.171,75.054 L530.171,94.863 L525.453,94.863 L525.453,98.636 L527.34,98.636 L527.34,103.352 L529.228,103.352 L529.228,126.934 L528.285,126.934 L528.285,122.218 L526.397,122.218 L526.397,126.934 C516.14,128.585 516.965,140.14 516.965,140.14 L516.965,145.799 L515.078,145.799 L515.078,137.309 L513.191,137.309 C513.603,131.827 512.189,130.707 510.361,130.707 C507.236,130.883 507.531,135.422 507.531,135.422 L505.643,135.422 C505.525,128.879 502.873,128.819 501.871,128.819 C501.871,114.848 498.039,110.898 496.212,110.898 C493.616,91.03 479.233,89.203 479.233,89.203 L479.233,87.317 L477.346,87.317 L477.346,75.997 L474.516,75.997 L474.516,87.317 L472.63,87.317 L472.63,89.203 C466.91,90.795 464.14,94.863 464.14,94.863 L464.14,88.259 L462.254,88.259 L462.254,96.749 L460.366,96.749 L460.366,98.636 C442.68,102.468 446.218,125.047 446.218,125.047 L448.106,125.047 L448.106,131.65 C444.215,127.818 440.736,131.12 439.617,134.481 C438.969,132.122 435.844,131.65 435.844,131.65 L435.844,127.877 L433.958,127.877 L433.958,131.65 C425.625,131.965 426.32,139.196 426.32,139.196 L426.32,146.176 L411.013,146.176 L411.013,139.244 L396.325,139.244 L396.325,146.176 L382.275,146.176 L382.275,116.908 L374.936,116.908 L374.936,106.94 L364.451,106.94 L364.451,95.922 L359.209,95.922 L341.903,67.591 L323.026,96.446 L317.259,96.446 L317.259,106.94 L307.298,106.94 L307.298,116.908 L300.484,116.908 L300.484,139.433 L291.457,139.433 L291.457,129.912 L276.25,129.912 L276.25,150.898 L255.477,150.898 L255.477,163.561 L246.876,163.561 L246.876,126.663 L223.285,126.663 L223.285,118.269 L218.042,118.269 L218.042,109.874 L211.75,109.874 L211.75,100.431 L208.08,100.431 L208.08,81.543 L203.887,81.543 L203.887,100.431 L200.218,100.431 L200.218,109.874 L194.45,109.874 L194.45,118.794 L189.207,118.794 L189.207,126.663 L166.14,126.663 L166.072,143.913 C160.36,141.713 155.38,140.088 150.038,138.253 L150.038,38.266 L143.434,38.266 L143.434,53.359 L126.455,53.359 L126.455,38.267 L119.851,38.267 L119.851,128.821 C82.324,120.66 56.486,121.175 38.761,125.265 L38.761,85.431 L34.013,85.431 L34.013,92.977 L24.58,92.977 L24.58,85.431 L19.87,85.431 L19.87,132.251 C4.001,141.002 1,152.403 1,152.403 L1,459.423 L1071,459.423 L1071,106.358 L974.021,106.358 L974.021,106.358 Z M19.866,156.176 L4.773,156.176 C4.773,156.176 8.054,147.077 19.867,140.14 L19.867,156.176 L19.866,156.176 L19.866,156.176 Z M34.014,143.913 L32.127,143.913 L32.127,156.176 L24.581,156.176 L24.581,138.254 C29.238,135.571 34.014,134.482 34.014,134.482 L34.014,143.913 L34.014,143.913 Z M34.014,125.991 C34.014,125.991 27.883,127.641 24.581,129.764 L24.581,112.727 C25.378,112.727 33.219,112.786 34.014,112.786 L34.014,125.991 L34.014,125.991 Z M34.014,108.069 L24.581,108.069 L24.581,97.694 C25.583,97.694 31.803,97.635 34.014,97.635 L34.014,108.069 L34.014,108.069 Z M119.853,156.176 L109.477,156.176 L109.477,149.572 L96.271,149.572 L96.271,156.176 L92.499,156.176 L92.499,142.97 L83.978,142.97 L83.978,156.176 L78.348,156.176 L78.348,151.459 L62.254,151.459 L62.254,156.176 L45.334,156.176 C45.334,154.669 45.341,149.126 45.334,143.913 C45.334,143.88 38.73,143.946 38.73,143.913 C38.723,138.761 38.702,133.858 38.702,133.505 C56.073,130.613 81.877,133.044 119.852,148.629 C119.853,149.902 119.853,153.582 119.853,156.176 L119.853,156.176 L119.853,156.176 Z M126.455,156.176 L126.455,150.516 C131.09,152.307 134.657,154.069 139.661,156.176 L126.455,156.176 L126.455,156.176 Z M143.434,135.423 L126.455,130.708 L126.455,92.033 L143.434,92.033 L143.434,135.423 L143.434,135.423 Z M143.434,83.544 L126.455,83.544 L126.455,61.848 L143.434,61.848 L143.434,83.544 L143.434,83.544 Z M810.326,124.104 L816.93,124.104 C817.107,127.346 819.76,141.083 819.76,141.083 L807.495,141.083 C808.886,136.713 810.326,124.104 810.326,124.104 L810.326,124.104 L810.326,124.104 Z M797.12,167.495 C797.12,165.284 800.757,153.346 814.099,153.346 C820.135,153.346 830.267,156.666 831.078,167.495 L797.12,167.495 L797.12,167.495 Z M290.123,69.208 C290.366,70.842 290.903,74.626 291.276,78.475 L290.837,78.475 L290.837,84.373 L291.681,85.216 L299.263,85.216 L300.106,84.373 L300.106,78.475 L299.634,78.475 C300.016,74.626 300.568,70.842 300.817,69.208 L301.791,69.208 C301.791,69.208 303.546,63.66 311.059,55.728 C318.571,47.793 320.326,43.56 320.326,37.192 C320.326,32.277 313.652,16.971 295.892,16.971 C287.467,16.971 270.617,21.465 270.617,38.034 C270.617,42.807 272.583,48.215 279.885,55.727 C287.187,63.239 288.876,68.817 289.153,69.208 L290.123,69.208 Z M292.5,69.062 L298.25,69.062 L298.25,69.208 L299.954,69.208 C299.365,72.524 298.991,75.856 298.762,78.475 L298.25,78.475 L297.416,78.475 L296.61,78.475 L294.201,78.475 L293.416,78.475 L292.5,78.475 L292.126,78.475 C291.902,75.857 291.538,72.525 290.963,69.208 L292.5,69.208 L292.5,69.062 L292.5,69.062 Z" id="City" fill="#DFF1F4" sketch:type="MSShapeGroup"></path>
@@ -196,191 +196,232 @@
                 <path d="M234.598,2.849 L1.993,2.849 L3.456,-0.404 L233.049,-0.404 L234.598,2.849 L234.598,2.849 Z" id="Shape" fill="#BC8864"></path>
                 <path d="M234.598,23.232 L234.598,2.849 L1.993,2.849 L1.993,23.232 L0.218,23.232 L0.218,46.726 L236.245,46.726 L236.245,23.232 L234.598,23.232 L234.598,23.232 Z" id="Shape" fill="#AF7B58"></path>
             </g>
-            <g id="Center-Cards" transform="translate(518.000000, 350.000000)" sketch:type="MSShapeGroup">
-                <g id="Group" transform="translate(0.000000, 20.000000)">
+            <g id="Center-Cards" transform="translate(518.000000, 341.000000)" sketch:type="MSShapeGroup">
+                <g id="Group" transform="translate(0.000000, 31.000000)">
                     <path d="M33.973,35.172 C34.029,36.361 32.806,37.329 31.24,37.329 L2.957,37.329 C1.394,37.329 0.168,36.361 0.222,35.172 L1.55,5.65 C1.595,4.65 2.784,3.845 4.207,3.845 L29.936,3.845 C31.36,3.845 32.551,4.65 32.598,5.65 L33.973,35.172 L33.973,35.172 Z" id="Shape" fill="#AFD5D8"></path>
                     <path d="M33.714,30.193 C33.768,31.349 32.561,32.293 31.017,32.293 L3.118,32.293 C1.575,32.293 0.366,31.352 0.419,30.193 L1.715,1.433 C1.759,0.457 2.934,-0.329 4.34,-0.329 L29.748,-0.329 C31.155,-0.329 32.332,0.457 32.377,1.434 L33.714,30.193 L33.714,30.193 Z" id="Shape" fill="#FFFFFF"></path>
                 </g>
-                <g id="Group" transform="translate(0.000000, 13.000000)">
+                <g id="Group" transform="translate(0.000000, 23.000000)">
                     <path d="M33.973,35.605 C34.029,36.793 32.806,37.763 31.24,37.763 L2.957,37.763 C1.394,37.763 0.168,36.793 0.222,35.605 L1.55,6.084 C1.595,5.084 2.784,4.277 4.207,4.277 L29.936,4.277 C31.36,4.277 32.551,5.084 32.598,6.084 L33.973,35.605 L33.973,35.605 Z" id="Shape" fill="#AFD5D8"></path>
                     <path d="M33.714,30.627 C33.768,31.784 32.561,32.727 31.017,32.727 L3.118,32.727 C1.575,32.727 0.366,31.786 0.419,30.627 L1.715,1.867 C1.759,0.891 2.934,0.105 4.34,0.105 L29.748,0.105 C31.155,0.105 32.332,0.89 32.377,1.867 L33.714,30.627 L33.714,30.627 Z" id="Shape" fill="#FFFFFF"></path>
                 </g>
-                <g id="Group" transform="translate(0.000000, 7.000000)">
+                <g id="Group" transform="translate(0.000000, 16.000000)">
                     <path d="M33.973,35.04 C34.029,36.228 32.806,37.197 31.24,37.197 L2.957,37.197 C1.394,37.197 0.168,36.228 0.222,35.04 L1.55,5.52 C1.595,4.52 2.784,3.713 4.207,3.713 L29.936,3.713 C31.36,3.713 32.551,4.52 32.598,5.52 L33.973,35.04 L33.973,35.04 Z" id="Shape" fill="#AFD5D8"></path>
                     <path d="M33.714,30.063 C33.768,31.219 32.561,32.163 31.017,32.163 L3.118,32.163 C1.575,32.163 0.366,31.222 0.419,30.063 L1.715,1.302 C1.759,0.326 2.934,-0.46 4.34,-0.46 L29.748,-0.46 C31.155,-0.46 32.332,0.326 32.377,1.302 L33.714,30.063 L33.714,30.063 Z" id="Shape" fill="#FFFFFF"></path>
                 </g>
-                <g id="Group">
+                <g id="Group" transform="translate(0.000000, 8.000000)">
+                    <path d="M33.973,35.475 C34.029,36.663 32.806,37.632 31.24,37.632 L2.957,37.632 C1.394,37.632 0.168,36.663 0.222,35.475 L1.55,5.954 C1.595,4.954 2.784,4.146 4.207,4.146 L29.936,4.146 C31.36,4.146 32.551,4.954 32.598,5.954 L33.973,35.475 L33.973,35.475 Z" id="Shape" fill="#AFD5D8"></path>
+                    <path d="M33.714,30.496 C33.768,31.652 32.561,32.596 31.017,32.596 L3.118,32.596 C1.575,32.596 0.366,31.655 0.419,30.496 L1.715,1.734 C1.759,0.758 2.934,-0.026 4.34,-0.026 L29.748,-0.026 C31.155,-0.026 32.332,0.758 32.377,1.734 L33.714,30.496 L33.714,30.496 Z" id="Shape" fill="#FFFFFF"></path>
+                </g>
+                <g id="Group-10">
                     <path d="M33.973,35.475 C34.029,36.663 32.806,37.632 31.24,37.632 L2.957,37.632 C1.394,37.632 0.168,36.663 0.222,35.475 L1.55,5.954 C1.595,4.954 2.784,4.146 4.207,4.146 L29.936,4.146 C31.36,4.146 32.551,4.954 32.598,5.954 L33.973,35.475 L33.973,35.475 Z" id="Shape" fill="#AFD5D8"></path>
                     <path d="M33.714,30.496 C33.768,31.652 32.561,32.596 31.017,32.596 L3.118,32.596 C1.575,32.596 0.366,31.655 0.419,30.496 L1.715,1.734 C1.759,0.758 2.934,-0.026 4.34,-0.026 L29.748,-0.026 C31.155,-0.026 32.332,0.758 32.377,1.734 L33.714,30.496 L33.714,30.496 Z" id="Shape" fill="#FFFFFF"></path>
                 </g>
             </g>
-            <g id="Gosterme" transform="translate(621.000000, 397.000000)" font-size="18" font-family="Exo 2" fill="#FFFFFF" sketch:type="MSTextLayer" font-weight="normal">
-                <text>
-                    <tspan x="0" y="18">Gosterme</tspan>
-                </text>
-            </g>
-            <g id="Stupid-Cards" transform="translate(443.000000, 300.000000)" sketch:type="MSShapeGroup">
-                <g id="Group" transform="translate(0.000000, 1.000000)">
-                    <g transform="translate(0.000000, 9.000000)" id="Shape">
-                        <path d="M16.1,17.436 C16.127,18.018 15.529,18.491 14.763,18.491 L0.931,18.491 C0.166,18.491 -0.433,18.017 -0.407,17.436 L0.242,2.998 C0.264,2.509 0.846,2.115 1.542,2.115 L14.124,2.115 C14.821,2.115 15.403,2.509 15.426,2.998 L16.1,17.436 L16.1,17.436 Z" fill="#8DCED7"></path>
-                        <path d="M15.974,15 C16,15.566 15.41,16.027 14.655,16.027 L1.011,16.027 C0.256,16.027 -0.335,15.567 -0.31,15 L0.324,0.935 C0.345,0.458 0.92,0.073 1.607,0.073 L14.034,0.073 C14.722,0.073 15.297,0.458 15.319,0.935 L15.974,15 L15.974,15 Z" fill="#FFFFFF"></path>
+            <text id="Gosterme" sketch:type="MSTextLayer" font-family="Exo 2" font-size="18" font-weight="normal" fill="#FFFFFF">
+                <tspan x="621" y="415">Gosterme</tspan>
+            </text>
+            <text id="Pile-Height" sketch:type="MSTextLayer" font-family="Exo 2" font-size="18" font-weight="normal" fill="#FFFFFF">
+                <tspan x="564" y="379">48</tspan>
+            </text>
+            <g id="Stupid-Cards" transform="translate(443.000000, 297.000000)" sketch:type="MSShapeGroup">
+                <g id="Group">
+                    <g transform="translate(0.000000, 12.000000)" id="Shape">
+                        <path d="M16.1,18.4046667 C16.127,19.019 15.529,19.5182778 14.763,19.5182778 L0.931,19.5182778 C0.166,19.5182778 -0.433,19.0179444 -0.407,18.4046667 L0.242,3.16455556 C0.264,2.64838889 0.846,2.2325 1.542,2.2325 L14.124,2.2325 C14.821,2.2325 15.403,2.64838889 15.426,3.16455556 L16.1,18.4046667 L16.1,18.4046667 Z" fill="#8DCED7"></path>
+                        <path d="M15.974,15.8333333 C16,16.4307778 15.41,16.9173889 14.655,16.9173889 L1.011,16.9173889 C0.256,16.9173889 -0.335,16.4318333 -0.31,15.8333333 L0.324,0.986944444 C0.345,0.483444444 0.92,0.0770555556 1.607,0.0770555556 L14.034,0.0770555556 C14.722,0.0770555556 15.297,0.483444444 15.319,0.986944444 L15.974,15.8333333 L15.974,15.8333333 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 6.000000)" id="Shape">
+                    <g transform="translate(0.000000, 10.000000)" id="Shape">
                         <path d="M16.1,17.225 C16.127,17.807 15.529,18.28 14.763,18.28 L0.931,18.28 C0.166,18.28 -0.433,17.807 -0.407,17.225 L0.242,2.787 C0.264,2.298 0.846,1.904 1.542,1.904 L14.124,1.904 C14.821,1.904 15.403,2.299 15.426,2.787 L16.1,17.225 L16.1,17.225 Z" fill="#8DCED7"></path>
                         <path d="M15.974,14.79 C16,15.356 15.41,15.817 14.655,15.817 L1.011,15.817 C0.256,15.817 -0.335,15.356 -0.31,14.79 L0.324,0.725 C0.345,0.248 0.92,-0.136 1.607,-0.136 L14.034,-0.136 C14.722,-0.136 15.297,0.248 15.319,0.725 L15.974,14.79 L15.974,14.79 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 3.000000)" id="Shape">
+                    <g transform="translate(0.000000, 7.000000)" id="Shape">
                         <path d="M16.1,17.013 C16.127,17.595 15.529,18.068 14.763,18.068 L0.931,18.068 C0.166,18.068 -0.433,17.594 -0.407,17.013 L0.242,2.575 C0.264,2.086 0.846,1.692 1.542,1.692 L14.124,1.692 C14.821,1.692 15.403,2.086 15.426,2.575 L16.1,17.013 L16.1,17.013 Z" fill="#8DCED7"></path>
                         <path d="M15.974,14.579 C16,15.145 15.41,15.606 14.655,15.606 L1.011,15.606 C0.256,15.606 -0.335,15.145 -0.31,14.579 L0.324,0.514 C0.345,0.037 0.92,-0.347 1.607,-0.347 L14.034,-0.347 C14.722,-0.347 15.297,0.037 15.319,0.514 L15.974,14.579 L15.974,14.579 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g id="Shape">
+                    <g transform="translate(0.000000, 4.000000)" id="Shape">
                         <path d="M16.1,17.013 C16.127,17.595 15.529,18.068 14.763,18.068 L0.931,18.068 C0.166,18.068 -0.433,17.594 -0.407,17.013 L0.242,2.575 C0.264,2.086 0.846,1.692 1.542,1.692 L14.124,1.692 C14.821,1.692 15.403,2.086 15.426,2.575 L16.1,17.013 L16.1,17.013 Z" fill="#8DCED7"></path>
                         <path d="M15.974,14.579 C16,15.145 15.41,15.606 14.655,15.606 L1.011,15.606 C0.256,15.606 -0.335,15.145 -0.31,14.579 L0.324,0.514 C0.345,0.037 0.92,-0.347 1.607,-0.347 L14.034,-0.347 C14.722,-0.347 15.297,0.037 15.319,0.514 L15.974,14.579 L15.974,14.579 Z" fill="#FFFFFF"></path>
                     </g>
+                    <g id="Shape">
+                        <path d="M16.1,17.9581667 C16.127,18.5725 15.529,19.0717778 14.763,19.0717778 L0.931,19.0717778 C0.166,19.0717778 -0.433,18.5714444 -0.407,17.9581667 L0.242,2.71805556 C0.264,2.20188889 0.846,1.786 1.542,1.786 L14.124,1.786 C14.821,1.786 15.403,2.20188889 15.426,2.71805556 L16.1,17.9581667 L16.1,17.9581667 Z" fill="#8DCED7"></path>
+                        <path d="M15.974,15.3889444 C16,15.9863889 15.41,16.473 14.655,16.473 L1.011,16.473 C0.256,16.473 -0.335,15.9863889 -0.31,15.3889444 L0.324,0.542555556 C0.345,0.0390555556 0.92,-0.366277778 1.607,-0.366277778 L14.034,-0.366277778 C14.722,-0.366277778 15.297,0.0390555556 15.319,0.542555556 L15.974,15.3889444 L15.974,15.3889444 Z" fill="#FFFFFF"></path>
+                    </g>
                 </g>
                 <g id="Group" transform="translate(21.000000, 0.000000)">
-                    <g transform="translate(0.000000, 10.000000)" id="Shape">
+                    <g transform="translate(0.000000, 13.000000)" id="Shape">
                         <path d="M16.184,17.436 C16.211,18.018 15.613,18.491 14.847,18.491 L1.015,18.491 C0.25,18.491 -0.349,18.017 -0.323,17.436 L0.327,2.998 C0.349,2.509 0.931,2.115 1.627,2.115 L14.21,2.115 C14.907,2.115 15.489,2.509 15.512,2.998 L16.184,17.436 L16.184,17.436 Z" fill="#8DCED7"></path>
                         <path d="M16.057,15 C16.083,15.566 15.493,16.027 14.738,16.027 L1.094,16.027 C0.339,16.027 -0.252,15.567 -0.226,15 L0.408,0.935 C0.429,0.458 1.004,0.073 1.692,0.073 L14.119,0.073 C14.807,0.073 15.382,0.458 15.404,0.935 L16.057,15 L16.057,15 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 7.000000)" id="Shape">
+                    <g transform="translate(0.000000, 10.000000)" id="Shape">
                         <path d="M16.184,17.225 C16.211,17.807 15.613,18.28 14.847,18.28 L1.015,18.28 C0.25,18.28 -0.349,17.807 -0.323,17.225 L0.327,2.787 C0.349,2.298 0.931,1.904 1.627,1.904 L14.21,1.904 C14.907,1.904 15.489,2.299 15.512,2.787 L16.184,17.225 L16.184,17.225 Z" fill="#8DCED7"></path>
                         <path d="M16.057,14.79 C16.083,15.356 15.493,15.817 14.738,15.817 L1.094,15.817 C0.339,15.817 -0.252,15.356 -0.226,14.79 L0.408,0.725 C0.429,0.248 1.004,-0.136 1.692,-0.136 L14.119,-0.136 C14.807,-0.136 15.382,0.248 15.404,0.725 L16.057,14.79 L16.057,14.79 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 4.000000)" id="Shape">
+                    <g transform="translate(0.000000, 7.000000)" id="Shape">
                         <path d="M16.184,17.013 C16.211,17.595 15.613,18.068 14.847,18.068 L1.015,18.068 C0.25,18.068 -0.349,17.594 -0.323,17.013 L0.327,2.575 C0.349,2.086 0.931,1.692 1.627,1.692 L14.21,1.692 C14.907,1.692 15.489,2.086 15.512,2.575 L16.184,17.013 L16.184,17.013 Z" fill="#8DCED7"></path>
                         <path d="M16.057,14.579 C16.083,15.145 15.493,15.606 14.738,15.606 L1.094,15.606 C0.339,15.606 -0.252,15.145 -0.226,14.579 L0.408,0.514 C0.429,0.037 1.004,-0.347 1.692,-0.347 L14.119,-0.347 C14.807,-0.347 15.382,0.037 15.404,0.514 L16.057,14.579 L16.057,14.579 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g id="Shape">
+                    <g transform="translate(0.000000, 3.000000)" id="Shape">
                         <path d="M16.184,17.802 C16.211,18.384 15.613,18.857 14.847,18.857 L1.015,18.857 C0.25,18.857 -0.349,18.383 -0.323,17.802 L0.327,3.364 C0.349,2.875 0.931,2.481 1.627,2.481 L14.21,2.481 C14.907,2.481 15.489,2.875 15.512,3.364 L16.184,17.802 L16.184,17.802 Z" fill="#8DCED7"></path>
                         <path d="M16.057,15.368 C16.083,15.934 15.493,16.395 14.738,16.395 L1.094,16.395 C0.339,16.395 -0.252,15.934 -0.226,15.368 L0.408,1.303 C0.429,0.826 1.004,0.442 1.692,0.442 L14.119,0.442 C14.807,0.442 15.382,0.826 15.404,1.303 L16.057,15.368 L16.057,15.368 Z" fill="#FFFFFF"></path>
                     </g>
+                    <g id="Group-2">
+                        <path d="M16.184,17.802 C16.211,18.384 15.613,18.857 14.847,18.857 L1.015,18.857 C0.25,18.857 -0.349,18.383 -0.323,17.802 L0.327,3.364 C0.349,2.875 0.931,2.481 1.627,2.481 L14.21,2.481 C14.907,2.481 15.489,2.875 15.512,3.364 L16.184,17.802 L16.184,17.802 Z" id="Shape" fill="#8DCED7"></path>
+                        <path d="M16.057,15.368 C16.083,15.934 15.493,16.395 14.738,16.395 L1.094,16.395 C0.339,16.395 -0.252,15.934 -0.226,15.368 L0.408,1.303 C0.429,0.826 1.004,0.442 1.692,0.442 L14.119,0.442 C14.807,0.442 15.382,0.826 15.404,1.303 L16.057,15.368 L16.057,15.368 Z" id="Shape" fill="#FFFFFF"></path>
+                    </g>
                 </g>
                 <g id="Group" transform="translate(42.000000, 0.000000)">
-                    <g transform="translate(0.000000, 10.000000)" id="Shape">
+                    <g transform="translate(0.000000, 13.000000)" id="Shape">
                         <path d="M16.267,17.436 C16.294,18.018 15.696,18.491 14.93,18.491 L1.098,18.491 C0.332,18.491 -0.267,18.017 -0.24,17.436 L0.409,2.998 C0.431,2.509 1.013,2.115 1.709,2.115 L14.291,2.115 C14.988,2.115 15.57,2.509 15.593,2.998 L16.267,17.436 L16.267,17.436 Z" fill="#8DCED7"></path>
                         <path d="M16.141,15 C16.167,15.566 15.577,16.027 14.821,16.027 L1.177,16.027 C0.422,16.027 -0.169,15.567 -0.143,15 L0.491,0.935 C0.512,0.458 1.087,0.073 1.775,0.073 L14.201,0.073 C14.889,0.073 15.464,0.458 15.487,0.935 L16.141,15 L16.141,15 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 7.000000)" id="Shape">
+                    <g transform="translate(0.000000, 10.000000)" id="Shape">
                         <path d="M16.267,17.225 C16.294,17.807 15.696,18.28 14.93,18.28 L1.098,18.28 C0.332,18.28 -0.267,17.807 -0.24,17.225 L0.409,2.787 C0.431,2.298 1.013,1.904 1.709,1.904 L14.291,1.904 C14.988,1.904 15.57,2.299 15.593,2.787 L16.267,17.225 L16.267,17.225 Z" fill="#8DCED7"></path>
                         <path d="M16.141,14.79 C16.167,15.356 15.577,15.817 14.821,15.817 L1.177,15.817 C0.422,15.817 -0.169,15.356 -0.143,14.79 L0.491,0.725 C0.512,0.248 1.087,-0.136 1.775,-0.136 L14.201,-0.136 C14.889,-0.136 15.464,0.248 15.487,0.725 L16.141,14.79 L16.141,14.79 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 4.000000)" id="Shape">
+                    <g transform="translate(0.000000, 7.000000)" id="Shape">
                         <path d="M16.267,17.013 C16.294,17.595 15.696,18.068 14.93,18.068 L1.098,18.068 C0.332,18.068 -0.267,17.594 -0.24,17.013 L0.409,2.575 C0.431,2.086 1.013,1.692 1.709,1.692 L14.291,1.692 C14.988,1.692 15.57,2.086 15.593,2.575 L16.267,17.013 L16.267,17.013 Z" fill="#8DCED7"></path>
                         <path d="M16.141,14.579 C16.167,15.145 15.577,15.606 14.821,15.606 L1.177,15.606 C0.422,15.606 -0.169,15.145 -0.143,14.579 L0.491,0.514 C0.512,0.037 1.087,-0.347 1.775,-0.347 L14.201,-0.347 C14.889,-0.347 15.464,0.037 15.487,0.514 L16.141,14.579 L16.141,14.579 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g id="Shape">
+                    <g transform="translate(0.000000, 3.000000)" id="Shape">
                         <path d="M16.267,17.802 C16.294,18.384 15.696,18.857 14.93,18.857 L1.098,18.857 C0.332,18.857 -0.267,18.383 -0.24,17.802 L0.409,3.364 C0.431,2.875 1.013,2.481 1.709,2.481 L14.291,2.481 C14.988,2.481 15.57,2.875 15.593,3.364 L16.267,17.802 L16.267,17.802 Z" fill="#8DCED7"></path>
                         <path d="M16.141,15.368 C16.167,15.934 15.577,16.395 14.821,16.395 L1.177,16.395 C0.422,16.395 -0.169,15.934 -0.143,15.368 L0.491,1.303 C0.512,0.826 1.087,0.442 1.775,0.442 L14.201,0.442 C14.889,0.442 15.464,0.826 15.487,1.303 L16.141,15.368 L16.141,15.368 Z" fill="#FFFFFF"></path>
                     </g>
+                    <g id="Group-3">
+                        <path d="M16.267,17.802 C16.294,18.384 15.696,18.857 14.93,18.857 L1.098,18.857 C0.332,18.857 -0.267,18.383 -0.24,17.802 L0.409,3.364 C0.431,2.875 1.013,2.481 1.709,2.481 L14.291,2.481 C14.988,2.481 15.57,2.875 15.593,3.364 L16.267,17.802 L16.267,17.802 Z" id="Shape" fill="#8DCED7"></path>
+                        <path d="M16.141,15.368 C16.167,15.934 15.577,16.395 14.821,16.395 L1.177,16.395 C0.422,16.395 -0.169,15.934 -0.143,15.368 L0.491,1.303 C0.512,0.826 1.087,0.442 1.775,0.442 L14.201,0.442 C14.889,0.442 15.464,0.826 15.487,1.303 L16.141,15.368 L16.141,15.368 Z" id="Shape" fill="#FFFFFF"></path>
+                    </g>
                 </g>
                 <g id="Group" transform="translate(63.000000, 0.000000)">
-                    <g transform="translate(0.000000, 10.000000)" id="Shape">
+                    <g transform="translate(0.000000, 13.000000)" id="Shape">
                         <path d="M16.35,17.436 C16.377,18.018 15.779,18.491 15.013,18.491 L1.181,18.491 C0.416,18.491 -0.183,18.017 -0.157,17.436 L0.492,2.998 C0.514,2.509 1.096,2.115 1.792,2.115 L14.374,2.115 C15.071,2.115 15.653,2.509 15.676,2.998 L16.35,17.436 L16.35,17.436 Z" fill="#8DCED7"></path>
                         <path d="M16.224,15 C16.25,15.566 15.66,16.027 14.905,16.027 L1.261,16.027 C0.506,16.027 -0.085,15.567 -0.06,15 L0.574,0.935 C0.595,0.458 1.17,0.073 1.857,0.073 L14.284,0.073 C14.972,0.073 15.547,0.458 15.569,0.935 L16.224,15 L16.224,15 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 7.000000)" id="Shape">
+                    <g transform="translate(0.000000, 10.000000)" id="Shape">
                         <path d="M16.35,17.225 C16.377,17.807 15.779,18.28 15.013,18.28 L1.181,18.28 C0.416,18.28 -0.183,17.807 -0.157,17.225 L0.492,2.787 C0.514,2.298 1.096,1.904 1.792,1.904 L14.374,1.904 C15.071,1.904 15.653,2.299 15.676,2.787 L16.35,17.225 L16.35,17.225 Z" fill="#8DCED7"></path>
                         <path d="M16.224,14.79 C16.25,15.356 15.66,15.817 14.905,15.817 L1.261,15.817 C0.506,15.817 -0.085,15.356 -0.06,14.79 L0.574,0.725 C0.595,0.248 1.17,-0.136 1.857,-0.136 L14.284,-0.136 C14.972,-0.136 15.547,0.248 15.569,0.725 L16.224,14.79 L16.224,14.79 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 4.000000)" id="Shape">
+                    <g transform="translate(0.000000, 7.000000)" id="Shape">
                         <path d="M16.35,17.013 C16.377,17.595 15.779,18.068 15.013,18.068 L1.181,18.068 C0.416,18.068 -0.183,17.594 -0.157,17.013 L0.492,2.575 C0.514,2.086 1.096,1.692 1.792,1.692 L14.374,1.692 C15.071,1.692 15.653,2.086 15.676,2.575 L16.35,17.013 L16.35,17.013 Z" fill="#8DCED7"></path>
                         <path d="M16.224,14.579 C16.25,15.145 15.66,15.606 14.905,15.606 L1.261,15.606 C0.506,15.606 -0.085,15.145 -0.06,14.579 L0.574,0.514 C0.595,0.037 1.17,-0.347 1.857,-0.347 L14.284,-0.347 C14.972,-0.347 15.547,0.037 15.569,0.514 L16.224,14.579 L16.224,14.579 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g id="Shape">
+                    <g transform="translate(0.000000, 3.000000)" id="Shape">
                         <path d="M16.35,17.802 C16.377,18.384 15.779,18.857 15.013,18.857 L1.181,18.857 C0.416,18.857 -0.183,18.383 -0.157,17.802 L0.492,3.364 C0.514,2.875 1.096,2.481 1.792,2.481 L14.374,2.481 C15.071,2.481 15.653,2.875 15.676,3.364 L16.35,17.802 L16.35,17.802 Z" fill="#8DCED7"></path>
                         <path d="M16.224,15.368 C16.25,15.934 15.66,16.395 14.905,16.395 L1.261,16.395 C0.506,16.395 -0.085,15.934 -0.06,15.368 L0.574,1.303 C0.595,0.826 1.17,0.442 1.857,0.442 L14.284,0.442 C14.972,0.442 15.547,0.826 15.569,1.303 L16.224,15.368 L16.224,15.368 Z" fill="#FFFFFF"></path>
                     </g>
+                    <g id="Group-4">
+                        <path d="M16.35,17.802 C16.377,18.384 15.779,18.857 15.013,18.857 L1.181,18.857 C0.416,18.857 -0.183,18.383 -0.157,17.802 L0.492,3.364 C0.514,2.875 1.096,2.481 1.792,2.481 L14.374,2.481 C15.071,2.481 15.653,2.875 15.676,3.364 L16.35,17.802 L16.35,17.802 Z" id="Shape" fill="#8DCED7"></path>
+                        <path d="M16.224,15.368 C16.25,15.934 15.66,16.395 14.905,16.395 L1.261,16.395 C0.506,16.395 -0.085,15.934 -0.06,15.368 L0.574,1.303 C0.595,0.826 1.17,0.442 1.857,0.442 L14.284,0.442 C14.972,0.442 15.547,0.826 15.569,1.303 L16.224,15.368 L16.224,15.368 Z" id="Shape" fill="#FFFFFF"></path>
+                    </g>
                 </g>
                 <g id="Group" transform="translate(84.000000, 0.000000)">
-                    <g transform="translate(0.000000, 10.000000)" id="Shape">
+                    <g transform="translate(0.000000, 13.000000)" id="Shape">
                         <path d="M16.434,17.436 C16.461,18.018 15.863,18.491 15.097,18.491 L1.265,18.491 C0.5,18.491 -0.099,18.017 -0.073,17.436 L0.577,2.998 C0.599,2.509 1.181,2.115 1.877,2.115 L14.459,2.115 C15.155,2.115 15.738,2.509 15.761,2.998 L16.434,17.436 L16.434,17.436 Z" fill="#8DCED7"></path>
                         <path d="M16.307,15 C16.333,15.566 15.744,16.027 14.988,16.027 L1.344,16.027 C0.589,16.027 -0.002,15.567 0.024,15 L0.658,0.935 C0.679,0.458 1.254,0.073 1.942,0.073 L14.368,0.073 C15.056,0.073 15.632,0.458 15.653,0.935 L16.307,15 L16.307,15 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 7.000000)" id="Shape">
+                    <g transform="translate(0.000000, 10.000000)" id="Shape">
                         <path d="M16.434,17.225 C16.461,17.807 15.863,18.28 15.097,18.28 L1.265,18.28 C0.5,18.28 -0.099,17.807 -0.073,17.225 L0.577,2.787 C0.599,2.298 1.181,1.904 1.877,1.904 L14.459,1.904 C15.155,1.904 15.738,2.299 15.761,2.787 L16.434,17.225 L16.434,17.225 Z" fill="#8DCED7"></path>
                         <path d="M16.307,14.79 C16.333,15.356 15.744,15.817 14.988,15.817 L1.344,15.817 C0.589,15.817 -0.002,15.356 0.024,14.79 L0.658,0.725 C0.679,0.248 1.254,-0.136 1.942,-0.136 L14.368,-0.136 C15.056,-0.136 15.632,0.248 15.653,0.725 L16.307,14.79 L16.307,14.79 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 4.000000)" id="Shape">
+                    <g transform="translate(0.000000, 7.000000)" id="Shape">
                         <path d="M16.434,17.013 C16.461,17.595 15.863,18.068 15.097,18.068 L1.265,18.068 C0.5,18.068 -0.099,17.594 -0.073,17.013 L0.577,2.575 C0.599,2.086 1.181,1.692 1.877,1.692 L14.459,1.692 C15.155,1.692 15.738,2.086 15.761,2.575 L16.434,17.013 L16.434,17.013 Z" fill="#8DCED7"></path>
                         <path d="M16.307,14.579 C16.333,15.145 15.744,15.606 14.988,15.606 L1.344,15.606 C0.589,15.606 -0.002,15.145 0.024,14.579 L0.658,0.514 C0.679,0.037 1.254,-0.347 1.942,-0.347 L14.368,-0.347 C15.056,-0.347 15.632,0.037 15.653,0.514 L16.307,14.579 L16.307,14.579 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g id="Shape">
+                    <g transform="translate(0.000000, 3.000000)" id="Shape">
                         <path d="M16.434,17.802 C16.461,18.384 15.863,18.857 15.097,18.857 L1.265,18.857 C0.5,18.857 -0.099,18.383 -0.073,17.802 L0.577,3.364 C0.599,2.875 1.181,2.481 1.877,2.481 L14.459,2.481 C15.155,2.481 15.738,2.875 15.761,3.364 L16.434,17.802 L16.434,17.802 Z" fill="#8DCED7"></path>
                         <path d="M16.307,15.368 C16.333,15.934 15.744,16.395 14.988,16.395 L1.344,16.395 C0.589,16.395 -0.002,15.934 0.024,15.368 L0.658,1.303 C0.679,0.826 1.254,0.442 1.942,0.442 L14.368,0.442 C15.056,0.442 15.632,0.826 15.653,1.303 L16.307,15.368 L16.307,15.368 Z" fill="#FFFFFF"></path>
                     </g>
+                    <g id="Group-5">
+                        <path d="M16.434,17.802 C16.461,18.384 15.863,18.857 15.097,18.857 L1.265,18.857 C0.5,18.857 -0.099,18.383 -0.073,17.802 L0.577,3.364 C0.599,2.875 1.181,2.481 1.877,2.481 L14.459,2.481 C15.155,2.481 15.738,2.875 15.761,3.364 L16.434,17.802 L16.434,17.802 Z" id="Shape" fill="#8DCED7"></path>
+                        <path d="M16.307,15.368 C16.333,15.934 15.744,16.395 14.988,16.395 L1.344,16.395 C0.589,16.395 -0.002,15.934 0.024,15.368 L0.658,1.303 C0.679,0.826 1.254,0.442 1.942,0.442 L14.368,0.442 C15.056,0.442 15.632,0.826 15.653,1.303 L16.307,15.368 L16.307,15.368 Z" id="Shape" fill="#FFFFFF"></path>
+                    </g>
                 </g>
                 <g id="Group" transform="translate(105.000000, 0.000000)">
-                    <g transform="translate(0.000000, 10.000000)" id="Shape">
+                    <g transform="translate(0.000000, 13.000000)" id="Shape">
                         <path d="M16.517,17.436 C16.544,18.018 15.947,18.491 15.18,18.491 L1.349,18.491 C0.583,18.491 -0.015,18.017 0.011,17.436 L0.66,2.998 C0.681,2.509 1.264,2.115 1.96,2.115 L14.542,2.115 C15.239,2.115 15.821,2.509 15.844,2.998 L16.517,17.436 L16.517,17.436 Z" fill="#8DCED7"></path>
                         <path d="M16.391,15 C16.417,15.566 15.827,16.027 15.072,16.027 L1.428,16.027 C0.673,16.027 0.081,15.567 0.107,15 L0.741,0.935 C0.762,0.458 1.338,0.073 2.025,0.073 L14.452,0.073 C15.14,0.073 15.715,0.458 15.737,0.935 L16.391,15 L16.391,15 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 7.000000)" id="Shape">
+                    <g transform="translate(0.000000, 10.000000)" id="Shape">
                         <path d="M16.517,17.225 C16.544,17.807 15.947,18.28 15.18,18.28 L1.349,18.28 C0.583,18.28 -0.015,17.807 0.011,17.225 L0.66,2.787 C0.681,2.298 1.264,1.904 1.96,1.904 L14.542,1.904 C15.239,1.904 15.821,2.299 15.844,2.787 L16.517,17.225 L16.517,17.225 Z" fill="#8DCED7"></path>
                         <path d="M16.391,14.79 C16.417,15.356 15.827,15.817 15.072,15.817 L1.428,15.817 C0.673,15.817 0.081,15.356 0.107,14.79 L0.741,0.725 C0.762,0.248 1.338,-0.136 2.025,-0.136 L14.452,-0.136 C15.14,-0.136 15.715,0.248 15.737,0.725 L16.391,14.79 L16.391,14.79 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 4.000000)" id="Shape">
+                    <g transform="translate(0.000000, 7.000000)" id="Shape">
                         <path d="M16.517,17.013 C16.544,17.595 15.947,18.068 15.18,18.068 L1.349,18.068 C0.583,18.068 -0.015,17.594 0.011,17.013 L0.66,2.575 C0.681,2.086 1.264,1.692 1.96,1.692 L14.542,1.692 C15.239,1.692 15.821,2.086 15.844,2.575 L16.517,17.013 L16.517,17.013 Z" fill="#8DCED7"></path>
                         <path d="M16.391,14.579 C16.417,15.145 15.827,15.606 15.072,15.606 L1.428,15.606 C0.673,15.606 0.081,15.145 0.107,14.579 L0.741,0.514 C0.762,0.037 1.338,-0.347 2.025,-0.347 L14.452,-0.347 C15.14,-0.347 15.715,0.037 15.737,0.514 L16.391,14.579 L16.391,14.579 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g id="Shape">
+                    <g transform="translate(0.000000, 3.000000)" id="Shape">
                         <path d="M16.517,17.802 C16.544,18.384 15.947,18.857 15.18,18.857 L1.349,18.857 C0.583,18.857 -0.015,18.383 0.011,17.802 L0.66,3.364 C0.681,2.875 1.264,2.481 1.96,2.481 L14.542,2.481 C15.239,2.481 15.821,2.875 15.844,3.364 L16.517,17.802 L16.517,17.802 Z" fill="#8DCED7"></path>
                         <path d="M16.391,15.368 C16.417,15.934 15.827,16.395 15.072,16.395 L1.428,16.395 C0.673,16.395 0.081,15.934 0.107,15.368 L0.741,1.303 C0.762,0.826 1.338,0.442 2.025,0.442 L14.452,0.442 C15.14,0.442 15.715,0.826 15.737,1.303 L16.391,15.368 L16.391,15.368 Z" fill="#FFFFFF"></path>
                     </g>
+                    <g id="Group-6">
+                        <path d="M16.517,17.802 C16.544,18.384 15.947,18.857 15.18,18.857 L1.349,18.857 C0.583,18.857 -0.015,18.383 0.011,17.802 L0.66,3.364 C0.681,2.875 1.264,2.481 1.96,2.481 L14.542,2.481 C15.239,2.481 15.821,2.875 15.844,3.364 L16.517,17.802 L16.517,17.802 Z" id="Shape" fill="#8DCED7"></path>
+                        <path d="M16.391,15.368 C16.417,15.934 15.827,16.395 15.072,16.395 L1.428,16.395 C0.673,16.395 0.081,15.934 0.107,15.368 L0.741,1.303 C0.762,0.826 1.338,0.442 2.025,0.442 L14.452,0.442 C15.14,0.442 15.715,0.826 15.737,1.303 L16.391,15.368 L16.391,15.368 Z" id="Shape" fill="#FFFFFF"></path>
+                    </g>
                 </g>
                 <g id="Group" transform="translate(126.000000, 0.000000)">
-                    <g transform="translate(0.000000, 10.000000)" id="Shape">
+                    <g transform="translate(0.000000, 13.000000)" id="Shape">
                         <path d="M16.601,17.436 C16.627,18.018 16.03,18.491 15.264,18.491 L1.432,18.491 C0.666,18.491 0.068,18.017 0.094,17.436 L0.743,2.998 C0.765,2.509 1.347,2.115 2.043,2.115 L14.626,2.115 C15.322,2.115 15.904,2.509 15.928,2.998 L16.601,17.436 L16.601,17.436 Z" fill="#8DCED7"></path>
                         <path d="M16.474,15 C16.5,15.566 15.911,16.027 15.155,16.027 L1.511,16.027 C0.756,16.027 0.165,15.567 0.191,15 L0.825,0.935 C0.846,0.458 1.421,0.073 2.108,0.073 L14.535,0.073 C15.223,0.073 15.798,0.458 15.82,0.935 L16.474,15 L16.474,15 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 7.000000)" id="Shape">
+                    <g transform="translate(0.000000, 10.000000)" id="Shape">
                         <path d="M16.601,17.225 C16.627,17.807 16.03,18.28 15.264,18.28 L1.432,18.28 C0.666,18.28 0.068,17.807 0.094,17.225 L0.743,2.787 C0.765,2.298 1.347,1.904 2.043,1.904 L14.626,1.904 C15.322,1.904 15.904,2.299 15.928,2.787 L16.601,17.225 L16.601,17.225 Z" fill="#8DCED7"></path>
                         <path d="M16.474,14.79 C16.5,15.356 15.911,15.817 15.155,15.817 L1.511,15.817 C0.756,15.817 0.165,15.356 0.191,14.79 L0.825,0.725 C0.846,0.248 1.421,-0.136 2.108,-0.136 L14.535,-0.136 C15.223,-0.136 15.798,0.248 15.82,0.725 L16.474,14.79 L16.474,14.79 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 4.000000)" id="Shape">
+                    <g transform="translate(0.000000, 7.000000)" id="Shape">
                         <path d="M16.601,17.013 C16.627,17.595 16.03,18.068 15.264,18.068 L1.432,18.068 C0.666,18.068 0.068,17.594 0.094,17.013 L0.743,2.575 C0.765,2.086 1.347,1.692 2.043,1.692 L14.626,1.692 C15.322,1.692 15.904,2.086 15.928,2.575 L16.601,17.013 L16.601,17.013 Z" fill="#8DCED7"></path>
                         <path d="M16.474,14.579 C16.5,15.145 15.911,15.606 15.155,15.606 L1.511,15.606 C0.756,15.606 0.165,15.145 0.191,14.579 L0.825,0.514 C0.846,0.037 1.421,-0.347 2.108,-0.347 L14.535,-0.347 C15.223,-0.347 15.798,0.037 15.82,0.514 L16.474,14.579 L16.474,14.579 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g id="Shape">
+                    <g transform="translate(0.000000, 3.000000)" id="Shape">
                         <path d="M16.601,17.802 C16.627,18.384 16.03,18.857 15.264,18.857 L1.432,18.857 C0.666,18.857 0.068,18.383 0.094,17.802 L0.743,3.364 C0.765,2.875 1.347,2.481 2.043,2.481 L14.626,2.481 C15.322,2.481 15.904,2.875 15.928,3.364 L16.601,17.802 L16.601,17.802 Z" fill="#8DCED7"></path>
                         <path d="M16.474,15.368 C16.5,15.934 15.911,16.395 15.155,16.395 L1.511,16.395 C0.756,16.395 0.165,15.934 0.191,15.368 L0.825,1.303 C0.846,0.826 1.421,0.442 2.108,0.442 L14.535,0.442 C15.223,0.442 15.798,0.826 15.82,1.303 L16.474,15.368 L16.474,15.368 Z" fill="#FFFFFF"></path>
                     </g>
+                    <g id="Group-7">
+                        <path d="M16.601,17.802 C16.627,18.384 16.03,18.857 15.264,18.857 L1.432,18.857 C0.666,18.857 0.068,18.383 0.094,17.802 L0.743,3.364 C0.765,2.875 1.347,2.481 2.043,2.481 L14.626,2.481 C15.322,2.481 15.904,2.875 15.928,3.364 L16.601,17.802 L16.601,17.802 Z" id="Shape" fill="#8DCED7"></path>
+                        <path d="M16.474,15.368 C16.5,15.934 15.911,16.395 15.155,16.395 L1.511,16.395 C0.756,16.395 0.165,15.934 0.191,15.368 L0.825,1.303 C0.846,0.826 1.421,0.442 2.108,0.442 L14.535,0.442 C15.223,0.442 15.798,0.826 15.82,1.303 L16.474,15.368 L16.474,15.368 Z" id="Shape" fill="#FFFFFF"></path>
+                    </g>
                 </g>
                 <g id="Group" transform="translate(147.000000, 0.000000)">
-                    <g transform="translate(0.000000, 10.000000)" id="Shape">
+                    <g transform="translate(0.000000, 13.000000)" id="Shape">
                         <path d="M16.783,17.436 C16.81,18.018 16.212,18.491 15.446,18.491 L1.615,18.491 C0.849,18.491 0.25,18.017 0.276,17.436 L0.925,2.998 C0.947,2.509 1.529,2.115 2.226,2.115 L14.808,2.115 C15.504,2.115 16.087,2.509 16.11,2.998 L16.783,17.436 L16.783,17.436 Z" fill="#8DCED7"></path>
                         <path d="M16.657,15 C16.683,15.566 16.093,16.027 15.338,16.027 L1.693,16.027 C0.938,16.027 0.347,15.567 0.373,15 L1.007,0.935 C1.028,0.458 1.604,0.073 2.291,0.073 L14.717,0.073 C15.405,0.073 15.981,0.458 16.003,0.935 L16.657,15 L16.657,15 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 7.000000)" id="Shape">
+                    <g transform="translate(0.000000, 10.000000)" id="Shape">
                         <path d="M16.783,17.225 C16.81,17.807 16.212,18.28 15.446,18.28 L1.615,18.28 C0.849,18.28 0.25,17.807 0.276,17.225 L0.925,2.787 C0.947,2.298 1.529,1.904 2.226,1.904 L14.808,1.904 C15.504,1.904 16.087,2.299 16.11,2.787 L16.783,17.225 L16.783,17.225 Z" fill="#8DCED7"></path>
                         <path d="M16.657,14.79 C16.683,15.356 16.093,15.817 15.338,15.817 L1.693,15.817 C0.938,15.817 0.347,15.356 0.373,14.79 L1.007,0.725 C1.028,0.248 1.604,-0.136 2.291,-0.136 L14.717,-0.136 C15.405,-0.136 15.981,0.248 16.003,0.725 L16.657,14.79 L16.657,14.79 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 4.000000)" id="Shape">
+                    <g transform="translate(0.000000, 7.000000)" id="Shape">
                         <path d="M16.783,17.013 C16.81,17.595 16.212,18.068 15.446,18.068 L1.615,18.068 C0.849,18.068 0.25,17.594 0.276,17.013 L0.925,2.575 C0.947,2.086 1.529,1.692 2.226,1.692 L14.808,1.692 C15.504,1.692 16.087,2.086 16.11,2.575 L16.783,17.013 L16.783,17.013 Z" fill="#8DCED7"></path>
                         <path d="M16.657,14.579 C16.683,15.145 16.093,15.606 15.338,15.606 L1.693,15.606 C0.938,15.606 0.347,15.145 0.373,14.579 L1.007,0.514 C1.028,0.037 1.604,-0.347 2.291,-0.347 L14.717,-0.347 C15.405,-0.347 15.981,0.037 16.003,0.514 L16.657,14.579 L16.657,14.579 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g id="Shape">
+                    <g transform="translate(0.000000, 3.000000)" id="Shape">
                         <path d="M16.783,17.802 C16.81,18.384 16.212,18.857 15.446,18.857 L1.615,18.857 C0.849,18.857 0.25,18.383 0.276,17.802 L0.925,3.364 C0.947,2.875 1.529,2.481 2.226,2.481 L14.808,2.481 C15.504,2.481 16.087,2.875 16.11,3.364 L16.783,17.802 L16.783,17.802 Z" fill="#8DCED7"></path>
                         <path d="M16.657,15.368 C16.683,15.934 16.093,16.395 15.338,16.395 L1.693,16.395 C0.938,16.395 0.347,15.934 0.373,15.368 L1.007,1.303 C1.028,0.826 1.604,0.442 2.291,0.442 L14.717,0.442 C15.405,0.442 15.981,0.826 16.003,1.303 L16.657,15.368 L16.657,15.368 Z" fill="#FFFFFF"></path>
                     </g>
+                    <g id="Group-8">
+                        <path d="M16.783,17.802 C16.81,18.384 16.212,18.857 15.446,18.857 L1.615,18.857 C0.849,18.857 0.25,18.383 0.276,17.802 L0.925,3.364 C0.947,2.875 1.529,2.481 2.226,2.481 L14.808,2.481 C15.504,2.481 16.087,2.875 16.11,3.364 L16.783,17.802 L16.783,17.802 Z" id="Shape" fill="#8DCED7"></path>
+                        <path d="M16.657,15.368 C16.683,15.934 16.093,16.395 15.338,16.395 L1.693,16.395 C0.938,16.395 0.347,15.934 0.373,15.368 L1.007,1.303 C1.028,0.826 1.604,0.442 2.291,0.442 L14.717,0.442 C15.405,0.442 15.981,0.826 16.003,1.303 L16.657,15.368 L16.657,15.368 Z" id="Shape" fill="#FFFFFF"></path>
+                    </g>
                 </g>
                 <g id="Group" transform="translate(168.000000, 0.000000)">
-                    <g transform="translate(0.000000, 10.000000)" id="Shape">
+                    <g transform="translate(0.000000, 13.000000)" id="Shape">
                         <path d="M16.755,17.436 C16.782,18.018 16.184,18.491 15.418,18.491 L1.587,18.491 C0.821,18.491 0.223,18.017 0.248,17.436 L0.897,2.998 C0.919,2.509 1.501,2.115 2.198,2.115 L14.78,2.115 C15.476,2.115 16.059,2.509 16.082,2.998 L16.755,17.436 L16.755,17.436 Z" fill="#8DCED7"></path>
                         <path d="M16.629,15 C16.654,15.566 16.065,16.027 15.309,16.027 L1.665,16.027 C0.91,16.027 0.319,15.567 0.345,15 L0.979,0.935 C1,0.458 1.576,0.073 2.263,0.073 L14.689,0.073 C15.377,0.073 15.953,0.458 15.975,0.935 L16.629,15 L16.629,15 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 7.000000)" id="Shape">
+                    <g transform="translate(0.000000, 10.000000)" id="Shape">
                         <path d="M16.755,17.225 C16.782,17.807 16.184,18.28 15.418,18.28 L1.587,18.28 C0.821,18.28 0.223,17.807 0.248,17.225 L0.897,2.787 C0.919,2.298 1.501,1.904 2.198,1.904 L14.78,1.904 C15.476,1.904 16.059,2.299 16.082,2.787 L16.755,17.225 L16.755,17.225 Z" fill="#8DCED7"></path>
                         <path d="M16.629,14.79 C16.654,15.356 16.065,15.817 15.309,15.817 L1.665,15.817 C0.91,15.817 0.319,15.356 0.345,14.79 L0.979,0.725 C1,0.248 1.576,-0.136 2.263,-0.136 L14.689,-0.136 C15.377,-0.136 15.953,0.248 15.975,0.725 L16.629,14.79 L16.629,14.79 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g transform="translate(0.000000, 4.000000)" id="Shape">
+                    <g transform="translate(0.000000, 7.000000)" id="Shape">
                         <path d="M16.755,17.013 C16.782,17.595 16.184,18.068 15.418,18.068 L1.587,18.068 C0.821,18.068 0.223,17.594 0.248,17.013 L0.897,2.575 C0.919,2.086 1.501,1.692 2.198,1.692 L14.78,1.692 C15.476,1.692 16.059,2.086 16.082,2.575 L16.755,17.013 L16.755,17.013 Z" fill="#8DCED7"></path>
                         <path d="M16.629,14.579 C16.654,15.145 16.065,15.606 15.309,15.606 L1.665,15.606 C0.91,15.606 0.319,15.145 0.345,14.579 L0.979,0.514 C1,0.037 1.576,-0.347 2.263,-0.347 L14.689,-0.347 C15.377,-0.347 15.953,0.037 15.975,0.514 L16.629,14.579 L16.629,14.579 Z" fill="#FFFFFF"></path>
                     </g>
-                    <g id="Shape">
+                    <g transform="translate(0.000000, 3.000000)" id="Shape">
                         <path d="M16.755,17.802 C16.782,18.384 16.184,18.857 15.418,18.857 L1.587,18.857 C0.821,18.857 0.223,18.383 0.248,17.802 L0.897,3.364 C0.919,2.875 1.501,2.481 2.198,2.481 L14.78,2.481 C15.476,2.481 16.059,2.875 16.082,3.364 L16.755,17.802 L16.755,17.802 Z" fill="#8DCED7"></path>
                         <path d="M16.629,15.368 C16.654,15.934 16.065,16.395 15.309,16.395 L1.665,16.395 C0.91,16.395 0.319,15.934 0.345,15.368 L0.979,1.303 C1,0.826 1.576,0.442 2.263,0.442 L14.689,0.442 C15.377,0.442 15.953,0.826 15.975,1.303 L16.629,15.368 L16.629,15.368 Z" fill="#FFFFFF"></path>
                     </g>
+                    <g id="Group-9">
+                        <path d="M16.755,17.802 C16.782,18.384 16.184,18.857 15.418,18.857 L1.587,18.857 C0.821,18.857 0.223,18.383 0.248,17.802 L0.897,3.364 C0.919,2.875 1.501,2.481 2.198,2.481 L14.78,2.481 C15.476,2.481 16.059,2.875 16.082,3.364 L16.755,17.802 L16.755,17.802 Z" id="Shape" fill="#8DCED7"></path>
+                        <path d="M16.629,15.368 C16.654,15.934 16.065,16.395 15.309,16.395 L1.665,16.395 C0.91,16.395 0.319,15.934 0.345,15.368 L0.979,1.303 C1,0.826 1.576,0.442 2.263,0.442 L14.689,0.442 C15.377,0.442 15.953,0.826 15.975,1.303 L16.629,15.368 L16.629,15.368 Z" id="Shape" fill="#FFFFFF"></path>
+                    </g>
                 </g>
             </g>
             <g id="Gabrielo-Deck" transform="translate(282.000000, 293.000000)" sketch:type="MSShapeGroup">
@@ -505,4 +546,5 @@
          xmlns="http://www.w3.org/1999/xhtml">Write here some text.</div>
     </foreignObject>
 
+
 </svg>

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

@@ -198,7 +198,7 @@ function showRules()
         var rules = document.getElementById("Okey-Rules");
         if (null == rules) {
             var rulesElement = svg(h);
-            document.getElementById("Kakaranet-12-maxim").appendChild(rulesElement);
+            document.getElementById("Kakaranet-Scene").appendChild(rulesElement);
             rules = document.getElementById("Okey-Rules");
             rules.setAttribute('transform', 'translate(210,86)');
             rules.setAttribute('onclick', 'onRulesClose(evt)');
@@ -213,7 +213,7 @@ function displayPlayerInfo(fun)
         var rules = document.getElementById("Player-Statistics");
         if (null == rules) {
             var rulesElement = svg(h);
-            document.getElementById("Kakaranet-12-maxim").appendChild(rulesElement);
+            document.getElementById("Kakaranet-Scene").appendChild(rulesElement);
             rules = document.getElementById("Player-Statistics");
             rules.setAttribute('transform', 'translate(210,86)');
             rules.setAttribute('onclick', 'onPlayerInfoClose(evt)');
@@ -296,7 +296,7 @@ function initPauseOverlay() {
         '<text id="Overlay-Results" fill="white" font-family="Exo 2" font-size="20pt"></text>'+
         '<text id="Overlay-Text" fill="white" font-family="Exo 2" y="280" x="-116" text-anchor="middle" dx="641" font-size="30pt"> Someone paused the game</text></g>'+
         '</g>';
-    var page = document.getElementById("Kakaranet-12-maxim");
+    var page = document.getElementById("Kakaranet-Scene");
     var kakush = document.getElementById("Kakush");
     page.insertBefore(svg(html),kakush);
 

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

@@ -175,7 +175,7 @@ function removeOnlineUser(name) { shiftTranslate(name,-1).remove(); }
 function createChat(chatName) {
     var html = '<g xmlns="http://www.w3.org/2000/svg" id="'+chatName+'" y="0" clip-path="url(#myClip3)" transform="translate(1.000000, 107.000000)"></g>';
     var settings = document.getElementById("Settings");
-    document.getElementById("Kakaranet-12-maxim").insertBefore(svg(html),settings);
+    document.getElementById("Kakaranet-Scene").insertBefore(svg(html),settings);
     document.getElementById(chatName).style.display = 'none';
 }
 
@@ -246,7 +246,7 @@ function initChat()
     var onlineList = '<g id="Online-List"  y="0" clip-path="url(#myClip1)" transform="translate(1.000000, 107.000000)" xmlns="http://www.w3.org/2000/svg" />';
     var onlineChat = '<g id="Online-Chat"  y="0" clip-path="url(#myClip3)" transform="translate(1.000000, 107.000000)" xmlns="http://www.w3.org/2000/svg" />';
 
-    var page = document.getElementById("Kakaranet-12-maxim");
+    var page = document.getElementById("Kakaranet-Scene");
     var settings = document.getElementById("Settings");
 
     page.insertBefore(svg(inGameChat),settings);

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

@@ -21,6 +21,11 @@ function PostLoad()
 
     new scope.Roster(scope);
 
+    var $pile = $("#Center-Cards"),
+        $fullPile = $pile.find("g").clone(),
+        $wholeCards = $("#Stupid-Cards"),
+        $fullWholeCards = $("#Stupid-Cards > g").clone();
+
     function fadeOut()       { $(this).animate({ attributeName: "opacity", from: 1, to: 0, dur: .3}); }
     function fadeIn()        { $(this).animate({ attributeName: "opacity", from: 0, to: 1, dur: .3}); }
     function addFadeOut()    { $(this).on (document.createTouch ? "touchend" : "mouseup", fadeOut); }
@@ -148,10 +153,6 @@ function PostLoad()
         scope.playersRightHandsMap[player].discard(tile);
     });
 
-    var $pile = $("#Center-Cards"),
-        $fullPile = $pile.find("g").clone(),
-        $wholeCards = $("#Stupid-Cards"),
-        $fullWholeCards = $("#Stupid-Cards > g").clone();
 
     scope.apiProvider.on("okey_tile_taken", function(x) {
         var e = {detail: x.detail.json, raw: x.detail.bert};
@@ -159,7 +160,9 @@ function PostLoad()
         var player = dec(e.raw).value[0][3][0].value[0][1].value;
         var pile = dec(e.raw).value[0][3][1].value[0][1];
         var revealed = dec(e.raw).value[0][3][2].value[0][1].value;
-        var pile_heigh = dec(e.raw).value[0][3][3].value[0][1];
+        var pile_height = dec(e.raw).value[0][3][3].value[0][1];
+
+        if (0 == pile) $("#Pile-Height")[0].lastElementChild.textContent = pile_height;
 
         if (revealed != "null") {
             revealed = revealed[0];
@@ -172,12 +175,14 @@ function PostLoad()
             0 === pile)
         {
 
-            var $topCard = $pile.find("g");
-            if ($topCard.length > 1) $topCard.last().remove(); else {
+        var $topCard = $pile.find("g");
+        if ($topCard.length > 1) $topCard.last().remove(); /*else {
                 $topCard.last().remove(), $pile.append($fullPile);
                 var $miniPile = $wholeCards.find("g");
-                $miniPile.length ? $miniPile.first().remove() : $wholeCards.append($fullWholeCards);
+//                $miniPile.length ? $miniPile.first().remove() : $wholeCards.append($fullWholeCards);
+                $miniPile.first().remove();
             }
+            */
         }
 
         if(player == scope.user){
@@ -281,11 +286,19 @@ function freshGame(x)
     initOkeyScene({
         tiles: dec(e.raw).value[0][3][0].value[0][1],
         gosterme: dec(e.raw).value[0][3][1].value[0][1].value,
+        pile_height: dec(e.raw).value[0][3][2].value[0][1],
         cur_round: dec(e.raw).value[0][3][3].value[0][1]
     });
 
 }
 
+function reminder(pile_height)
+{
+    var pile_rem = pile_height % 5;
+    for (var i=0;i<9-Math.floor(pile_height/5);i++) $wholeCards.find("g").first().remove();
+    if (pile_rem != 0) for (var i=0;i<5-pile_rem;i++) $pile.find("g").last().remove();
+}
+
 function inGameJoined(x)
 {
     var e = {detail: x.detail.json, raw: x.detail.bert};
@@ -294,6 +307,7 @@ function inGameJoined(x)
         piles: dec(e.raw).value[0][3][2].value[0][1],
         tiles: dec(e.raw).value[0][3][3].value[0][1],
         gosterme: dec(e.raw).value[0][3][4].value[0][1].value,
+        pile_height: dec(e.raw).value[0][3][5].value[0][1],
         cur_round: dec(e.raw).value[0][3][6].value[0][1],
         next_turn_in: dec(e.raw).value[0][3][8].value[0][1],
         paused: dec(e.raw).value[0][3][9].value[0][1].value
@@ -305,6 +319,11 @@ function initOkeyScene(x)
 {
     if (x.gosterme && "null" != x.gosterme) x.gosterme = x.gosterme[0];
 
+    if (null != x.pile_height && "null" != x.pile_height)
+        $("#Pile-Height")[0].lastElementChild.textContent = x.pile_height;
+
+    reminder(x.pile_height);
+
     if (scope.ended = !1, 
         scope.deck.fill(x.tiles),
         scope.deck.render(),

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

@@ -16,7 +16,7 @@
 		<string>ZapfDingbatsITC</string>
 	</array>
 	<key>length</key>
-	<integer>2903907</integer>
+	<integer>3008120</integer>
 	<key>version</key>
 	<integer>37</integer>
 </dict>