{"id":844,"date":"2026-07-08T17:48:46","date_gmt":"2026-07-08T17:48:46","guid":{"rendered":"https:\/\/wantedsix.com\/?page_id=844"},"modified":"2026-07-08T18:17:59","modified_gmt":"2026-07-08T18:17:59","slug":"top-crews","status":"publish","type":"page","link":"https:\/\/wantedsix.com\/de\/top-crews\/","title":{"rendered":"Top Crews"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"844\" class=\"elementor elementor-844\" 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\">Top Crews<\/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\">From street squads to elite crews.<\/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 class=\"PDq2pG_selectionAnchorContainer\" data-start=\"467\" data-end=\"616\">Compare the most active crews in Leonida by rank, reputation, members and playstyle \u2014 then join the squad that matches your game.<\/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\">Explore top crews<\/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 TOP CREWS STATS SECTION -->\r\n<section\r\n  class=\"wsx-rewards-stats-section\"\r\n  data-wsx-module=\"top-crews-stats\"\r\n  data-crews-stats-endpoint=\"\"\r\n>\r\n  <div class=\"wsx-rewards-stats-grid\">\r\n\r\n    <!-- Card 1 -->\r\n    <div class=\"wsx-rewards-stat-card wsx-rewards-pink-card\" data-stat-key=\"top_crews\">\r\n      <div class=\"wsx-rewards-stat-icon wsx-rewards-pink\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M18 14h28v10a14 14 0 0 1-28 0V14z\"><\/path>\r\n          <path d=\"M18 20H8v4a12 12 0 0 0 12 12\"><\/path>\r\n          <path d=\"M46 20h10v4a12 12 0 0 1-12 12\"><\/path>\r\n          <path d=\"M32 38v10\"><\/path>\r\n          <path d=\"M22 56h20\"><\/path>\r\n          <path d=\"M26 48h12\"><\/path>\r\n          <path d=\"M32 19l3 6 6 .8-4.5 4.2 1.2 6-5.7-3.2-5.7 3.2 1.2-6L23 25.8l6-.8 3-6z\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-rewards-stat-content\">\r\n        <div class=\"wsx-rewards-stat-number\" data-stat-value>486<\/div>\r\n        <div class=\"wsx-rewards-stat-title\">Top Crews<\/div>\r\n        <div class=\"wsx-rewards-stat-subtitle\">Ranked crew profiles<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 2 -->\r\n    <div class=\"wsx-rewards-stat-card wsx-rewards-cyan-card\" data-stat-key=\"recruiting_crews\">\r\n      <div class=\"wsx-rewards-stat-icon wsx-rewards-cyan\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <circle cx=\"24\" cy=\"22\" r=\"8\"><\/circle>\r\n          <circle cx=\"44\" cy=\"24\" r=\"6\"><\/circle>\r\n          <path d=\"M10 52v-4a14 14 0 0 1 28 0v4\"><\/path>\r\n          <path d=\"M38 52v-3a11 11 0 0 1 16-9.8\"><\/path>\r\n          <path d=\"M46 40v10\"><\/path>\r\n          <path d=\"M41 45h10\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-rewards-stat-content\">\r\n        <div class=\"wsx-rewards-stat-number\" data-stat-value>128<\/div>\r\n        <div class=\"wsx-rewards-stat-title\">Recruiting<\/div>\r\n        <div class=\"wsx-rewards-stat-subtitle\">Crews open for members<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 3 -->\r\n    <div class=\"wsx-rewards-stat-card wsx-rewards-purple-card\" data-stat-key=\"active_members\">\r\n      <div class=\"wsx-rewards-stat-icon wsx-rewards-purple\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <circle cx=\"22\" cy=\"22\" r=\"7\"><\/circle>\r\n          <circle cx=\"42\" cy=\"22\" r=\"7\"><\/circle>\r\n          <circle cx=\"32\" cy=\"36\" r=\"8\"><\/circle>\r\n          <path d=\"M8 52v-3a12 12 0 0 1 18-10.4\"><\/path>\r\n          <path d=\"M56 52v-3a12 12 0 0 0-18-10.4\"><\/path>\r\n          <path d=\"M18 56v-4a14 14 0 0 1 28 0v4\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-rewards-stat-content\">\r\n        <div class=\"wsx-rewards-stat-number\" data-stat-value>8.4K<\/div>\r\n        <div class=\"wsx-rewards-stat-title\">Crew Members<\/div>\r\n        <div class=\"wsx-rewards-stat-subtitle\">Active across squads<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Card 4 -->\r\n    <div class=\"wsx-rewards-stat-card wsx-rewards-orange-card\" data-stat-key=\"crew_reputation\">\r\n      <div class=\"wsx-rewards-stat-icon wsx-rewards-orange\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M32 6l7.2 17.4L58 25 44 37.2 48.2 56 32 46.2 15.8 56 20 37.2 6 25l18.8-1.6L32 6z\"><\/path>\r\n          <path d=\"M24 34h16\"><\/path>\r\n          <path d=\"M27 42h10\"><\/path>\r\n          <path d=\"M20 56h24\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-rewards-stat-content\">\r\n        <div class=\"wsx-rewards-stat-number\" data-stat-value>2.8M<\/div>\r\n        <div class=\"wsx-rewards-stat-title\">Crew REP<\/div>\r\n        <div class=\"wsx-rewards-stat-subtitle\">Combined season reputation<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.currentScript.closest('.wsx-rewards-stats-section');\r\n      if (!root) return;\r\n\r\n      const endpoint = root.dataset.crewsStatsEndpoint;\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        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(data) {\r\n        if (!data || typeof data !== 'object') return;\r\n\r\n        const stats = data.stats && typeof data.stats === 'object' ? data.stats : data;\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 || stats[key] === undefined) return;\r\n\r\n          valueTarget.textContent = formatValue(stats[key]);\r\n        });\r\n      }\r\n\r\n      if (endpoint) {\r\n        fetch(endpoint)\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 top crews stats endpoint not available yet.');\r\n          });\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-rewards-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-rewards-stats-section *,\r\n  .wsx-rewards-stats-section *::before,\r\n  .wsx-rewards-stats-section *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .wsx-rewards-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-rewards-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-rewards-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-rewards-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-rewards-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-rewards-pink-card {\r\n    border-color: rgba(255, 46, 154, 0.34);\r\n  }\r\n\r\n  .wsx-rewards-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-rewards-cyan-card::after {\r\n    background: linear-gradient(180deg, transparent, var(--wsx-cyan), transparent);\r\n  }\r\n\r\n  .wsx-rewards-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-rewards-purple-card::after {\r\n    background: linear-gradient(180deg, transparent, var(--wsx-purple), transparent);\r\n  }\r\n\r\n  .wsx-rewards-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-rewards-orange-card::after {\r\n    background: linear-gradient(180deg, transparent, var(--wsx-orange), transparent);\r\n  }\r\n\r\n  .wsx-rewards-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-rewards-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-rewards-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-rewards-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-rewards-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-rewards-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-rewards-stat-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    min-width: 0;\r\n  }\r\n\r\n  .wsx-rewards-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-rewards-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-rewards-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-rewards-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-rewards-stats-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 14px;\r\n    }\r\n\r\n    .wsx-rewards-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-rewards-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-rewards-stat-icon svg {\r\n      width: 36px;\r\n      height: 36px;\r\n    }\r\n\r\n    .wsx-rewards-stat-number {\r\n      font-size: 34px;\r\n    }\r\n\r\n    .wsx-rewards-stat-title {\r\n      font-size: 21px;\r\n    }\r\n\r\n    .wsx-rewards-stat-subtitle {\r\n      font-size: 13px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .wsx-rewards-stat-card {\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .wsx-rewards-stat-number {\r\n      font-size: 31px;\r\n    }\r\n\r\n    .wsx-rewards-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<!-- WANTED SIX TOP CREWS - SECTION 1: TOP CREWS HUB -->\r\n<section\r\n  class=\"wsx-top-crews\"\r\n  data-wsx-module=\"top-crews-hub\"\r\n  data-crews-endpoint=\"\"\r\n  data-crew-apply-endpoint=\"\"\r\n  data-stats-endpoint=\"\"\r\n  data-season-id=\"prelaunch-s01\"\r\n  data-user-id=\"\"\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-top-crews,\r\n    .wsx-top-crews * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .wsx-top-crews {\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-border-hot: rgba(255, 46, 154, 0.34);\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      --wsx-soft: rgba(184, 192, 224, 0.78);\r\n\r\n      width: 100%;\r\n      max-width: 100%;\r\n      margin: 0;\r\n      padding: 0;\r\n      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n      color: var(--wsx-text);\r\n      position: relative;\r\n    }\r\n\r\n    .wsx-top-crews a,\r\n    .wsx-top-crews button,\r\n    .wsx-top-crews input,\r\n    .wsx-top-crews select,\r\n    .wsx-top-crews textarea {\r\n      font: inherit;\r\n    }\r\n\r\n    .wsx-top-crews button {\r\n      border: 0;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .wsx-crews-shell {\r\n      width: 100%;\r\n      max-width: 100%;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) 360px;\r\n      gap: 22px;\r\n      align-items: start;\r\n    }\r\n\r\n    .wsx-crews-main,\r\n    .wsx-crews-side-card,\r\n    .wsx-crews-featured,\r\n    .wsx-crew-card {\r\n      position: relative;\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: 0 24px 80px rgba(0, 0, 0, 0.38), 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    }\r\n\r\n    .wsx-crews-main {\r\n      border-radius: 18px;\r\n      padding: 22px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-crews-main::before,\r\n    .wsx-crews-side-card::before,\r\n    .wsx-crews-featured::before,\r\n    .wsx-crew-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      pointer-events: none;\r\n      background: linear-gradient(120deg, rgba(255,255,255,0.06), transparent 24%, transparent 68%, rgba(255,255,255,0.025));\r\n    }\r\n\r\n    .wsx-crews-main > *,\r\n    .wsx-crews-side-card > *,\r\n    .wsx-crews-featured > *,\r\n    .wsx-crew-card > * {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .wsx-crews-topbar {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) auto;\r\n      gap: 18px;\r\n      align-items: center;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .wsx-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      width: fit-content;\r\n      margin-bottom: 10px;\r\n      padding: 7px 10px;\r\n      border-radius: 999px;\r\n      color: var(--wsx-cyan);\r\n      background: rgba(25, 227, 255, 0.08);\r\n      border: 1px solid rgba(25, 227, 255, 0.24);\r\n      font-size: 12px;\r\n      line-height: 1;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.12em;\r\n    }\r\n\r\n    .wsx-kicker-dot {\r\n      width: 7px;\r\n      height: 7px;\r\n      border-radius: 999px;\r\n      background: var(--wsx-hot);\r\n      box-shadow: 0 0 14px rgba(255, 46, 154, 0.95);\r\n    }\r\n\r\n    .wsx-crews-heading {\r\n      margin: 0;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: clamp(34px, 3vw, 54px);\r\n      line-height: 0.92;\r\n      font-weight: 900;\r\n      letter-spacing: -0.02em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-crews-copy {\r\n      max-width: 720px;\r\n      margin: 12px 0 0;\r\n      color: var(--wsx-muted);\r\n      font-size: 15px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .wsx-top-crew-card {\r\n      min-width: 250px;\r\n      padding: 16px;\r\n      border-radius: 16px;\r\n      background:\r\n        radial-gradient(circle at 18% 20%, rgba(255, 46, 154, 0.17), transparent 42%),\r\n        linear-gradient(135deg, rgba(10, 17, 42, 0.92), rgba(5, 8, 22, 0.98));\r\n      border: 1px solid rgba(255, 46, 154, 0.32);\r\n      box-shadow: 0 0 32px rgba(255, 46, 154, 0.10);\r\n    }\r\n\r\n    .wsx-top-crew-label {\r\n      color: var(--wsx-muted);\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.12em;\r\n    }\r\n\r\n    .wsx-top-crew-number {\r\n      margin-top: 7px;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: 42px;\r\n      line-height: 0.95;\r\n      font-weight: 900;\r\n      color: #fff;\r\n      text-shadow: 0 0 16px rgba(255, 255, 255, 0.2);\r\n    }\r\n\r\n    .wsx-top-crew-sub {\r\n      margin-top: 8px;\r\n      color: var(--wsx-soft);\r\n      font-size: 13px;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .wsx-crews-controls {\r\n      display: grid;\r\n      grid-template-columns: minmax(220px, 1fr) 170px 170px 170px;\r\n      gap: 12px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .wsx-crews-field {\r\n      position: relative;\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-crews-field input,\r\n    .wsx-crews-field select {\r\n      width: 100%;\r\n      min-height: 48px;\r\n      padding: 0 14px;\r\n      border-radius: 14px;\r\n      outline: 0;\r\n      color: #fff;\r\n      background: rgba(5, 8, 22, 0.74);\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.02);\r\n    }\r\n\r\n    .wsx-crews-field input::placeholder {\r\n      color: rgba(184, 192, 224, 0.72);\r\n    }\r\n\r\n    .wsx-crews-field select {\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      color-scheme: dark;\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      background-position: calc(100% - 18px) 20px, calc(100% - 12px) 20px;\r\n      background-size: 6px 6px, 6px 6px;\r\n      background-repeat: no-repeat;\r\n    }\r\n\r\n    .wsx-crews-field select option {\r\n      background: #080d23;\r\n      color: #fff;\r\n    }\r\n\r\n    .wsx-crews-tabs {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 9px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .wsx-crews-tab {\r\n      min-height: 38px;\r\n      padding: 0 14px;\r\n      border-radius: 999px;\r\n      color: var(--wsx-muted);\r\n      background: rgba(255, 255, 255, 0.045);\r\n      border: 1px solid rgba(255, 255, 255, 0.12);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      transition: transform .2s ease, border-color .2s ease, color .2s ease, background .2s ease;\r\n    }\r\n\r\n    .wsx-crews-tab:hover,\r\n    .wsx-crews-tab.is-active {\r\n      color: #fff;\r\n      transform: translateY(-1px);\r\n      background: linear-gradient(135deg, rgba(255,46,154,0.26), rgba(25,227,255,0.12));\r\n      border-color: rgba(255, 46, 154, 0.38);\r\n    }\r\n\r\n    .wsx-crews-featured {\r\n      display: grid;\r\n      grid-template-columns: 320px minmax(0, 1fr);\r\n      gap: 20px;\r\n      align-items: stretch;\r\n      margin-bottom: 20px;\r\n      border-radius: 18px;\r\n      border-color: rgba(255, 46, 154, 0.28);\r\n    }\r\n\r\n    .wsx-featured-media {\r\n      min-height: 260px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      background: rgba(0,0,0,0.25);\r\n    }\r\n\r\n    .wsx-featured-media img,\r\n    .wsx-crew-media img {\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n      object-fit: cover;\r\n      transform: scale(1.01);\r\n    }\r\n\r\n    .wsx-featured-media::after,\r\n    .wsx-crew-media::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background:\r\n        linear-gradient(180deg, rgba(5, 8, 22, 0.05), rgba(5, 8, 22, 0.84)),\r\n        radial-gradient(circle at 12% 18%, rgba(255,46,154,0.30), transparent 40%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .wsx-featured-content {\r\n      padding: 22px 22px 22px 0;\r\n      min-width: 0;\r\n      align-self: center;\r\n    }\r\n\r\n    .wsx-crew-badges {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .wsx-crew-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      width: fit-content;\r\n      min-height: 28px;\r\n      padding: 0 10px;\r\n      border-radius: 999px;\r\n      color: #fff;\r\n      background: rgba(255, 255, 255, 0.06);\r\n      border: 1px solid rgba(255, 255, 255, 0.13);\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n    }\r\n\r\n    .wsx-crew-badge.hot {\r\n      background: rgba(255, 46, 154, 0.15);\r\n      border-color: rgba(255, 46, 154, 0.35);\r\n      color: #ffd4ec;\r\n    }\r\n\r\n    .wsx-crew-badge.cyan {\r\n      background: rgba(25, 227, 255, 0.11);\r\n      border-color: rgba(25, 227, 255, 0.30);\r\n      color: #c8fbff;\r\n    }\r\n\r\n    .wsx-crew-badge.locked {\r\n      background: rgba(168, 85, 247, 0.13);\r\n      border-color: rgba(168, 85, 247, 0.32);\r\n      color: #ead7ff;\r\n    }\r\n\r\n    .wsx-featured-title,\r\n    .wsx-crew-title {\r\n      margin: 0;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-weight: 900;\r\n      letter-spacing: -0.01em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-featured-title {\r\n      font-size: clamp(31px, 2.6vw, 48px);\r\n      line-height: 0.95;\r\n    }\r\n\r\n    .wsx-featured-text {\r\n      margin: 12px 0 0;\r\n      color: var(--wsx-muted);\r\n      font-size: 15px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .wsx-crew-meta-row {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n      margin-top: 18px;\r\n    }\r\n\r\n    .wsx-crew-meta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      min-height: 36px;\r\n      padding: 0 11px;\r\n      border-radius: 12px;\r\n      color: var(--wsx-muted);\r\n      background: rgba(255, 255, 255, 0.045);\r\n      border: 1px solid rgba(255, 255, 255, 0.11);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .wsx-crew-meta strong {\r\n      color: #fff;\r\n    }\r\n\r\n    .wsx-crew-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .wsx-btn-primary,\r\n    .wsx-btn-secondary {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 9px;\r\n      min-height: 44px;\r\n      padding: 0 16px;\r\n      border-radius: 14px;\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n      text-decoration: none !important;\r\n      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, opacity .2s ease;\r\n    }\r\n\r\n    .wsx-btn-primary {\r\n      color: #fff !important;\r\n      background: linear-gradient(90deg, #ed25c2, #ff8451);\r\n      box-shadow: 0 12px 34px rgba(255, 46, 154, 0.22);\r\n    }\r\n\r\n    .wsx-btn-secondary {\r\n      color: #dffbff !important;\r\n      background: rgba(25, 227, 255, 0.08);\r\n      border: 1px solid rgba(25, 227, 255, 0.24);\r\n    }\r\n\r\n    .wsx-btn-primary:hover,\r\n    .wsx-btn-secondary:hover {\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .wsx-btn-primary:disabled,\r\n    .wsx-btn-secondary:disabled {\r\n      opacity: 0.45;\r\n      cursor: not-allowed;\r\n      transform: none;\r\n      box-shadow: none;\r\n    }\r\n\r\n    .wsx-crews-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 16px;\r\n    }\r\n\r\n    .wsx-crew-card {\r\n      display: flex;\r\n      flex-direction: column;\r\n      min-width: 0;\r\n      border-radius: 18px;\r\n      border-color: rgba(255, 255, 255, 0.12);\r\n      transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;\r\n    }\r\n\r\n    .wsx-crew-card:hover {\r\n      transform: translateY(-4px);\r\n      border-color: rgba(255, 46, 154, 0.34);\r\n      box-shadow: 0 26px 80px rgba(0,0,0,0.46), 0 0 28px rgba(255, 46, 154, 0.10);\r\n    }\r\n\r\n    .wsx-crew-card.is-hidden {\r\n      display: none;\r\n    }\r\n\r\n    .wsx-crew-media {\r\n      position: relative;\r\n      height: 160px;\r\n      overflow: hidden;\r\n      background: rgba(0,0,0,0.28);\r\n    }\r\n\r\n    .wsx-crew-rank {\r\n      position: absolute;\r\n      left: 12px;\r\n      top: 12px;\r\n      z-index: 2;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 48px;\r\n      height: 42px;\r\n      border-radius: 14px;\r\n      color: #fff;\r\n      background: rgba(5, 8, 22, 0.74);\r\n      border: 1px solid rgba(255, 255, 255, 0.16);\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      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .wsx-crew-status {\r\n      position: absolute;\r\n      right: 12px;\r\n      top: 12px;\r\n      z-index: 2;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      min-height: 28px;\r\n      padding: 0 10px;\r\n      border-radius: 999px;\r\n      color: #fff;\r\n      background: rgba(5, 8, 22, 0.74);\r\n      border: 1px solid rgba(255, 255, 255, 0.16);\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .wsx-crew-status.recruiting {\r\n      color: #c8fbff;\r\n      border-color: rgba(25, 227, 255, 0.34);\r\n      background: rgba(25, 227, 255, 0.12);\r\n    }\r\n\r\n    .wsx-crew-status.elite {\r\n      color: #ffd4ec;\r\n      border-color: rgba(255, 46, 154, 0.38);\r\n      background: rgba(255, 46, 154, 0.14);\r\n    }\r\n\r\n    .wsx-crew-status.closed {\r\n      color: #ead7ff;\r\n      border-color: rgba(168, 85, 247, 0.34);\r\n      background: rgba(168, 85, 247, 0.13);\r\n    }\r\n\r\n    .wsx-crew-body {\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex: 1;\r\n      padding: 16px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-crew-title {\r\n      font-size: 25px;\r\n      line-height: 1;\r\n    }\r\n\r\n    .wsx-crew-desc {\r\n      margin: 10px 0 0;\r\n      color: var(--wsx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.55;\r\n      min-height: 61px;\r\n    }\r\n\r\n    .wsx-crew-card-meta {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 9px;\r\n      margin-top: 14px;\r\n    }\r\n\r\n    .wsx-crew-chip {\r\n      min-width: 0;\r\n      padding: 9px 10px;\r\n      border-radius: 12px;\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-crew-chip span {\r\n      display: block;\r\n      color: var(--wsx-soft);\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n    }\r\n\r\n    .wsx-crew-chip strong {\r\n      display: block;\r\n      margin-top: 5px;\r\n      color: #fff;\r\n      font-size: 13px;\r\n      line-height: 1.2;\r\n      font-weight: 900;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .wsx-crew-progress {\r\n      margin-top: 14px;\r\n    }\r\n\r\n    .wsx-crew-progress-top {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 10px;\r\n      color: var(--wsx-soft);\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .wsx-crew-bar {\r\n      height: 8px;\r\n      margin-top: 8px;\r\n      overflow: hidden;\r\n      border-radius: 999px;\r\n      background: rgba(255,255,255,0.08);\r\n      border: 1px solid rgba(255,255,255,0.08);\r\n    }\r\n\r\n    .wsx-crew-bar span {\r\n      display: block;\r\n      height: 100%;\r\n      width: var(--progress, 42%);\r\n      border-radius: 999px;\r\n      background: linear-gradient(90deg, var(--wsx-hot), var(--wsx-cyan));\r\n      box-shadow: 0 0 18px rgba(25,227,255,0.22);\r\n    }\r\n\r\n    .wsx-crew-card .wsx-crew-actions {\r\n      margin-top: auto;\r\n      padding-top: 16px;\r\n    }\r\n\r\n    .wsx-crew-card .wsx-btn-primary,\r\n    .wsx-crew-card .wsx-btn-secondary {\r\n      width: 100%;\r\n      min-height: 42px;\r\n    }\r\n\r\n    .wsx-crews-empty {\r\n      display: none;\r\n      padding: 34px 20px;\r\n      border-radius: 18px;\r\n      text-align: center;\r\n      color: var(--wsx-muted);\r\n      background: rgba(255,255,255,0.045);\r\n      border: 1px solid rgba(255,255,255,0.12);\r\n      margin-top: 18px;\r\n    }\r\n\r\n    .wsx-crews-empty.is-visible {\r\n      display: block;\r\n    }\r\n\r\n    .wsx-crews-side {\r\n      min-width: 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 16px;\r\n      position: sticky;\r\n      top: 96px;\r\n    }\r\n\r\n    .wsx-crews-side-card {\r\n      border-radius: 18px;\r\n      padding: 18px;\r\n    }\r\n\r\n    .wsx-side-title {\r\n      margin: 0 0 13px;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: 26px;\r\n      line-height: 1;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-crew-pass-panel {\r\n      padding: 16px;\r\n      border-radius: 16px;\r\n      background:\r\n        radial-gradient(circle at 18% 18%, rgba(168, 85, 247, 0.20), transparent 45%),\r\n        rgba(255,255,255,0.045);\r\n      border: 1px solid rgba(168, 85, 247, 0.26);\r\n    }\r\n\r\n    .wsx-crew-pass-name {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      color: #fff;\r\n      font-size: 15px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .wsx-crew-pass-name span {\r\n      color: var(--wsx-cyan);\r\n    }\r\n\r\n    .wsx-side-list {\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-side-list li {\r\n      display: grid;\r\n      grid-template-columns: 34px minmax(0, 1fr);\r\n      gap: 10px;\r\n      align-items: start;\r\n      color: var(--wsx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .wsx-side-list i {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 34px;\r\n      height: 34px;\r\n      border-radius: 12px;\r\n      color: #fff;\r\n      font-style: normal;\r\n      font-weight: 900;\r\n      background: linear-gradient(135deg, rgba(255,46,154,0.34), rgba(25,227,255,0.14));\r\n      border: 1px solid rgba(255,255,255,0.13);\r\n    }\r\n\r\n    .wsx-side-list strong {\r\n      display: block;\r\n      color: #fff;\r\n      font-size: 13px;\r\n      line-height: 1.3;\r\n      margin-bottom: 3px;\r\n    }\r\n\r\n    .wsx-crew-feed {\r\n      display: grid;\r\n      gap: 10px;\r\n    }\r\n\r\n    .wsx-crew-feed-item {\r\n      display: grid;\r\n      grid-template-columns: 42px minmax(0, 1fr) auto;\r\n      gap: 10px;\r\n      align-items: center;\r\n      padding: 10px;\r\n      border-radius: 14px;\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-crew-feed-icon {\r\n      width: 42px;\r\n      height: 42px;\r\n      border-radius: 999px;\r\n      background: linear-gradient(135deg, rgba(255,46,154,0.85), rgba(25,227,255,0.7));\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #fff;\r\n      font-weight: 900;\r\n      box-shadow: 0 0 20px rgba(255,46,154,0.16);\r\n    }\r\n\r\n    .wsx-crew-feed-copy {\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-crew-feed-copy strong {\r\n      display: block;\r\n      color: #fff;\r\n      font-size: 13px;\r\n      line-height: 1.2;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .wsx-crew-feed-copy span {\r\n      display: block;\r\n      margin-top: 3px;\r\n      color: var(--wsx-muted);\r\n      font-size: 12px;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .wsx-crew-feed-time {\r\n      color: var(--wsx-soft);\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n    }\r\n\r\n    .wsx-crews-modal {\r\n      position: fixed;\r\n      inset: 0;\r\n      z-index: 99999;\r\n      display: none;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 20px;\r\n      background: rgba(3, 5, 14, 0.76);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .wsx-crews-modal.is-open {\r\n      display: flex;\r\n    }\r\n\r\n    .wsx-modal-panel {\r\n      width: min(620px, 100%);\r\n      max-height: calc(100vh - 40px);\r\n      overflow: auto;\r\n      border-radius: 22px;\r\n      background:\r\n        radial-gradient(circle at 12% 0%, rgba(255,46,154,0.18), transparent 36%),\r\n        linear-gradient(135deg, rgba(12,18,45,0.96), rgba(5,8,22,0.98));\r\n      border: 1px solid rgba(255, 46, 154, 0.28);\r\n      box-shadow: 0 32px 120px rgba(0,0,0,0.68);\r\n    }\r\n\r\n    .wsx-modal-head {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 16px;\r\n      align-items: flex-start;\r\n      padding: 22px 22px 16px;\r\n      border-bottom: 1px solid rgba(255,255,255,0.10);\r\n    }\r\n\r\n    .wsx-modal-head h3 {\r\n      margin: 0;\r\n      color: #fff;\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      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-modal-head p {\r\n      margin: 8px 0 0;\r\n      color: var(--wsx-muted);\r\n      font-size: 14px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .wsx-modal-close {\r\n      width: 42px;\r\n      height: 42px;\r\n      border-radius: 14px;\r\n      color: #fff;\r\n      background: rgba(255,255,255,0.06);\r\n      border: 1px solid rgba(255,255,255,0.12);\r\n      font-size: 24px;\r\n      line-height: 1;\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    .wsx-crew-apply-form {\r\n      display: grid;\r\n      gap: 15px;\r\n      padding: 20px 22px 22px;\r\n    }\r\n\r\n    .wsx-form-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 13px;\r\n    }\r\n\r\n    .wsx-form-field label {\r\n      display: block;\r\n      margin: 0 0 8px;\r\n      color: #fff;\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n    }\r\n\r\n    .wsx-form-field input,\r\n    .wsx-form-field textarea {\r\n      width: 100%;\r\n      min-height: 48px;\r\n      padding: 0 14px;\r\n      border-radius: 14px;\r\n      outline: 0;\r\n      color: #fff;\r\n      background: rgba(5, 8, 22, 0.76);\r\n      border: 1px solid rgba(255,255,255,0.14);\r\n    }\r\n\r\n    .wsx-form-field textarea {\r\n      min-height: 112px;\r\n      padding: 13px 14px;\r\n      resize: vertical;\r\n    }\r\n\r\n    .wsx-form-field input::placeholder,\r\n    .wsx-form-field textarea::placeholder {\r\n      color: rgba(184,192,224,0.68);\r\n    }\r\n\r\n    .wsx-checkline {\r\n      display: grid;\r\n      grid-template-columns: 18px minmax(0, 1fr);\r\n      gap: 10px;\r\n      color: var(--wsx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .wsx-checkline input {\r\n      width: 18px;\r\n      height: 18px;\r\n      accent-color: var(--wsx-hot);\r\n      margin: 1px 0 0;\r\n    }\r\n\r\n    .wsx-form-actions {\r\n      display: flex;\r\n      gap: 10px;\r\n      justify-content: flex-end;\r\n      flex-wrap: wrap;\r\n      padding-top: 4px;\r\n    }\r\n\r\n    .wsx-toast {\r\n      position: fixed;\r\n      left: 50%;\r\n      bottom: 22px;\r\n      z-index: 100000;\r\n      transform: translateX(-50%) translateY(20px);\r\n      opacity: 0;\r\n      pointer-events: none;\r\n      max-width: min(520px, calc(100vw - 32px));\r\n      padding: 13px 16px;\r\n      border-radius: 14px;\r\n      color: #fff;\r\n      background: rgba(7, 11, 26, 0.94);\r\n      border: 1px solid rgba(25, 227, 255, 0.24);\r\n      box-shadow: 0 18px 60px rgba(0,0,0,0.45);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      transition: opacity .22s ease, transform .22s ease;\r\n    }\r\n\r\n    .wsx-toast.is-visible {\r\n      opacity: 1;\r\n      transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    .wsx-crews-api-example {\r\n      display: none;\r\n    }\r\n\r\n    @media (max-width: 1280px) {\r\n      .wsx-crews-shell {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-crews-side {\r\n        position: static;\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-crews-topbar,\r\n      .wsx-crews-featured {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-top-crew-card {\r\n        min-width: 0;\r\n      }\r\n\r\n      .wsx-featured-content {\r\n        padding: 0 18px 20px;\r\n      }\r\n\r\n      .wsx-featured-media {\r\n        min-height: 230px;\r\n      }\r\n\r\n      .wsx-crews-controls {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .wsx-crews-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .wsx-crews-side {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .wsx-crews-main {\r\n        padding: 16px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .wsx-crews-controls,\r\n      .wsx-crews-grid,\r\n      .wsx-form-row {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-crews-tabs {\r\n        flex-wrap: nowrap;\r\n        overflow-x: auto;\r\n        padding-bottom: 4px;\r\n        scrollbar-width: none;\r\n      }\r\n\r\n      .wsx-crews-tabs::-webkit-scrollbar {\r\n        display: none;\r\n      }\r\n\r\n      .wsx-crews-tab {\r\n        white-space: nowrap;\r\n        flex: 0 0 auto;\r\n      }\r\n\r\n      .wsx-crew-card-meta {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-featured-media,\r\n      .wsx-crew-media {\r\n        height: 210px;\r\n        min-height: 210px;\r\n      }\r\n\r\n      .wsx-form-actions .wsx-btn-primary,\r\n      .wsx-form-actions .wsx-btn-secondary {\r\n        width: 100%;\r\n      }\r\n\r\n      .wsx-modal-head {\r\n        padding: 18px 18px 14px;\r\n      }\r\n\r\n      .wsx-crew-apply-form {\r\n        padding: 18px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wsx-crews-shell\">\r\n    <div class=\"wsx-crews-main\">\r\n      <div class=\"wsx-crews-topbar\">\r\n        <div>\r\n          <div class=\"wsx-kicker\">\r\n            <span class=\"wsx-kicker-dot\"><\/span>\r\n            Top Crews\r\n          <\/div>\r\n\r\n          <h2 class=\"wsx-crews-heading\">Find Your Squad<\/h2>\r\n\r\n          <p class=\"wsx-crews-copy\">\r\n            Explore the most active crews in the Wanted Six ecosystem. Compare reputation,\r\n            activity, recruitment status and crew style before you apply or build your own legacy.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-top-crew-card\" data-top-crew-card>\r\n          <div class=\"wsx-top-crew-label\">Current #1 Crew<\/div>\r\n          <div class=\"wsx-top-crew-number\" data-top-crew-value>VX<\/div>\r\n          <div class=\"wsx-top-crew-sub\">Vortex Crew leads the pre-launch crew rankings.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-crews-controls\" role=\"search\">\r\n        <div class=\"wsx-crews-field\">\r\n          <input type=\"search\" placeholder=\"Search crews, tags, regions...\" data-crews-search>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-crews-field\">\r\n          <select data-crews-style aria-label=\"Filter by crew style\">\r\n            <option value=\"all\">All Styles<\/option>\r\n            <option value=\"competitive\">Competitive<\/option>\r\n            <option value=\"casual\">Casual<\/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        <\/div>\r\n\r\n        <div class=\"wsx-crews-field\">\r\n          <select data-crews-region aria-label=\"Filter by region\">\r\n            <option value=\"all\">All Regions<\/option>\r\n            <option value=\"global\">Global<\/option>\r\n            <option value=\"leonida\">Leonida<\/option>\r\n            <option value=\"vice-beach\">Vice Beach<\/option>\r\n            <option value=\"north\">North Leonida<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-crews-field\">\r\n          <select data-crews-status aria-label=\"Filter by status\">\r\n            <option value=\"all\">All Status<\/option>\r\n            <option value=\"recruiting\">Recruiting<\/option>\r\n            <option value=\"elite\">Elite<\/option>\r\n            <option value=\"closed\">Invite Only<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-crews-tabs\" aria-label=\"Crew filters\">\r\n        <button class=\"wsx-crews-tab is-active\" type=\"button\" data-crews-tab=\"all\">All<\/button>\r\n        <button class=\"wsx-crews-tab\" type=\"button\" data-crews-tab=\"top-ranked\">Top Ranked<\/button>\r\n        <button class=\"wsx-crews-tab\" type=\"button\" data-crews-tab=\"recruiting\">Recruiting<\/button>\r\n        <button class=\"wsx-crews-tab\" type=\"button\" data-crews-tab=\"competitive\">Competitive<\/button>\r\n        <button class=\"wsx-crews-tab\" type=\"button\" data-crews-tab=\"creator\">Creator Crews<\/button>\r\n        <button class=\"wsx-crews-tab\" type=\"button\" data-crews-tab=\"new\">New Crews<\/button>\r\n      <\/div>\r\n\r\n      <article\r\n        class=\"wsx-crews-featured\"\r\n        data-featured-crew-id=\"vortex-crew\"\r\n        data-title=\"Vortex Crew\"\r\n        data-style=\"competitive\"\r\n        data-region=\"global\"\r\n        data-status=\"elite\"\r\n        data-tab=\"top-ranked competitive elite\"\r\n      >\r\n        <div class=\"wsx-featured-media\">\r\n          <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Crew-Finder.webp\" alt=\"Vortex Crew featured placeholder\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"wsx-featured-content\">\r\n          <div class=\"wsx-crew-badges\">\r\n            <span class=\"wsx-crew-badge hot\">#1 Crew<\/span>\r\n            <span class=\"wsx-crew-badge cyan\">Competitive<\/span>\r\n            <span class=\"wsx-crew-badge locked\">Elite<\/span>\r\n          <\/div>\r\n\r\n          <h3 class=\"wsx-featured-title\">Vortex Crew<\/h3>\r\n\r\n          <p class=\"wsx-featured-text\">\r\n            A top-ranked crew built for coordinated missions, high-skill challenges and launch-day dominance across Leonida.\r\n          <\/p>\r\n\r\n          <div class=\"wsx-crew-meta-row\">\r\n            <span class=\"wsx-crew-meta\">Rank <strong>#1<\/strong><\/span>\r\n            <span class=\"wsx-crew-meta\">REP <strong>94,210<\/strong><\/span>\r\n            <span class=\"wsx-crew-meta\">Members <strong>48\/60<\/strong><\/span>\r\n            <span class=\"wsx-crew-meta\">Region <strong>Global<\/strong><\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-crew-actions\">\r\n            <button\r\n              class=\"wsx-btn-primary\"\r\n              type=\"button\"\r\n              data-crew-apply-open\r\n              data-crew-id=\"vortex-crew\"\r\n              data-crew-title=\"Vortex Crew\"\r\n            >\r\n              Apply To Crew\r\n            <\/button>\r\n\r\n            <button\r\n              class=\"wsx-btn-secondary\"\r\n              type=\"button\"\r\n              data-preview-crew=\"vortex-crew\"\r\n            >\r\n              View Crew\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <div class=\"wsx-crews-grid\" data-crews-grid>\r\n        <article class=\"wsx-crew-card\" data-crew-id=\"ltn-squad\" data-title=\"LTN Squad\" data-style=\"competitive\" data-region=\"vice-beach\" data-status=\"recruiting\" data-tab=\"top-ranked recruiting competitive\">\r\n          <div class=\"wsx-crew-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Crew-Finder.webp\" alt=\"LTN Squad crew placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-crew-rank\">#2<\/span>\r\n            <span class=\"wsx-crew-status recruiting\">Recruiting<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-crew-body\">\r\n            <div class=\"wsx-crew-badges\">\r\n              <span class=\"wsx-crew-badge hot\">Competitive<\/span>\r\n              <span class=\"wsx-crew-badge\">Vice Beach<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-crew-title\">LTN Squad<\/h3>\r\n            <p class=\"wsx-crew-desc\">A high-activity crew focused on challenges, launch prep and ranked crew progression.<\/p>\r\n\r\n            <div class=\"wsx-crew-card-meta\">\r\n              <div class=\"wsx-crew-chip\"><span>REP<\/span><strong>76,430<\/strong><\/div>\r\n              <div class=\"wsx-crew-chip\"><span>Members<\/span><strong>34\/50<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-progress\">\r\n              <div class=\"wsx-crew-progress-top\"><span>Activity<\/span><span>88%<\/span><\/div>\r\n              <div class=\"wsx-crew-bar\" style=\"--progress:88%\"><span><\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-actions\">\r\n              <button class=\"wsx-btn-primary\" type=\"button\" data-crew-apply-open data-crew-id=\"ltn-squad\" data-crew-title=\"LTN Squad\">Apply<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-crew-card\" data-crew-id=\"neon-cartel\" data-title=\"Neon Cartel\" data-style=\"roleplay\" data-region=\"leonida\" data-status=\"recruiting\" data-tab=\"recruiting roleplay\">\r\n          <div class=\"wsx-crew-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Live-Intel.webp\" alt=\"Neon Cartel crew placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-crew-rank\">#3<\/span>\r\n            <span class=\"wsx-crew-status recruiting\">Recruiting<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-crew-body\">\r\n            <div class=\"wsx-crew-badges\">\r\n              <span class=\"wsx-crew-badge cyan\">Roleplay<\/span>\r\n              <span class=\"wsx-crew-badge\">Leonida<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-crew-title\">Neon Cartel<\/h3>\r\n            <p class=\"wsx-crew-desc\">Story-driven crew for cinematic sessions, faction building and roleplay-style content.<\/p>\r\n\r\n            <div class=\"wsx-crew-card-meta\">\r\n              <div class=\"wsx-crew-chip\"><span>REP<\/span><strong>68,900<\/strong><\/div>\r\n              <div class=\"wsx-crew-chip\"><span>Members<\/span><strong>28\/40<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-progress\">\r\n              <div class=\"wsx-crew-progress-top\"><span>Activity<\/span><span>79%<\/span><\/div>\r\n              <div class=\"wsx-crew-bar\" style=\"--progress:79%\"><span><\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-actions\">\r\n              <button class=\"wsx-btn-primary\" type=\"button\" data-crew-apply-open data-crew-id=\"neon-cartel\" data-crew-title=\"Neon Cartel\">Apply<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-crew-card\" data-crew-id=\"vice-lens-collective\" data-title=\"Vice Lens Collective\" data-style=\"creator\" data-region=\"global\" data-status=\"recruiting\" data-tab=\"creator recruiting\">\r\n          <div class=\"wsx-crew-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/News-Updates.webp\" alt=\"Vice Lens Collective crew placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-crew-rank\">#4<\/span>\r\n            <span class=\"wsx-crew-status recruiting\">Recruiting<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-crew-body\">\r\n            <div class=\"wsx-crew-badges\">\r\n              <span class=\"wsx-crew-badge locked\">Creator<\/span>\r\n              <span class=\"wsx-crew-badge\">Global<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-crew-title\">Vice Lens<\/h3>\r\n            <p class=\"wsx-crew-desc\">A creator-first crew for clips, guides, live streams and cinematic GTA-style content.<\/p>\r\n\r\n            <div class=\"wsx-crew-card-meta\">\r\n              <div class=\"wsx-crew-chip\"><span>REP<\/span><strong>61,980<\/strong><\/div>\r\n              <div class=\"wsx-crew-chip\"><span>Members<\/span><strong>22\/35<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-progress\">\r\n              <div class=\"wsx-crew-progress-top\"><span>Activity<\/span><span>73%<\/span><\/div>\r\n              <div class=\"wsx-crew-bar\" style=\"--progress:73%\"><span><\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-actions\">\r\n              <button class=\"wsx-btn-primary\" type=\"button\" data-crew-apply-open data-crew-id=\"vice-lens-collective\" data-crew-title=\"Vice Lens Collective\">Apply<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-crew-card\" data-crew-id=\"north-side-runners\" data-title=\"North Side Runners\" data-style=\"grinder\" data-region=\"north\" data-status=\"recruiting\" data-tab=\"recruiting grinder new\">\r\n          <div class=\"wsx-crew-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Interactive-Map.webp\" alt=\"North Side Runners crew placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-crew-rank\">#5<\/span>\r\n            <span class=\"wsx-crew-status recruiting\">Recruiting<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-crew-body\">\r\n            <div class=\"wsx-crew-badges\">\r\n              <span class=\"wsx-crew-badge hot\">Grinder<\/span>\r\n              <span class=\"wsx-crew-badge\">North<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-crew-title\">North Runners<\/h3>\r\n            <p class=\"wsx-crew-desc\">Fast-growing crew built around daily activity, map control and progression grinding.<\/p>\r\n\r\n            <div class=\"wsx-crew-card-meta\">\r\n              <div class=\"wsx-crew-chip\"><span>REP<\/span><strong>58,240<\/strong><\/div>\r\n              <div class=\"wsx-crew-chip\"><span>Members<\/span><strong>19\/30<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-progress\">\r\n              <div class=\"wsx-crew-progress-top\"><span>Activity<\/span><span>69%<\/span><\/div>\r\n              <div class=\"wsx-crew-bar\" style=\"--progress:69%\"><span><\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-actions\">\r\n              <button class=\"wsx-btn-primary\" type=\"button\" data-crew-apply-open data-crew-id=\"north-side-runners\" data-crew-title=\"North Side Runners\">Apply<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-crew-card\" data-crew-id=\"sunset-syndicate\" data-title=\"Sunset Syndicate\" data-style=\"casual\" data-region=\"vice-beach\" data-status=\"recruiting\" data-tab=\"recruiting casual new\">\r\n          <div class=\"wsx-crew-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Crew-Finder.webp\" alt=\"Sunset Syndicate crew placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-crew-rank\">#6<\/span>\r\n            <span class=\"wsx-crew-status recruiting\">Recruiting<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-crew-body\">\r\n            <div class=\"wsx-crew-badges\">\r\n              <span class=\"wsx-crew-badge cyan\">Casual<\/span>\r\n              <span class=\"wsx-crew-badge\">Social<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-crew-title\">Sunset Syndicate<\/h3>\r\n            <p class=\"wsx-crew-desc\">Casual-friendly crew for relaxed sessions, community nights and launch exploration.<\/p>\r\n\r\n            <div class=\"wsx-crew-card-meta\">\r\n              <div class=\"wsx-crew-chip\"><span>REP<\/span><strong>44,810<\/strong><\/div>\r\n              <div class=\"wsx-crew-chip\"><span>Members<\/span><strong>26\/45<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-progress\">\r\n              <div class=\"wsx-crew-progress-top\"><span>Activity<\/span><span>61%<\/span><\/div>\r\n              <div class=\"wsx-crew-bar\" style=\"--progress:61%\"><span><\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-actions\">\r\n              <button class=\"wsx-btn-primary\" type=\"button\" data-crew-apply-open data-crew-id=\"sunset-syndicate\" data-crew-title=\"Sunset Syndicate\">Apply<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-crew-card\" data-crew-id=\"blackout-unit\" data-title=\"Blackout Unit\" data-style=\"competitive\" data-region=\"global\" data-status=\"closed\" data-tab=\"top-ranked competitive\">\r\n          <div class=\"wsx-crew-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Live-Intel.webp\" alt=\"Blackout Unit crew placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-crew-rank\">#7<\/span>\r\n            <span class=\"wsx-crew-status closed\">Invite Only<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-crew-body\">\r\n            <div class=\"wsx-crew-badges\">\r\n              <span class=\"wsx-crew-badge locked\">Invite Only<\/span>\r\n              <span class=\"wsx-crew-badge\">Competitive<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-crew-title\">Blackout Unit<\/h3>\r\n            <p class=\"wsx-crew-desc\">Closed elite crew focused on ranked domination, private strategy and high-skill events.<\/p>\r\n\r\n            <div class=\"wsx-crew-card-meta\">\r\n              <div class=\"wsx-crew-chip\"><span>REP<\/span><strong>41,600<\/strong><\/div>\r\n              <div class=\"wsx-crew-chip\"><span>Members<\/span><strong>30\/30<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-progress\">\r\n              <div class=\"wsx-crew-progress-top\"><span>Activity<\/span><span>84%<\/span><\/div>\r\n              <div class=\"wsx-crew-bar\" style=\"--progress:84%\"><span><\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-crew-actions\">\r\n              <button class=\"wsx-btn-secondary\" type=\"button\" data-locked-crew=\"blackout-unit\">Request Invite<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-crews-empty\" data-crews-empty>\r\n        No crews match your current filters. Clear the filters or search for another crew type.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <aside class=\"wsx-crews-side\">\r\n      <div class=\"wsx-crews-side-card\">\r\n        <h3 class=\"wsx-side-title\">Crew Status<\/h3>\r\n\r\n        <div class=\"wsx-crew-pass-panel\">\r\n          <div class=\"wsx-crew-pass-name\">\r\n            Looking For Crew\r\n            <span>Open<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-crew-progress\">\r\n            <div class=\"wsx-crew-progress-top\">\r\n              <span>Next unlock: Crew Profile<\/span>\r\n              <span>Static demo<\/span>\r\n            <\/div>\r\n            <div class=\"wsx-crew-bar\" style=\"--progress:42%\">\r\n              <span><\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-crews-side-card\">\r\n        <h3 class=\"wsx-side-title\">How Top Crews Work<\/h3>\r\n\r\n        <ul class=\"wsx-side-list\">\r\n          <li>\r\n            <i>1<\/i>\r\n            <div>\r\n              <strong>Compare Crews<\/strong>\r\n              Check rank, reputation, activity, region and recruitment status.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>2<\/i>\r\n            <div>\r\n              <strong>Apply Or Request<\/strong>\r\n              Send a demo application now. Later this connects to crew profiles.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>3<\/i>\r\n            <div>\r\n              <strong>Build Reputation<\/strong>\r\n              Crew activity can feed rankings, leaderboards and seasonal rewards.\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-crews-side-card\">\r\n        <h3 class=\"wsx-side-title\">Crew Activity<\/h3>\r\n\r\n        <div class=\"wsx-crew-feed\">\r\n          <div class=\"wsx-crew-feed-item\">\r\n            <div class=\"wsx-crew-feed-icon\">VX<\/div>\r\n            <div class=\"wsx-crew-feed-copy\">\r\n              <strong>Vortex Crew<\/strong>\r\n              <span>held #1 crew rank<\/span>\r\n            <\/div>\r\n            <div class=\"wsx-crew-feed-time\">2m<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-crew-feed-item\">\r\n            <div class=\"wsx-crew-feed-icon\">LT<\/div>\r\n            <div class=\"wsx-crew-feed-copy\">\r\n              <strong>LTN Squad<\/strong>\r\n              <span>opened 12 recruit slots<\/span>\r\n            <\/div>\r\n            <div class=\"wsx-crew-feed-time\">9m<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-crew-feed-item\">\r\n            <div class=\"wsx-crew-feed-icon\">VL<\/div>\r\n            <div class=\"wsx-crew-feed-copy\">\r\n              <strong>Vice Lens<\/strong>\r\n              <span>entered creator crew board<\/span>\r\n            <\/div>\r\n            <div class=\"wsx-crew-feed-time\">18m<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/aside>\r\n  <\/div>\r\n\r\n  <div class=\"wsx-crews-modal\" data-crew-apply-modal aria-hidden=\"true\">\r\n    <div class=\"wsx-modal-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"wsxCrewApplyTitle\">\r\n      <div class=\"wsx-modal-head\">\r\n        <div>\r\n          <h3 id=\"wsxCrewApplyTitle\" data-crew-apply-title>Apply To Crew<\/h3>\r\n          <p data-crew-apply-subtitle>Send a demo application. Later this connects to Wanted Six crew profiles.<\/p>\r\n        <\/div>\r\n\r\n        <button class=\"wsx-modal-close\" type=\"button\" data-crew-apply-close aria-label=\"Close crew modal\">\u00d7<\/button>\r\n      <\/div>\r\n\r\n      <form class=\"wsx-crew-apply-form\" data-crew-apply-form>\r\n        <input type=\"hidden\" name=\"crew_id\" data-crew-apply-id>\r\n        <input type=\"hidden\" name=\"crew_title\" data-crew-apply-crew-title>\r\n        <input type=\"hidden\" name=\"crew_apply_payload\" data-crew-apply-payload>\r\n\r\n        <div class=\"wsx-form-row\">\r\n          <div class=\"wsx-form-field\">\r\n            <label for=\"wsxCrewHandle\">Wanted Six Handle<\/label>\r\n            <input id=\"wsxCrewHandle\" name=\"handle\" type=\"text\" placeholder=\"@yourhandle\" required>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-form-field\">\r\n            <label for=\"wsxCrewEmail\">Email<\/label>\r\n            <input id=\"wsxCrewEmail\" name=\"email\" type=\"email\" placeholder=\"you@example.com\" required>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-form-field\">\r\n          <label for=\"wsxCrewProfile\">Profile, Channel or Social Link<\/label>\r\n          <input id=\"wsxCrewProfile\" name=\"profile_url\" type=\"url\" placeholder=\"https:\/\/wantedsix.com\/your-profile\">\r\n        <\/div>\r\n\r\n        <div class=\"wsx-form-field\">\r\n          <label for=\"wsxCrewNotes\">Application Notes<\/label>\r\n          <textarea id=\"wsxCrewNotes\" name=\"notes\" placeholder=\"Tell the crew why you want to join, your style and what you bring.\"><\/textarea>\r\n        <\/div>\r\n\r\n        <label class=\"wsx-checkline\">\r\n          <input type=\"checkbox\" name=\"confirm_application\" required>\r\n          <span>I confirm that this is a static demo application and will later be handled through the Wanted Six app account system.<\/span>\r\n        <\/label>\r\n\r\n        <div class=\"wsx-form-actions\">\r\n          <button class=\"wsx-btn-secondary\" type=\"button\" data-crew-apply-close>Cancel<\/button>\r\n          <button class=\"wsx-btn-primary\" type=\"submit\">Submit Application<\/button>\r\n        <\/div>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"wsx-toast\" data-wsx-toast><\/div>\r\n\r\n  <script type=\"application\/json\" class=\"wsx-crews-api-example\">\r\n    {\r\n      \"crews\": [\r\n        {\r\n          \"id\": \"vortex-crew\",\r\n          \"rank\": 1,\r\n          \"name\": \"Vortex Crew\",\r\n          \"style\": \"competitive\",\r\n          \"region\": \"global\",\r\n          \"status\": \"elite\",\r\n          \"reputation\": 94210,\r\n          \"members_current\": 48,\r\n          \"members_max\": 60,\r\n          \"activity_percent\": 96,\r\n          \"image\": \"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Crew-Finder.webp\"\r\n        }\r\n      ],\r\n      \"application_payload\": {\r\n        \"crew_id\": \"vortex-crew\",\r\n        \"crew_title\": \"Vortex Crew\",\r\n        \"handle\": \"@yourhandle\",\r\n        \"email\": \"you@example.com\",\r\n        \"profile_url\": \"https:\/\/wantedsix.com\/your-profile\",\r\n        \"notes\": \"I want to join as a driver.\",\r\n        \"season_id\": \"prelaunch-s01\",\r\n        \"user_id\": \"\",\r\n        \"source\": \"wordpress_elementor_static_top_crews_widget\",\r\n        \"created_at\": \"ISO_DATE\"\r\n      }\r\n    }\r\n  <\/script>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.currentScript.closest('.wsx-top-crews');\r\n      if (!root) return;\r\n\r\n      const searchInput = root.querySelector('[data-crews-search]');\r\n      const styleSelect = root.querySelector('[data-crews-style]');\r\n      const regionSelect = root.querySelector('[data-crews-region]');\r\n      const statusSelect = root.querySelector('[data-crews-status]');\r\n      const tabs = Array.from(root.querySelectorAll('[data-crews-tab]'));\r\n      const cards = Array.from(root.querySelectorAll('.wsx-crew-card'));\r\n      const empty = root.querySelector('[data-crews-empty]');\r\n      const modal = root.querySelector('[data-crew-apply-modal]');\r\n      const applyForm = root.querySelector('[data-crew-apply-form]');\r\n      const applyTitle = root.querySelector('[data-crew-apply-title]');\r\n      const applySubtitle = root.querySelector('[data-crew-apply-subtitle]');\r\n      const toast = root.querySelector('[data-wsx-toast]');\r\n\r\n      let activeTab = 'all';\r\n      let toastTimer = null;\r\n\r\n      function normalize(value) {\r\n        return String(value || '').trim().toLowerCase();\r\n      }\r\n\r\n      function showToast(message) {\r\n        if (!toast) return;\r\n\r\n        toast.textContent = message;\r\n        toast.classList.add('is-visible');\r\n\r\n        clearTimeout(toastTimer);\r\n        toastTimer = setTimeout(function () {\r\n          toast.classList.remove('is-visible');\r\n        }, 2600);\r\n      }\r\n\r\n      function applyFilters() {\r\n        const term = normalize(searchInput && searchInput.value);\r\n        const style = styleSelect ? styleSelect.value : 'all';\r\n        const region = regionSelect ? regionSelect.value : 'all';\r\n        const status = statusSelect ? statusSelect.value : 'all';\r\n\r\n        let visible = 0;\r\n\r\n        cards.forEach(function (card) {\r\n          const title = normalize(card.dataset.title);\r\n          const styleValue = card.dataset.style || '';\r\n          const regionValue = card.dataset.region || '';\r\n          const statusValue = card.dataset.status || '';\r\n          const tabValues = normalize(card.dataset.tab).split(\/\\s+\/);\r\n          const text = normalize(card.textContent);\r\n\r\n          const matchesTerm = !term || title.includes(term) || text.includes(term);\r\n          const matchesStyle = style === 'all' || styleValue === style;\r\n          const matchesRegion = region === 'all' || regionValue === region;\r\n          const matchesStatus = status === 'all' || statusValue === status;\r\n          const matchesTab = activeTab === 'all' || tabValues.includes(activeTab) || styleValue === activeTab || statusValue === activeTab;\r\n\r\n          const show = matchesTerm && matchesStyle && matchesRegion && matchesStatus && matchesTab;\r\n\r\n          card.classList.toggle('is-hidden', !show);\r\n          if (show) visible += 1;\r\n        });\r\n\r\n        if (empty) {\r\n          empty.classList.toggle('is-visible', visible === 0);\r\n        }\r\n      }\r\n\r\n      function openApplyModal(button) {\r\n        if (!modal || !applyForm || !button) return;\r\n\r\n        const crewId = button.dataset.crewId || '';\r\n        const crewTitle = button.dataset.crewTitle || 'Crew';\r\n\r\n        if (applyTitle) {\r\n          applyTitle.textContent = 'Apply To ' + crewTitle;\r\n        }\r\n\r\n        if (applySubtitle) {\r\n          applySubtitle.textContent = 'Your application for ' + crewTitle + ' will be saved in demo mode.';\r\n        }\r\n\r\n        const idField = applyForm.querySelector('[data-crew-apply-id]');\r\n        const titleField = applyForm.querySelector('[data-crew-apply-crew-title]');\r\n\r\n        if (idField) idField.value = crewId;\r\n        if (titleField) titleField.value = crewTitle;\r\n\r\n        modal.classList.add('is-open');\r\n        modal.setAttribute('aria-hidden', 'false');\r\n        document.documentElement.style.overflow = 'hidden';\r\n      }\r\n\r\n      function closeApplyModal() {\r\n        if (!modal) return;\r\n\r\n        modal.classList.remove('is-open');\r\n        modal.setAttribute('aria-hidden', 'true');\r\n        document.documentElement.style.overflow = '';\r\n      }\r\n\r\n      function handleApplySubmit(event) {\r\n        event.preventDefault();\r\n\r\n        if (!applyForm) return;\r\n\r\n        const formData = new FormData(applyForm);\r\n\r\n        const payload = {\r\n          crew_id: formData.get('crew_id'),\r\n          crew_title: formData.get('crew_title'),\r\n          handle: formData.get('handle'),\r\n          email: formData.get('email'),\r\n          profile_url: formData.get('profile_url'),\r\n          notes: formData.get('notes'),\r\n          season_id: root.dataset.seasonId || '',\r\n          user_id: root.dataset.userId || '',\r\n          source: 'wordpress_elementor_static_top_crews_widget',\r\n          created_at: new Date().toISOString()\r\n        };\r\n\r\n        const payloadField = applyForm.querySelector('[data-crew-apply-payload]');\r\n        const endpoint = root.dataset.crewApplyEndpoint;\r\n\r\n        if (payloadField) {\r\n          payloadField.value = JSON.stringify(payload);\r\n        }\r\n\r\n        if (endpoint) {\r\n          fetch(endpoint, {\r\n            method: 'POST',\r\n            headers: {\r\n              'Content-Type': 'application\/json'\r\n            },\r\n            body: JSON.stringify(payload)\r\n          })\r\n          .then(function (response) {\r\n            if (!response.ok) throw new Error('Crew application failed');\r\n            showToast('Crew application submitted.');\r\n          })\r\n          .catch(function () {\r\n            console.info('Wanted Six crew application payload:', payload);\r\n            showToast('Demo mode: crew application payload created.');\r\n          });\r\n        } else {\r\n          console.info('Wanted Six crew application payload:', payload);\r\n          showToast('Demo mode: crew application payload created.');\r\n        }\r\n\r\n        applyForm.reset();\r\n        closeApplyModal();\r\n      }\r\n\r\n      function previewCrew(button) {\r\n        const crew = button.dataset.previewCrew || 'crew';\r\n        console.info('Wanted Six preview crew:', crew);\r\n        showToast('Preview action prepared for: ' + crew);\r\n      }\r\n\r\n      function lockedCrew(button) {\r\n        const crew = button.dataset.lockedCrew || 'locked crew';\r\n        console.info('Wanted Six locked crew:', crew);\r\n        showToast('This crew is invite-only. Request action prepared.');\r\n      }\r\n\r\n      tabs.forEach(function (tab) {\r\n        tab.addEventListener('click', function () {\r\n          activeTab = tab.dataset.crewsTab || 'all';\r\n\r\n          tabs.forEach(function (item) {\r\n            item.classList.toggle('is-active', item === tab);\r\n          });\r\n\r\n          applyFilters();\r\n        });\r\n      });\r\n\r\n      [searchInput, styleSelect, regionSelect, statusSelect].forEach(function (control) {\r\n        if (!control) return;\r\n\r\n        control.addEventListener('input', applyFilters);\r\n        control.addEventListener('change', applyFilters);\r\n      });\r\n\r\n      root.addEventListener('click', function (event) {\r\n        const applyButton = event.target.closest('[data-crew-apply-open]');\r\n        const closeButton = event.target.closest('[data-crew-apply-close]');\r\n        const previewButton = event.target.closest('[data-preview-crew]');\r\n        const lockedButton = event.target.closest('[data-locked-crew]');\r\n\r\n        if (applyButton) openApplyModal(applyButton);\r\n        if (closeButton) closeApplyModal();\r\n        if (previewButton) previewCrew(previewButton);\r\n        if (lockedButton) lockedCrew(lockedButton);\r\n      });\r\n\r\n      if (modal) {\r\n        modal.addEventListener('click', function (event) {\r\n          if (event.target === modal) {\r\n            closeApplyModal();\r\n          }\r\n        });\r\n      }\r\n\r\n      document.addEventListener('keydown', function (event) {\r\n        if (event.key === 'Escape') {\r\n          closeApplyModal();\r\n        }\r\n      });\r\n\r\n      if (applyForm) {\r\n        applyForm.addEventListener('submit', handleApplySubmit);\r\n      }\r\n\r\n      function loadCrewsData() {\r\n        const endpoint = root.dataset.crewsEndpoint;\r\n\r\n        if (!endpoint) {\r\n          applyFilters();\r\n          return;\r\n        }\r\n\r\n        fetch(endpoint, {\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('Crews request failed');\r\n          return response.json();\r\n        })\r\n        .then(function (data) {\r\n          console.info('Wanted Six crews endpoint ready:', data);\r\n          applyFilters();\r\n        })\r\n        .catch(function () {\r\n          console.info('Wanted Six crews endpoint not available yet.');\r\n          applyFilters();\r\n        });\r\n      }\r\n\r\n      loadCrewsData();\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Top Crews From street squads to elite crews. Compare the most active crews in Leonida by rank, reputation, members and playstyle \u2014 then join the squad that matches your game. Explore top crews 486 Top Crews Ranked crew profiles 128 Recruiting Crews open for members 8.4K Crew Members Active across squads 2.8M Crew REP Combined [&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-844","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/844","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=844"}],"version-history":[{"count":4,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/844\/revisions"}],"predecessor-version":[{"id":849,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/844\/revisions\/849"}],"wp:attachment":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/media?parent=844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}