Add crew member option with pilot rolls integrated

styles/vehicle.less

@@ -173,6 +173,68 @@
       padding-left: 5px;
     }
   }
+  .crew {
+    .crew-list {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 8px;
+      padding: 4px;
+    }
+    .crew-member {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      padding: 4px;
+      border: 1px solid var(--color-border-dark);
+      border-radius: 4px;
+      background: var(--color-light-2);
+      .crew-img {
+        width: 32px;
+        height: 32px;
+        border-radius: 50%;
+        border: 1px solid var(--color-border-dark);
+        cursor: pointer;
+        &:hover {
+          opacity: 0.8;
+          box-shadow: 0 0 4px var(--color-shadow-primary);
+        }
+      }
+      .crew-name {
+        flex: 1;
+        font-size: var(--font-size-small);
+        cursor: pointer;
+        &:hover {
+          color: var(--color-text-dark-highlight);
+          text-shadow: 0 0 4px var(--color-shadow-primary);
+        }
+      }
+      .controls {
+        display: flex;
+        gap: 4px;
+        min-width: 3rem;
+        a {
+          color: var(--color-text-dark-primary);
+          &:hover {
+            color: var(--color-text-dark-highlight);
+          }
+        }
+        .pilot-button {
+          color: var(--color-text-light-primary);
+          &:hover {
+            color: var(--color-text-light-highlight);
+          }
+        }
+      }
+    }
+    .crew-empty {
+      grid-column: 1 / -1;
+      text-align: center;
+      padding: 8px;
+      font-style: italic;
+      color: var(--color-text-dark-secondary);
+    }
+  }
+
   .weapons {
     display: grid;
     grid-template-columns: repeat(2, 1fr);