Allow level scaling to 72 with warnings at level display

src/components/VaultHunter/index.css

@@ -30,13 +30,14 @@
   margin-left: 0.5rem;
   display: flex;
   flex-direction: column;
-  width: 5em;
+  width: 6em;
 }
 .title, .level, .reset, .header > nav > a {
   background-color: black;
   padding: 0.5rem;
 }
 .level, .reset {
+  position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -51,6 +52,28 @@
   color: white;
   background-color: red;
 }
+.level:after {
+  position: absolute;
+  z-index: 1;
+  width: 10em;
+  top: 60%;
+  text-shadow: 0 0 0.2em black;
+  text-transform: uppercase;
+  font-size: 0.8em;
+  font-weight: bold;
+  pointer-events: none;
+  text-align: center;
+}
+.overlevelA:after {
+  content: 'Theoretical!';
+  color: #2D0;
+  transform: rotate(5deg);
+}
+.overlevelB:after {
+  content: 'Very theoretical!';
+  color: #E20;
+  transform: rotate(-5deg);
+}
 
 .header > nav {
   display: flex;

src/components/VaultHunter/index.js

@@ -83,6 +83,8 @@ export default class VaultHunter extends Component {
         );
       });
 
+    const level = getLevel(this.state) + 2;
+
     return (
       <div>
         <div class={style.header}>
@@ -90,7 +92,7 @@ export default class VaultHunter extends Component {
             <div class={style.subtitle}>the { discipline }</div>
           </h1>
           <div class={style.sidepanel}>
-            <div class={style.level}>Level { getLevel(this.state) + 2 }</div>
+            <div class={`${style.level} ${level > 50 ? level > 61 ? style.overlevelB : style.overlevelA : ''}`}>Level { level }</div>
             <div class={style.reset}><a onClick={resetSkills}>Reset</a></div>
           </div>
           <Nav path={path} />

src/components/VaultHunter/investmentValidator.js

@@ -19,6 +19,6 @@ export default function investmentValidator (skills) {
     totalSpent += treeTotal;
     treeIndex += 1;
   };
-  if (totalSpent > 48) { return false; }
+  if (totalSpent > (50 - 2) + 11 + 11) { return false; }
   return treeTotals;
 }