{"id":859,"date":"2026-07-08T18:24:30","date_gmt":"2026-07-08T18:24:30","guid":{"rendered":"https:\/\/wantedsix.com\/?page_id=859"},"modified":"2026-07-08T18:28:45","modified_gmt":"2026-07-08T18:28:45","slug":"hall-of-fame","status":"publish","type":"page","link":"https:\/\/wantedsix.com\/de\/hall-of-fame\/","title":{"rendered":"Hall of Fame"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"859\" class=\"elementor elementor-859\" 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\">Hall of Fame<\/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\">Honor players. Celebrate crews. Remember moments.<\/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=\"468\" data-end=\"615\">Explore the Hall of Fame, vote for nominees and celebrate the stories, squads and moments that define the Wanted Six community.<\/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\">View legends<\/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 - HALL OF FAME -->\r\n<section\r\n  class=\"wsx-stats-section\"\r\n  data-wsx-module=\"global-stats\"\r\n  data-page-context=\"hall-of-fame\"\r\n  data-stats-endpoint=\"\"\r\n  data-refresh-interval=\"0\"\r\n  aria-label=\"Wanted Six Hall of Fame 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=\"inducted_legends\">\r\n      <div class=\"wsx-stat-icon wsx-pink\">\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=\"M22 56h20\"><\/path>\r\n          <path d=\"M26 48v8\"><\/path>\r\n          <path d=\"M38 48v8\"><\/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>64<\/div>\r\n        <div class=\"wsx-stat-title\">Inducted Legends<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Permanent legacy entries<\/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=\"community_votes\">\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 52V18a4 4 0 0 1 4-4h32a4 4 0 0 1 4 4v34\"><\/path>\r\n          <path d=\"M8 52h48\"><\/path>\r\n          <path d=\"M22 26h20\"><\/path>\r\n          <path d=\"M22 36h12\"><\/path>\r\n          <path d=\"M42 38l4 4 9-12\"><\/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>12.4K<\/div>\r\n        <div class=\"wsx-stat-title\">Legacy Votes<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Cast by the community<\/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=\"hall_nominees\">\r\n      <div class=\"wsx-stat-icon wsx-purple\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <circle cx=\"22\" cy=\"20\" r=\"8\"><\/circle>\r\n          <circle cx=\"44\" cy=\"22\" r=\"6\"><\/circle>\r\n          <path d=\"M8 54v-4c0-9 7-16 16-16s16 7 16 16v4\"><\/path>\r\n          <path d=\"M38 54v-3c0-7 5-13 12-13 3 0 6 1 8 3\"><\/path>\r\n          <path d=\"M32 8l2.4 5 5.6.8-4 3.9.9 5.5-4.9-2.6-4.9 2.6.9-5.5-4-3.9 5.6-.8L32 8z\"><\/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>248<\/div>\r\n        <div class=\"wsx-stat-title\">Nominees<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Players, crews & creators<\/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=\"legend_moments\">\r\n      <div class=\"wsx-stat-icon wsx-cyan\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <rect x=\"10\" y=\"14\" width=\"44\" height=\"34\" rx=\"5\"><\/rect>\r\n          <path d=\"M18 56h28\"><\/path>\r\n          <path d=\"M32 48v8\"><\/path>\r\n          <path d=\"M24 28l5 5 12-13\"><\/path>\r\n          <path d=\"M20 8v8\"><\/path>\r\n          <path d=\"M44 8v8\"><\/path>\r\n          <path d=\"M10 24h44\"><\/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>36<\/div>\r\n        <div class=\"wsx-stat-title\">Iconic Moments<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Saved to the Hall<\/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 Hall of Fame 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<!-- WANTED SIX HALL OF FAME - SECTION 1: HALL OF FAME HUB -->\r\n<section\r\n  class=\"wsx-hof\"\r\n  data-wsx-module=\"hall-of-fame-hub\"\r\n  data-hof-endpoint=\"\"\r\n  data-nomination-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-hof,\r\n    .wsx-hof * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .wsx-hof {\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-hof a,\r\n    .wsx-hof button,\r\n    .wsx-hof input,\r\n    .wsx-hof select,\r\n    .wsx-hof textarea {\r\n      font: inherit;\r\n    }\r\n\r\n    .wsx-hof button {\r\n      border: 0;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .wsx-hof-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-hof-main,\r\n    .wsx-hof-side-card,\r\n    .wsx-hof-featured,\r\n    .wsx-hof-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-hof-main {\r\n      border-radius: 18px;\r\n      padding: 22px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-hof-main::before,\r\n    .wsx-hof-side-card::before,\r\n    .wsx-hof-featured::before,\r\n    .wsx-hof-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-hof-main > *,\r\n    .wsx-hof-side-card > *,\r\n    .wsx-hof-featured > *,\r\n    .wsx-hof-card > * {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .wsx-hof-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-hof-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-hof-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-hof-status-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-hof-status-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-hof-status-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-hof-status-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-hof-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-hof-field {\r\n      position: relative;\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-hof-field input,\r\n    .wsx-hof-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-hof-field input::placeholder {\r\n      color: rgba(184, 192, 224, 0.72);\r\n    }\r\n\r\n    .wsx-hof-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-hof-field select option {\r\n      background: #080d23;\r\n      color: #fff;\r\n    }\r\n\r\n    .wsx-hof-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-hof-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-hof-tab:hover,\r\n    .wsx-hof-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-hof-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-hof-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-hof-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-hof-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-hof-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-hof-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-hof-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-hof-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-hof-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-hof-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-hof-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-hof-meta strong {\r\n      color: #fff;\r\n    }\r\n\r\n    .wsx-hof-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-hof-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-hof-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-hof-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-hof-card.is-hidden {\r\n      display: none;\r\n    }\r\n\r\n    .wsx-hof-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-hof-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: 58px;\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: 27px;\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-hof-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-hof-status.legend {\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-hof-status.crew {\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-hof-status.creator {\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-hof-status.moment {\r\n      color: #fff0d8;\r\n      border-color: rgba(255, 138, 61, 0.34);\r\n      background: rgba(255, 138, 61, 0.13);\r\n    }\r\n\r\n    .wsx-hof-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-hof-title {\r\n      font-size: 25px;\r\n      line-height: 1;\r\n    }\r\n\r\n    .wsx-hof-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-hof-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-hof-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-hof-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-hof-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-hof-card .wsx-hof-actions {\r\n      margin-top: auto;\r\n      padding-top: 16px;\r\n    }\r\n\r\n    .wsx-hof-card .wsx-btn-primary,\r\n    .wsx-hof-card .wsx-btn-secondary {\r\n      width: 100%;\r\n      min-height: 42px;\r\n    }\r\n\r\n    .wsx-hof-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-hof-empty.is-visible {\r\n      display: block;\r\n    }\r\n\r\n    .wsx-hof-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-hof-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-hof-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-hof-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-hof-pass-name span {\r\n      color: var(--wsx-cyan);\r\n    }\r\n\r\n    .wsx-hof-progress {\r\n      margin-top: 14px;\r\n    }\r\n\r\n    .wsx-hof-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-hof-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-hof-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-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-hof-feed {\r\n      display: grid;\r\n      gap: 10px;\r\n    }\r\n\r\n    .wsx-hof-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-hof-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-hof-feed-copy {\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-hof-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-hof-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-hof-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-hof-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-hof-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-hof-nomination-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 select,\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 select {\r\n      color-scheme: dark;\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-hof-api-example {\r\n      display: none;\r\n    }\r\n\r\n    @media (max-width: 1280px) {\r\n      .wsx-hof-shell {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-hof-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-hof-topbar,\r\n      .wsx-hof-featured {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-hof-status-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-hof-controls {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .wsx-hof-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .wsx-hof-side {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .wsx-hof-main {\r\n        padding: 16px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .wsx-hof-controls,\r\n      .wsx-hof-grid,\r\n      .wsx-form-row {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-hof-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-hof-tabs::-webkit-scrollbar {\r\n        display: none;\r\n      }\r\n\r\n      .wsx-hof-tab {\r\n        white-space: nowrap;\r\n        flex: 0 0 auto;\r\n      }\r\n\r\n      .wsx-hof-card-meta {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-featured-media,\r\n      .wsx-hof-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-hof-nomination-form {\r\n        padding: 18px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wsx-hof-shell\">\r\n    <div class=\"wsx-hof-main\">\r\n      <div class=\"wsx-hof-topbar\">\r\n        <div>\r\n          <div class=\"wsx-kicker\">\r\n            <span class=\"wsx-kicker-dot\"><\/span>\r\n            Hall of Fame\r\n          <\/div>\r\n\r\n          <h2 class=\"wsx-hof-heading\">Legends Never Fade<\/h2>\r\n\r\n          <p class=\"wsx-hof-copy\">\r\n            Celebrate the players, crews, creators and community moments that shaped the Wanted Six legacy.\r\n            Every legend starts with one unforgettable move.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-hof-status-card\" data-hof-status-card>\r\n          <div class=\"wsx-hof-status-label\">Inducted Legends<\/div>\r\n          <div class=\"wsx-hof-status-number\" data-hof-status-value>64<\/div>\r\n          <div class=\"wsx-hof-status-sub\">Static placeholder. Later synced with app.wantedsix.com.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-hof-controls\" role=\"search\">\r\n        <div class=\"wsx-hof-field\">\r\n          <input type=\"search\" placeholder=\"Search legends, crews, creators, moments...\" data-hof-search>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-hof-field\">\r\n          <select data-hof-category aria-label=\"Filter by Hall of Fame category\">\r\n            <option value=\"all\">All Categories<\/option>\r\n            <option value=\"player\">Players<\/option>\r\n            <option value=\"crew\">Crews<\/option>\r\n            <option value=\"creator\">Creators<\/option>\r\n            <option value=\"moment\">Moments<\/option>\r\n            <option value=\"founder\">Founders<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-hof-field\">\r\n          <select data-hof-season aria-label=\"Filter by season\">\r\n            <option value=\"all\">All Seasons<\/option>\r\n            <option value=\"prelaunch-s01\">Season 01<\/option>\r\n            <option value=\"launch\">Launch Era<\/option>\r\n            <option value=\"classic\">Classic<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-hof-field\">\r\n          <select data-hof-status aria-label=\"Filter by status\">\r\n            <option value=\"all\">All Status<\/option>\r\n            <option value=\"inducted\">Inducted<\/option>\r\n            <option value=\"featured\">Featured<\/option>\r\n            <option value=\"nominee\">Nominee<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-hof-tabs\" aria-label=\"Hall of Fame filters\">\r\n        <button class=\"wsx-hof-tab is-active\" type=\"button\" data-hof-tab=\"all\">All<\/button>\r\n        <button class=\"wsx-hof-tab\" type=\"button\" data-hof-tab=\"featured\">Featured<\/button>\r\n        <button class=\"wsx-hof-tab\" type=\"button\" data-hof-tab=\"player\">Players<\/button>\r\n        <button class=\"wsx-hof-tab\" type=\"button\" data-hof-tab=\"crew\">Crews<\/button>\r\n        <button class=\"wsx-hof-tab\" type=\"button\" data-hof-tab=\"creator\">Creators<\/button>\r\n        <button class=\"wsx-hof-tab\" type=\"button\" data-hof-tab=\"moment\">Moments<\/button>\r\n        <button class=\"wsx-hof-tab\" type=\"button\" data-hof-tab=\"founder\">Founders<\/button>\r\n      <\/div>\r\n\r\n      <article\r\n        class=\"wsx-hof-featured\"\r\n        data-featured-hof-id=\"riko-first-legend\"\r\n        data-title=\"Riko\"\r\n        data-category=\"player\"\r\n        data-season=\"prelaunch-s01\"\r\n        data-status=\"featured\"\r\n        data-tab=\"featured player founder\"\r\n      >\r\n        <div class=\"wsx-featured-media\">\r\n          <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Live-Intel.webp\" alt=\"Wanted Six Hall of Fame featured legend placeholder\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"wsx-featured-content\">\r\n          <div class=\"wsx-hof-badges\">\r\n            <span class=\"wsx-hof-badge hot\">Featured Legend<\/span>\r\n            <span class=\"wsx-hof-badge cyan\">Season 01<\/span>\r\n            <span class=\"wsx-hof-badge locked\">Founder Era<\/span>\r\n          <\/div>\r\n\r\n          <h3 class=\"wsx-featured-title\">Riko<\/h3>\r\n\r\n          <p class=\"wsx-featured-text\">\r\n            The first player to dominate multiple pre-launch boards and set the tone for Wanted Six reputation, crew activity and community status.\r\n          <\/p>\r\n\r\n          <div class=\"wsx-hof-meta-row\">\r\n            <span class=\"wsx-hof-meta\">Category <strong>Player<\/strong><\/span>\r\n            <span class=\"wsx-hof-meta\">REP <strong>112,840<\/strong><\/span>\r\n            <span class=\"wsx-hof-meta\">Inducted <strong>S01<\/strong><\/span>\r\n            <span class=\"wsx-hof-meta\">Status <strong>Legend<\/strong><\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-hof-actions\">\r\n            <button\r\n              class=\"wsx-btn-primary\"\r\n              type=\"button\"\r\n              data-hof-nominate-open\r\n              data-hof-id=\"riko-first-legend\"\r\n              data-hof-title=\"Riko\"\r\n              data-action-type=\"nominate\"\r\n            >\r\n              Nominate Legend\r\n            <\/button>\r\n\r\n            <button\r\n              class=\"wsx-btn-secondary\"\r\n              type=\"button\"\r\n              data-preview-hof=\"riko-first-legend\"\r\n            >\r\n              View Legacy\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <div class=\"wsx-hof-grid\" data-hof-grid>\r\n        <article class=\"wsx-hof-card\" data-hof-id=\"vortex-crew\" data-title=\"Vortex Crew\" data-category=\"crew\" data-season=\"prelaunch-s01\" data-status=\"inducted\" data-tab=\"crew featured\">\r\n          <div class=\"wsx-hof-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Crew-Finder.webp\" alt=\"Vortex Crew Hall of Fame placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-hof-rank\">#01<\/span>\r\n            <span class=\"wsx-hof-status crew\">Crew<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-hof-body\">\r\n            <div class=\"wsx-hof-badges\">\r\n              <span class=\"wsx-hof-badge hot\">Top Crew<\/span>\r\n              <span class=\"wsx-hof-badge\">Founder Era<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-hof-title\">Vortex Crew<\/h3>\r\n            <p class=\"wsx-hof-desc\">The first crew to hold the #1 crew board position during the pre-launch phase.<\/p>\r\n\r\n            <div class=\"wsx-hof-card-meta\">\r\n              <div class=\"wsx-hof-chip\"><span>Category<\/span><strong>Crew<\/strong><\/div>\r\n              <div class=\"wsx-hof-chip\"><span>Legacy<\/span><strong>#1 Crew<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-hof-actions\">\r\n              <button class=\"wsx-btn-secondary\" type=\"button\" data-preview-hof=\"vortex-crew\">View Legacy<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-hof-card\" data-hof-id=\"neon-saint\" data-title=\"Neon Saint\" data-category=\"creator\" data-season=\"prelaunch-s01\" data-status=\"inducted\" data-tab=\"creator featured\">\r\n          <div class=\"wsx-hof-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/News-Updates.webp\" alt=\"Neon Saint Hall of Fame placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-hof-rank\">#02<\/span>\r\n            <span class=\"wsx-hof-status creator\">Creator<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-hof-body\">\r\n            <div class=\"wsx-hof-badges\">\r\n              <span class=\"wsx-hof-badge locked\">Creator<\/span>\r\n              <span class=\"wsx-hof-badge\">Clip Icon<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-hof-title\">Neon Saint<\/h3>\r\n            <p class=\"wsx-hof-desc\">Creator recognized for early cinematic clips, guide concepts and community momentum.<\/p>\r\n\r\n            <div class=\"wsx-hof-card-meta\">\r\n              <div class=\"wsx-hof-chip\"><span>Category<\/span><strong>Creator<\/strong><\/div>\r\n              <div class=\"wsx-hof-chip\"><span>Reach<\/span><strong>1.8M Views<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-hof-actions\">\r\n              <button class=\"wsx-btn-secondary\" type=\"button\" data-preview-hof=\"neon-saint\">View Legacy<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-hof-card\" data-hof-id=\"first-crew-night\" data-title=\"First Crew Night\" data-category=\"moment\" data-season=\"prelaunch-s01\" data-status=\"inducted\" data-tab=\"moment\">\r\n          <div class=\"wsx-hof-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Crew-Finder.webp\" alt=\"First Crew Night Hall of Fame placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-hof-rank\">#03<\/span>\r\n            <span class=\"wsx-hof-status moment\">Moment<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-hof-body\">\r\n            <div class=\"wsx-hof-badges\">\r\n              <span class=\"wsx-hof-badge cyan\">Community<\/span>\r\n              <span class=\"wsx-hof-badge\">Event<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-hof-title\">First Crew Night<\/h3>\r\n            <p class=\"wsx-hof-desc\">The first major community meetup milestone tracked inside the Wanted Six ecosystem.<\/p>\r\n\r\n            <div class=\"wsx-hof-card-meta\">\r\n              <div class=\"wsx-hof-chip\"><span>Category<\/span><strong>Moment<\/strong><\/div>\r\n              <div class=\"wsx-hof-chip\"><span>Impact<\/span><strong>128 RSVPs<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-hof-actions\">\r\n              <button class=\"wsx-btn-secondary\" type=\"button\" data-preview-hof=\"first-crew-night\">View Moment<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-hof-card\" data-hof-id=\"vice-lens\" data-title=\"Vice Lens\" data-category=\"creator\" data-season=\"prelaunch-s01\" data-status=\"nominee\" data-tab=\"creator\">\r\n          <div class=\"wsx-hof-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Live-Intel.webp\" alt=\"Vice Lens Hall of Fame placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-hof-rank\">NOM<\/span>\r\n            <span class=\"wsx-hof-status creator\">Nominee<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-hof-body\">\r\n            <div class=\"wsx-hof-badges\">\r\n              <span class=\"wsx-hof-badge locked\">Creator<\/span>\r\n              <span class=\"wsx-hof-badge\">Nominee<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-hof-title\">Vice Lens<\/h3>\r\n            <p class=\"wsx-hof-desc\">Nominated for early visual content, clip discovery and creator board activity.<\/p>\r\n\r\n            <div class=\"wsx-hof-card-meta\">\r\n              <div class=\"wsx-hof-chip\"><span>Category<\/span><strong>Creator<\/strong><\/div>\r\n              <div class=\"wsx-hof-chip\"><span>Votes<\/span><strong>342<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-hof-actions\">\r\n              <button class=\"wsx-btn-primary\" type=\"button\" data-hof-nominate-open data-hof-id=\"vice-lens\" data-hof-title=\"Vice Lens\" data-action-type=\"vote\">Vote<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-hof-card\" data-hof-id=\"ltn-squad\" data-title=\"LTN Squad\" data-category=\"crew\" data-season=\"prelaunch-s01\" data-status=\"nominee\" data-tab=\"crew\">\r\n          <div class=\"wsx-hof-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Interactive-Map.webp\" alt=\"LTN Squad Hall of Fame placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-hof-rank\">NOM<\/span>\r\n            <span class=\"wsx-hof-status crew\">Nominee<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-hof-body\">\r\n            <div class=\"wsx-hof-badges\">\r\n              <span class=\"wsx-hof-badge hot\">Crew<\/span>\r\n              <span class=\"wsx-hof-badge\">Rising<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-hof-title\">LTN Squad<\/h3>\r\n            <p class=\"wsx-hof-desc\">A fast-rising crew nominated for launch prep, activity score and recruitment impact.<\/p>\r\n\r\n            <div class=\"wsx-hof-card-meta\">\r\n              <div class=\"wsx-hof-chip\"><span>Category<\/span><strong>Crew<\/strong><\/div>\r\n              <div class=\"wsx-hof-chip\"><span>Votes<\/span><strong>296<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-hof-actions\">\r\n              <button class=\"wsx-btn-primary\" type=\"button\" data-hof-nominate-open data-hof-id=\"ltn-squad\" data-hof-title=\"LTN Squad\" data-action-type=\"vote\">Vote<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-hof-card\" data-hof-id=\"founder-wave\" data-title=\"Founder Wave\" data-category=\"founder\" data-season=\"prelaunch-s01\" data-status=\"featured\" data-tab=\"founder featured\">\r\n          <div class=\"wsx-hof-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/News-Updates.webp\" alt=\"Founder Wave Hall of Fame placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-hof-rank\">S01<\/span>\r\n            <span class=\"wsx-hof-status legend\">Founder<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-hof-body\">\r\n            <div class=\"wsx-hof-badges\">\r\n              <span class=\"wsx-hof-badge hot\">Founder<\/span>\r\n              <span class=\"wsx-hof-badge cyan\">Legacy<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-hof-title\">Founder Wave<\/h3>\r\n            <p class=\"wsx-hof-desc\">The first wave of community members who helped establish Wanted Six before launch.<\/p>\r\n\r\n            <div class=\"wsx-hof-card-meta\">\r\n              <div class=\"wsx-hof-chip\"><span>Category<\/span><strong>Founder<\/strong><\/div>\r\n              <div class=\"wsx-hof-chip\"><span>Members<\/span><strong>500<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-hof-actions\">\r\n              <button class=\"wsx-btn-secondary\" type=\"button\" data-preview-hof=\"founder-wave\">View Wave<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-hof-empty\" data-hof-empty>\r\n        No Hall of Fame entries match your current filters. Clear the filters or search for another legend.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <aside class=\"wsx-hof-side\">\r\n      <div class=\"wsx-hof-side-card\">\r\n        <h3 class=\"wsx-side-title\">Legacy Status<\/h3>\r\n\r\n        <div class=\"wsx-hof-pass-panel\">\r\n          <div class=\"wsx-hof-pass-name\">\r\n            Nomination Open\r\n            <span>S01<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-hof-progress\">\r\n            <div class=\"wsx-hof-progress-top\">\r\n              <span>Next induction wave<\/span>\r\n              <span>42%<\/span>\r\n            <\/div>\r\n            <div class=\"wsx-hof-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-hof-side-card\">\r\n        <h3 class=\"wsx-side-title\">How Legends Enter<\/h3>\r\n\r\n        <ul class=\"wsx-side-list\">\r\n          <li>\r\n            <i>1<\/i>\r\n            <div>\r\n              <strong>Earn Impact<\/strong>\r\n              Players, crews, creators and moments gain legacy through activity, wins and community value.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>2<\/i>\r\n            <div>\r\n              <strong>Get Nominated<\/strong>\r\n              The community can nominate standout names, clips, crews and events.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>3<\/i>\r\n            <div>\r\n              <strong>Become Immortal<\/strong>\r\n              Inducted legends receive permanent Hall of Fame placement and status.\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-hof-side-card\">\r\n        <h3 class=\"wsx-side-title\">Recent Legacy<\/h3>\r\n\r\n        <div class=\"wsx-hof-feed\">\r\n          <div class=\"wsx-hof-feed-item\">\r\n            <div class=\"wsx-hof-feed-icon\">RK<\/div>\r\n            <div class=\"wsx-hof-feed-copy\">\r\n              <strong>Riko<\/strong>\r\n              <span>featured as S01 legend<\/span>\r\n            <\/div>\r\n            <div class=\"wsx-hof-feed-time\">2m<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-hof-feed-item\">\r\n            <div class=\"wsx-hof-feed-icon\">VX<\/div>\r\n            <div class=\"wsx-hof-feed-copy\">\r\n              <strong>Vortex Crew<\/strong>\r\n              <span>entered crew legacy board<\/span>\r\n            <\/div>\r\n            <div class=\"wsx-hof-feed-time\">9m<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-hof-feed-item\">\r\n            <div class=\"wsx-hof-feed-icon\">VL<\/div>\r\n            <div class=\"wsx-hof-feed-copy\">\r\n              <strong>Vice Lens<\/strong>\r\n              <span>received creator nomination<\/span>\r\n            <\/div>\r\n            <div class=\"wsx-hof-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-hof-modal\" data-hof-nomination-modal aria-hidden=\"true\">\r\n    <div class=\"wsx-modal-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"wsxHofNominationTitle\">\r\n      <div class=\"wsx-modal-head\">\r\n        <div>\r\n          <h3 id=\"wsxHofNominationTitle\" data-hof-nomination-title>Nominate Legend<\/h3>\r\n          <p data-hof-nomination-subtitle>Submit a Hall of Fame nomination. Later this connects to the Wanted Six app.<\/p>\r\n        <\/div>\r\n\r\n        <button class=\"wsx-modal-close\" type=\"button\" data-hof-nomination-close aria-label=\"Close Hall of Fame modal\">\u00d7<\/button>\r\n      <\/div>\r\n\r\n      <form class=\"wsx-hof-nomination-form\" data-hof-nomination-form>\r\n        <input type=\"hidden\" name=\"hof_id\" data-hof-nomination-id>\r\n        <input type=\"hidden\" name=\"hof_title\" data-hof-nomination-item-title>\r\n        <input type=\"hidden\" name=\"action_type\" data-hof-nomination-action-type>\r\n        <input type=\"hidden\" name=\"hof_nomination_payload\" data-hof-nomination-payload>\r\n\r\n        <div class=\"wsx-form-row\">\r\n          <div class=\"wsx-form-field\">\r\n            <label for=\"wsxHofHandle\">Wanted Six Handle<\/label>\r\n            <input id=\"wsxHofHandle\" name=\"handle\" type=\"text\" placeholder=\"@yourhandle\" required>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-form-field\">\r\n            <label for=\"wsxHofEmail\">Email<\/label>\r\n            <input id=\"wsxHofEmail\" name=\"email\" type=\"email\" placeholder=\"you@example.com\" required>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-form-row\">\r\n          <div class=\"wsx-form-field\">\r\n            <label for=\"wsxHofNominee\">Nominee Name<\/label>\r\n            <input id=\"wsxHofNominee\" name=\"nominee_name\" type=\"text\" placeholder=\"Player, crew, creator or moment\" required>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-form-field\">\r\n            <label for=\"wsxHofCategory\">Category<\/label>\r\n            <select id=\"wsxHofCategory\" name=\"category\" required>\r\n              <option value=\"\">Choose category<\/option>\r\n              <option value=\"player\">Player<\/option>\r\n              <option value=\"crew\">Crew<\/option>\r\n              <option value=\"creator\">Creator<\/option>\r\n              <option value=\"moment\">Moment<\/option>\r\n              <option value=\"founder\">Founder<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-form-field\">\r\n          <label for=\"wsxHofProof\">Proof, Clip or Profile Link<\/label>\r\n          <input id=\"wsxHofProof\" name=\"proof_url\" type=\"url\" placeholder=\"https:\/\/wantedsix.com\/legend-proof\">\r\n        <\/div>\r\n\r\n        <div class=\"wsx-form-field\">\r\n          <label for=\"wsxHofReason\">Why should this enter the Hall of Fame?<\/label>\r\n          <textarea id=\"wsxHofReason\" name=\"reason\" placeholder=\"Explain the legacy, impact, moment or achievement.\"><\/textarea>\r\n        <\/div>\r\n\r\n        <label class=\"wsx-checkline\">\r\n          <input type=\"checkbox\" name=\"confirm_nomination\" required>\r\n          <span>I confirm that this is a static demo nomination 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-hof-nomination-close>Cancel<\/button>\r\n          <button class=\"wsx-btn-primary\" type=\"submit\">Submit Nomination<\/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-hof-api-example\">\r\n    {\r\n      \"hall_of_fame\": [\r\n        {\r\n          \"id\": \"riko-first-legend\",\r\n          \"name\": \"Riko\",\r\n          \"category\": \"player\",\r\n          \"season\": \"prelaunch-s01\",\r\n          \"status\": \"featured\",\r\n          \"legacy_score\": 112840,\r\n          \"image\": \"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Live-Intel.webp\"\r\n        }\r\n      ],\r\n      \"nomination_payload\": {\r\n        \"hof_id\": \"riko-first-legend\",\r\n        \"hof_title\": \"Riko\",\r\n        \"action_type\": \"nominate\",\r\n        \"handle\": \"@yourhandle\",\r\n        \"email\": \"you@example.com\",\r\n        \"nominee_name\": \"Riko\",\r\n        \"category\": \"player\",\r\n        \"proof_url\": \"https:\/\/wantedsix.com\/legend-proof\",\r\n        \"reason\": \"Reason for Hall of Fame nomination.\",\r\n        \"season_id\": \"prelaunch-s01\",\r\n        \"user_id\": \"\",\r\n        \"source\": \"wordpress_elementor_static_hall_of_fame_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-hof');\r\n      if (!root) return;\r\n\r\n      const searchInput = root.querySelector('[data-hof-search]');\r\n      const categorySelect = root.querySelector('[data-hof-category]');\r\n      const seasonSelect = root.querySelector('[data-hof-season]');\r\n      const statusSelect = root.querySelector('[data-hof-status]');\r\n      const tabs = Array.from(root.querySelectorAll('[data-hof-tab]'));\r\n      const cards = Array.from(root.querySelectorAll('.wsx-hof-card'));\r\n      const empty = root.querySelector('[data-hof-empty]');\r\n      const modal = root.querySelector('[data-hof-nomination-modal]');\r\n      const nominationForm = root.querySelector('[data-hof-nomination-form]');\r\n      const nominationTitle = root.querySelector('[data-hof-nomination-title]');\r\n      const nominationSubtitle = root.querySelector('[data-hof-nomination-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 category = categorySelect ? categorySelect.value : 'all';\r\n        const season = seasonSelect ? seasonSelect.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 categoryValue = card.dataset.category || '';\r\n          const seasonValue = card.dataset.season || '';\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 matchesCategory = category === 'all' || categoryValue === category;\r\n          const matchesSeason = season === 'all' || seasonValue === season;\r\n          const matchesStatus = status === 'all' || statusValue === status;\r\n          const matchesTab = activeTab === 'all' || tabValues.includes(activeTab) || categoryValue === activeTab || statusValue === activeTab;\r\n\r\n          const show = matchesTerm && matchesCategory && matchesSeason && 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 openNominationModal(button) {\r\n        if (!modal || !nominationForm || !button) return;\r\n\r\n        const hofId = button.dataset.hofId || '';\r\n        const hofTitle = button.dataset.hofTitle || 'Legend';\r\n        const actionType = button.dataset.actionType || 'nominate';\r\n\r\n        if (nominationTitle) {\r\n          nominationTitle.textContent = actionType === 'vote' ? 'Vote For ' + hofTitle : 'Nominate ' + hofTitle;\r\n        }\r\n\r\n        if (nominationSubtitle) {\r\n          nominationSubtitle.textContent = 'Action prepared: ' + actionType.replace(\/-\/g, ' ') + '. Later this connects to the app.';\r\n        }\r\n\r\n        const idField = nominationForm.querySelector('[data-hof-nomination-id]');\r\n        const titleField = nominationForm.querySelector('[data-hof-nomination-item-title]');\r\n        const typeField = nominationForm.querySelector('[data-hof-nomination-action-type]');\r\n        const nomineeField = nominationForm.querySelector('#wsxHofNominee');\r\n\r\n        if (idField) idField.value = hofId;\r\n        if (titleField) titleField.value = hofTitle;\r\n        if (typeField) typeField.value = actionType;\r\n        if (nomineeField && hofTitle !== 'Legend') nomineeField.value = hofTitle;\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 closeNominationModal() {\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 handleNominationSubmit(event) {\r\n        event.preventDefault();\r\n\r\n        if (!nominationForm) return;\r\n\r\n        const formData = new FormData(nominationForm);\r\n\r\n        const payload = {\r\n          hof_id: formData.get('hof_id'),\r\n          hof_title: formData.get('hof_title'),\r\n          action_type: formData.get('action_type'),\r\n          handle: formData.get('handle'),\r\n          email: formData.get('email'),\r\n          nominee_name: formData.get('nominee_name'),\r\n          category: formData.get('category'),\r\n          proof_url: formData.get('proof_url'),\r\n          reason: formData.get('reason'),\r\n          season_id: root.dataset.seasonId || '',\r\n          user_id: root.dataset.userId || '',\r\n          source: 'wordpress_elementor_static_hall_of_fame_widget',\r\n          created_at: new Date().toISOString()\r\n        };\r\n\r\n        const payloadField = nominationForm.querySelector('[data-hof-nomination-payload]');\r\n        const endpoint = root.dataset.nominationEndpoint;\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('Hall of Fame nomination failed');\r\n            showToast('Hall of Fame action submitted.');\r\n          })\r\n          .catch(function () {\r\n            console.info('Wanted Six Hall of Fame nomination payload:', payload);\r\n            showToast('Demo mode: Hall of Fame payload created.');\r\n          });\r\n        } else {\r\n          console.info('Wanted Six Hall of Fame nomination payload:', payload);\r\n          showToast('Demo mode: Hall of Fame payload created.');\r\n        }\r\n\r\n        nominationForm.reset();\r\n        closeNominationModal();\r\n      }\r\n\r\n      function previewHof(button) {\r\n        const itemId = button.dataset.previewHof || 'hall-of-fame-entry';\r\n        console.info('Wanted Six Hall of Fame preview:', itemId);\r\n        showToast('Preview action prepared for: ' + itemId);\r\n      }\r\n\r\n      tabs.forEach(function (tab) {\r\n        tab.addEventListener('click', function () {\r\n          activeTab = tab.dataset.hofTab || '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, categorySelect, seasonSelect, 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 nominateButton = event.target.closest('[data-hof-nominate-open]');\r\n        const closeButton = event.target.closest('[data-hof-nomination-close]');\r\n        const previewButton = event.target.closest('[data-preview-hof]');\r\n\r\n        if (nominateButton) openNominationModal(nominateButton);\r\n        if (closeButton) closeNominationModal();\r\n        if (previewButton) previewHof(previewButton);\r\n      });\r\n\r\n      if (modal) {\r\n        modal.addEventListener('click', function (event) {\r\n          if (event.target === modal) {\r\n            closeNominationModal();\r\n          }\r\n        });\r\n      }\r\n\r\n      document.addEventListener('keydown', function (event) {\r\n        if (event.key === 'Escape') {\r\n          closeNominationModal();\r\n        }\r\n      });\r\n\r\n      if (nominationForm) {\r\n        nominationForm.addEventListener('submit', handleNominationSubmit);\r\n      }\r\n\r\n      function loadHofData() {\r\n        const endpoint = root.dataset.hofEndpoint;\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('Hall of Fame request failed');\r\n          return response.json();\r\n        })\r\n        .then(function (data) {\r\n          console.info('Wanted Six Hall of Fame endpoint ready:', data);\r\n          applyFilters();\r\n        })\r\n        .catch(function () {\r\n          console.info('Wanted Six Hall of Fame endpoint not available yet.');\r\n          applyFilters();\r\n        });\r\n      }\r\n\r\n      loadHofData();\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>Hall of Fame Honor players. Celebrate crews. Remember moments. Explore the Hall of Fame, vote for nominees and celebrate the stories, squads and moments that define the Wanted Six community. View legends 64 Inducted Legends Permanent legacy entries 12.4K Legacy Votes Cast by the community 248 Nominees Players, crews &#038; creators 36 Iconic Moments Saved [&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-859","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/859","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=859"}],"version-history":[{"count":4,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/859\/revisions"}],"predecessor-version":[{"id":864,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/859\/revisions\/864"}],"wp:attachment":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/media?parent=859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}