max 3 skills

client/src/components/game.component.jsx

@@ -137,7 +137,7 @@ function GamePanel(props) {
     function Cryp(cryp) {
         const ko = cryp.hp.value === 0 ? 'ko' : '';
 
-        const skills = range(0, 4).map(i => Skill(cryp, i));
+        const skills = range(0, 3).map(i => Skill(cryp, i));
 
         const stats = [STATS.hp, STATS.redShield, STATS.blueShield].map((s, j) => (
             <figure key={j} alt={s.stat}>
@@ -226,7 +226,7 @@ function GamePanel(props) {
     const selectedSkills = playerTeam.cryps.map((c, i) => stackElement(c, i));
 
     const mobileSkills = activeCryp
-        ? range(0, 4).map(i => Skill(activeCryp, i, true))
+        ? range(0, 3).map(i => Skill(activeCryp, i, true))
         : (<div/>);
 
     return (

client/src/components/info.component.jsx

@@ -87,7 +87,7 @@ function Info(args) {
 
     function infoCrypElement(cryp) {
         // onClick={() => setInfo('skill', { skill: s, cryp })}
-        const skills = range(0, 4).map(i => {
+        const skills = range(0, 3).map(i => {
             const skill = cryp.skills[i];
 
             function skillClick() {

client/src/components/instance.component.jsx

@@ -17,7 +17,7 @@ function Cryp(props) {
         setActiveCryp,
     } = props;
 
-    const skills = range(0, 4).map(i => {
+    const skills = range(0, 3).map(i => {
         const skill = cryp.skills[i];
         const s = skill
             ? skill.skill