Balancing

- New perk : addiction, reward faster gameplay
- Balancing : hot start effect doubled
- Balancing : you earn an extra perk when playing well, and a reroll when playing perfectly
- Balancing : telekinesis limited to level 1

src/game.less

@@ -45,7 +45,8 @@ body {
   min-width: 40px;
   min-height: 40px;
   line-height: 20px;
-
+  max-width: calc(100vw - 80px);
+  overflow: hidden;
   &:hover,
   &:focus {
     background: rgba(0, 0, 0, 0.3);
@@ -75,6 +76,7 @@ body {
     &.good {
       color: white;
     }
+
     &.bad {
       color: white;
     }
@@ -356,21 +358,55 @@ h2.histogram-title strong {
   }
 }
 
-//#statsdisplay{
-//   z-index: 1;
-//  white-space: nowrap;
-//  line-height: 20px;
-//  pointer-events: none;
-//  user-select: none;
-//  color: white;
-//  position: fixed;
-//  padding: 0;
-//  bottom: -20px;
-//  right:  0;
-//  width: 20px;
-//  overflow: visible;
-//
-//  transform-origin: top left;
-//  transform: rotate(-90deg);
-//
-//}
+.upgrade {
+  display: flex;
+  gap: 2px;
+  margin: 0 0 10px 0;
+
+  img {
+    width: 32px;
+    height: 32px;
+  }
+  p {
+    flex-grow: 1;
+    color: rgba(255, 255, 255, 0.6);
+
+    margin: 0 20px;
+  }
+  &.used p strong {
+    color: white;
+  }
+  & > span {
+    flex-grow: 0;
+
+    flex-shrink: 0;
+    width: 5px;
+    display: inline-block;
+    height: 32px;
+    align-self: center;
+
+    &.used {
+      background: #fff;
+    }
+
+    &.free {
+      background: #fff;
+      opacity: 0.1;
+    }
+
+    &.banned {
+      background: red;
+    }
+  }
+  &.used {
+    opacity: 1;
+  }
+
+  &.free {
+    opacity: 0.8;
+  }
+
+  &.banned {
+    opacity: 0.8;
+  }
+}