{"id":749,"date":"2026-07-08T12:59:32","date_gmt":"2026-07-08T12:59:32","guid":{"rendered":"https:\/\/wantedsix.com\/?page_id=749"},"modified":"2026-07-08T17:20:05","modified_gmt":"2026-07-08T17:20:05","slug":"recruitment","status":"publish","type":"page","link":"https:\/\/wantedsix.com\/de\/recruitment\/","title":{"rendered":"Recruitment"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"749\" class=\"elementor elementor-749\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e547f11 e-con e-atomic-element e-flexbox-base e-1566d72 \" data-id=\"e547f11\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e547f11\" data-e-type=\"e-flexbox\" data-id=\"e547f11\">\n    <div class=\"elementor-element elementor-element-260dc90 e-con-full e-flex e-con e-parent\" data-id=\"260dc90\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d01392f elementor-widget elementor-widget-heading\" data-id=\"d01392f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Recruitment<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e963fb elementor-widget elementor-widget-heading\" data-id=\"8e963fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Find the right players. <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f23bf79 elementor-widget elementor-widget-text-editor\" data-id=\"f23bf79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Browse open crew positions, discover players looking for a squad and match with people who fit your platform, region and playstyle.<br \/>Recruitment on Wanted Six is built to help crews grow before Leonida goes live.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-770db02 e-con-full e-flex e-con e-child\" data-id=\"770db02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4b30be elementor-widget elementor-widget-button\" data-id=\"f4b30be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M413.1 222.5l22.2 22.2c9.4 9.4 9.4 24.6 0 33.9L241 473c-9.4 9.4-24.6 9.4-33.9 0L12.7 278.6c-9.4-9.4-9.4-24.6 0-33.9l22.2-22.2c9.5-9.5 25-9.3 34.3.4L184 343.4V56c0-13.3 10.7-24 24-24h32c13.3 0 24 10.7 24 24v287.4l114.8-120.5c9.3-9.8 24.8-10 34.3-.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Open Recruitment Board<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-040cd02 e-con e-atomic-element e-flexbox-base e-b3ccd3a \" data-id=\"040cd02\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"040cd02\" data-e-type=\"e-flexbox\" data-id=\"040cd02\">\n    \t\t<div class=\"elementor-element elementor-element-82c0d77 elementor-widget elementor-widget-html\" data-id=\"82c0d77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WANTED SIX GLOBAL STATS SECTION - RECRUITMENT -->\r\n<section\r\n  class=\"wsx-stats-section\"\r\n  data-wsx-module=\"global-stats\"\r\n  data-page-context=\"recruitment\"\r\n  data-stats-endpoint=\"\"\r\n  data-recruitment-stats-endpoint=\"\"\r\n  data-refresh-interval=\"0\"\r\n  aria-label=\"Wanted Six Recruitment Stats\"\r\n>\r\n  <div class=\"wsx-stats-grid\">\r\n\r\n    <!-- Card 1 -->\r\n    <article class=\"wsx-stat-card wsx-pink-card\" data-stat-key=\"open_roles\">\r\n      <div class=\"wsx-stat-icon wsx-pink\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M22 28a10 10 0 1 0 0-20 10 10 0 0 0 0 20z\"><\/path>\r\n          <path d=\"M42 30a8 8 0 1 0 0-16 8 8 0 0 0 0 16z\"><\/path>\r\n          <path d=\"M6 56c2-13 10-20 22-20s20 7 22 20\"><\/path>\r\n          <path d=\"M38 38c9 1 15 7 18 18\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-stat-content\">\r\n        <div class=\"wsx-stat-number\" data-stat-value>186<\/div>\r\n        <div class=\"wsx-stat-title\">Open Roles<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Crews hiring right now<\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Card 2 -->\r\n    <article class=\"wsx-stat-card wsx-cyan-card\" data-stat-key=\"players_lfc\">\r\n      <div class=\"wsx-stat-icon wsx-cyan\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M32 10a12 12 0 1 0 0 24 12 12 0 0 0 0-24z\"><\/path>\r\n          <path d=\"M12 58c3-14 10-21 20-21s17 7 20 21\"><\/path>\r\n          <path d=\"M47 13l5-5\"><\/path>\r\n          <path d=\"M52 8h6\"><\/path>\r\n          <path d=\"M52 8v6\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-stat-content\">\r\n        <div class=\"wsx-stat-number\" data-stat-value>312<\/div>\r\n        <div class=\"wsx-stat-title\">Players LFC<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Looking for a crew<\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Card 3 -->\r\n    <article class=\"wsx-stat-card wsx-purple-card\" data-stat-key=\"active_applications\">\r\n      <div class=\"wsx-stat-icon wsx-purple\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M14 10h28l8 8v36a4 4 0 0 1-4 4H14a4 4 0 0 1-4-4V14a4 4 0 0 1 4-4z\"><\/path>\r\n          <path d=\"M42 10v10h10\"><\/path>\r\n          <path d=\"M20 30h24\"><\/path>\r\n          <path d=\"M20 40h18\"><\/path>\r\n          <path d=\"M20 50h12\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-stat-content\">\r\n        <div class=\"wsx-stat-number\" data-stat-value>948<\/div>\r\n        <div class=\"wsx-stat-title\">Applications<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Waiting for leaders<\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Card 4 -->\r\n    <article class=\"wsx-stat-card wsx-cyan-card\" data-stat-key=\"successful_matches\">\r\n      <div class=\"wsx-stat-icon wsx-cyan\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M20 24a10 10 0 1 0 0-20 10 10 0 0 0 0 20z\"><\/path>\r\n          <path d=\"M44 24a10 10 0 1 0 0-20 10 10 0 0 0 0 20z\"><\/path>\r\n          <path d=\"M8 58c2-13 8-20 18-20\"><\/path>\r\n          <path d=\"M56 58c-2-13-8-20-18-20\"><\/path>\r\n          <path d=\"M24 42l6 6 14-16\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-stat-content\">\r\n        <div class=\"wsx-stat-number\" data-stat-value>427<\/div>\r\n        <div class=\"wsx-stat-title\">Matches Made<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Squads filled faster<\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.currentScript.closest('.wsx-stats-section');\r\n      if (!root) return;\r\n\r\n      const endpoint = root.dataset.statsEndpoint || root.dataset.recruitmentStatsEndpoint || '';\r\n      const refreshInterval = Number(root.dataset.refreshInterval || 0);\r\n      const cards = Array.from(root.querySelectorAll('[data-stat-key]'));\r\n\r\n      function formatValue(value) {\r\n        if (typeof value === 'number') {\r\n          return value.toLocaleString('en-US');\r\n        }\r\n\r\n        const raw = String(value || '').trim();\r\n        const numeric = Number(raw.replace(\/[^\\d.]\/g, ''));\r\n\r\n        if (!raw) return '0';\r\n\r\n        if (!Number.isNaN(numeric) && \/^\\d+(\\.\\d+)?$\/.test(raw.replace(\/,\/g, ''))) {\r\n          return numeric.toLocaleString('en-US');\r\n        }\r\n\r\n        return raw;\r\n      }\r\n\r\n      function updateStats(payload) {\r\n        if (!payload || typeof payload !== 'object') return;\r\n\r\n        const data = payload.stats && typeof payload.stats === 'object'\r\n          ? payload.stats\r\n          : payload;\r\n\r\n        cards.forEach(function (card) {\r\n          const key = card.dataset.statKey;\r\n          const valueTarget = card.querySelector('[data-stat-value]');\r\n\r\n          if (!key || !valueTarget || data[key] === undefined) return;\r\n\r\n          valueTarget.textContent = formatValue(data[key]);\r\n        });\r\n      }\r\n\r\n      function loadStats() {\r\n        if (!endpoint) return;\r\n\r\n        fetch(endpoint, {\r\n          method: 'GET',\r\n          headers: {\r\n            'Accept': 'application\/json'\r\n          }\r\n        })\r\n          .then(function (response) {\r\n            if (!response.ok) throw new Error('Stats request failed');\r\n            return response.json();\r\n          })\r\n          .then(updateStats)\r\n          .catch(function () {\r\n            console.info('Wanted Six recruitment stats endpoint not available yet.');\r\n          });\r\n      }\r\n\r\n      loadStats();\r\n\r\n      if (endpoint && refreshInterval >= 10000) {\r\n        setInterval(loadStats, refreshInterval);\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n  .wsx-stats-section {\r\n    --wsx-bg: #050816;\r\n    --wsx-panel: rgba(7, 11, 26, 0.82);\r\n    --wsx-panel-2: rgba(12, 18, 45, 0.76);\r\n    --wsx-border: rgba(255, 255, 255, 0.13);\r\n    --wsx-hot: #ff2e9a;\r\n    --wsx-cyan: #19e3ff;\r\n    --wsx-purple: #a855f7;\r\n    --wsx-orange: #ff8a3d;\r\n    --wsx-text: #f6f8ff;\r\n    --wsx-muted: #b8c0e0;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    color: var(--wsx-text);\r\n  }\r\n\r\n  .wsx-stats-section *,\r\n  .wsx-stats-section *::before,\r\n  .wsx-stats-section *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .wsx-stats-grid {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 20px;\r\n  }\r\n\r\n  .wsx-stat-card {\r\n    position: relative;\r\n    min-height: 122px;\r\n    padding: 22px 24px;\r\n    border-radius: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(circle at 20% 0%, rgba(255, 46, 154, 0.13), transparent 34%),\r\n      radial-gradient(circle at 85% 12%, rgba(25, 227, 255, 0.10), transparent 32%),\r\n      linear-gradient(135deg, rgba(12, 18, 45, 0.84), rgba(7, 11, 26, 0.96));\r\n    border: 1px solid var(--wsx-border);\r\n    box-shadow:\r\n      0 24px 80px rgba(0, 0, 0, 0.34),\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.025);\r\n    backdrop-filter: blur(18px);\r\n    -webkit-backdrop-filter: blur(18px);\r\n    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;\r\n  }\r\n\r\n  .wsx-stat-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(255, 46, 154, 0.36);\r\n    box-shadow:\r\n      0 28px 88px rgba(0, 0, 0, 0.42),\r\n      0 0 30px rgba(255, 46, 154, 0.10),\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.03);\r\n  }\r\n\r\n  .wsx-stat-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(120deg, rgba(255,255,255,0.06), transparent 24%, transparent 68%, rgba(255,255,255,0.025));\r\n    pointer-events: none;\r\n  }\r\n\r\n  .wsx-stat-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 18px;\r\n    bottom: 18px;\r\n    width: 3px;\r\n    border-radius: 999px;\r\n    opacity: 0.95;\r\n    background: linear-gradient(180deg, transparent, var(--wsx-hot), transparent);\r\n  }\r\n\r\n  .wsx-pink-card {\r\n    border-color: rgba(255, 46, 154, 0.34);\r\n  }\r\n\r\n  .wsx-cyan-card {\r\n    border-color: rgba(25, 227, 255, 0.28);\r\n    background:\r\n      radial-gradient(circle at 18% 0%, rgba(25, 227, 255, 0.12), transparent 36%),\r\n      radial-gradient(circle at 88% 12%, rgba(255, 46, 154, 0.08), transparent 32%),\r\n      linear-gradient(135deg, rgba(8, 29, 43, 0.76), rgba(7, 11, 26, 0.96));\r\n  }\r\n\r\n  .wsx-cyan-card::after {\r\n    background: linear-gradient(180deg, transparent, var(--wsx-cyan), transparent);\r\n  }\r\n\r\n  .wsx-purple-card {\r\n    border-color: rgba(168, 85, 247, 0.34);\r\n    background:\r\n      radial-gradient(circle at 80% 12%, rgba(168, 85, 247, 0.18), transparent 38%),\r\n      radial-gradient(circle at 18% 0%, rgba(255, 46, 154, 0.09), transparent 34%),\r\n      linear-gradient(135deg, rgba(18, 24, 58, 0.88), rgba(9, 13, 32, 0.96));\r\n  }\r\n\r\n  .wsx-purple-card::after {\r\n    background: linear-gradient(180deg, transparent, var(--wsx-purple), transparent);\r\n  }\r\n\r\n  .wsx-orange-card {\r\n    border-color: rgba(255, 138, 61, 0.34);\r\n    background:\r\n      radial-gradient(circle at 80% 16%, rgba(255, 138, 61, 0.17), transparent 38%),\r\n      radial-gradient(circle at 18% 0%, rgba(255, 46, 154, 0.10), transparent 34%),\r\n      linear-gradient(135deg, rgba(22, 16, 32, 0.88), rgba(7, 11, 26, 0.96));\r\n  }\r\n\r\n  .wsx-orange-card::after {\r\n    background: linear-gradient(180deg, transparent, var(--wsx-orange), transparent);\r\n  }\r\n\r\n  .wsx-stat-icon {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 62px;\r\n    height: 62px;\r\n    flex: 0 0 62px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 18px;\r\n    background: rgba(255, 255, 255, 0.045);\r\n    border: 1px solid rgba(255, 255, 255, 0.10);\r\n  }\r\n\r\n  .wsx-stat-icon svg {\r\n    width: 42px;\r\n    height: 42px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 3;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .wsx-pink {\r\n    color: var(--wsx-hot);\r\n    filter: drop-shadow(0 0 10px rgba(255, 46, 154, 0.8));\r\n  }\r\n\r\n  .wsx-cyan {\r\n    color: var(--wsx-cyan);\r\n    filter: drop-shadow(0 0 10px rgba(25, 227, 255, 0.7));\r\n  }\r\n\r\n  .wsx-purple {\r\n    color: var(--wsx-purple);\r\n    filter: drop-shadow(0 0 10px rgba(168, 85, 247, 0.72));\r\n  }\r\n\r\n  .wsx-orange {\r\n    color: var(--wsx-orange);\r\n    filter: drop-shadow(0 0 10px rgba(255, 138, 61, 0.72));\r\n  }\r\n\r\n  .wsx-stat-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    min-width: 0;\r\n  }\r\n\r\n  .wsx-stat-number {\r\n    color: var(--wsx-text);\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: clamp(34px, 2.4vw, 48px);\r\n    line-height: 0.9;\r\n    font-weight: 900;\r\n    letter-spacing: -0.01em;\r\n    text-shadow: 0 0 14px rgba(245, 247, 255, 0.22);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .wsx-stat-title {\r\n    margin-top: 9px;\r\n    color: var(--wsx-text);\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: 24px;\r\n    line-height: 0.95;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: -0.01em;\r\n  }\r\n\r\n  .wsx-stat-subtitle {\r\n    margin-top: 7px;\r\n    color: var(--wsx-muted);\r\n    font-size: 13px;\r\n    line-height: 1.35;\r\n    font-weight: 500;\r\n  }\r\n\r\n  @media (max-width: 1366px) {\r\n    .wsx-stats-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .wsx-stats-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 14px;\r\n    }\r\n\r\n    .wsx-stat-card {\r\n      min-height: 106px;\r\n      padding: 18px;\r\n      gap: 16px;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .wsx-stat-icon {\r\n      width: 54px;\r\n      height: 54px;\r\n      flex-basis: 54px;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .wsx-stat-icon svg {\r\n      width: 36px;\r\n      height: 36px;\r\n    }\r\n\r\n    .wsx-stat-number {\r\n      font-size: 34px;\r\n    }\r\n\r\n    .wsx-stat-title {\r\n      font-size: 21px;\r\n    }\r\n\r\n    .wsx-stat-subtitle {\r\n      font-size: 13px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .wsx-stat-card {\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .wsx-stat-number {\r\n      font-size: 31px;\r\n    }\r\n\r\n    .wsx-stat-title {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fdc1bd1 e-con e-atomic-element e-flexbox-base e-fdc1bd1-55608d3 \" data-id=\"fdc1bd1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fdc1bd1\" data-e-type=\"e-flexbox\" data-id=\"fdc1bd1\">\n    \t\t<div class=\"elementor-element elementor-element-b42fa63 elementor-widget elementor-widget-html\" data-id=\"b42fa63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"wsx-recruitment-section\" data-wsx-recruitment data-recruitment-endpoint=\"\" data-application-endpoint=\"\" data-create-post-url=\"\/create-a-crew\/\">\r\n  <div class=\"wsx-recruitment-shell\">\r\n    <div class=\"wsx-recruitment-head\">\r\n      <div>\r\n        <span class=\"wsx-recruitment-kicker\">Recruitment<\/span>\r\n        <h2>Crew Recruitment Board<\/h2>\r\n        <p>Browse open crew roles, discover players looking for squads and prepare your launch-day recruitment flow. Static preview now, full app workflow later.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-recruitment-head-actions\">\r\n        <span class=\"wsx-recruitment-sync\" data-recruitment-sync>Status: Static preview<\/span>\r\n        <a class=\"wsx-recruitment-create\" href=\"\/create-a-crew\/\" data-create-recruitment-link>Create Post<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"wsx-recruitment-controls\" data-recruitment-controls>\r\n      <input type=\"hidden\" name=\"recruitment_type\" value=\"crew\" data-recruitment-type-field>\r\n\r\n      <div class=\"wsx-recruitment-tabs\" role=\"tablist\" aria-label=\"Recruitment board type\">\r\n        <button class=\"is-active\" type=\"button\" data-recruitment-tab=\"crew\">Crew Openings<\/button>\r\n        <button type=\"button\" data-recruitment-tab=\"player\">Players LFC<\/button>\r\n        <button type=\"button\" data-recruitment-tab=\"urgent\">Urgent Picks<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-recruitment-filter-row\">\r\n        <label class=\"wsx-recruitment-search\">\r\n          <span>Search recruitment<\/span>\r\n          <input type=\"search\" name=\"recruitment_search\" placeholder=\"Search crew, role, player, region...\" autocomplete=\"off\" data-recruitment-search>\r\n        <\/label>\r\n\r\n        <label>\r\n          <span>Platform<\/span>\r\n          <select name=\"platform\" data-recruitment-filter=\"platform\">\r\n            <option value=\"all\">All platforms<\/option>\r\n            <option value=\"ps5\">PlayStation 5<\/option>\r\n            <option value=\"xbox\">Xbox Series<\/option>\r\n            <option value=\"pc\">PC<\/option>\r\n          <\/select>\r\n        <\/label>\r\n\r\n        <label>\r\n          <span>Region<\/span>\r\n          <select name=\"region\" data-recruitment-filter=\"region\">\r\n            <option value=\"all\">All regions<\/option>\r\n            <option value=\"eu\">Europe<\/option>\r\n            <option value=\"na\">North America<\/option>\r\n            <option value=\"global\">Global<\/option>\r\n          <\/select>\r\n        <\/label>\r\n\r\n        <label>\r\n          <span>Role<\/span>\r\n          <select name=\"role\" data-recruitment-filter=\"role\">\r\n            <option value=\"all\">All roles<\/option>\r\n            <option value=\"driver\">Driver<\/option>\r\n            <option value=\"planner\">Planner<\/option>\r\n            <option value=\"racer\">Racer<\/option>\r\n            <option value=\"roleplay\">Roleplay<\/option>\r\n            <option value=\"creator\">Creator<\/option>\r\n            <option value=\"grinder\">Grinder<\/option>\r\n          <\/select>\r\n        <\/label>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"wsx-recruitment-layout\">\r\n      <main class=\"wsx-recruitment-board\">\r\n        <div class=\"wsx-recruitment-board-head\">\r\n          <div>\r\n            <span class=\"wsx-recruitment-kicker\">Live Openings<\/span>\r\n            <strong><span data-recruitment-count>0<\/span> recruitment posts<\/strong>\r\n          <\/div>\r\n\r\n          <button type=\"button\" data-recruitment-reset>Reset Filters<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-recruitment-featured\" data-recruitment-featured>\r\n          <article>\r\n            <span>Featured Match<\/span>\r\n            <strong>Vice Kings are filling their launch heist squad.<\/strong>\r\n            <p>Competitive \/ Global \/ PS5, Xbox, PC<\/p>\r\n          <\/article>\r\n          <article>\r\n            <span>Best Candidate<\/span>\r\n            <strong>NightFox is open for creator crews and racing teams.<\/strong>\r\n            <p>Creator \/ Europe \/ PS5, PC<\/p>\r\n          <\/article>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-recruitment-list\" data-recruitment-list>\r\n          <article class=\"wsx-recruitment-card\" data-recruitment-card data-type=\"crew\" data-post-id=\"vice-kings-driver\" data-title=\"Vice Kings getaway driver competitive global\" data-crew=\"Vice Kings\" data-tag=\"VK\" data-platform=\"ps5 xbox pc\" data-region=\"global\" data-role=\"driver\" data-style=\"competitive heists\" data-language=\"english\" data-status=\"open\" data-urgent=\"true\" data-slots=\"3\" data-applicants=\"18\" data-created=\"2026-07-08\">\r\n            <div class=\"wsx-recruitment-card-top\">\r\n              <div class=\"wsx-recruitment-logo wsx-logo-pink\">VK<\/div>\r\n              <div>\r\n                <span class=\"wsx-recruitment-card-kicker\">Crew Opening<\/span>\r\n                <h3>Getaway Drivers Needed<\/h3>\r\n                <p>Vice Kings \/ Global \/ Competitive heist squad<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-badges\">\r\n              <span class=\"is-hot\">Urgent<\/span>\r\n              <span>Driver<\/span>\r\n              <span>PS5<\/span>\r\n              <span>Xbox<\/span>\r\n              <span>PC<\/span>\r\n            <\/div>\r\n\r\n            <p class=\"wsx-recruitment-desc\">Looking for calm, fast drivers who can handle pressure, convoy routes and clean escapes once launch-week chaos begins.<\/p>\r\n\r\n            <div class=\"wsx-recruitment-meta\">\r\n              <div><span>Region<\/span><strong>Global<\/strong><\/div>\r\n              <div><span>Language<\/span><strong>English<\/strong><\/div>\r\n              <div><span>Slots<\/span><strong>3 open<\/strong><\/div>\r\n              <div><span>Applicants<\/span><strong>18<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-progress\" aria-label=\"Recruitment progress\">\r\n              <span style=\"width: 68%\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-actions\">\r\n              <button type=\"button\" data-apply-recruitment>Apply Now<\/button>\r\n              <a href=\"\/crews\/vice-kings\/\" data-view-profile>View Crew<\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"wsx-recruitment-card\" data-recruitment-card data-type=\"crew\" data-post-id=\"ocean-drive-creator\" data-title=\"Ocean Drive content creator clips casual europe\" data-crew=\"Ocean Drive\" data-tag=\"OD\" data-platform=\"ps5\" data-region=\"eu\" data-role=\"creator\" data-style=\"creator casual\" data-language=\"english german\" data-status=\"open\" data-urgent=\"false\" data-slots=\"4\" data-applicants=\"11\" data-created=\"2026-07-07\">\r\n            <div class=\"wsx-recruitment-card-top\">\r\n              <div class=\"wsx-recruitment-logo wsx-logo-cyan\">OD<\/div>\r\n              <div>\r\n                <span class=\"wsx-recruitment-card-kicker\">Crew Opening<\/span>\r\n                <h3>Clip Hunters & Editors<\/h3>\r\n                <p>Ocean Drive \/ Europe \/ Creator-focused crew<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-badges\">\r\n              <span>Creator<\/span>\r\n              <span>Casual<\/span>\r\n              <span>PS5<\/span>\r\n              <span>EU<\/span>\r\n            <\/div>\r\n\r\n            <p class=\"wsx-recruitment-desc\">A content-first crew looking for players who record funny moments, cinematic clips, reactions and early community challenges.<\/p>\r\n\r\n            <div class=\"wsx-recruitment-meta\">\r\n              <div><span>Region<\/span><strong>Europe<\/strong><\/div>\r\n              <div><span>Language<\/span><strong>EN \/ DE<\/strong><\/div>\r\n              <div><span>Slots<\/span><strong>4 open<\/strong><\/div>\r\n              <div><span>Applicants<\/span><strong>11<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-progress\" aria-label=\"Recruitment progress\">\r\n              <span style=\"width: 44%\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-actions\">\r\n              <button type=\"button\" data-apply-recruitment>Apply Now<\/button>\r\n              <a href=\"\/crews\/ocean-drive\/\" data-view-profile>View Crew<\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"wsx-recruitment-card\" data-recruitment-card data-type=\"crew\" data-post-id=\"neon-riders-racer\" data-title=\"Neon Riders racers xbox pc north america competitive\" data-crew=\"Neon Riders\" data-tag=\"NR\" data-platform=\"xbox pc\" data-region=\"na\" data-role=\"racer\" data-style=\"racing competitive\" data-language=\"english\" data-status=\"open\" data-urgent=\"true\" data-slots=\"2\" data-applicants=\"24\" data-created=\"2026-07-07\">\r\n            <div class=\"wsx-recruitment-card-top\">\r\n              <div class=\"wsx-recruitment-logo wsx-logo-purple\">NR<\/div>\r\n              <div>\r\n                <span class=\"wsx-recruitment-card-kicker\">Crew Opening<\/span>\r\n                <h3>Street Racers Wanted<\/h3>\r\n                <p>Neon Riders \/ North America \/ Racing crew<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-badges\">\r\n              <span class=\"is-hot\">Urgent<\/span>\r\n              <span>Racer<\/span>\r\n              <span>Xbox<\/span>\r\n              <span>PC<\/span>\r\n            <\/div>\r\n\r\n            <p class=\"wsx-recruitment-desc\">Competitive racers wanted for time trials, street circuits, community events and leaderboard pushes across launch season.<\/p>\r\n\r\n            <div class=\"wsx-recruitment-meta\">\r\n              <div><span>Region<\/span><strong>North America<\/strong><\/div>\r\n              <div><span>Language<\/span><strong>English<\/strong><\/div>\r\n              <div><span>Slots<\/span><strong>2 open<\/strong><\/div>\r\n              <div><span>Applicants<\/span><strong>24<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-progress\" aria-label=\"Recruitment progress\">\r\n              <span style=\"width: 82%\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-actions\">\r\n              <button type=\"button\" data-apply-recruitment>Apply Now<\/button>\r\n              <a href=\"\/crews\/neon-riders\/\" data-view-profile>View Crew<\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"wsx-recruitment-card\" data-recruitment-card data-type=\"crew\" data-post-id=\"palm-drifters-roleplay\" data-title=\"Palm Drifters roleplay lead europe ps5 pc\" data-crew=\"Palm Drifters\" data-tag=\"PD\" data-platform=\"ps5 pc\" data-region=\"eu\" data-role=\"roleplay\" data-style=\"roleplay creator\" data-language=\"english\" data-status=\"open\" data-urgent=\"false\" data-slots=\"5\" data-applicants=\"9\" data-created=\"2026-07-06\">\r\n            <div class=\"wsx-recruitment-card-top\">\r\n              <div class=\"wsx-recruitment-logo wsx-logo-orange\">PD<\/div>\r\n              <div>\r\n                <span class=\"wsx-recruitment-card-kicker\">Crew Opening<\/span>\r\n                <h3>Roleplay Leads Needed<\/h3>\r\n                <p>Palm Drifters \/ Europe \/ Story-driven crew<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-badges\">\r\n              <span>Roleplay<\/span>\r\n              <span>Creator<\/span>\r\n              <span>PS5<\/span>\r\n              <span>PC<\/span>\r\n            <\/div>\r\n\r\n            <p class=\"wsx-recruitment-desc\">Looking for mature players who can shape missions, events, character arcs and a consistent crew identity.<\/p>\r\n\r\n            <div class=\"wsx-recruitment-meta\">\r\n              <div><span>Region<\/span><strong>Europe<\/strong><\/div>\r\n              <div><span>Language<\/span><strong>English<\/strong><\/div>\r\n              <div><span>Slots<\/span><strong>5 open<\/strong><\/div>\r\n              <div><span>Applicants<\/span><strong>9<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-progress\" aria-label=\"Recruitment progress\">\r\n              <span style=\"width: 36%\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-actions\">\r\n              <button type=\"button\" data-apply-recruitment>Apply Now<\/button>\r\n              <a href=\"\/crews\/palm-drifters\/\" data-view-profile>View Crew<\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"wsx-recruitment-card\" data-recruitment-card data-type=\"crew\" data-post-id=\"leonida-legends-planner\" data-title=\"Leonida Legends heist planner pc europe competitive\" data-crew=\"Leonida Legends\" data-tag=\"LL\" data-platform=\"pc\" data-region=\"eu\" data-role=\"planner\" data-style=\"competitive heists grinder\" data-language=\"english german\" data-status=\"open\" data-urgent=\"false\" data-slots=\"1\" data-applicants=\"16\" data-created=\"2026-07-05\">\r\n            <div class=\"wsx-recruitment-card-top\">\r\n              <div class=\"wsx-recruitment-logo wsx-logo-cyan\">LL<\/div>\r\n              <div>\r\n                <span class=\"wsx-recruitment-card-kicker\">Crew Opening<\/span>\r\n                <h3>Heist Planner<\/h3>\r\n                <p>Leonida Legends \/ Europe \/ PC squad<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-badges\">\r\n              <span>Planner<\/span>\r\n              <span>Competitive<\/span>\r\n              <span>PC<\/span>\r\n              <span>EU<\/span>\r\n            <\/div>\r\n\r\n            <p class=\"wsx-recruitment-desc\">Need one tactical mind for route planning, squad coordination, risk calls and high-pressure decisions.<\/p>\r\n\r\n            <div class=\"wsx-recruitment-meta\">\r\n              <div><span>Region<\/span><strong>Europe<\/strong><\/div>\r\n              <div><span>Language<\/span><strong>EN \/ DE<\/strong><\/div>\r\n              <div><span>Slots<\/span><strong>1 open<\/strong><\/div>\r\n              <div><span>Applicants<\/span><strong>16<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-progress\" aria-label=\"Recruitment progress\">\r\n              <span style=\"width: 76%\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-actions\">\r\n              <button type=\"button\" data-apply-recruitment>Apply Now<\/button>\r\n              <a href=\"\/crews\/leonida-legends\/\" data-view-profile>View Crew<\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"wsx-recruitment-card\" data-recruitment-card data-type=\"player\" data-post-id=\"nightfox-lfc\" data-title=\"NightFox looking for crew creator racer europe ps5 pc\" data-player=\"NightFox\" data-platform=\"ps5 pc\" data-region=\"eu\" data-role=\"creator racer\" data-style=\"creator racing casual\" data-language=\"english german\" data-status=\"open\" data-urgent=\"true\" data-slots=\"1\" data-applicants=\"7\" data-created=\"2026-07-08\">\r\n            <div class=\"wsx-recruitment-card-top\">\r\n              <div class=\"wsx-recruitment-logo wsx-logo-pink\">NF<\/div>\r\n              <div>\r\n                <span class=\"wsx-recruitment-card-kicker\">Player Looking for Crew<\/span>\r\n                <h3>NightFox<\/h3>\r\n                <p>Creator \/ Racer \/ Europe<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-badges\">\r\n              <span class=\"is-hot\">Available Now<\/span>\r\n              <span>Creator<\/span>\r\n              <span>Racer<\/span>\r\n              <span>PS5<\/span>\r\n              <span>PC<\/span>\r\n            <\/div>\r\n\r\n            <p class=\"wsx-recruitment-desc\">Looking for an active crew that wants clips, casual racing, weekly challenges and a good launch-day content plan.<\/p>\r\n\r\n            <div class=\"wsx-recruitment-meta\">\r\n              <div><span>Region<\/span><strong>Europe<\/strong><\/div>\r\n              <div><span>Language<\/span><strong>EN \/ DE<\/strong><\/div>\r\n              <div><span>Available<\/span><strong>Evenings<\/strong><\/div>\r\n              <div><span>Offers<\/span><strong>7<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-progress\" aria-label=\"Profile match strength\">\r\n              <span style=\"width: 88%\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-actions\">\r\n              <button type=\"button\" data-apply-recruitment>Invite Player<\/button>\r\n              <a href=\"\/players\/nightfox\/\" data-view-profile>View Profile<\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"wsx-recruitment-card\" data-recruitment-card data-type=\"player\" data-post-id=\"ace-venom-lfc\" data-title=\"Ace Venom looking for competitive grinder crew global xbox\" data-player=\"Ace Venom\" data-platform=\"xbox\" data-region=\"global\" data-role=\"grinder driver\" data-style=\"competitive grinder heists\" data-language=\"english\" data-status=\"open\" data-urgent=\"false\" data-slots=\"1\" data-applicants=\"5\" data-created=\"2026-07-06\">\r\n            <div class=\"wsx-recruitment-card-top\">\r\n              <div class=\"wsx-recruitment-logo wsx-logo-purple\">AV<\/div>\r\n              <div>\r\n                <span class=\"wsx-recruitment-card-kicker\">Player Looking for Crew<\/span>\r\n                <h3>Ace Venom<\/h3>\r\n                <p>Grinder \/ Driver \/ Global<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-badges\">\r\n              <span>Grinder<\/span>\r\n              <span>Driver<\/span>\r\n              <span>Xbox<\/span>\r\n              <span>Global<\/span>\r\n            <\/div>\r\n\r\n            <p class=\"wsx-recruitment-desc\">Competitive player looking for a structured squad with clear roles, Discord organization and regular crew sessions.<\/p>\r\n\r\n            <div class=\"wsx-recruitment-meta\">\r\n              <div><span>Region<\/span><strong>Global<\/strong><\/div>\r\n              <div><span>Language<\/span><strong>English<\/strong><\/div>\r\n              <div><span>Available<\/span><strong>Weekends<\/strong><\/div>\r\n              <div><span>Offers<\/span><strong>5<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-progress\" aria-label=\"Profile match strength\">\r\n              <span style=\"width: 64%\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-actions\">\r\n              <button type=\"button\" data-apply-recruitment>Invite Player<\/button>\r\n              <a href=\"\/players\/ace-venom\/\" data-view-profile>View Profile<\/a>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"wsx-recruitment-card\" data-recruitment-card data-type=\"player\" data-post-id=\"miami-muse-lfc\" data-title=\"Miami Muse looking for roleplay creator north america pc\" data-player=\"Miami Muse\" data-platform=\"pc\" data-region=\"na\" data-role=\"roleplay creator\" data-style=\"roleplay creator casual\" data-language=\"english\" data-status=\"open\" data-urgent=\"false\" data-slots=\"1\" data-applicants=\"3\" data-created=\"2026-07-05\">\r\n            <div class=\"wsx-recruitment-card-top\">\r\n              <div class=\"wsx-recruitment-logo wsx-logo-orange\">MM<\/div>\r\n              <div>\r\n                <span class=\"wsx-recruitment-card-kicker\">Player Looking for Crew<\/span>\r\n                <h3>Miami Muse<\/h3>\r\n                <p>Roleplay \/ Creator \/ North America<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-badges\">\r\n              <span>Roleplay<\/span>\r\n              <span>Creator<\/span>\r\n              <span>PC<\/span>\r\n              <span>NA<\/span>\r\n            <\/div>\r\n\r\n            <p class=\"wsx-recruitment-desc\">Searching for a story-driven crew with cinematic ideas, organized sessions and a calm but ambitious community vibe.<\/p>\r\n\r\n            <div class=\"wsx-recruitment-meta\">\r\n              <div><span>Region<\/span><strong>North America<\/strong><\/div>\r\n              <div><span>Language<\/span><strong>English<\/strong><\/div>\r\n              <div><span>Available<\/span><strong>Nights<\/strong><\/div>\r\n              <div><span>Offers<\/span><strong>3<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-progress\" aria-label=\"Profile match strength\">\r\n              <span style=\"width: 58%\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-recruitment-actions\">\r\n              <button type=\"button\" data-apply-recruitment>Invite Player<\/button>\r\n              <a href=\"\/players\/miami-muse\/\" data-view-profile>View Profile<\/a>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-recruitment-empty\" data-recruitment-empty hidden>\r\n          <strong>No recruitment posts found<\/strong>\r\n          <p>Try another tab, remove a filter or create the first recruitment post for this category.<\/p>\r\n          <button type=\"button\" data-recruitment-reset-empty>Reset Recruitment<\/button>\r\n        <\/div>\r\n      <\/main>\r\n\r\n      <aside class=\"wsx-recruitment-sidebar\">\r\n        <div class=\"wsx-recruitment-side-card wsx-recruitment-cta-card\">\r\n          <span class=\"wsx-recruitment-kicker\">Crew Leaders<\/span>\r\n          <h3>Post a role before launch.<\/h3>\r\n          <p>Define what your crew needs, collect applications and build a stronger squad before the city opens.<\/p>\r\n          <a href=\"\/create-a-crew\/\" data-sidebar-create-post>Create Recruitment Post<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-recruitment-side-card\">\r\n          <div class=\"wsx-recruitment-side-title\">\r\n            <span>Board Stats<\/span>\r\n            <strong data-board-health>Active<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-recruitment-stat-list\">\r\n            <div><span>Open Roles<\/span><strong data-stat-open-roles>0<\/strong><\/div>\r\n            <div><span>Players LFC<\/span><strong data-stat-players>0<\/strong><\/div>\r\n            <div><span>Urgent Picks<\/span><strong data-stat-urgent>0<\/strong><\/div>\r\n            <div><span>Applications<\/span><strong>126<\/strong><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-recruitment-side-card\">\r\n          <div class=\"wsx-recruitment-side-title\">\r\n            <span>Recruitment Flow<\/span>\r\n            <strong>App Ready<\/strong>\r\n          <\/div>\r\n\r\n          <ol class=\"wsx-recruitment-flow\">\r\n            <li><span>1<\/span><p>Create crew or player profile<\/p><\/li>\r\n            <li><span>2<\/span><p>Publish open roles or LFC post<\/p><\/li>\r\n            <li><span>3<\/span><p>Receive applications and invites<\/p><\/li>\r\n            <li><span>4<\/span><p>Manage decisions inside the app<\/p><\/li>\r\n          <\/ol>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-recruitment-side-card wsx-recruitment-note-card\">\r\n          <span class=\"wsx-recruitment-kicker\">Future App Hooks<\/span>\r\n          <p>This widget already includes endpoint fields, post IDs, card data attributes and payload creation for the future Wanted Six app.<\/p>\r\n        <\/div>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"wsx-recruitment-modal\" data-recruitment-modal hidden>\r\n    <div class=\"wsx-recruitment-modal-backdrop\" data-close-recruitment-modal><\/div>\r\n    <div class=\"wsx-recruitment-modal-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"wsx-recruitment-modal-title\">\r\n      <button class=\"wsx-recruitment-modal-close\" type=\"button\" aria-label=\"Close modal\" data-close-recruitment-modal>\u00d7<\/button>\r\n\r\n      <span class=\"wsx-recruitment-kicker\">Recruitment Request<\/span>\r\n      <h3 id=\"wsx-recruitment-modal-title\">Apply for this role<\/h3>\r\n      <p data-modal-recruitment-context>Send your details to the crew leader. In the app, this becomes a real application workflow.<\/p>\r\n\r\n      <form class=\"wsx-recruitment-form\" data-recruitment-form>\r\n        <input type=\"hidden\" name=\"post_id\" data-form-post-id>\r\n        <input type=\"hidden\" name=\"post_type\" data-form-post-type>\r\n        <input type=\"hidden\" name=\"payload\" data-form-payload>\r\n\r\n        <label>\r\n          <span>Your display name<\/span>\r\n          <input type=\"text\" name=\"display_name\" placeholder=\"e.g. NightFox\" required>\r\n        <\/label>\r\n\r\n        <label>\r\n          <span>Your platform<\/span>\r\n          <select name=\"user_platform\" required>\r\n            <option value=\"\">Choose platform<\/option>\r\n            <option value=\"ps5\">PlayStation 5<\/option>\r\n            <option value=\"xbox\">Xbox Series<\/option>\r\n            <option value=\"pc\">PC<\/option>\r\n          <\/select>\r\n        <\/label>\r\n\r\n        <label>\r\n          <span>Discord or contact<\/span>\r\n          <input type=\"text\" name=\"contact\" placeholder=\"Discord handle or profile link\" required>\r\n        <\/label>\r\n\r\n        <label>\r\n          <span>Message<\/span>\r\n          <textarea name=\"message\" rows=\"4\" placeholder=\"Why are you a good match?\" required><\/textarea>\r\n        <\/label>\r\n\r\n        <button type=\"submit\">Send Recruitment Request<\/button>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap\");\r\n\r\n  .wsx-recruitment-section {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    color: #f5f7ff;\r\n  }\r\n\r\n  .wsx-recruitment-section *,\r\n  .wsx-recruitment-section *::before,\r\n  .wsx-recruitment-section *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .wsx-recruitment-section a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .wsx-recruitment-section button,\r\n  .wsx-recruitment-section input,\r\n  .wsx-recruitment-section select,\r\n  .wsx-recruitment-section textarea {\r\n    font: inherit;\r\n  }\r\n\r\n  .wsx-recruitment-shell {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .wsx-recruitment-head {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n    margin-bottom: 22px;\r\n    padding: 28px;\r\n    border: 1px solid rgba(255, 46, 154, 0.24);\r\n    border-radius: 24px;\r\n    background:\r\n      radial-gradient(circle at 10% 20%, rgba(255, 46, 154, 0.16), transparent 34%),\r\n      radial-gradient(circle at 92% 12%, rgba(25, 227, 255, 0.12), transparent 34%),\r\n      linear-gradient(135deg, rgba(14, 19, 48, 0.86), rgba(7, 11, 26, 0.96));\r\n    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.42), inset 0 0 0 1px rgba(255, 255, 255, 0.035);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .wsx-recruitment-head::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(120deg, rgba(255, 255, 255, 0.06), transparent 32%, transparent 72%, rgba(255, 255, 255, 0.025));\r\n    pointer-events: none;\r\n  }\r\n\r\n  .wsx-recruitment-head > * {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .wsx-recruitment-kicker,\r\n  .wsx-recruitment-card-kicker {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #19e3ff;\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .wsx-recruitment-kicker::before {\r\n    content: \"\";\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 999px;\r\n    background: #ff2e9a;\r\n    box-shadow: 0 0 18px rgba(255, 46, 154, 0.9);\r\n  }\r\n\r\n  .wsx-recruitment-head h2 {\r\n    margin: 12px 0 0;\r\n    color: #ffffff;\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: clamp(40px, 4.6vw, 76px);\r\n    line-height: 0.92;\r\n    font-weight: 900;\r\n    letter-spacing: -0.03em;\r\n    text-transform: uppercase;\r\n    text-shadow: 0 0 28px rgba(255, 46, 154, 0.16);\r\n  }\r\n\r\n  .wsx-recruitment-head p {\r\n    max-width: 760px;\r\n    margin: 16px 0 0;\r\n    color: #b8c0e0;\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .wsx-recruitment-head-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n    min-width: 280px;\r\n  }\r\n\r\n  .wsx-recruitment-sync {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    min-height: 42px;\r\n    padding: 0 14px;\r\n    border: 1px solid rgba(25, 227, 255, 0.24);\r\n    border-radius: 999px;\r\n    background: rgba(25, 227, 255, 0.08);\r\n    color: #dffbff;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .wsx-recruitment-create,\r\n  .wsx-recruitment-cta-card a,\r\n  .wsx-recruitment-actions button,\r\n  .wsx-recruitment-form button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 46px;\r\n    padding: 0 18px;\r\n    border: 0;\r\n    border-radius: 14px;\r\n    background: linear-gradient(90deg, #ed25c2, #ff8451);\r\n    color: #ffffff !important;\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n    cursor: pointer;\r\n    box-shadow: 0 14px 34px rgba(255, 46, 154, 0.22);\r\n    transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;\r\n  }\r\n\r\n  .wsx-recruitment-create:hover,\r\n  .wsx-recruitment-cta-card a:hover,\r\n  .wsx-recruitment-actions button:hover,\r\n  .wsx-recruitment-form button:hover {\r\n    transform: translateY(-2px);\r\n    filter: saturate(1.08);\r\n    box-shadow: 0 18px 44px rgba(255, 46, 154, 0.28);\r\n  }\r\n\r\n  .wsx-recruitment-controls {\r\n    margin-bottom: 20px;\r\n    padding: 18px;\r\n    border: 1px solid rgba(255, 255, 255, 0.11);\r\n    border-radius: 22px;\r\n    background: rgba(12, 16, 40, 0.78);\r\n    backdrop-filter: blur(18px);\r\n    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.32);\r\n  }\r\n\r\n  .wsx-recruitment-tabs {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .wsx-recruitment-tabs button,\r\n  .wsx-recruitment-board-head button,\r\n  .wsx-recruitment-empty button {\r\n    min-height: 42px;\r\n    padding: 0 16px;\r\n    border: 1px solid rgba(255, 255, 255, 0.13);\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.055);\r\n    color: #dbe2ff;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    cursor: pointer;\r\n    transition: border-color 0.22s ease, background 0.22s ease, color 0.22s ease, transform 0.22s ease;\r\n  }\r\n\r\n  .wsx-recruitment-tabs button:hover,\r\n  .wsx-recruitment-board-head button:hover,\r\n  .wsx-recruitment-empty button:hover {\r\n    transform: translateY(-1px);\r\n    border-color: rgba(25, 227, 255, 0.38);\r\n    color: #ffffff;\r\n  }\r\n\r\n  .wsx-recruitment-tabs button.is-active {\r\n    border-color: rgba(255, 46, 154, 0.54);\r\n    background: linear-gradient(90deg, rgba(255, 46, 154, 0.24), rgba(25, 227, 255, 0.12));\r\n    color: #ffffff;\r\n    box-shadow: 0 0 26px rgba(255, 46, 154, 0.12);\r\n  }\r\n\r\n  .wsx-recruitment-filter-row {\r\n    display: grid;\r\n    grid-template-columns: minmax(240px, 1.4fr) repeat(3, minmax(160px, 0.8fr));\r\n    gap: 14px;\r\n  }\r\n\r\n  .wsx-recruitment-filter-row label,\r\n  .wsx-recruitment-form label {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 9px;\r\n    min-width: 0;\r\n  }\r\n\r\n  .wsx-recruitment-filter-row label span,\r\n  .wsx-recruitment-form label span {\r\n    color: #8f9bc6;\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .wsx-recruitment-filter-row input,\r\n  .wsx-recruitment-filter-row select,\r\n  .wsx-recruitment-form input,\r\n  .wsx-recruitment-form select,\r\n  .wsx-recruitment-form textarea {\r\n    width: 100%;\r\n    min-height: 48px;\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    border-radius: 14px;\r\n    background: rgba(7, 13, 35, 0.88);\r\n    color: #ffffff;\r\n    padding: 0 14px;\r\n    outline: none;\r\n    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);\r\n    transition: border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;\r\n    appearance: auto;\r\n  }\r\n\r\n  .wsx-recruitment-form textarea {\r\n    min-height: 112px;\r\n    padding: 14px;\r\n    resize: vertical;\r\n  }\r\n\r\n  .wsx-recruitment-filter-row input::placeholder,\r\n  .wsx-recruitment-form input::placeholder,\r\n  .wsx-recruitment-form textarea::placeholder {\r\n    color: rgba(184, 192, 224, 0.56);\r\n  }\r\n\r\n  .wsx-recruitment-filter-row input:focus,\r\n  .wsx-recruitment-filter-row select:focus,\r\n  .wsx-recruitment-form input:focus,\r\n  .wsx-recruitment-form select:focus,\r\n  .wsx-recruitment-form textarea:focus {\r\n    border-color: rgba(25, 227, 255, 0.48);\r\n    background: rgba(9, 16, 42, 0.96);\r\n    box-shadow: 0 0 0 4px rgba(25, 227, 255, 0.07);\r\n  }\r\n\r\n  .wsx-recruitment-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) 360px;\r\n    gap: 20px;\r\n    align-items: start;\r\n  }\r\n\r\n  .wsx-recruitment-board,\r\n  .wsx-recruitment-side-card {\r\n    border: 1px solid rgba(255, 255, 255, 0.11);\r\n    background: rgba(12, 16, 40, 0.72);\r\n    backdrop-filter: blur(18px);\r\n    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);\r\n  }\r\n\r\n  .wsx-recruitment-board {\r\n    min-width: 0;\r\n    padding: 20px;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .wsx-recruitment-board-head {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .wsx-recruitment-board-head strong {\r\n    display: block;\r\n    margin-top: 8px;\r\n    color: #ffffff;\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: 30px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .wsx-recruitment-featured {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 14px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .wsx-recruitment-featured article {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 122px;\r\n    padding: 18px;\r\n    border: 1px solid rgba(255, 46, 154, 0.25);\r\n    border-radius: 20px;\r\n    background:\r\n      radial-gradient(circle at 15% 20%, rgba(255, 46, 154, 0.18), transparent 38%),\r\n      linear-gradient(135deg, rgba(18, 24, 58, 0.84), rgba(7, 11, 26, 0.94));\r\n  }\r\n\r\n  .wsx-recruitment-featured article:nth-child(2) {\r\n    border-color: rgba(25, 227, 255, 0.22);\r\n    background:\r\n      radial-gradient(circle at 85% 15%, rgba(25, 227, 255, 0.15), transparent 40%),\r\n      linear-gradient(135deg, rgba(8, 29, 43, 0.76), rgba(7, 11, 26, 0.94));\r\n  }\r\n\r\n  .wsx-recruitment-featured span {\r\n    color: #19e3ff;\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .wsx-recruitment-featured strong {\r\n    display: block;\r\n    margin-top: 9px;\r\n    color: #ffffff;\r\n    font-size: 18px;\r\n    line-height: 1.25;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .wsx-recruitment-featured p {\r\n    margin: 8px 0 0;\r\n    color: #b8c0e0;\r\n    font-size: 13px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .wsx-recruitment-list {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 16px;\r\n  }\r\n\r\n  .wsx-recruitment-card {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-width: 0;\r\n    min-height: 100%;\r\n    padding: 20px;\r\n    border: 1px solid rgba(255, 46, 154, 0.22);\r\n    border-radius: 22px;\r\n    background:\r\n      radial-gradient(circle at 8% 10%, rgba(255, 46, 154, 0.10), transparent 32%),\r\n      radial-gradient(circle at 100% 0%, rgba(25, 227, 255, 0.07), transparent 34%),\r\n      linear-gradient(135deg, rgba(14, 19, 48, 0.82), rgba(7, 11, 26, 0.96));\r\n    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.025);\r\n    overflow: hidden;\r\n    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;\r\n  }\r\n\r\n  .wsx-recruitment-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0 0 auto 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #ff2e9a, #19e3ff, transparent);\r\n    opacity: 0.72;\r\n  }\r\n\r\n  .wsx-recruitment-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(25, 227, 255, 0.34);\r\n    box-shadow: 0 26px 72px rgba(0, 0, 0, 0.36), 0 0 34px rgba(255, 46, 154, 0.08);\r\n  }\r\n\r\n  .wsx-recruitment-card[hidden] {\r\n    display: none !important;\r\n  }\r\n\r\n  .wsx-recruitment-card-top {\r\n    display: grid;\r\n    grid-template-columns: 62px minmax(0, 1fr);\r\n    gap: 14px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .wsx-recruitment-logo {\r\n    width: 62px;\r\n    height: 62px;\r\n    border-radius: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #ffffff;\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: 24px;\r\n    font-weight: 900;\r\n    letter-spacing: -0.03em;\r\n    border: 1px solid rgba(255, 255, 255, 0.14);\r\n    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 18px 34px rgba(0, 0, 0, 0.28);\r\n  }\r\n\r\n  .ws-logo-pink { background: linear-gradient(135deg, rgba(255, 46, 154, 0.92), rgba(124, 60, 255, 0.72)); }\r\n  .ws-logo-cyan { background: linear-gradient(135deg, rgba(25, 227, 255, 0.76), rgba(124, 60, 255, 0.62)); }\r\n  .ws-logo-purple { background: linear-gradient(135deg, rgba(168, 85, 247, 0.9), rgba(255, 46, 154, 0.58)); }\r\n  .ws-logo-orange { background: linear-gradient(135deg, rgba(255, 132, 81, 0.9), rgba(255, 46, 154, 0.58)); }\r\n\r\n  .wsx-recruitment-card h3 {\r\n    margin: 7px 0 0;\r\n    color: #ffffff;\r\n    font-size: 21px;\r\n    line-height: 1.15;\r\n    font-weight: 900;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .wsx-recruitment-card-top p {\r\n    margin: 5px 0 0;\r\n    color: #b8c0e0;\r\n    font-size: 13px;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .wsx-recruitment-badges {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin-top: 18px;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .wsx-recruitment-badges span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    min-height: 28px;\r\n    padding: 0 10px;\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.06);\r\n    color: #dbe2ff;\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .wsx-recruitment-badges span.is-hot {\r\n    border-color: rgba(255, 46, 154, 0.46);\r\n    background: rgba(255, 46, 154, 0.14);\r\n    color: #ffffff;\r\n    box-shadow: 0 0 22px rgba(255, 46, 154, 0.14);\r\n  }\r\n\r\n  .wsx-recruitment-desc {\r\n    flex: 1;\r\n    margin: 16px 0 0;\r\n    color: #c3cbed;\r\n    font-size: 14px;\r\n    line-height: 1.62;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .wsx-recruitment-meta {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 8px;\r\n    margin-top: 18px;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .wsx-recruitment-meta div {\r\n    min-width: 0;\r\n    padding: 10px;\r\n    border: 1px solid rgba(255, 255, 255, 0.09);\r\n    border-radius: 14px;\r\n    background: rgba(255, 255, 255, 0.045);\r\n  }\r\n\r\n  .wsx-recruitment-meta span {\r\n    display: block;\r\n    color: #8f9bc6;\r\n    font-size: 10px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .wsx-recruitment-meta strong {\r\n    display: block;\r\n    margin-top: 7px;\r\n    color: #ffffff;\r\n    font-size: 13px;\r\n    line-height: 1.1;\r\n    font-weight: 900;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  .wsx-recruitment-progress {\r\n    width: 100%;\r\n    height: 8px;\r\n    margin-top: 16px;\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    overflow: hidden;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .wsx-recruitment-progress span {\r\n    display: block;\r\n    height: 100%;\r\n    border-radius: inherit;\r\n    background: linear-gradient(90deg, #ff2e9a, #19e3ff);\r\n    box-shadow: 0 0 18px rgba(25, 227, 255, 0.2);\r\n  }\r\n\r\n  .wsx-recruitment-actions {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    gap: 10px;\r\n    align-items: center;\r\n    margin-top: 18px;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .wsx-recruitment-actions a {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 46px;\r\n    padding: 0 15px;\r\n    border: 1px solid rgba(255, 255, 255, 0.13);\r\n    border-radius: 14px;\r\n    background: rgba(255, 255, 255, 0.055);\r\n    color: #dbe2ff !important;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    transition: border-color 0.22s ease, background 0.22s ease, color 0.22s ease, transform 0.22s ease;\r\n  }\r\n\r\n  .wsx-recruitment-actions a:hover {\r\n    transform: translateY(-2px);\r\n    border-color: rgba(25, 227, 255, 0.36);\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  .wsx-recruitment-sidebar {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    min-width: 0;\r\n    position: sticky;\r\n    top: 96px;\r\n  }\r\n\r\n  .wsx-recruitment-side-card {\r\n    position: relative;\r\n    padding: 20px;\r\n    border-radius: 22px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .wsx-recruitment-side-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0 0 auto 0;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, #ff2e9a, #19e3ff, transparent);\r\n    opacity: 0.7;\r\n  }\r\n\r\n  .wsx-recruitment-cta-card {\r\n    border-color: rgba(255, 46, 154, 0.24);\r\n    background:\r\n      radial-gradient(circle at 12% 16%, rgba(255, 46, 154, 0.16), transparent 38%),\r\n      linear-gradient(135deg, rgba(18, 24, 58, 0.86), rgba(7, 11, 26, 0.96));\r\n  }\r\n\r\n  .wsx-recruitment-cta-card h3 {\r\n    margin: 12px 0 0;\r\n    color: #ffffff;\r\n    font-size: 25px;\r\n    line-height: 1.1;\r\n    font-weight: 900;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  .wsx-recruitment-cta-card p,\r\n  .wsx-recruitment-note-card p {\r\n    margin: 10px 0 0;\r\n    color: #b8c0e0;\r\n    font-size: 14px;\r\n    line-height: 1.62;\r\n  }\r\n\r\n  .wsx-recruitment-cta-card a {\r\n    width: 100%;\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .wsx-recruitment-side-title {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .wsx-recruitment-side-title span {\r\n    color: #ffffff;\r\n    font-size: 16px;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .wsx-recruitment-side-title strong {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    min-height: 30px;\r\n    padding: 0 10px;\r\n    border-radius: 999px;\r\n    background: rgba(25, 227, 255, 0.1);\r\n    color: #19e3ff;\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .wsx-recruitment-stat-list {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 10px;\r\n  }\r\n\r\n  .wsx-recruitment-stat-list div {\r\n    padding: 14px;\r\n    border: 1px solid rgba(255, 255, 255, 0.09);\r\n    border-radius: 16px;\r\n    background: rgba(255, 255, 255, 0.045);\r\n  }\r\n\r\n  .wsx-recruitment-stat-list span {\r\n    display: block;\r\n    color: #8f9bc6;\r\n    font-size: 11px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .wsx-recruitment-stat-list strong {\r\n    display: block;\r\n    margin-top: 8px;\r\n    color: #ffffff;\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: 34px;\r\n    line-height: 0.95;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .wsx-recruitment-flow {\r\n    display: grid;\r\n    gap: 10px;\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  .wsx-recruitment-flow li {\r\n    display: grid;\r\n    grid-template-columns: 34px minmax(0, 1fr);\r\n    gap: 10px;\r\n    align-items: center;\r\n    padding: 10px;\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 14px;\r\n    background: rgba(255, 255, 255, 0.04);\r\n  }\r\n\r\n  .wsx-recruitment-flow li span {\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg, rgba(255, 46, 154, 0.9), rgba(25, 227, 255, 0.55));\r\n    color: #ffffff;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .wsx-recruitment-flow p {\r\n    margin: 0;\r\n    color: #c3cbed;\r\n    font-size: 13px;\r\n    line-height: 1.4;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .wsx-recruitment-empty {\r\n    margin-top: 16px;\r\n    padding: 36px 22px;\r\n    border: 1px dashed rgba(255, 255, 255, 0.18);\r\n    border-radius: 22px;\r\n    background: rgba(255, 255, 255, 0.045);\r\n    text-align: center;\r\n  }\r\n\r\n  .wsx-recruitment-empty strong {\r\n    display: block;\r\n    color: #ffffff;\r\n    font-size: 22px;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .wsx-recruitment-empty p {\r\n    max-width: 440px;\r\n    margin: 10px auto 18px;\r\n    color: #b8c0e0;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .wsx-recruitment-modal[hidden] {\r\n    display: none !important;\r\n  }\r\n\r\n  .wsx-recruitment-modal {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 9999;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n  }\r\n\r\n  .wsx-recruitment-modal-backdrop {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(2, 4, 14, 0.78);\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .wsx-recruitment-modal-panel {\r\n    position: relative;\r\n    width: min(100%, 560px);\r\n    max-height: calc(100vh - 40px);\r\n    overflow: auto;\r\n    padding: 26px;\r\n    border: 1px solid rgba(255, 46, 154, 0.28);\r\n    border-radius: 24px;\r\n    background:\r\n      radial-gradient(circle at 10% 0%, rgba(255, 46, 154, 0.14), transparent 38%),\r\n      linear-gradient(135deg, rgba(14, 19, 48, 0.98), rgba(7, 11, 26, 0.98));\r\n    box-shadow: 0 30px 100px rgba(0, 0, 0, 0.58);\r\n  }\r\n\r\n  .wsx-recruitment-modal-close {\r\n    position: absolute;\r\n    top: 16px;\r\n    right: 16px;\r\n    width: 38px;\r\n    height: 38px;\r\n    border: 1px solid rgba(255, 255, 255, 0.14);\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.06);\r\n    color: #ffffff;\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .wsx-recruitment-modal-panel h3 {\r\n    margin: 12px 42px 0 0;\r\n    color: #ffffff;\r\n    font-size: 30px;\r\n    line-height: 1.1;\r\n    font-weight: 900;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  .wsx-recruitment-modal-panel > p {\r\n    margin: 10px 0 0;\r\n    color: #b8c0e0;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .wsx-recruitment-form {\r\n    display: grid;\r\n    gap: 16px;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .wsx-recruitment-form button {\r\n    width: 100%;\r\n    min-height: 52px;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  @media (max-width: 1200px) {\r\n    .wsx-recruitment-layout {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .wsx-recruitment-sidebar {\r\n      position: relative;\r\n      top: auto;\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .wsx-recruitment-note-card {\r\n      grid-column: 1 \/ -1;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .wsx-recruitment-head {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .wsx-recruitment-head-actions {\r\n      justify-content: flex-start;\r\n      min-width: 0;\r\n      width: 100%;\r\n    }\r\n\r\n    .wsx-recruitment-filter-row {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .wsx-recruitment-search {\r\n      grid-column: 1 \/ -1;\r\n    }\r\n\r\n    .wsx-recruitment-list {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .wsx-recruitment-head,\r\n    .wsx-recruitment-controls,\r\n    .wsx-recruitment-board,\r\n    .wsx-recruitment-side-card,\r\n    .wsx-recruitment-modal-panel {\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .wsx-recruitment-head {\r\n      padding: 22px;\r\n    }\r\n\r\n    .wsx-recruitment-head h2 {\r\n      font-size: 44px;\r\n    }\r\n\r\n    .wsx-recruitment-head p {\r\n      font-size: 14px;\r\n    }\r\n\r\n    .wsx-recruitment-head-actions,\r\n    .wsx-recruitment-create,\r\n    .wsx-recruitment-sync {\r\n      width: 100%;\r\n    }\r\n\r\n    .wsx-recruitment-create,\r\n    .wsx-recruitment-sync {\r\n      justify-content: center;\r\n    }\r\n\r\n    .wsx-recruitment-filter-row,\r\n    .wsx-recruitment-featured,\r\n    .wsx-recruitment-sidebar {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .wsx-recruitment-board-head {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .wsx-recruitment-board-head button {\r\n      width: 100%;\r\n    }\r\n\r\n    .wsx-recruitment-card {\r\n      padding: 18px;\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .wsx-recruitment-card-top {\r\n      grid-template-columns: 54px minmax(0, 1fr);\r\n    }\r\n\r\n    .wsx-recruitment-logo {\r\n      width: 54px;\r\n      height: 54px;\r\n      border-radius: 16px;\r\n      font-size: 21px;\r\n    }\r\n\r\n    .wsx-recruitment-meta {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .wsx-recruitment-actions {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .wsx-recruitment-actions a,\r\n    .wsx-recruitment-actions button {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .wsx-recruitment-head,\r\n    .wsx-recruitment-controls,\r\n    .wsx-recruitment-board,\r\n    .wsx-recruitment-side-card {\r\n      padding: 16px;\r\n    }\r\n\r\n    .wsx-recruitment-head h2 {\r\n      font-size: 38px;\r\n    }\r\n\r\n    .wsx-recruitment-tabs button {\r\n      width: 100%;\r\n    }\r\n\r\n    .wsx-recruitment-card-top {\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .wsx-recruitment-meta {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const roots = document.querySelectorAll('[data-wsx-recruitment]');\r\n\r\n    roots.forEach((root) => {\r\n      const tabs = Array.from(root.querySelectorAll('[data-recruitment-tab]'));\r\n      const typeField = root.querySelector('[data-recruitment-type-field]');\r\n      const searchInput = root.querySelector('[data-recruitment-search]');\r\n      const filters = Array.from(root.querySelectorAll('[data-recruitment-filter]'));\r\n      const cards = Array.from(root.querySelectorAll('[data-recruitment-card]'));\r\n      const countEl = root.querySelector('[data-recruitment-count]');\r\n      const emptyEl = root.querySelector('[data-recruitment-empty]');\r\n      const resetBtns = Array.from(root.querySelectorAll('[data-recruitment-reset], [data-recruitment-reset-empty]'));\r\n      const createLinks = Array.from(root.querySelectorAll('[data-create-recruitment-link], [data-sidebar-create-post]'));\r\n      const createPostUrl = root.getAttribute('data-create-post-url') || '\/create-a-crew\/';\r\n      const modal = root.querySelector('[data-recruitment-modal]');\r\n      const modalTitle = root.querySelector('#wsx-recruitment-modal-title');\r\n      const modalContext = root.querySelector('[data-modal-recruitment-context]');\r\n      const modalCloseBtns = Array.from(root.querySelectorAll('[data-close-recruitment-modal]'));\r\n      const form = root.querySelector('[data-recruitment-form]');\r\n      const formPostId = root.querySelector('[data-form-post-id]');\r\n      const formPostType = root.querySelector('[data-form-post-type]');\r\n      const formPayload = root.querySelector('[data-form-payload]');\r\n      const statOpenRoles = root.querySelector('[data-stat-open-roles]');\r\n      const statPlayers = root.querySelector('[data-stat-players]');\r\n      const statUrgent = root.querySelector('[data-stat-urgent]');\r\n\r\n      let activeType = typeField ? typeField.value : 'crew';\r\n      let activeCard = null;\r\n\r\n      const getFilterValue = (name) => {\r\n        const field = root.querySelector('[data-recruitment-filter=\"' + name + '\"]');\r\n        return field ? field.value : 'all';\r\n      };\r\n\r\n      const setStats = () => {\r\n        const openRoles = cards.filter((card) => card.dataset.type === 'crew').length;\r\n        const players = cards.filter((card) => card.dataset.type === 'player').length;\r\n        const urgent = cards.filter((card) => card.dataset.urgent === 'true').length;\r\n\r\n        if (statOpenRoles) statOpenRoles.textContent = String(openRoles);\r\n        if (statPlayers) statPlayers.textContent = String(players);\r\n        if (statUrgent) statUrgent.textContent = String(urgent);\r\n      };\r\n\r\n      const cardMatchesTab = (card) => {\r\n        if (activeType === 'urgent') return card.dataset.urgent === 'true';\r\n        return card.dataset.type === activeType;\r\n      };\r\n\r\n      const cardMatchesSearch = (card, query) => {\r\n        if (!query) return true;\r\n        const haystack = [\r\n          card.dataset.title,\r\n          card.dataset.crew,\r\n          card.dataset.player,\r\n          card.dataset.tag,\r\n          card.dataset.platform,\r\n          card.dataset.region,\r\n          card.dataset.role,\r\n          card.dataset.style,\r\n          card.dataset.language,\r\n          card.textContent\r\n        ].join(' ').toLowerCase();\r\n\r\n        return haystack.includes(query);\r\n      };\r\n\r\n      const cardMatchesFilter = (card, name, value) => {\r\n        if (!value || value === 'all') return true;\r\n        const cardValue = (card.dataset[name] || '').toLowerCase();\r\n        return cardValue.split(\/\\s+\/).includes(value.toLowerCase()) || cardValue.includes(value.toLowerCase());\r\n      };\r\n\r\n      const applyFilters = () => {\r\n        const query = (searchInput ? searchInput.value : '').trim().toLowerCase();\r\n        const platform = getFilterValue('platform');\r\n        const region = getFilterValue('region');\r\n        const role = getFilterValue('role');\r\n\r\n        let visible = 0;\r\n\r\n        cards.forEach((card) => {\r\n          const show =\r\n            cardMatchesTab(card) &&\r\n            cardMatchesSearch(card, query) &&\r\n            cardMatchesFilter(card, 'platform', platform) &&\r\n            cardMatchesFilter(card, 'region', region) &&\r\n            cardMatchesFilter(card, 'role', role);\r\n\r\n          card.hidden = !show;\r\n          if (show) visible += 1;\r\n        });\r\n\r\n        if (countEl) countEl.textContent = String(visible);\r\n        if (emptyEl) emptyEl.hidden = visible !== 0;\r\n      };\r\n\r\n      const setActiveType = (type) => {\r\n        activeType = type;\r\n        if (typeField) typeField.value = type;\r\n\r\n        tabs.forEach((tab) => {\r\n          tab.classList.toggle('is-active', tab.dataset.recruitmentTab === type);\r\n        });\r\n\r\n        applyFilters();\r\n      };\r\n\r\n      const resetFilters = () => {\r\n        if (searchInput) searchInput.value = '';\r\n        filters.forEach((filter) => { filter.value = 'all'; });\r\n        setActiveType('crew');\r\n      };\r\n\r\n      const openModal = (card) => {\r\n        activeCard = card;\r\n        const isPlayer = card.dataset.type === 'player';\r\n        const title = isPlayer ? (card.dataset.player || 'Player') : (card.querySelector('h3') ? card.querySelector('h3').textContent.trim() : 'Recruitment role');\r\n        const crewOrPlayer = isPlayer ? 'Invite ' + title : 'Apply for ' + title;\r\n\r\n        if (modalTitle) modalTitle.textContent = crewOrPlayer;\r\n        if (modalContext) {\r\n          modalContext.textContent = isPlayer\r\n            ? 'Send an invite request to this player. In the app, this becomes a crew leader invite workflow.'\r\n            : 'Send your details to the crew leader. In the app, this becomes a real application workflow.';\r\n        }\r\n        if (formPostId) formPostId.value = card.dataset.postId || '';\r\n        if (formPostType) formPostType.value = card.dataset.type || '';\r\n\r\n        if (modal) {\r\n          modal.hidden = false;\r\n          document.documentElement.style.overflow = 'hidden';\r\n          const firstInput = modal.querySelector('input[name=\"display_name\"]');\r\n          window.setTimeout(() => { if (firstInput) firstInput.focus(); }, 80);\r\n        }\r\n      };\r\n\r\n      const closeModal = () => {\r\n        if (modal) modal.hidden = true;\r\n        document.documentElement.style.overflow = '';\r\n        activeCard = null;\r\n      };\r\n\r\n      tabs.forEach((tab) => {\r\n        tab.addEventListener('click', () => setActiveType(tab.dataset.recruitmentTab));\r\n      });\r\n\r\n      if (searchInput) searchInput.addEventListener('input', applyFilters);\r\n      filters.forEach((filter) => filter.addEventListener('change', applyFilters));\r\n      resetBtns.forEach((button) => button.addEventListener('click', resetFilters));\r\n\r\n      createLinks.forEach((link) => {\r\n        link.setAttribute('href', createPostUrl);\r\n      });\r\n\r\n      cards.forEach((card) => {\r\n        const button = card.querySelector('[data-apply-recruitment]');\r\n        if (button) button.addEventListener('click', () => openModal(card));\r\n      });\r\n\r\n      modalCloseBtns.forEach((button) => button.addEventListener('click', closeModal));\r\n\r\n      document.addEventListener('keydown', (event) => {\r\n        if (event.key === 'Escape' && modal && !modal.hidden) closeModal();\r\n      });\r\n\r\n      if (form) {\r\n        form.addEventListener('submit', (event) => {\r\n          event.preventDefault();\r\n\r\n          const data = new FormData(form);\r\n          const payload = {\r\n            source: 'wanted-six-wordpress-preview',\r\n            endpoint: root.getAttribute('data-application-endpoint') || null,\r\n            post_id: data.get('post_id'),\r\n            post_type: data.get('post_type'),\r\n            target_title: activeCard ? (activeCard.querySelector('h3') ? activeCard.querySelector('h3').textContent.trim() : '') : '',\r\n            target_crew: activeCard ? (activeCard.dataset.crew || null) : null,\r\n            target_player: activeCard ? (activeCard.dataset.player || null) : null,\r\n            display_name: data.get('display_name'),\r\n            platform: data.get('user_platform'),\r\n            contact: data.get('contact'),\r\n            message: data.get('message'),\r\n            created_at: new Date().toISOString()\r\n          };\r\n\r\n          if (formPayload) formPayload.value = JSON.stringify(payload);\r\n          console.log('Wanted Six recruitment payload:', payload);\r\n\r\n          form.reset();\r\n          closeModal();\r\n\r\n          const sync = root.querySelector('[data-recruitment-sync]');\r\n          if (sync) {\r\n            sync.textContent = 'Request saved in preview';\r\n            window.setTimeout(() => { sync.textContent = 'Status: Static preview'; }, 2500);\r\n          }\r\n        });\r\n      }\r\n\r\n      setStats();\r\n      applyFilters();\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Recruitment Find the right players. Browse open crew positions, discover players looking for a squad and match with people who fit your platform, region and playstyle.Recruitment on Wanted Six is built to help crews grow before Leonida goes live. Open Recruitment Board 186 Open Roles Crews hiring right now 312 Players LFC Looking for a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-749","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/749","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/comments?post=749"}],"version-history":[{"count":7,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/749\/revisions"}],"predecessor-version":[{"id":818,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/749\/revisions\/818"}],"wp:attachment":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/media?parent=749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}