npm update, removed background until we have something better, show play button but disable when no char is selected

src/components/screens/Characters.vue

@@ -25,7 +25,7 @@
       </div>
 
       <div class="button-wrapper">
-        <button v-if="selected_character" @click="select_character()">
+        <button :disabled="!selected_character" @click="select_character()">
           Play
           <img src="/assets/icons/arrow.svg">
         </button>
@@ -99,7 +99,7 @@ function create() {
 @import '@/assets/scss/main';
 
 .character-select-screen {
-  background-image: url('/assets/bglogin.png');
+  background: #dddddd;
   .ui-wrapper {
     // vertical and vertical center
     height: 100vh;
@@ -276,6 +276,11 @@ function create() {
         &:hover {
           background-color: rgba($lilac, 0.75);
         }
+
+        &:disabled {
+          background-color: rgba($purple, 0.5);
+          cursor: not-allowed;
+        }
       }
     }
   }