{"id":707,"date":"2026-07-07T22:17:28","date_gmt":"2026-07-07T22:17:28","guid":{"rendered":"https:\/\/wantedsix.com\/?page_id=707"},"modified":"2026-07-08T17:16:00","modified_gmt":"2026-07-08T17:16:00","slug":"crews","status":"publish","type":"page","link":"https:\/\/wantedsix.com\/de\/crews\/","title":{"rendered":"Crews"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"707\" class=\"elementor elementor-707\" 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\">Find Your Crew<\/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\">Team up before Leonida opens.<\/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 active Wanted Six crews, compare playstyles and join the people who fit your vibe.<br \/>From casual explorers to competitive leaderboard hunters, your Leonida story starts with the right squad.<\/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\">Find a crew<\/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 - CREWS -->\r\n<section\r\n  class=\"wsx-stats-section\"\r\n  data-wsx-module=\"global-stats\"\r\n  data-page-context=\"crews\"\r\n  data-stats-endpoint=\"\"\r\n  data-refresh-interval=\"0\"\r\n  aria-label=\"Wanted Six Crew 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=\"active_crews\">\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>128<\/div>\r\n        <div class=\"wsx-stat-title\">Active Crews<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Listed on Wanted Six<\/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=\"recruiting_now\">\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 8l20 10v14c0 13-8 22-20 28-12-6-20-15-20-28V18l20-10z\"><\/path>\r\n          <path d=\"M23 33l6 6 13-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>74<\/div>\r\n        <div class=\"wsx-stat-title\">Recruiting Now<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Open for applications<\/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=\"crew_members\">\r\n      <div class=\"wsx-stat-icon wsx-purple\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M15 25h34a9 9 0 0 1 9 9v5a9 9 0 0 1-9 9H15a9 9 0 0 1-9-9v-5a9 9 0 0 1 9-9z\"><\/path>\r\n          <path d=\"M20 37h12\"><\/path>\r\n          <path d=\"M26 31v12\"><\/path>\r\n          <circle cx=\"43\" cy=\"34\" r=\"2.5\"><\/circle>\r\n          <circle cx=\"50\" cy=\"40\" r=\"2.5\"><\/circle>\r\n          <path d=\"M23 25l4-9h10l4 9\"><\/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>3,842<\/div>\r\n        <div class=\"wsx-stat-title\">Crew Members<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Across all squads<\/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=\"applications\">\r\n      <div class=\"wsx-stat-icon wsx-cyan\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M12 50V18a4 4 0 0 1 4-4h32a4 4 0 0 1 4 4v32\"><\/path>\r\n          <path d=\"M8 50h48\"><\/path>\r\n          <path d=\"M22 28h20\"><\/path>\r\n          <path d=\"M22 38h12\"><\/path>\r\n          <path d=\"M44 37l4 4 8-10\"><\/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>912<\/div>\r\n        <div class=\"wsx-stat-title\">Applications<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Ready for crew leaders<\/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 || '';\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 crew 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-crew-finder-section\" data-wsx-crew-finder data-crews-endpoint=\"\" data-application-endpoint=\"\" data-profile-url=\"\/crews\/\" data-create-url=\"\/create-crew\/\">\r\n  <div class=\"wsx-crew-finder-shell\">\r\n    <div class=\"wsx-crew-section-header\">\r\n      <div class=\"wsx-crew-title-wrap\">\r\n        <h2>Find a Crew<\/h2>\r\n        <span class=\"wsx-crew-title-line\" aria-hidden=\"true\"><\/span>\r\n      <\/div>\r\n\r\n      <a class=\"wsx-crew-view-link\" href=\"\/create-crew\/\" data-create-crew-link>\r\n        Create Crew\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h14\"><\/path>\r\n          <path d=\"m13 6 6 6-6 6\"><\/path>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <form class=\"wsx-crew-filter-panel\" data-filter-form>\r\n      <input type=\"hidden\" name=\"selected_quick_filter\" value=\"all\" data-quick-filter-field>\r\n\r\n      <div class=\"wsx-crew-search-row\">\r\n        <label class=\"wsx-crew-search-field\">\r\n          <span>Search crews<\/span>\r\n          <input type=\"search\" name=\"crew_search\" placeholder=\"Search by name, tag, city, playstyle...\" autocomplete=\"off\" data-search-input>\r\n        <\/label>\r\n\r\n        <label class=\"wsx-crew-select-field\">\r\n          <span>Sort<\/span>\r\n          <select name=\"crew_sort\" data-sort-select>\r\n            <option value=\"match\">Best match<\/option>\r\n            <option value=\"active\">Most active<\/option>\r\n            <option value=\"members\">Most members<\/option>\r\n            <option value=\"newest\">Newest crews<\/option>\r\n          <\/select>\r\n        <\/label>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-crew-filter-grid\">\r\n        <label class=\"wsx-crew-select-field\">\r\n          <span>Platform<\/span>\r\n          <select name=\"platform\" data-filter-select=\"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 class=\"wsx-crew-select-field\">\r\n          <span>Region<\/span>\r\n          <select name=\"region\" data-filter-select=\"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 class=\"wsx-crew-select-field\">\r\n          <span>Playstyle<\/span>\r\n          <select name=\"style\" data-filter-select=\"style\">\r\n            <option value=\"all\">All styles<\/option>\r\n            <option value=\"casual\">Casual<\/option>\r\n            <option value=\"competitive\">Competitive<\/option>\r\n            <option value=\"roleplay\">Roleplay<\/option>\r\n            <option value=\"grind\">Grind<\/option>\r\n            <option value=\"creator\">Creator<\/option>\r\n          <\/select>\r\n        <\/label>\r\n\r\n        <label class=\"wsx-crew-select-field\">\r\n          <span>Language<\/span>\r\n          <select name=\"language\" data-filter-select=\"language\">\r\n            <option value=\"all\">Any language<\/option>\r\n            <option value=\"de\">German<\/option>\r\n            <option value=\"en\">English<\/option>\r\n            <option value=\"multi\">Multilingual<\/option>\r\n          <\/select>\r\n        <\/label>\r\n\r\n        <label class=\"wsx-crew-select-field\">\r\n          <span>Status<\/span>\r\n          <select name=\"recruitment\" data-filter-select=\"recruitment\">\r\n            <option value=\"all\">All statuses<\/option>\r\n            <option value=\"open\">Recruiting<\/option>\r\n            <option value=\"review\">Application review<\/option>\r\n            <option value=\"invite\">Invite only<\/option>\r\n          <\/select>\r\n        <\/label>\r\n\r\n        <label class=\"wsx-crew-select-field\">\r\n          <span>Activity<\/span>\r\n          <select name=\"activity\" data-filter-select=\"activity\">\r\n            <option value=\"all\">Any activity<\/option>\r\n            <option value=\"daily\">Daily<\/option>\r\n            <option value=\"weekly\">Weekly<\/option>\r\n            <option value=\"weekend\">Weekend<\/option>\r\n          <\/select>\r\n        <\/label>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-crew-quick-row\" role=\"group\" aria-label=\"Quick crew filters\">\r\n        <button class=\"wsx-crew-filter-chip is-active\" type=\"button\" data-quick-filter=\"all\">All<\/button>\r\n        <button class=\"wsx-crew-filter-chip\" type=\"button\" data-quick-filter=\"open\">Recruiting<\/button>\r\n        <button class=\"wsx-crew-filter-chip\" type=\"button\" data-quick-filter=\"competitive\">Competitive<\/button>\r\n        <button class=\"wsx-crew-filter-chip\" type=\"button\" data-quick-filter=\"casual\">Casual<\/button>\r\n        <button class=\"wsx-crew-filter-chip\" type=\"button\" data-quick-filter=\"roleplay\">Roleplay<\/button>\r\n        <button class=\"wsx-crew-filter-chip\" type=\"button\" data-quick-filter=\"de\">German<\/button>\r\n        <button class=\"wsx-crew-reset-btn\" type=\"button\" data-reset-filters>Reset<\/button>\r\n      <\/div>\r\n    <\/form>\r\n\r\n    <div class=\"wsx-crew-content-grid\">\r\n      <main class=\"wsx-crew-results\">\r\n        <div class=\"wsx-crew-results-head\">\r\n          <div>\r\n            <span class=\"wsx-crew-kicker\">Crew Directory<\/span>\r\n            <strong><span data-visible-count>0<\/span> crews found<\/strong>\r\n          <\/div>\r\n\r\n          <span class=\"wsx-crew-sync-status\" data-sync-status>Static preview data<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-crew-card-grid\" data-card-grid>\r\n          <article class=\"wsx-crew-card\" data-crew-card data-crew-id=\"vice-kings\" data-name=\"Vice Kings\" data-platform=\"ps5 xbox pc\" data-region=\"global\" data-style=\"competitive grind\" data-language=\"en multi\" data-recruitment=\"open\" data-activity=\"daily\" data-members=\"56\" data-capacity=\"80\" data-created=\"2026-07-01\" data-verified=\"true\">\r\n            <div class=\"wsx-crew-card-top\">\r\n              <div class=\"wsx-crew-logo wsx-crew-logo-pink\" aria-hidden=\"true\">VK<\/div>\r\n              <div class=\"wsx-crew-card-title\">\r\n                <div class=\"wsx-crew-card-name-row\">\r\n                  <h3>Vice Kings<\/h3>\r\n                  <span class=\"wsx-crew-verified\">Verified<\/span>\r\n                <\/div>\r\n                <p>High activity heists, weekly challenges and competitive Leonida runs.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-meta-row\">\r\n              <span data-meta=\"platform\">PS5 \/ Xbox \/ PC<\/span>\r\n              <span data-meta=\"region\">Global<\/span>\r\n              <span data-meta=\"activity\">Daily<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-progress\" aria-label=\"Crew member capacity\">\r\n              <div class=\"wsx-crew-progress-head\">\r\n                <span>56 members<\/span>\r\n                <span>70% full<\/span>\r\n              <\/div>\r\n              <span class=\"wsx-crew-progress-bar\"><span style=\"width: 70%;\"><\/span><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-tags\">\r\n              <span>Competitive<\/span>\r\n              <span>Heists<\/span>\r\n              <span>Daily<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-card-actions\">\r\n              <button class=\"wsx-crew-apply-btn\" type=\"button\" data-apply-crew>Apply<\/button>\r\n              <a class=\"wsx-crew-profile-btn\" href=\"\/crews\/vice-kings\/\" data-crew-profile>View Crew<\/a>\r\n              <button class=\"wsx-crew-save-btn\" type=\"button\" data-save-crew aria-label=\"Save Vice Kings\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M19 21 12 17 5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"><\/path>\r\n                <\/svg>\r\n              <\/button>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"wsx-crew-card\" data-crew-card data-crew-id=\"ocean-drive\" data-name=\"Ocean Drive\" data-platform=\"ps5\" data-region=\"eu\" data-style=\"casual creator\" data-language=\"de en\" data-recruitment=\"open\" data-activity=\"weekly\" data-members=\"48\" data-capacity=\"70\" data-created=\"2026-06-28\" data-verified=\"true\">\r\n            <div class=\"wsx-crew-card-top\">\r\n              <div class=\"wsx-crew-logo wsx-crew-logo-cyan\" aria-hidden=\"true\">OD<\/div>\r\n              <div class=\"wsx-crew-card-title\">\r\n                <div class=\"wsx-crew-card-name-row\">\r\n                  <h3>Ocean Drive<\/h3>\r\n                  <span class=\"wsx-crew-verified\">Verified<\/span>\r\n                <\/div>\r\n                <p>Chill community crew for guides, photo spots, map discoveries and casual events.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-meta-row\">\r\n              <span data-meta=\"platform\">PS5<\/span>\r\n              <span data-meta=\"region\">Europe<\/span>\r\n              <span data-meta=\"activity\">Weekly<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-progress\" aria-label=\"Crew member capacity\">\r\n              <div class=\"wsx-crew-progress-head\">\r\n                <span>48 members<\/span>\r\n                <span>69% full<\/span>\r\n              <\/div>\r\n              <span class=\"wsx-crew-progress-bar\"><span style=\"width: 69%;\"><\/span><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-tags\">\r\n              <span>Casual<\/span>\r\n              <span>Creator<\/span>\r\n              <span>German<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-card-actions\">\r\n              <button class=\"wsx-crew-apply-btn\" type=\"button\" data-apply-crew>Apply<\/button>\r\n              <a class=\"wsx-crew-profile-btn\" href=\"\/crews\/ocean-drive\/\" data-crew-profile>View Crew<\/a>\r\n              <button class=\"wsx-crew-save-btn\" type=\"button\" data-save-crew aria-label=\"Save Ocean Drive\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M19 21 12 17 5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"><\/path>\r\n                <\/svg>\r\n              <\/button>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"wsx-crew-card\" data-crew-card data-crew-id=\"neon-riders\" data-name=\"Neon Riders\" data-platform=\"xbox pc\" data-region=\"na\" data-style=\"casual grind\" data-language=\"en\" data-recruitment=\"review\" data-activity=\"daily\" data-members=\"32\" data-capacity=\"50\" data-created=\"2026-06-20\" data-verified=\"false\">\r\n            <div class=\"wsx-crew-card-top\">\r\n              <div class=\"wsx-crew-logo wsx-crew-logo-purple\" aria-hidden=\"true\">NR<\/div>\r\n              <div class=\"wsx-crew-card-title\">\r\n                <div class=\"wsx-crew-card-name-row\">\r\n                  <h3>Neon Riders<\/h3>\r\n                  <span class=\"wsx-crew-status-review\">Review<\/span>\r\n                <\/div>\r\n                <p>Street races, car meets, convoy nights and relaxed progression sessions.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-meta-row\">\r\n              <span data-meta=\"platform\">Xbox \/ PC<\/span>\r\n              <span data-meta=\"region\">North America<\/span>\r\n              <span data-meta=\"activity\">Daily<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-progress\" aria-label=\"Crew member capacity\">\r\n              <div class=\"wsx-crew-progress-head\">\r\n                <span>32 members<\/span>\r\n                <span>64% full<\/span>\r\n              <\/div>\r\n              <span class=\"wsx-crew-progress-bar\"><span style=\"width: 64%;\"><\/span><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-tags\">\r\n              <span>Racing<\/span>\r\n              <span>Casual<\/span>\r\n              <span>Cars<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-card-actions\">\r\n              <button class=\"wsx-crew-apply-btn\" type=\"button\" data-apply-crew>Request Review<\/button>\r\n              <a class=\"wsx-crew-profile-btn\" href=\"\/crews\/neon-riders\/\" data-crew-profile>View Crew<\/a>\r\n              <button class=\"wsx-crew-save-btn\" type=\"button\" data-save-crew aria-label=\"Save Neon Riders\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M19 21 12 17 5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"><\/path>\r\n                <\/svg>\r\n              <\/button>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"wsx-crew-card\" data-crew-card data-crew-id=\"palm-drifters\" data-name=\"Palm Drifters\" data-platform=\"ps5 pc\" data-region=\"eu\" data-style=\"roleplay creator\" data-language=\"de multi\" data-recruitment=\"open\" data-activity=\"weekend\" data-members=\"38\" data-capacity=\"60\" data-created=\"2026-06-15\" data-verified=\"true\">\r\n            <div class=\"wsx-crew-card-top\">\r\n              <div class=\"wsx-crew-logo wsx-crew-logo-orange\" aria-hidden=\"true\">PD<\/div>\r\n              <div class=\"wsx-crew-card-title\">\r\n                <div class=\"wsx-crew-card-name-row\">\r\n                  <h3>Palm Drifters<\/h3>\r\n                  <span class=\"wsx-crew-verified\">Verified<\/span>\r\n                <\/div>\r\n                <p>Roleplay-ready driving crew with weekend sessions and community content.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-meta-row\">\r\n              <span data-meta=\"platform\">PS5 \/ PC<\/span>\r\n              <span data-meta=\"region\">Europe<\/span>\r\n              <span data-meta=\"activity\">Weekend<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-progress\" aria-label=\"Crew member capacity\">\r\n              <div class=\"wsx-crew-progress-head\">\r\n                <span>38 members<\/span>\r\n                <span>63% full<\/span>\r\n              <\/div>\r\n              <span class=\"wsx-crew-progress-bar\"><span style=\"width: 63%;\"><\/span><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-tags\">\r\n              <span>Roleplay<\/span>\r\n              <span>Drift<\/span>\r\n              <span>German<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-card-actions\">\r\n              <button class=\"wsx-crew-apply-btn\" type=\"button\" data-apply-crew>Apply<\/button>\r\n              <a class=\"wsx-crew-profile-btn\" href=\"\/crews\/palm-drifters\/\" data-crew-profile>View Crew<\/a>\r\n              <button class=\"wsx-crew-save-btn\" type=\"button\" data-save-crew aria-label=\"Save Palm Drifters\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M19 21 12 17 5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"><\/path>\r\n                <\/svg>\r\n              <\/button>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"wsx-crew-card\" data-crew-card data-crew-id=\"sunset-bandits\" data-name=\"Sunset Bandits\" data-platform=\"ps5 xbox\" data-region=\"global\" data-style=\"competitive\" data-language=\"en\" data-recruitment=\"invite\" data-activity=\"weekly\" data-members=\"28\" data-capacity=\"40\" data-created=\"2026-06-10\" data-verified=\"false\">\r\n            <div class=\"wsx-crew-card-top\">\r\n              <div class=\"wsx-crew-logo wsx-crew-logo-pink\" aria-hidden=\"true\">SB<\/div>\r\n              <div class=\"wsx-crew-card-title\">\r\n                <div class=\"wsx-crew-card-name-row\">\r\n                  <h3>Sunset Bandits<\/h3>\r\n                  <span class=\"wsx-crew-status-invite\">Invite<\/span>\r\n                <\/div>\r\n                <p>Small tactical crew focused on clean comms, elite runs and leaderboard pushes.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-meta-row\">\r\n              <span data-meta=\"platform\">PS5 \/ Xbox<\/span>\r\n              <span data-meta=\"region\">Global<\/span>\r\n              <span data-meta=\"activity\">Weekly<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-progress\" aria-label=\"Crew member capacity\">\r\n              <div class=\"wsx-crew-progress-head\">\r\n                <span>28 members<\/span>\r\n                <span>70% full<\/span>\r\n              <\/div>\r\n              <span class=\"wsx-crew-progress-bar\"><span style=\"width: 70%;\"><\/span><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-tags\">\r\n              <span>Competitive<\/span>\r\n              <span>Invite<\/span>\r\n              <span>Leaderboard<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-card-actions\">\r\n              <button class=\"wsx-crew-apply-btn\" type=\"button\" data-apply-crew>Request Invite<\/button>\r\n              <a class=\"wsx-crew-profile-btn\" href=\"\/crews\/sunset-bandits\/\" data-crew-profile>View Crew<\/a>\r\n              <button class=\"wsx-crew-save-btn\" type=\"button\" data-save-crew aria-label=\"Save Sunset Bandits\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M19 21 12 17 5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"><\/path>\r\n                <\/svg>\r\n              <\/button>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"wsx-crew-card\" data-crew-card data-crew-id=\"leonida-legends\" data-name=\"Leonida Legends\" data-platform=\"pc\" data-region=\"eu\" data-style=\"grind competitive\" data-language=\"de\" data-recruitment=\"open\" data-activity=\"daily\" data-members=\"74\" data-capacity=\"100\" data-created=\"2026-06-03\" data-verified=\"true\">\r\n            <div class=\"wsx-crew-card-top\">\r\n              <div class=\"wsx-crew-logo wsx-crew-logo-cyan\" aria-hidden=\"true\">LL<\/div>\r\n              <div class=\"wsx-crew-card-title\">\r\n                <div class=\"wsx-crew-card-name-row\">\r\n                  <h3>Leonida Legends<\/h3>\r\n                  <span class=\"wsx-crew-verified\">Verified<\/span>\r\n                <\/div>\r\n                <p>German PC crew for guides, money routes, clean teamwork and launch prep.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-meta-row\">\r\n              <span data-meta=\"platform\">PC<\/span>\r\n              <span data-meta=\"region\">Europe<\/span>\r\n              <span data-meta=\"activity\">Daily<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-progress\" aria-label=\"Crew member capacity\">\r\n              <div class=\"wsx-crew-progress-head\">\r\n                <span>74 members<\/span>\r\n                <span>74% full<\/span>\r\n              <\/div>\r\n              <span class=\"wsx-crew-progress-bar\"><span style=\"width: 74%;\"><\/span><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-tags\">\r\n              <span>German<\/span>\r\n              <span>PC<\/span>\r\n              <span>Grind<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-card-actions\">\r\n              <button class=\"wsx-crew-apply-btn\" type=\"button\" data-apply-crew>Apply<\/button>\r\n              <a class=\"wsx-crew-profile-btn\" href=\"\/crews\/leonida-legends\/\" data-crew-profile>View Crew<\/a>\r\n              <button class=\"wsx-crew-save-btn\" type=\"button\" data-save-crew aria-label=\"Save Leonida Legends\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M19 21 12 17 5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"><\/path>\r\n                <\/svg>\r\n              <\/button>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"wsx-crew-card\" data-crew-card data-crew-id=\"vice-city-vipers\" data-name=\"Vice City Vipers\" data-platform=\"xbox\" data-region=\"na\" data-style=\"roleplay casual\" data-language=\"en\" data-recruitment=\"review\" data-activity=\"weekend\" data-members=\"24\" data-capacity=\"45\" data-created=\"2026-05-29\" data-verified=\"false\">\r\n            <div class=\"wsx-crew-card-top\">\r\n              <div class=\"wsx-crew-logo wsx-crew-logo-purple\" aria-hidden=\"true\">VV<\/div>\r\n              <div class=\"wsx-crew-card-title\">\r\n                <div class=\"wsx-crew-card-name-row\">\r\n                  <h3>Vice City Vipers<\/h3>\r\n                  <span class=\"wsx-crew-status-review\">Review<\/span>\r\n                <\/div>\r\n                <p>Weekend roleplay crew for street scenes, screenshots and story events.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-meta-row\">\r\n              <span data-meta=\"platform\">Xbox<\/span>\r\n              <span data-meta=\"region\">North America<\/span>\r\n              <span data-meta=\"activity\">Weekend<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-progress\" aria-label=\"Crew member capacity\">\r\n              <div class=\"wsx-crew-progress-head\">\r\n                <span>24 members<\/span>\r\n                <span>53% full<\/span>\r\n              <\/div>\r\n              <span class=\"wsx-crew-progress-bar\"><span style=\"width: 53%;\"><\/span><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-tags\">\r\n              <span>Roleplay<\/span>\r\n              <span>Weekend<\/span>\r\n              <span>Xbox<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-card-actions\">\r\n              <button class=\"wsx-crew-apply-btn\" type=\"button\" data-apply-crew>Request Review<\/button>\r\n              <a class=\"wsx-crew-profile-btn\" href=\"\/crews\/vice-city-vipers\/\" data-crew-profile>View Crew<\/a>\r\n              <button class=\"wsx-crew-save-btn\" type=\"button\" data-save-crew aria-label=\"Save Vice City Vipers\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M19 21 12 17 5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"><\/path>\r\n                <\/svg>\r\n              <\/button>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"wsx-crew-card\" data-crew-card data-crew-id=\"night-shift\" data-name=\"Night Shift\" data-platform=\"ps5 pc\" data-region=\"global\" data-style=\"creator casual\" data-language=\"multi\" data-recruitment=\"open\" data-activity=\"weekly\" data-members=\"19\" data-capacity=\"35\" data-created=\"2026-05-17\" data-verified=\"false\">\r\n            <div class=\"wsx-crew-card-top\">\r\n              <div class=\"wsx-crew-logo wsx-crew-logo-orange\" aria-hidden=\"true\">NS<\/div>\r\n              <div class=\"wsx-crew-card-title\">\r\n                <div class=\"wsx-crew-card-name-row\">\r\n                  <h3>Night Shift<\/h3>\r\n                  <span class=\"wsx-crew-status-open\">Open<\/span>\r\n                <\/div>\r\n                <p>Small creator crew for clips, thumbnails, missions and community collabs.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-meta-row\">\r\n              <span data-meta=\"platform\">PS5 \/ PC<\/span>\r\n              <span data-meta=\"region\">Global<\/span>\r\n              <span data-meta=\"activity\">Weekly<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-progress\" aria-label=\"Crew member capacity\">\r\n              <div class=\"wsx-crew-progress-head\">\r\n                <span>19 members<\/span>\r\n                <span>54% full<\/span>\r\n              <\/div>\r\n              <span class=\"wsx-crew-progress-bar\"><span style=\"width: 54%;\"><\/span><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-tags\">\r\n              <span>Creator<\/span>\r\n              <span>Clips<\/span>\r\n              <span>Casual<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-card-actions\">\r\n              <button class=\"wsx-crew-apply-btn\" type=\"button\" data-apply-crew>Apply<\/button>\r\n              <a class=\"wsx-crew-profile-btn\" href=\"\/crews\/night-shift\/\" data-crew-profile>View Crew<\/a>\r\n              <button class=\"wsx-crew-save-btn\" type=\"button\" data-save-crew aria-label=\"Save Night Shift\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M19 21 12 17 5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"><\/path>\r\n                <\/svg>\r\n              <\/button>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-crew-empty\" data-empty-state hidden>\r\n          <strong>No crews found<\/strong>\r\n          <p>Try removing a filter or search for a broader playstyle.<\/p>\r\n          <button type=\"button\" data-reset-filters-empty>Reset Filters<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-crew-pagination\" data-pagination>\r\n          <button type=\"button\" data-page-prev>Previous<\/button>\r\n          <span data-page-status>Page 1 of 1<\/span>\r\n          <button type=\"button\" data-page-next>Next<\/button>\r\n        <\/div>\r\n      <\/main>\r\n\r\n      <aside class=\"wsx-crew-sidebar\">\r\n        <div class=\"wsx-crew-side-card wsx-crew-match-card\">\r\n          <span class=\"wsx-crew-kicker\">Crew Match<\/span>\r\n          <strong>Build your launch squad.<\/strong>\r\n          <p>Filters are already prepared for live crew data. Later we can replace the static cards with API results and keep the same UI.<\/p>\r\n\r\n          <div class=\"wsx-crew-side-stats\">\r\n            <div>\r\n              <span data-total-crews>8<\/span>\r\n              <small>Crews<\/small>\r\n            <\/div>\r\n            <div>\r\n              <span data-open-crews>4<\/span>\r\n              <small>Recruiting<\/small>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-crew-side-card\">\r\n          <span class=\"wsx-crew-kicker\">Recruitment Status<\/span>\r\n          <div class=\"wsx-crew-status-list\">\r\n            <div>\r\n              <span class=\"wsx-crew-dot wsx-crew-dot-open\"><\/span>\r\n              <strong>Open<\/strong>\r\n              <small>Instant applications are accepted.<\/small>\r\n            <\/div>\r\n            <div>\r\n              <span class=\"wsx-crew-dot wsx-crew-dot-review\"><\/span>\r\n              <strong>Review<\/strong>\r\n              <small>Crew leaders check your profile first.<\/small>\r\n            <\/div>\r\n            <div>\r\n              <span class=\"wsx-crew-dot wsx-crew-dot-invite\"><\/span>\r\n              <strong>Invite<\/strong>\r\n              <small>Request an invite or save the crew.<\/small>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-crew-side-card wsx-crew-join-card\">\r\n          <span class=\"wsx-crew-kicker\">Need a Crew Page?<\/span>\r\n          <strong>Create one later.<\/strong>\r\n          <p>This button is ready for a future logged-in create flow.<\/p>\r\n          <a href=\"\/create-crew\/\" data-create-crew-link-sidebar>Create Crew<\/a>\r\n        <\/div>\r\n      <\/aside>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"wsx-crew-modal\" data-application-modal hidden>\r\n    <div class=\"wsx-crew-modal-backdrop\" data-modal-close><\/div>\r\n\r\n    <div class=\"wsx-crew-modal-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"wsx-crew-application-title\">\r\n      <button class=\"wsx-crew-modal-close\" type=\"button\" data-modal-close aria-label=\"Close crew application\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M18 6 6 18\"><\/path>\r\n          <path d=\"m6 6 12 12\"><\/path>\r\n        <\/svg>\r\n      <\/button>\r\n\r\n      <form class=\"wsx-crew-application-form\" data-application-form>\r\n        <input type=\"hidden\" name=\"crew_id\" data-application-crew-id>\r\n        <input type=\"hidden\" name=\"crew_name\" data-application-crew-name>\r\n        <input type=\"hidden\" name=\"application_source\" value=\"wanted_six_find_a_crew\">\r\n        <input type=\"hidden\" name=\"application_status\" value=\"pending\">\r\n        <input type=\"hidden\" name=\"created_at\" data-application-created>\r\n\r\n        <span class=\"wsx-crew-kicker\">Crew Application<\/span>\r\n        <h3 id=\"wsx-crew-application-title\">Apply to <span data-application-title>Crew<\/span><\/h3>\r\n        <p class=\"wsx-crew-application-copy\">Send a short intro. Later this can post directly to the Wanted Six web app and notify crew admins.<\/p>\r\n\r\n        <div class=\"wsx-crew-form-grid\">\r\n          <label>\r\n            <span>Display name<\/span>\r\n            <input type=\"text\" name=\"display_name\" placeholder=\"Your Wanted Six name\" required>\r\n          <\/label>\r\n\r\n          <label>\r\n            <span>Platform<\/span>\r\n            <select name=\"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        <\/div>\r\n\r\n        <label>\r\n          <span>Why do you want to join?<\/span>\r\n          <textarea name=\"message\" rows=\"4\" placeholder=\"Playstyle, timezone, goals, experience...\" required><\/textarea>\r\n        <\/label>\r\n\r\n        <label class=\"wsx-crew-checkbox\">\r\n          <input type=\"checkbox\" name=\"share_profile\" value=\"yes\" checked>\r\n          <span>Share my Wanted Six profile with the crew admins.<\/span>\r\n        <\/label>\r\n\r\n        <div class=\"wsx-crew-form-actions\">\r\n          <button class=\"wsx-crew-submit-application\" type=\"submit\">Send Application<\/button>\r\n          <button class=\"wsx-crew-cancel-application\" type=\"button\" data-modal-close>Cancel<\/button>\r\n        <\/div>\r\n\r\n        <p class=\"wsx-crew-form-message\" data-form-message aria-live=\"polite\"><\/p>\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-crew-finder-section {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    padding: 0;\r\n    margin: 0;\r\n    box-sizing: border-box;\r\n    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    color: #FFFFFF;\r\n    overflow: visible;\r\n  }\r\n\r\n  .wsx-crew-finder-section *,\r\n  .wsx-crew-finder-section *::before,\r\n  .wsx-crew-finder-section *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .wsx-crew-finder-shell {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n\r\n  .wsx-crew-section-header {\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 22px;\r\n  }\r\n\r\n  .wsx-crew-title-wrap {\r\n    min-width: 0;\r\n    flex: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n  }\r\n\r\n  .wsx-crew-title-wrap h2 {\r\n    margin: 0;\r\n    color: #FF2E9A;\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: 18px;\r\n    line-height: 1;\r\n    font-weight: 950;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n    white-space: nowrap;\r\n    text-shadow: 0 0 16px rgba(255, 46, 154, 0.7);\r\n  }\r\n\r\n  .wsx-crew-title-line {\r\n    flex: 1;\r\n    height: 1px;\r\n    min-width: 48px;\r\n    background: linear-gradient(90deg, rgba(255, 46, 154, 0.95), rgba(25, 227, 255, 0.82), transparent);\r\n  }\r\n\r\n  .wsx-crew-view-link {\r\n    flex: 0 0 auto;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: #19E3FF;\r\n    font-size: 15px;\r\n    line-height: 1;\r\n    font-weight: 850;\r\n    text-decoration: none !important;\r\n    transition: color 0.2s ease, transform 0.2s ease;\r\n  }\r\n\r\n  .wsx-crew-view-link:hover,\r\n  .wsx-crew-view-link:focus-visible {\r\n    color: #FF2E9A;\r\n    transform: translateX(2px);\r\n  }\r\n\r\n  .wsx-crew-view-link svg,\r\n  .wsx-crew-save-btn svg,\r\n  .wsx-crew-modal-close svg,\r\n  .wsx-crew-cta svg,\r\n  .wsx-crew-open-link svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    display: block;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2.4;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .wsx-crew-filter-panel,\r\n  .wsx-crew-side-card,\r\n  .wsx-crew-results,\r\n  .wsx-crew-card,\r\n  .wsx-crew-modal-panel {\r\n    border: 1px solid rgba(40, 48, 95, 0.9);\r\n    background:\r\n      radial-gradient(circle at 0% 0%, rgba(255, 46, 154, 0.12), transparent 34%),\r\n      radial-gradient(circle at 100% 10%, rgba(25, 227, 255, 0.1), transparent 34%),\r\n      linear-gradient(135deg, rgba(18, 24, 58, 0.88), rgba(7, 11, 26, 0.96));\r\n    box-shadow:\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.035),\r\n      0 0 28px rgba(255, 46, 154, 0.08);\r\n  }\r\n\r\n  .wsx-crew-filter-panel {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    padding: 18px;\r\n    border-radius: 14px;\r\n  }\r\n\r\n  .wsx-crew-search-row {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) 220px;\r\n    gap: 14px;\r\n  }\r\n\r\n  .wsx-crew-filter-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(6, minmax(0, 1fr));\r\n    gap: 12px;\r\n  }\r\n\r\n  .wsx-crew-search-field,\r\n  .wsx-crew-select-field,\r\n  .wsx-crew-application-form label {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    min-width: 0;\r\n  }\r\n\r\n  .wsx-crew-search-field span,\r\n  .wsx-crew-select-field span,\r\n  .wsx-crew-application-form label > span {\r\n    color: #B8C0E0;\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  .wsx-crew-search-field input,\r\n  .wsx-crew-select-field select,\r\n  .wsx-crew-application-form input,\r\n  .wsx-crew-application-form select,\r\n  .wsx-crew-application-form textarea {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    width: 100%;\r\n    min-height: 48px;\r\n    border: 1px solid rgba(40, 48, 95, 0.95);\r\n    border-radius: 10px;\r\n    outline: none;\r\n    background: rgba(7, 11, 26, 0.68);\r\n    color: #FFFFFF;\r\n    font: inherit;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    line-height: 1.35;\r\n    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\r\n  }\r\n\r\n  .wsx-crew-select-field select,\r\n  .wsx-crew-application-form select {\r\n    background-image:\r\n      linear-gradient(45deg, transparent 50%, rgba(25, 227, 255, 0.95) 50%),\r\n      linear-gradient(135deg, rgba(25, 227, 255, 0.95) 50%, transparent 50%),\r\n      linear-gradient(135deg, rgba(18, 24, 58, 0.96), rgba(7, 11, 26, 0.82));\r\n    background-position:\r\n      calc(100% - 18px) 50%,\r\n      calc(100% - 13px) 50%,\r\n      0 0;\r\n    background-size:\r\n      5px 5px,\r\n      5px 5px,\r\n      100% 100%;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  .wsx-crew-search-field input::-webkit-search-decoration,\r\n  .wsx-crew-search-field input::-webkit-search-cancel-button,\r\n  .wsx-crew-search-field input::-webkit-search-results-button,\r\n  .wsx-crew-search-field input::-webkit-search-results-decoration {\r\n    display: none;\r\n  }\r\n\r\n  .wsx-crew-select-field select option,\r\n  .wsx-crew-application-form select option {\r\n    color: #FFFFFF;\r\n    background: #0E1330;\r\n  }\r\n\r\n  .wsx-crew-search-field input {\r\n    padding: 0 16px;\r\n  }\r\n\r\n  .wsx-crew-select-field select,\r\n  .wsx-crew-application-form select {\r\n    padding: 0 14px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .wsx-crew-application-form input,\r\n  .wsx-crew-application-form textarea {\r\n    padding: 13px 14px;\r\n  }\r\n\r\n  .wsx-crew-application-form textarea {\r\n    min-height: 128px;\r\n    resize: vertical;\r\n  }\r\n\r\n  .wsx-crew-search-field input:focus,\r\n  .wsx-crew-select-field select:focus,\r\n  .wsx-crew-application-form input:focus,\r\n  .wsx-crew-application-form select:focus,\r\n  .wsx-crew-application-form textarea:focus {\r\n    border-color: rgba(255, 46, 154, 0.78);\r\n    background: rgba(14, 19, 48, 0.9);\r\n    box-shadow: 0 0 0 3px rgba(255, 46, 154, 0.12);\r\n  }\r\n\r\n  .wsx-crew-search-field input::placeholder,\r\n  .wsx-crew-application-form input::placeholder,\r\n  .wsx-crew-application-form textarea::placeholder {\r\n    color: rgba(184, 192, 224, 0.58);\r\n  }\r\n\r\n  .wsx-crew-quick-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n  }\r\n\r\n  .wsx-crew-filter-chip,\r\n  .wsx-crew-reset-btn,\r\n  .wsx-crew-pagination button,\r\n  .wsx-crew-empty button,\r\n  .wsx-crew-cancel-application {\r\n    min-height: 38px;\r\n    padding: 0 15px;\r\n    border: 1px solid rgba(40, 48, 95, 0.95);\r\n    border-radius: 9px;\r\n    color: #B8C0E0;\r\n    background: rgba(7, 11, 26, 0.58);\r\n    font: inherit;\r\n    font-size: 13px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    cursor: pointer;\r\n    transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;\r\n  }\r\n\r\n  .wsx-crew-filter-chip:hover,\r\n  .wsx-crew-filter-chip:focus-visible,\r\n  .wsx-crew-reset-btn:hover,\r\n  .wsx-crew-reset-btn:focus-visible,\r\n  .wsx-crew-pagination button:hover,\r\n  .wsx-crew-pagination button:focus-visible,\r\n  .wsx-crew-empty button:hover,\r\n  .wsx-crew-empty button:focus-visible,\r\n  .wsx-crew-cancel-application:hover,\r\n  .wsx-crew-cancel-application:focus-visible {\r\n    color: #FFFFFF;\r\n    border-color: rgba(255, 46, 154, 0.62);\r\n    background: rgba(255, 46, 154, 0.12);\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .wsx-crew-filter-chip.is-active {\r\n    color: #FFFFFF;\r\n    border-color: rgba(255, 46, 154, 0.72);\r\n    background: linear-gradient(135deg, #FF2E9A, #A855F7);\r\n    box-shadow: 0 0 22px rgba(255, 46, 154, 0.18);\r\n  }\r\n\r\n  .wsx-crew-reset-btn {\r\n    margin-left: auto;\r\n    border-color: rgba(25, 227, 255, 0.32);\r\n    color: #19E3FF;\r\n  }\r\n\r\n  .wsx-crew-content-grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) 330px;\r\n    gap: 20px;\r\n    align-items: start;\r\n  }\r\n\r\n  .wsx-crew-results {\r\n    min-width: 0;\r\n    border-radius: 14px;\r\n    padding: 18px;\r\n  }\r\n\r\n  .wsx-crew-results-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-crew-kicker {\r\n    display: block;\r\n    color: #FF2E9A;\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-crew-results-head strong {\r\n    display: block;\r\n    margin-top: 6px;\r\n    color: #FFFFFF;\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: 28px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    letter-spacing: 0.02em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .wsx-crew-sync-status {\r\n    flex: 0 0 auto;\r\n    min-height: 30px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 0 11px;\r\n    border: 1px solid rgba(25, 227, 255, 0.34);\r\n    border-radius: 999px;\r\n    color: #19E3FF;\r\n    background: rgba(25, 227, 255, 0.08);\r\n    font-size: 11px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.06em;\r\n  }\r\n\r\n  .wsx-crew-card-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 14px;\r\n  }\r\n\r\n  .wsx-crew-card {\r\n    position: relative;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    border-radius: 14px;\r\n    padding: 16px;\r\n    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\r\n  }\r\n\r\n  .wsx-crew-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(120deg, rgba(255, 255, 255, 0.055), transparent 32%, rgba(25, 227, 255, 0.035));\r\n    opacity: 0.82;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .wsx-crew-card:hover {\r\n    transform: translateY(-3px);\r\n    border-color: rgba(255, 46, 154, 0.56);\r\n    box-shadow: 0 0 30px rgba(255, 46, 154, 0.14);\r\n  }\r\n\r\n  .wsx-crew-card[hidden] {\r\n    display: none;\r\n  }\r\n\r\n  .wsx-crew-card-top,\r\n  .wsx-crew-meta-row,\r\n  .wsx-crew-progress,\r\n  .wsx-crew-tags,\r\n  .wsx-crew-card-actions {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .wsx-crew-card-top {\r\n    display: grid;\r\n    grid-template-columns: 58px minmax(0, 1fr);\r\n    gap: 14px;\r\n    align-items: start;\r\n  }\r\n\r\n  .wsx-crew-logo {\r\n    width: 58px;\r\n    height: 58px;\r\n    display: grid;\r\n    place-items: center;\r\n    border-radius: 14px;\r\n    color: #FFFFFF;\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: 27px;\r\n    line-height: 1;\r\n    font-weight: 950;\r\n    letter-spacing: 0.02em;\r\n    text-shadow: 0 0 14px rgba(255, 255, 255, 0.32);\r\n  }\r\n\r\n  .wsx-crew-logo-pink {\r\n    border: 1px solid rgba(255, 46, 154, 0.62);\r\n    background: linear-gradient(135deg, rgba(255, 46, 154, 0.48), rgba(168, 85, 247, 0.22));\r\n    box-shadow: 0 0 22px rgba(255, 46, 154, 0.16);\r\n  }\r\n\r\n  .wsx-crew-logo-cyan {\r\n    border: 1px solid rgba(25, 227, 255, 0.56);\r\n    background: linear-gradient(135deg, rgba(25, 227, 255, 0.32), rgba(18, 24, 58, 0.72));\r\n    box-shadow: 0 0 22px rgba(25, 227, 255, 0.12);\r\n  }\r\n\r\n  .wsx-crew-logo-purple {\r\n    border: 1px solid rgba(168, 85, 247, 0.6);\r\n    background: linear-gradient(135deg, rgba(168, 85, 247, 0.42), rgba(217, 70, 239, 0.18));\r\n    box-shadow: 0 0 22px rgba(168, 85, 247, 0.12);\r\n  }\r\n\r\n  .wsx-crew-logo-orange {\r\n    border: 1px solid rgba(255, 138, 61, 0.62);\r\n    background: linear-gradient(135deg, rgba(255, 138, 61, 0.42), rgba(255, 46, 154, 0.2));\r\n    box-shadow: 0 0 22px rgba(255, 138, 61, 0.12);\r\n  }\r\n\r\n  .wsx-crew-card-name-row {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 10px;\r\n  }\r\n\r\n  .wsx-crew-card-title h3 {\r\n    min-width: 0;\r\n    margin: 0;\r\n    color: #FFFFFF;\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: 28px;\r\n    line-height: 0.95;\r\n    font-weight: 900;\r\n    letter-spacing: 0.02em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .wsx-crew-card-title p {\r\n    margin: 8px 0 0;\r\n    color: #B8C0E0;\r\n    font-size: 14px;\r\n    line-height: 1.45;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .wsx-crew-verified,\r\n  .wsx-crew-status-review,\r\n  .wsx-crew-status-invite,\r\n  .wsx-crew-status-open {\r\n    flex: 0 0 auto;\r\n    min-height: 25px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 0 9px;\r\n    border-radius: 999px;\r\n    font-size: 10px;\r\n    line-height: 1;\r\n    font-weight: 950;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.06em;\r\n  }\r\n\r\n  .wsx-crew-verified,\r\n  .wsx-crew-status-open {\r\n    color: #19E3FF;\r\n    border: 1px solid rgba(25, 227, 255, 0.38);\r\n    background: rgba(25, 227, 255, 0.1);\r\n  }\r\n\r\n  .wsx-crew-status-review {\r\n    color: #FF8A3D;\r\n    border: 1px solid rgba(255, 138, 61, 0.45);\r\n    background: rgba(255, 138, 61, 0.1);\r\n  }\r\n\r\n  .wsx-crew-status-invite {\r\n    color: #D946EF;\r\n    border: 1px solid rgba(217, 70, 239, 0.45);\r\n    background: rgba(217, 70, 239, 0.1);\r\n  }\r\n\r\n  .wsx-crew-meta-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .wsx-crew-meta-row span,\r\n  .wsx-crew-tags span {\r\n    min-height: 28px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 0 10px;\r\n    border: 1px solid rgba(40, 48, 95, 0.9);\r\n    border-radius: 999px;\r\n    color: #B8C0E0;\r\n    background: rgba(7, 11, 26, 0.42);\r\n    font-size: 11px;\r\n    line-height: 1;\r\n    font-weight: 850;\r\n  }\r\n\r\n  .wsx-crew-progress {\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .wsx-crew-progress-head {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    margin-bottom: 8px;\r\n    color: #B8C0E0;\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 850;\r\n  }\r\n\r\n  .wsx-crew-progress-bar {\r\n    display: block;\r\n    width: 100%;\r\n    height: 8px;\r\n    overflow: hidden;\r\n    border-radius: 999px;\r\n    background: rgba(40, 48, 95, 0.72);\r\n  }\r\n\r\n  .wsx-crew-progress-bar 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 12px rgba(255, 46, 154, 0.34);\r\n  }\r\n\r\n  .wsx-crew-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin-top: 14px;\r\n  }\r\n\r\n  .wsx-crew-card-actions {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 42px;\r\n    gap: 9px;\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .wsx-crew-apply-btn,\r\n  .wsx-crew-profile-btn,\r\n  .wsx-crew-save-btn,\r\n  .wsx-crew-submit-application,\r\n  .wsx-crew-join-card a {\r\n    min-height: 42px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    border-radius: 10px;\r\n    font: inherit;\r\n    font-size: 13px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    text-align: center;\r\n    text-decoration: none !important;\r\n    cursor: pointer;\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;\r\n  }\r\n\r\n  .wsx-crew-apply-btn,\r\n  .wsx-crew-submit-application,\r\n  .wsx-crew-join-card a {\r\n    border: 1px solid rgba(255, 46, 154, 0.64);\r\n    color: #FFFFFF !important;\r\n    background: linear-gradient(135deg, #FF2E9A, #A855F7);\r\n    box-shadow: 0 0 20px rgba(255, 46, 154, 0.18);\r\n  }\r\n\r\n  .wsx-crew-profile-btn {\r\n    border: 1px solid rgba(25, 227, 255, 0.34);\r\n    color: #FFFFFF !important;\r\n    background: rgba(25, 227, 255, 0.08);\r\n  }\r\n\r\n  .wsx-crew-save-btn {\r\n    width: 42px;\r\n    min-width: 42px;\r\n    padding: 0;\r\n    border: 1px solid rgba(40, 48, 95, 0.95);\r\n    color: #B8C0E0;\r\n    background: rgba(7, 11, 26, 0.58);\r\n  }\r\n\r\n  .wsx-crew-save-btn.is-saved {\r\n    color: #FF2E9A;\r\n    border-color: rgba(255, 46, 154, 0.62);\r\n    background: rgba(255, 46, 154, 0.12);\r\n  }\r\n\r\n  .wsx-crew-apply-btn:hover,\r\n  .wsx-crew-apply-btn:focus-visible,\r\n  .wsx-crew-profile-btn:hover,\r\n  .wsx-crew-profile-btn:focus-visible,\r\n  .wsx-crew-save-btn:hover,\r\n  .wsx-crew-save-btn:focus-visible,\r\n  .wsx-crew-submit-application:hover,\r\n  .wsx-crew-submit-application:focus-visible,\r\n  .wsx-crew-join-card a:hover,\r\n  .wsx-crew-join-card a:focus-visible {\r\n    color: #FFFFFF !important;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 0 26px rgba(255, 46, 154, 0.26);\r\n  }\r\n\r\n  .wsx-crew-empty {\r\n    margin-top: 14px;\r\n    padding: 28px;\r\n    border: 1px dashed rgba(255, 46, 154, 0.4);\r\n    border-radius: 14px;\r\n    text-align: center;\r\n    background: rgba(7, 11, 26, 0.42);\r\n  }\r\n\r\n  .wsx-crew-empty[hidden] {\r\n    display: none;\r\n  }\r\n\r\n  .wsx-crew-empty strong {\r\n    display: block;\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-crew-empty p {\r\n    margin: 8px 0 16px;\r\n    color: #B8C0E0;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .wsx-crew-pagination {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    margin-top: 18px;\r\n  }\r\n\r\n  .wsx-crew-pagination span {\r\n    color: #B8C0E0;\r\n    font-size: 13px;\r\n    line-height: 1;\r\n    font-weight: 850;\r\n  }\r\n\r\n  .wsx-crew-pagination button:disabled {\r\n    opacity: 0.45;\r\n    cursor: not-allowed;\r\n    transform: none;\r\n  }\r\n\r\n  .wsx-crew-sidebar {\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n  }\r\n\r\n  .wsx-crew-side-card {\r\n    border-radius: 14px;\r\n    padding: 18px;\r\n  }\r\n\r\n  .wsx-crew-side-card > 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: 0.98;\r\n    font-weight: 900;\r\n    letter-spacing: 0.02em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .wsx-crew-side-card p {\r\n    margin: 12px 0 0;\r\n    color: #B8C0E0;\r\n    font-size: 14px;\r\n    line-height: 1.55;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .wsx-crew-side-stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 10px;\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .wsx-crew-side-stats div {\r\n    min-height: 86px;\r\n    padding: 14px;\r\n    border: 1px solid rgba(40, 48, 95, 0.9);\r\n    border-radius: 12px;\r\n    background: rgba(7, 11, 26, 0.42);\r\n  }\r\n\r\n  .wsx-crew-side-stats span {\r\n    display: block;\r\n    color: #FFFFFF;\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: 34px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .wsx-crew-side-stats small {\r\n    display: block;\r\n    margin-top: 5px;\r\n    color: #B8C0E0;\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 850;\r\n  }\r\n\r\n  .wsx-crew-status-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin-top: 14px;\r\n  }\r\n\r\n  .wsx-crew-status-list div {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: 12px minmax(0, 1fr);\r\n    column-gap: 10px;\r\n    row-gap: 4px;\r\n    align-items: center;\r\n  }\r\n\r\n  .wsx-crew-dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 999px;\r\n  }\r\n\r\n  .wsx-crew-dot-open {\r\n    background: #19E3FF;\r\n    box-shadow: 0 0 10px rgba(25, 227, 255, 0.8);\r\n  }\r\n\r\n  .wsx-crew-dot-review {\r\n    background: #FF8A3D;\r\n    box-shadow: 0 0 10px rgba(255, 138, 61, 0.72);\r\n  }\r\n\r\n  .wsx-crew-dot-invite {\r\n    background: #D946EF;\r\n    box-shadow: 0 0 10px rgba(217, 70, 239, 0.72);\r\n  }\r\n\r\n  .wsx-crew-status-list strong {\r\n    color: #FFFFFF;\r\n    font-size: 14px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .wsx-crew-status-list small {\r\n    grid-column: 2;\r\n    color: #B8C0E0;\r\n    font-size: 12px;\r\n    line-height: 1.4;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .wsx-crew-join-card a {\r\n    width: 100%;\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .wsx-crew-modal[hidden] {\r\n    display: none;\r\n  }\r\n\r\n  .wsx-crew-modal {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 99999;\r\n    display: grid;\r\n    place-items: center;\r\n    padding: 22px;\r\n  }\r\n\r\n  .wsx-crew-modal-backdrop {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(0, 0, 0, 0.8);\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .wsx-crew-modal-panel {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: min(680px, 100%);\r\n    max-height: min(88vh, 780px);\r\n    overflow: auto;\r\n    border-radius: 16px;\r\n    padding: 24px;\r\n  }\r\n\r\n  .wsx-crew-modal-close {\r\n    position: absolute;\r\n    top: 16px;\r\n    right: 16px;\r\n    width: 42px;\r\n    height: 42px;\r\n    display: grid;\r\n    place-items: center;\r\n    border: 1px solid rgba(40, 48, 95, 0.95);\r\n    border-radius: 10px;\r\n    color: #FFFFFF;\r\n    background: rgba(7, 11, 26, 0.72);\r\n    cursor: pointer;\r\n  }\r\n\r\n  .wsx-crew-application-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  .wsx-crew-application-form h3 {\r\n    max-width: calc(100% - 56px);\r\n    margin: 6px 0 0;\r\n    color: #FFFFFF;\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: clamp(40px, 5vw, 60px);\r\n    line-height: 0.92;\r\n    font-weight: 950;\r\n    letter-spacing: 0.02em;\r\n    text-transform: uppercase;\r\n    text-shadow: 0 0 18px rgba(255, 46, 154, 0.24);\r\n  }\r\n\r\n  .wsx-crew-application-copy {\r\n    max-width: 560px;\r\n    margin: -4px 0 2px;\r\n    color: #B8C0E0;\r\n    font-size: 15px;\r\n    line-height: 1.55;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .wsx-crew-form-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 14px;\r\n  }\r\n\r\n  .wsx-crew-checkbox {\r\n    flex-direction: row;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    color: #B8C0E0;\r\n    font-size: 13px;\r\n    line-height: 1.45;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .wsx-crew-checkbox input {\r\n    width: 18px;\r\n    min-width: 18px;\r\n    height: 18px;\r\n    min-height: 18px;\r\n    margin-top: 1px;\r\n    accent-color: #FF2E9A;\r\n  }\r\n\r\n  .wsx-crew-form-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    align-items: center;\r\n  }\r\n\r\n  .wsx-crew-submit-application,\r\n  .wsx-crew-cancel-application {\r\n    min-width: 170px;\r\n  }\r\n\r\n  .wsx-crew-form-message {\r\n    min-height: 20px;\r\n    margin: 0;\r\n    color: #19E3FF;\r\n    font-size: 13px;\r\n    line-height: 1.45;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .wsx-crew-form-message.is-error {\r\n    color: #FF8A3D;\r\n  }\r\n\r\n  @media (max-width: 1366px) {\r\n    .wsx-crew-filter-grid {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    }\r\n\r\n    .wsx-crew-content-grid {\r\n      grid-template-columns: minmax(0, 1fr);\r\n    }\r\n\r\n    .wsx-crew-sidebar {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .wsx-crew-search-row {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .wsx-crew-card-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .wsx-crew-sidebar {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .wsx-crew-section-header {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      gap: 14px;\r\n    }\r\n\r\n    .wsx-crew-title-wrap h2 {\r\n      white-space: normal;\r\n      line-height: 1.1;\r\n    }\r\n\r\n    .wsx-crew-view-link {\r\n      align-self: flex-start;\r\n    }\r\n\r\n    .wsx-crew-filter-panel,\r\n    .wsx-crew-results,\r\n    .wsx-crew-side-card {\r\n      padding: 14px;\r\n      border-radius: 12px;\r\n    }\r\n\r\n    .wsx-crew-filter-grid,\r\n    .wsx-crew-form-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .wsx-crew-reset-btn {\r\n      margin-left: 0;\r\n    }\r\n\r\n    .wsx-crew-results-head {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .wsx-crew-card {\r\n      padding: 14px;\r\n      border-radius: 12px;\r\n    }\r\n\r\n    .wsx-crew-card-top {\r\n      grid-template-columns: 50px minmax(0, 1fr);\r\n      gap: 12px;\r\n    }\r\n\r\n    .wsx-crew-logo {\r\n      width: 50px;\r\n      height: 50px;\r\n      border-radius: 12px;\r\n      font-size: 24px;\r\n    }\r\n\r\n    .wsx-crew-card-name-row {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 8px;\r\n    }\r\n\r\n    .wsx-crew-card-title h3 {\r\n      font-size: 25px;\r\n    }\r\n\r\n    .wsx-crew-card-actions {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .wsx-crew-save-btn {\r\n      width: 100%;\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-crew-pagination {\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .wsx-crew-modal {\r\n      padding: 14px;\r\n    }\r\n\r\n    .wsx-crew-modal-panel {\r\n      padding: 20px;\r\n      border-radius: 14px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .wsx-crew-search-field input,\r\n    .wsx-crew-select-field select,\r\n    .wsx-crew-application-form input,\r\n    .wsx-crew-application-form select {\r\n      min-height: 46px;\r\n    }\r\n\r\n    .wsx-crew-card-top {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .wsx-crew-form-actions {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .wsx-crew-submit-application,\r\n    .wsx-crew-cancel-application {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    \"use strict\";\r\n\r\n    var widgets = document.querySelectorAll(\"[data-wsx-crew-finder]\");\r\n\r\n    widgets.forEach(function (widget) {\r\n      if (widget.dataset.wsxCrewFinderReady === \"true\") {\r\n        return;\r\n      }\r\n\r\n      widget.dataset.wsxCrewFinderReady = \"true\";\r\n\r\n      var cards = Array.prototype.slice.call(widget.querySelectorAll(\"[data-crew-card]\"));\r\n      var searchInput = widget.querySelector(\"[data-search-input]\");\r\n      var sortSelect = widget.querySelector(\"[data-sort-select]\");\r\n      var filterSelects = Array.prototype.slice.call(widget.querySelectorAll(\"[data-filter-select]\"));\r\n      var quickButtons = Array.prototype.slice.call(widget.querySelectorAll(\"[data-quick-filter]\"));\r\n      var quickField = widget.querySelector(\"[data-quick-filter-field]\");\r\n      var resetButtons = Array.prototype.slice.call(widget.querySelectorAll(\"[data-reset-filters], [data-reset-filters-empty]\"));\r\n      var visibleCount = widget.querySelector(\"[data-visible-count]\");\r\n      var totalCrews = widget.querySelector(\"[data-total-crews]\");\r\n      var openCrews = widget.querySelector(\"[data-open-crews]\");\r\n      var emptyState = widget.querySelector(\"[data-empty-state]\");\r\n      var pageStatus = widget.querySelector(\"[data-page-status]\");\r\n      var prevButton = widget.querySelector(\"[data-page-prev]\");\r\n      var nextButton = widget.querySelector(\"[data-page-next]\");\r\n      var syncStatus = widget.querySelector(\"[data-sync-status]\");\r\n      var modal = widget.querySelector(\"[data-application-modal]\");\r\n      var applicationForm = widget.querySelector(\"[data-application-form]\");\r\n      var formMessage = widget.querySelector(\"[data-form-message]\");\r\n      var applicationEndpoint = (widget.getAttribute(\"data-application-endpoint\") || \"\").trim();\r\n      var createUrl = (widget.getAttribute(\"data-create-url\") || \"\/create-crew\/\").trim();\r\n      var activeItems = [];\r\n      var currentPage = 1;\r\n      var perPage = 6;\r\n\r\n      function hasToken(card, key, value) {\r\n        var raw = (card.dataset[key] || \"\").toLowerCase();\r\n\r\n        if (value === \"all\") {\r\n          return true;\r\n        }\r\n\r\n        return raw.split(\/\\s+\/).indexOf(value) !== -1;\r\n      }\r\n\r\n      function textMatches(card, query) {\r\n        if (!query) {\r\n          return true;\r\n        }\r\n\r\n        return card.textContent.toLowerCase().indexOf(query) !== -1;\r\n      }\r\n\r\n      function getSelectValue(name) {\r\n        var select = widget.querySelector('[data-filter-select=\"' + name + '\"]');\r\n        return select ? select.value : \"all\";\r\n      }\r\n\r\n      function applyQuickFilter(card, quickValue) {\r\n        if (quickValue === \"all\") {\r\n          return true;\r\n        }\r\n\r\n        if (quickValue === \"open\") {\r\n          return card.dataset.recruitment === \"open\";\r\n        }\r\n\r\n        if (quickValue === \"de\") {\r\n          return hasToken(card, \"language\", \"de\");\r\n        }\r\n\r\n        return hasToken(card, \"style\", quickValue);\r\n      }\r\n\r\n      function scoreCard(card) {\r\n        var score = 0;\r\n        var recruitment = card.dataset.recruitment;\r\n        var activity = card.dataset.activity;\r\n\r\n        if (card.dataset.verified === \"true\") {\r\n          score += 40;\r\n        }\r\n\r\n        if (recruitment === \"open\") {\r\n          score += 30;\r\n        } else if (recruitment === \"review\") {\r\n          score += 18;\r\n        }\r\n\r\n        if (activity === \"daily\") {\r\n          score += 22;\r\n        } else if (activity === \"weekly\") {\r\n          score += 14;\r\n        }\r\n\r\n        score += Math.min(parseInt(card.dataset.members || \"0\", 10), 100) \/ 4;\r\n        return score;\r\n      }\r\n\r\n      function sortCards(items) {\r\n        var mode = sortSelect ? sortSelect.value : \"match\";\r\n\r\n        return items.sort(function (a, b) {\r\n          if (mode === \"active\") {\r\n            var activityRank = { daily: 3, weekly: 2, weekend: 1 };\r\n            return (activityRank[b.dataset.activity] || 0) - (activityRank[a.dataset.activity] || 0);\r\n          }\r\n\r\n          if (mode === \"members\") {\r\n            return parseInt(b.dataset.members || \"0\", 10) - parseInt(a.dataset.members || \"0\", 10);\r\n          }\r\n\r\n          if (mode === \"newest\") {\r\n            return new Date(b.dataset.created || \"1970-01-01\") - new Date(a.dataset.created || \"1970-01-01\");\r\n          }\r\n\r\n          return scoreCard(b) - scoreCard(a);\r\n        });\r\n      }\r\n\r\n      function updateQuickButtons(value) {\r\n        quickButtons.forEach(function (button) {\r\n          button.classList.toggle(\"is-active\", button.dataset.quickFilter === value);\r\n        });\r\n\r\n        if (quickField) {\r\n          quickField.value = value;\r\n        }\r\n      }\r\n\r\n      function render() {\r\n        var query = searchInput ? searchInput.value.trim().toLowerCase() : \"\";\r\n        var platform = getSelectValue(\"platform\");\r\n        var region = getSelectValue(\"region\");\r\n        var style = getSelectValue(\"style\");\r\n        var language = getSelectValue(\"language\");\r\n        var recruitment = getSelectValue(\"recruitment\");\r\n        var activity = getSelectValue(\"activity\");\r\n        var quickValue = quickField ? quickField.value : \"all\";\r\n\r\n        activeItems = cards.filter(function (card) {\r\n          return textMatches(card, query) &&\r\n            hasToken(card, \"platform\", platform) &&\r\n            hasToken(card, \"region\", region) &&\r\n            hasToken(card, \"style\", style) &&\r\n            hasToken(card, \"language\", language) &&\r\n            hasToken(card, \"recruitment\", recruitment) &&\r\n            hasToken(card, \"activity\", activity) &&\r\n            applyQuickFilter(card, quickValue);\r\n        });\r\n\r\n        activeItems = sortCards(activeItems);\r\n\r\n        var totalPages = Math.max(1, Math.ceil(activeItems.length \/ perPage));\r\n\r\n        if (currentPage > totalPages) {\r\n          currentPage = totalPages;\r\n        }\r\n\r\n        var start = (currentPage - 1) * perPage;\r\n        var end = start + perPage;\r\n        var pageItems = activeItems.slice(start, end);\r\n\r\n        cards.forEach(function (card) {\r\n          card.hidden = pageItems.indexOf(card) === -1;\r\n        });\r\n\r\n        activeItems.forEach(function (card) {\r\n          var grid = widget.querySelector(\"[data-card-grid]\");\r\n\r\n          if (grid) {\r\n            grid.appendChild(card);\r\n          }\r\n        });\r\n\r\n        if (visibleCount) {\r\n          visibleCount.textContent = String(activeItems.length);\r\n        }\r\n\r\n        if (emptyState) {\r\n          emptyState.hidden = activeItems.length !== 0;\r\n        }\r\n\r\n        if (pageStatus) {\r\n          pageStatus.textContent = \"Page \" + currentPage + \" of \" + totalPages;\r\n        }\r\n\r\n        if (prevButton) {\r\n          prevButton.disabled = currentPage <= 1;\r\n        }\r\n\r\n        if (nextButton) {\r\n          nextButton.disabled = currentPage >= totalPages;\r\n        }\r\n      }\r\n\r\n      function resetFilters() {\r\n        if (searchInput) {\r\n          searchInput.value = \"\";\r\n        }\r\n\r\n        filterSelects.forEach(function (select) {\r\n          select.value = \"all\";\r\n        });\r\n\r\n        if (sortSelect) {\r\n          sortSelect.value = \"match\";\r\n        }\r\n\r\n        currentPage = 1;\r\n        updateQuickButtons(\"all\");\r\n        render();\r\n      }\r\n\r\n      function openApplication(card) {\r\n        if (!modal || !applicationForm) {\r\n          return;\r\n        }\r\n\r\n        var crewName = card.dataset.name || \"Crew\";\r\n        var crewId = card.dataset.crewId || \"\";\r\n\r\n        applicationForm.querySelector(\"[data-application-crew-id]\").value = crewId;\r\n        applicationForm.querySelector(\"[data-application-crew-name]\").value = crewName;\r\n        applicationForm.querySelector(\"[data-application-title]\").textContent = crewName;\r\n        applicationForm.querySelector(\"[data-application-created]\").value = new Date().toISOString();\r\n\r\n        if (formMessage) {\r\n          formMessage.textContent = \"\";\r\n          formMessage.classList.remove(\"is-error\");\r\n        }\r\n\r\n        modal.hidden = false;\r\n        document.documentElement.style.overflow = \"hidden\";\r\n\r\n        var firstInput = applicationForm.querySelector(\"input:not([type='hidden'])\");\r\n\r\n        if (firstInput) {\r\n          window.setTimeout(function () {\r\n            firstInput.focus();\r\n          }, 80);\r\n        }\r\n      }\r\n\r\n      function closeApplication() {\r\n        if (!modal) {\r\n          return;\r\n        }\r\n\r\n        modal.hidden = true;\r\n        document.documentElement.style.overflow = \"\";\r\n      }\r\n\r\n      function isValidEndpoint(value) {\r\n        return \/^https?:\\\/\\\/\/i.test(value) || value.indexOf(\"\/\") === 0;\r\n      }\r\n\r\n      function serializeForm(form) {\r\n        var formData = new FormData(form);\r\n        var payload = {};\r\n\r\n        formData.forEach(function (value, key) {\r\n          payload[key] = value;\r\n        });\r\n\r\n        payload.widget = \"find_a_crew\";\r\n        return payload;\r\n      }\r\n\r\n      filterSelects.forEach(function (select) {\r\n        select.addEventListener(\"change\", function () {\r\n          currentPage = 1;\r\n          render();\r\n        });\r\n      });\r\n\r\n      if (searchInput) {\r\n        searchInput.addEventListener(\"input\", function () {\r\n          currentPage = 1;\r\n          render();\r\n        });\r\n      }\r\n\r\n      if (sortSelect) {\r\n        sortSelect.addEventListener(\"change\", function () {\r\n          currentPage = 1;\r\n          render();\r\n        });\r\n      }\r\n\r\n      quickButtons.forEach(function (button) {\r\n        button.addEventListener(\"click\", function () {\r\n          currentPage = 1;\r\n          updateQuickButtons(button.dataset.quickFilter || \"all\");\r\n          render();\r\n        });\r\n      });\r\n\r\n      resetButtons.forEach(function (button) {\r\n        button.addEventListener(\"click\", resetFilters);\r\n      });\r\n\r\n      if (prevButton) {\r\n        prevButton.addEventListener(\"click\", function () {\r\n          currentPage = Math.max(1, currentPage - 1);\r\n          render();\r\n        });\r\n      }\r\n\r\n      if (nextButton) {\r\n        nextButton.addEventListener(\"click\", function () {\r\n          var totalPages = Math.max(1, Math.ceil(activeItems.length \/ perPage));\r\n          currentPage = Math.min(totalPages, currentPage + 1);\r\n          render();\r\n        });\r\n      }\r\n\r\n      widget.addEventListener(\"click\", function (event) {\r\n        var saveButton = event.target.closest(\"[data-save-crew]\");\r\n        var applyButton = event.target.closest(\"[data-apply-crew]\");\r\n        var closeButton = event.target.closest(\"[data-modal-close]\");\r\n\r\n        if (saveButton && widget.contains(saveButton)) {\r\n          saveButton.classList.toggle(\"is-saved\");\r\n          saveButton.setAttribute(\"aria-pressed\", saveButton.classList.contains(\"is-saved\") ? \"true\" : \"false\");\r\n        }\r\n\r\n        if (applyButton && widget.contains(applyButton)) {\r\n          var card = applyButton.closest(\"[data-crew-card]\");\r\n\r\n          if (card) {\r\n            openApplication(card);\r\n          }\r\n        }\r\n\r\n        if (closeButton && widget.contains(closeButton)) {\r\n          closeApplication();\r\n        }\r\n      });\r\n\r\n      document.addEventListener(\"keydown\", function (event) {\r\n        if (event.key === \"Escape\" && modal && !modal.hidden) {\r\n          closeApplication();\r\n        }\r\n      });\r\n\r\n      if (applicationForm) {\r\n        applicationForm.addEventListener(\"submit\", function (event) {\r\n          event.preventDefault();\r\n\r\n          if (formMessage) {\r\n            formMessage.textContent = \"Sending application...\";\r\n            formMessage.classList.remove(\"is-error\");\r\n          }\r\n\r\n          var payload = serializeForm(applicationForm);\r\n\r\n          if (isValidEndpoint(applicationEndpoint)) {\r\n            fetch(applicationEndpoint, {\r\n              method: \"POST\",\r\n              headers: {\r\n                \"Content-Type\": \"application\/json\"\r\n              },\r\n              body: JSON.stringify(payload)\r\n            }).then(function (response) {\r\n              if (!response.ok) {\r\n                throw new Error(\"Application failed\");\r\n              }\r\n\r\n              if (formMessage) {\r\n                formMessage.textContent = \"Application sent. Crew admins will review it soon.\";\r\n              }\r\n            }).catch(function () {\r\n              if (formMessage) {\r\n                formMessage.textContent = \"Could not send right now. Please try again later.\";\r\n                formMessage.classList.add(\"is-error\");\r\n              }\r\n            });\r\n          } else {\r\n            window.console.log(\"Wanted Six crew application payload\", payload);\r\n\r\n            if (formMessage) {\r\n              formMessage.textContent = \"Demo mode: application payload is ready for the web app.\";\r\n            }\r\n          }\r\n        });\r\n      }\r\n\r\n      Array.prototype.slice.call(widget.querySelectorAll(\"[data-create-crew-link], [data-create-crew-link-sidebar]\")).forEach(function (link) {\r\n        link.href = createUrl || \"\/create-crew\/\";\r\n      });\r\n\r\n      if (totalCrews) {\r\n        totalCrews.textContent = String(cards.length);\r\n      }\r\n\r\n      if (openCrews) {\r\n        openCrews.textContent = String(cards.filter(function (card) {\r\n          return card.dataset.recruitment === \"open\";\r\n        }).length);\r\n      }\r\n\r\n      if (syncStatus) {\r\n        syncStatus.textContent = widget.getAttribute(\"data-crews-endpoint\") ? \"Endpoint ready\" : \"Static preview data\";\r\n      }\r\n\r\n      render();\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>Find Your Crew Team up before Leonida opens. Browse active Wanted Six crews, compare playstyles and join the people who fit your vibe.From casual explorers to competitive leaderboard hunters, your Leonida story starts with the right squad. Find a crew 128 Active Crews Listed on Wanted Six 74 Recruiting Now Open for applications 3,842 Crew [&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-707","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/707","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=707"}],"version-history":[{"count":14,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/707\/revisions"}],"predecessor-version":[{"id":809,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/707\/revisions\/809"}],"wp:attachment":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/media?parent=707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}