Add skill for gameplay entry type workflows

apps/admin-web/src/styles/admin.css

@@ -321,6 +321,13 @@ button:disabled {
   outline: none;
 }
 
+.admin-field-note {
+  color: #667682;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1.45;
+}
+
 .admin-field textarea {
   min-height: 112px;
   resize: vertical;
@@ -333,6 +340,96 @@ button:disabled {
   box-shadow: 0 0 0 3px rgba(18, 110, 130, 0.16);
 }
 
+.admin-combobox {
+  position: relative;
+  min-width: 0;
+}
+
+.admin-combobox-control {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 38px;
+}
+
+.admin-combobox-control input {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.admin-combobox-toggle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 42px;
+  border: 1px solid #cbd8e0;
+  border-left: 0;
+  border-radius: 0 8px 8px 0;
+  color: #52616d;
+  background: #fbfdfe;
+}
+
+.admin-combobox:focus-within .admin-combobox-toggle {
+  border-color: #126e82;
+  box-shadow: 0 0 0 3px rgba(18, 110, 130, 0.16);
+}
+
+.admin-combobox-menu {
+  position: absolute;
+  top: calc(100% + 6px);
+  right: 0;
+  left: 0;
+  z-index: 30;
+  display: grid;
+  max-height: 260px;
+  overflow: auto;
+  border: 1px solid #cbd8e0;
+  border-radius: 8px;
+  background: #ffffff;
+  box-shadow: 0 16px 40px rgba(23, 33, 43, 0.14);
+  padding: 6px;
+}
+
+.admin-combobox-option {
+  display: grid;
+  gap: 3px;
+  width: 100%;
+  border: 0;
+  border-radius: 7px;
+  color: #17212b;
+  background: transparent;
+  padding: 9px 10px;
+  text-align: left;
+}
+
+.admin-combobox-option:hover,
+.admin-combobox-option:focus-visible {
+  background: #e7f3f5;
+  outline: none;
+}
+
+.admin-combobox-option span {
+  color: #0f5666;
+  font-family:
+    "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.admin-combobox-option small,
+.admin-combobox-empty {
+  color: #667682;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1.45;
+}
+
+.admin-combobox-empty {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  padding: 10px;
+}
+
 .admin-switch-field {
   display: inline-flex;
   align-items: center;
@@ -384,6 +481,16 @@ button:disabled {
   background: #eef3f6;
 }
 
+.admin-text-button {
+  display: inline;
+  border: 0;
+  color: #0f5666;
+  background: transparent;
+  padding: 0;
+  text-align: left;
+  font-weight: 700;
+}
+
 .admin-alert {
   border: 1px solid #efc0bd;
   border-radius: 8px;
@@ -443,6 +550,17 @@ button:disabled {
   font-size: 12px;
 }
 
+.admin-table td small {
+  display: block;
+  margin-top: 3px;
+  color: #667682;
+  font-size: 12px;
+}
+
+.admin-table-compact {
+  min-width: 360px;
+}
+
 .admin-status {
   display: inline-flex;
   max-width: 460px;
@@ -608,7 +726,7 @@ button:disabled {
     left: 0;
     z-index: 20;
     display: grid;
-    grid-template-columns: repeat(3, minmax(0, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(64px, 1fr));
     border-top: 1px solid #d8e2e8;
     background: rgba(255, 255, 255, 0.94);
     padding: 8px 10px calc(8px + env(safe-area-inset-bottom));