{"id":772,"date":"2026-07-08T16:19:01","date_gmt":"2026-07-08T16:19:01","guid":{"rendered":"https:\/\/wantedsix.com\/?page_id=772"},"modified":"2026-07-08T16:42:36","modified_gmt":"2026-07-08T16:42:36","slug":"rewards","status":"publish","type":"page","link":"https:\/\/wantedsix.com\/de\/rewards\/","title":{"rendered":"Rewards"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"772\" class=\"elementor elementor-772\" 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\">Rewards<\/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\">Your grind becomes reputation.<\/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=\"175\" data-end=\"310\">Complete challenges, grow your reputation and redeem exclusive rewards across the Wanted Six ecosystem.<\/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\">Claim your legacy<\/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 REWARDS STATS SECTION -->\r\n<section\r\n  class=\"wsx-rewards-stats-section\"\r\n  data-wsx-module=\"rewards-stats\"\r\n  data-rewards-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=\"claimable_rewards\">\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=\"M14 16h36a4 4 0 0 1 4 4v30a4 4 0 0 1-4 4H14a4 4 0 0 1-4-4V20a4 4 0 0 1 4-4z\"><\/path>\r\n          <path d=\"M22 16v-4a6 6 0 0 1 6-6h8a6 6 0 0 1 6 6v4\"><\/path>\r\n          <path d=\"M10 28h44\"><\/path>\r\n          <path d=\"M24 40l5 5 12-14\"><\/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>18<\/div>\r\n        <div class=\"wsx-rewards-stat-title\">Claimable Rewards<\/div>\r\n        <div class=\"wsx-rewards-stat-subtitle\">Ready to unlock<\/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=\"available_reputation\">\r\n      <div class=\"wsx-rewards-stat-icon wsx-rewards-cyan\">\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        <\/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>3,840<\/div>\r\n        <div class=\"wsx-rewards-stat-title\">Reputation<\/div>\r\n        <div class=\"wsx-rewards-stat-subtitle\">Available balance<\/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=\"season_rewards\">\r\n      <div class=\"wsx-rewards-stat-icon wsx-rewards-purple\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M18 18h28l6 10-20 28-20-28 6-10z\"><\/path>\r\n          <path d=\"M12 28h40\"><\/path>\r\n          <path d=\"M24 18l8 38\"><\/path>\r\n          <path d=\"M40 18l-8 38\"><\/path>\r\n          <path d=\"M24 18l-12 10\"><\/path>\r\n          <path d=\"M40 18l12 10\"><\/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>42<\/div>\r\n        <div class=\"wsx-rewards-stat-title\">Season Rewards<\/div>\r\n        <div class=\"wsx-rewards-stat-subtitle\">Profile, crew & creator perks<\/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=\"claims_today\">\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=\"M18 22l8 9 6-17 6 17 8-9 4 26H14l4-26z\"><\/path>\r\n          <path d=\"M16 56h32\"><\/path>\r\n          <path d=\"M24 40h16\"><\/path>\r\n          <circle cx=\"32\" cy=\"14\" r=\"4\"><\/circle>\r\n          <circle cx=\"18\" cy=\"22\" r=\"3\"><\/circle>\r\n          <circle cx=\"46\" cy=\"22\" r=\"3\"><\/circle>\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>287<\/div>\r\n        <div class=\"wsx-rewards-stat-title\">Claims Today<\/div>\r\n        <div class=\"wsx-rewards-stat-subtitle\">Community reward activity<\/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.rewardsStatsEndpoint;\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        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      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 rewards 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 REWARDS - SECTION 1: REWARDS HUB \/ CLAIM VAULT -->\r\n<section\r\n  class=\"wsx-rewards\"\r\n  data-wsx-module=\"rewards-hub\"\r\n  data-rewards-endpoint=\"\"\r\n  data-wallet-endpoint=\"\"\r\n  data-claim-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-rewards,\r\n    .wsx-rewards * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .wsx-rewards {\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-rewards a,\r\n    .wsx-rewards button,\r\n    .wsx-rewards input,\r\n    .wsx-rewards select,\r\n    .wsx-rewards textarea {\r\n      font: inherit;\r\n    }\r\n\r\n    .wsx-rewards button {\r\n      border: 0;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .wsx-rewards-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-rewards-main,\r\n    .wsx-rewards-side-card,\r\n    .wsx-rewards-featured,\r\n    .wsx-reward-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-rewards-main {\r\n      border-radius: 18px;\r\n      padding: 22px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-rewards-main::before,\r\n    .wsx-rewards-side-card::before,\r\n    .wsx-rewards-featured::before,\r\n    .wsx-reward-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-rewards-main > *,\r\n    .wsx-rewards-side-card > *,\r\n    .wsx-rewards-featured > *,\r\n    .wsx-reward-card > * {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .wsx-rewards-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-rewards-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-rewards-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-wallet-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-wallet-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-wallet-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-wallet-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-reward-stats {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 12px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .wsx-reward-mini-stat {\r\n      padding: 14px;\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-reward-mini-stat strong {\r\n      display: block;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: 31px;\r\n      line-height: 0.95;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .wsx-reward-mini-stat span {\r\n      display: block;\r\n      margin-top: 8px;\r\n      color: var(--wsx-muted);\r\n      font-size: 13px;\r\n      line-height: 1.35;\r\n    }\r\n\r\n    .wsx-rewards-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-rewards-field {\r\n      position: relative;\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-rewards-field input,\r\n    .wsx-rewards-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-rewards-field input::placeholder {\r\n      color: rgba(184, 192, 224, 0.72);\r\n    }\r\n\r\n    .wsx-rewards-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-rewards-field select option {\r\n      background: #080d23;\r\n      color: #fff;\r\n    }\r\n\r\n    .wsx-rewards-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-rewards-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-rewards-tab:hover,\r\n    .wsx-rewards-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-rewards-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-reward-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-reward-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-reward-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-reward-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-reward-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-reward-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-reward-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-reward-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-reward-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-reward-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-reward-meta strong {\r\n      color: #fff;\r\n    }\r\n\r\n    .wsx-reward-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-rewards-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-reward-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-reward-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-reward-card.is-hidden {\r\n      display: none;\r\n    }\r\n\r\n    .wsx-reward-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-reward-status {\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      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-reward-status.claimable {\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-reward-status.locked {\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-reward-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-reward-title {\r\n      font-size: 25px;\r\n      line-height: 1;\r\n    }\r\n\r\n    .wsx-reward-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-reward-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-reward-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-reward-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-reward-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-reward-progress {\r\n      margin-top: 14px;\r\n    }\r\n\r\n    .wsx-reward-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-reward-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-reward-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-reward-card .wsx-reward-actions {\r\n      margin-top: auto;\r\n      padding-top: 16px;\r\n    }\r\n\r\n    .wsx-reward-card .wsx-btn-primary,\r\n    .wsx-reward-card .wsx-btn-secondary {\r\n      width: 100%;\r\n      min-height: 42px;\r\n    }\r\n\r\n    .wsx-rewards-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-rewards-empty.is-visible {\r\n      display: block;\r\n    }\r\n\r\n    .wsx-rewards-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-rewards-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-tier-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-tier-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-tier-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-claim-feed {\r\n      display: grid;\r\n      gap: 10px;\r\n    }\r\n\r\n    .wsx-claim-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-claim-avatar {\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-claim-copy {\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-claim-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-claim-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-claim-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-rewards-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-rewards-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-claim-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    @media (max-width: 1280px) {\r\n      .wsx-rewards-shell {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-rewards-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-rewards-topbar,\r\n      .wsx-rewards-featured {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-wallet-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-rewards-controls {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .wsx-rewards-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .wsx-rewards-side {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .wsx-rewards-main {\r\n        padding: 16px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .wsx-reward-stats,\r\n      .wsx-rewards-controls,\r\n      .wsx-rewards-grid,\r\n      .wsx-form-row {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-rewards-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-rewards-tabs::-webkit-scrollbar {\r\n        display: none;\r\n      }\r\n\r\n      .wsx-rewards-tab {\r\n        white-space: nowrap;\r\n        flex: 0 0 auto;\r\n      }\r\n\r\n      .wsx-reward-card-meta {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-featured-media,\r\n      .wsx-reward-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-claim-form {\r\n        padding: 18px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wsx-rewards-shell\">\r\n    <div class=\"wsx-rewards-main\">\r\n      <div class=\"wsx-rewards-topbar\">\r\n        <div>\r\n          <div class=\"wsx-kicker\">\r\n            <span class=\"wsx-kicker-dot\"><\/span>\r\n            Rewards Hub\r\n          <\/div>\r\n\r\n          <h2 class=\"wsx-rewards-heading\">Claim Your Legacy<\/h2>\r\n\r\n          <p class=\"wsx-rewards-copy\">\r\n            Earn reputation through missions, challenges, intel drops and crew activity.\r\n            Spend it on profile upgrades, crew perks, creator boosts and seasonal rewards\r\n            inside the Wanted Six ecosystem.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-wallet-card\" data-wallet-card>\r\n          <div class=\"wsx-wallet-label\">Available Reputation<\/div>\r\n          <div class=\"wsx-wallet-number\" data-wallet-points>3,840<\/div>\r\n          <div class=\"wsx-wallet-sub\">Pre-launch balance placeholder. Later this comes from app.wantedsix.com.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-reward-stats\">\r\n        <div class=\"wsx-reward-mini-stat\" data-stat-key=\"claimable_rewards\">\r\n          <strong data-stat-value=\"claimable_rewards\">18<\/strong>\r\n          <span>Claimable rewards<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-reward-mini-stat\" data-stat-key=\"season_rewards\">\r\n          <strong data-stat-value=\"season_rewards\">42<\/strong>\r\n          <span>Season rewards<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-reward-mini-stat\" data-stat-key=\"claimed_today\">\r\n          <strong data-stat-value=\"claimed_today\">287<\/strong>\r\n          <span>Claims today<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-rewards-controls\" role=\"search\">\r\n        <div class=\"wsx-rewards-field\">\r\n          <input type=\"search\" placeholder=\"Search rewards, badges, boosts...\" data-rewards-search>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-rewards-field\">\r\n          <select data-rewards-category aria-label=\"Filter by category\">\r\n            <option value=\"all\">All Categories<\/option>\r\n            <option value=\"profile\">Profile<\/option>\r\n            <option value=\"crew\">Crew<\/option>\r\n            <option value=\"creator\">Creator<\/option>\r\n            <option value=\"status\">Status<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-rewards-field\">\r\n          <select data-rewards-tier aria-label=\"Filter by tier\">\r\n            <option value=\"all\">All Tiers<\/option>\r\n            <option value=\"bronze\">Bronze<\/option>\r\n            <option value=\"silver\">Silver<\/option>\r\n            <option value=\"gold\">Gold<\/option>\r\n            <option value=\"legendary\">Legendary<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-rewards-field\">\r\n          <select data-rewards-cost aria-label=\"Filter by cost\">\r\n            <option value=\"all\">Any Cost<\/option>\r\n            <option value=\"low\">0 - 750 REP<\/option>\r\n            <option value=\"mid\">751 - 2,000 REP<\/option>\r\n            <option value=\"high\">2,001+ REP<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-rewards-tabs\" aria-label=\"Reward filters\">\r\n        <button class=\"wsx-rewards-tab is-active\" type=\"button\" data-rewards-tab=\"all\">All<\/button>\r\n        <button class=\"wsx-rewards-tab\" type=\"button\" data-rewards-tab=\"claimable\">Claimable<\/button>\r\n        <button class=\"wsx-rewards-tab\" type=\"button\" data-rewards-tab=\"digital\">Digital<\/button>\r\n        <button class=\"wsx-rewards-tab\" type=\"button\" data-rewards-tab=\"boosts\">Boosts<\/button>\r\n        <button class=\"wsx-rewards-tab\" type=\"button\" data-rewards-tab=\"crew\">Crew Perks<\/button>\r\n        <button class=\"wsx-rewards-tab\" type=\"button\" data-rewards-tab=\"locked\">Locked<\/button>\r\n      <\/div>\r\n\r\n      <article\r\n        class=\"wsx-rewards-featured\"\r\n        data-featured-reward-id=\"founders-crew-banner\"\r\n        data-title=\"Founder Crew Banner\"\r\n        data-category=\"crew\"\r\n        data-tier=\"gold\"\r\n        data-cost=\"1800\"\r\n        data-tab=\"claimable crew digital\"\r\n        data-status=\"claimable\"\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 featured reward placeholder\" loading=\"lazy\">\r\n        <\/div>\r\n\r\n        <div class=\"wsx-featured-content\">\r\n          <div class=\"wsx-reward-badges\">\r\n            <span class=\"wsx-reward-badge hot\">Featured<\/span>\r\n            <span class=\"wsx-reward-badge cyan\">Crew Perk<\/span>\r\n            <span class=\"wsx-reward-badge locked\">Season 01<\/span>\r\n          <\/div>\r\n\r\n          <h3 class=\"wsx-featured-title\">Founder Crew Banner<\/h3>\r\n\r\n          <p class=\"wsx-featured-text\">\r\n            Give your crew profile a premium pre-launch banner and mark your squad\r\n            as an early Wanted Six founder crew.\r\n          <\/p>\r\n\r\n          <div class=\"wsx-reward-meta-row\">\r\n            <span class=\"wsx-reward-meta\">Cost <strong>1,800 REP<\/strong><\/span>\r\n            <span class=\"wsx-reward-meta\">Tier <strong>Gold<\/strong><\/span>\r\n            <span class=\"wsx-reward-meta\">Supply <strong>Limited<\/strong><\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-reward-actions\">\r\n            <button\r\n              class=\"wsx-btn-primary\"\r\n              type=\"button\"\r\n              data-claim-open\r\n              data-reward-id=\"founders-crew-banner\"\r\n              data-reward-title=\"Founder Crew Banner\"\r\n              data-cost=\"1800\"\r\n            >\r\n              Claim Reward\r\n            <\/button>\r\n\r\n            <button\r\n              class=\"wsx-btn-secondary\"\r\n              type=\"button\"\r\n              data-preview-reward=\"founders-crew-banner\"\r\n            >\r\n              Preview Perk\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <div class=\"wsx-rewards-grid\" data-rewards-grid>\r\n        <article class=\"wsx-reward-card\" data-reward-id=\"neon-founder-badge\" data-title=\"Neon Founder Badge\" data-category=\"profile\" data-tier=\"bronze\" data-cost=\"450\" data-tab=\"claimable digital\" data-status=\"claimable\">\r\n          <div class=\"wsx-reward-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Crew-Finder.webp\" alt=\"Neon Founder Badge reward placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-reward-status claimable\">Claimable<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-reward-body\">\r\n            <div class=\"wsx-reward-badges\">\r\n              <span class=\"wsx-reward-badge cyan\">Profile<\/span>\r\n              <span class=\"wsx-reward-badge\">Bronze<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-reward-title\">Neon Founder Badge<\/h3>\r\n            <p class=\"wsx-reward-desc\">A visible profile badge for early members who helped build the pre-launch community.<\/p>\r\n\r\n            <div class=\"wsx-reward-card-meta\">\r\n              <div class=\"wsx-reward-chip\"><span>Cost<\/span><strong>450 REP<\/strong><\/div>\r\n              <div class=\"wsx-reward-chip\"><span>Type<\/span><strong>Digital<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-reward-progress\">\r\n              <div class=\"wsx-reward-progress-top\"><span>Unlock progress<\/span><span>100%<\/span><\/div>\r\n              <div class=\"wsx-reward-bar\" style=\"--progress:100%\"><span><\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-reward-actions\">\r\n              <button class=\"wsx-btn-primary\" type=\"button\" data-claim-open data-reward-id=\"neon-founder-badge\" data-reward-title=\"Neon Founder Badge\" data-cost=\"450\">Claim<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-reward-card\" data-reward-id=\"creator-spotlight-boost\" data-title=\"Creator Spotlight Boost\" data-category=\"creator\" data-tier=\"gold\" data-cost=\"2200\" data-tab=\"boosts digital claimable\" data-status=\"claimable\">\r\n          <div class=\"wsx-reward-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/News-Updates.webp\" alt=\"Creator Spotlight Boost reward placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-reward-status claimable\">Claimable<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-reward-body\">\r\n            <div class=\"wsx-reward-badges\">\r\n              <span class=\"wsx-reward-badge hot\">Boost<\/span>\r\n              <span class=\"wsx-reward-badge\">Gold<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-reward-title\">Creator Spotlight Boost<\/h3>\r\n            <p class=\"wsx-reward-desc\">Push one creator clip or guide into a featured placement inside the community feed.<\/p>\r\n\r\n            <div class=\"wsx-reward-card-meta\">\r\n              <div class=\"wsx-reward-chip\"><span>Cost<\/span><strong>2,200 REP<\/strong><\/div>\r\n              <div class=\"wsx-reward-chip\"><span>Type<\/span><strong>Boost<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-reward-progress\">\r\n              <div class=\"wsx-reward-progress-top\"><span>Unlock progress<\/span><span>100%<\/span><\/div>\r\n              <div class=\"wsx-reward-bar\" style=\"--progress:100%\"><span><\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-reward-actions\">\r\n              <button class=\"wsx-btn-primary\" type=\"button\" data-claim-open data-reward-id=\"creator-spotlight-boost\" data-reward-title=\"Creator Spotlight Boost\" data-cost=\"2200\">Claim<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-reward-card\" data-reward-id=\"vice-glow-profile-frame\" data-title=\"Vice Glow Profile Frame\" data-category=\"profile\" data-tier=\"silver\" data-cost=\"950\" data-tab=\"claimable digital\" data-status=\"claimable\">\r\n          <div class=\"wsx-reward-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Interactive-Map.webp\" alt=\"Vice Glow Profile Frame reward placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-reward-status claimable\">Claimable<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-reward-body\">\r\n            <div class=\"wsx-reward-badges\">\r\n              <span class=\"wsx-reward-badge cyan\">Profile<\/span>\r\n              <span class=\"wsx-reward-badge\">Silver<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-reward-title\">Vice Glow Frame<\/h3>\r\n            <p class=\"wsx-reward-desc\">A neon profile frame for players who want their public card to stand out.<\/p>\r\n\r\n            <div class=\"wsx-reward-card-meta\">\r\n              <div class=\"wsx-reward-chip\"><span>Cost<\/span><strong>950 REP<\/strong><\/div>\r\n              <div class=\"wsx-reward-chip\"><span>Type<\/span><strong>Digital<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-reward-progress\">\r\n              <div class=\"wsx-reward-progress-top\"><span>Unlock progress<\/span><span>100%<\/span><\/div>\r\n              <div class=\"wsx-reward-bar\" style=\"--progress:100%\"><span><\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-reward-actions\">\r\n              <button class=\"wsx-btn-primary\" type=\"button\" data-claim-open data-reward-id=\"vice-glow-profile-frame\" data-reward-title=\"Vice Glow Profile Frame\" data-cost=\"950\">Claim<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-reward-card\" data-reward-id=\"crew-recruitment-boost\" data-title=\"Crew Recruitment Boost\" data-category=\"crew\" data-tier=\"silver\" data-cost=\"1400\" data-tab=\"boosts crew claimable\" data-status=\"claimable\">\r\n          <div class=\"wsx-reward-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Crew-Finder.webp\" alt=\"Crew Recruitment Boost reward placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-reward-status claimable\">Claimable<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-reward-body\">\r\n            <div class=\"wsx-reward-badges\">\r\n              <span class=\"wsx-reward-badge hot\">Crew Perk<\/span>\r\n              <span class=\"wsx-reward-badge\">Silver<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-reward-title\">Recruitment Boost<\/h3>\r\n            <p class=\"wsx-reward-desc\">Feature your crew opening higher on the recruitment board for a limited window.<\/p>\r\n\r\n            <div class=\"wsx-reward-card-meta\">\r\n              <div class=\"wsx-reward-chip\"><span>Cost<\/span><strong>1,400 REP<\/strong><\/div>\r\n              <div class=\"wsx-reward-chip\"><span>Type<\/span><strong>Crew<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-reward-progress\">\r\n              <div class=\"wsx-reward-progress-top\"><span>Unlock progress<\/span><span>100%<\/span><\/div>\r\n              <div class=\"wsx-reward-bar\" style=\"--progress:100%\"><span><\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-reward-actions\">\r\n              <button class=\"wsx-btn-primary\" type=\"button\" data-claim-open data-reward-id=\"crew-recruitment-boost\" data-reward-title=\"Crew Recruitment Boost\" data-cost=\"1400\">Claim<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-reward-card\" data-reward-id=\"intel-contributor-badge\" data-title=\"Intel Contributor Badge\" data-category=\"status\" data-tier=\"bronze\" data-cost=\"650\" data-tab=\"claimable digital\" data-status=\"claimable\">\r\n          <div class=\"wsx-reward-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Live-Intel.webp\" alt=\"Intel Contributor Badge reward placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-reward-status claimable\">Claimable<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-reward-body\">\r\n            <div class=\"wsx-reward-badges\">\r\n              <span class=\"wsx-reward-badge cyan\">Status<\/span>\r\n              <span class=\"wsx-reward-badge\">Bronze<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-reward-title\">Intel Contributor<\/h3>\r\n            <p class=\"wsx-reward-desc\">Show that you helped the community with sightings, tips, guides or verified intel.<\/p>\r\n\r\n            <div class=\"wsx-reward-card-meta\">\r\n              <div class=\"wsx-reward-chip\"><span>Cost<\/span><strong>650 REP<\/strong><\/div>\r\n              <div class=\"wsx-reward-chip\"><span>Type<\/span><strong>Status<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-reward-progress\">\r\n              <div class=\"wsx-reward-progress-top\"><span>Unlock progress<\/span><span>100%<\/span><\/div>\r\n              <div class=\"wsx-reward-bar\" style=\"--progress:100%\"><span><\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-reward-actions\">\r\n              <button class=\"wsx-btn-primary\" type=\"button\" data-claim-open data-reward-id=\"intel-contributor-badge\" data-reward-title=\"Intel Contributor Badge\" data-cost=\"650\">Claim<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-reward-card\" data-reward-id=\"legendary-season-frame\" data-title=\"Legendary Season Frame\" data-category=\"profile\" data-tier=\"legendary\" data-cost=\"4800\" data-tab=\"locked digital\" data-status=\"locked\">\r\n          <div class=\"wsx-reward-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Interactive-Map.webp\" alt=\"Legendary Season Frame reward placeholder\" loading=\"lazy\">\r\n            <span class=\"wsx-reward-status locked\">Locked<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-reward-body\">\r\n            <div class=\"wsx-reward-badges\">\r\n              <span class=\"wsx-reward-badge locked\">Legendary<\/span>\r\n              <span class=\"wsx-reward-badge\">Profile<\/span>\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-reward-title\">Legendary Frame<\/h3>\r\n            <p class=\"wsx-reward-desc\">A premium seasonal profile frame reserved for top community reputation holders.<\/p>\r\n\r\n            <div class=\"wsx-reward-card-meta\">\r\n              <div class=\"wsx-reward-chip\"><span>Cost<\/span><strong>4,800 REP<\/strong><\/div>\r\n              <div class=\"wsx-reward-chip\"><span>Type<\/span><strong>Digital<\/strong><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-reward-progress\">\r\n              <div class=\"wsx-reward-progress-top\"><span>Unlock progress<\/span><span>80%<\/span><\/div>\r\n              <div class=\"wsx-reward-bar\" style=\"--progress:80%\"><span><\/span><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-reward-actions\">\r\n              <button class=\"wsx-btn-secondary\" type=\"button\" data-locked-reward=\"legendary-season-frame\">Keep Grinding<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-rewards-empty\" data-rewards-empty>\r\n        No rewards match your current filters. Clear the filters or search for another reward type.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <aside class=\"wsx-rewards-side\">\r\n      <div class=\"wsx-rewards-side-card\">\r\n        <h3 class=\"wsx-side-title\">Current Tier<\/h3>\r\n\r\n        <div class=\"wsx-tier-panel\">\r\n          <div class=\"wsx-tier-name\">\r\n            Gold Grinder\r\n            <span>80%<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-reward-progress\">\r\n            <div class=\"wsx-reward-progress-top\">\r\n              <span>Next: Legendary<\/span>\r\n              <span>960 REP needed<\/span>\r\n            <\/div>\r\n            <div class=\"wsx-reward-bar\" style=\"--progress:80%\">\r\n              <span><\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-rewards-side-card\">\r\n        <h3 class=\"wsx-side-title\">How Rewards 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>Earn Reputation<\/strong>\r\n              Complete missions, challenges, intel drops and crew activity.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>2<\/i>\r\n            <div>\r\n              <strong>Unlock Tiers<\/strong>\r\n              Higher reputation unlocks stronger profile, creator and crew perks.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>3<\/i>\r\n            <div>\r\n              <strong>Claim Perks<\/strong>\r\n              Rewards are saved to your account once the app is live.\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-rewards-side-card\">\r\n        <h3 class=\"wsx-side-title\">Recent Claims<\/h3>\r\n\r\n        <div class=\"wsx-claim-feed\">\r\n          <div class=\"wsx-claim-item\">\r\n            <div class=\"wsx-claim-avatar\">VX<\/div>\r\n            <div class=\"wsx-claim-copy\">\r\n              <strong>Vortex Crew<\/strong>\r\n              <span>claimed Recruitment Boost<\/span>\r\n            <\/div>\r\n            <div class=\"wsx-claim-time\">2m<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-claim-item\">\r\n            <div class=\"wsx-claim-avatar\">RK<\/div>\r\n            <div class=\"wsx-claim-copy\">\r\n              <strong>Riko<\/strong>\r\n              <span>claimed Neon Founder Badge<\/span>\r\n            <\/div>\r\n            <div class=\"wsx-claim-time\">9m<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-claim-item\">\r\n            <div class=\"wsx-claim-avatar\">LT<\/div>\r\n            <div class=\"wsx-claim-copy\">\r\n              <strong>LTN Squad<\/strong>\r\n              <span>claimed Crew Banner Slot<\/span>\r\n            <\/div>\r\n            <div class=\"wsx-claim-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-rewards-modal\" data-claim-modal aria-hidden=\"true\">\r\n    <div class=\"wsx-modal-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"wsxClaimTitle\">\r\n      <div class=\"wsx-modal-head\">\r\n        <div>\r\n          <h3 id=\"wsxClaimTitle\" data-claim-title>Claim Reward<\/h3>\r\n          <p data-claim-subtitle>Confirm your claim. Later this will connect to the user wallet and reward inventory inside the app.<\/p>\r\n        <\/div>\r\n\r\n        <button class=\"wsx-modal-close\" type=\"button\" data-claim-close aria-label=\"Close reward modal\">\u00d7<\/button>\r\n      <\/div>\r\n\r\n      <form class=\"wsx-claim-form\" data-claim-form>\r\n        <input type=\"hidden\" name=\"reward_id\" data-claim-reward-id>\r\n        <input type=\"hidden\" name=\"reward_title\" data-claim-reward-title>\r\n        <input type=\"hidden\" name=\"reward_cost\" data-claim-reward-cost>\r\n        <input type=\"hidden\" name=\"claim_payload\" data-claim-payload>\r\n\r\n        <div class=\"wsx-form-row\">\r\n          <div class=\"wsx-form-field\">\r\n            <label for=\"wsxClaimHandle\">Wanted Six Handle<\/label>\r\n            <input id=\"wsxClaimHandle\" name=\"handle\" type=\"text\" placeholder=\"@yourhandle\" required>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-form-field\">\r\n            <label for=\"wsxClaimEmail\">Email<\/label>\r\n            <input id=\"wsxClaimEmail\" 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=\"wsxClaimTarget\">Profile, Crew or Creator Link<\/label>\r\n          <input id=\"wsxClaimTarget\" name=\"target_url\" type=\"url\" placeholder=\"https:\/\/wantedsix.com\/your-profile-or-crew\">\r\n        <\/div>\r\n\r\n        <div class=\"wsx-form-field\">\r\n          <label for=\"wsxClaimNotes\">Claim Notes<\/label>\r\n          <textarea id=\"wsxClaimNotes\" name=\"notes\" placeholder=\"Tell us where this reward should be applied.\"><\/textarea>\r\n        <\/div>\r\n\r\n        <label class=\"wsx-checkline\">\r\n          <input type=\"checkbox\" name=\"confirm_claim\" required>\r\n          <span>I confirm that this is a demo claim for the static website 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-claim-close>Cancel<\/button>\r\n          <button class=\"wsx-btn-primary\" type=\"submit\">Submit Claim<\/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>\r\n    (function () {\r\n      const root = document.currentScript.closest('.wsx-rewards');\r\n      if (!root) return;\r\n\r\n      const searchInput = root.querySelector('[data-rewards-search]');\r\n      const categorySelect = root.querySelector('[data-rewards-category]');\r\n      const tierSelect = root.querySelector('[data-rewards-tier]');\r\n      const costSelect = root.querySelector('[data-rewards-cost]');\r\n      const tabs = Array.from(root.querySelectorAll('[data-rewards-tab]'));\r\n      const cards = Array.from(root.querySelectorAll('.wsx-reward-card'));\r\n      const empty = root.querySelector('[data-rewards-empty]');\r\n      const modal = root.querySelector('[data-claim-modal]');\r\n      const claimForm = root.querySelector('[data-claim-form]');\r\n      const claimTitle = root.querySelector('[data-claim-title]');\r\n      const claimSubtitle = root.querySelector('[data-claim-subtitle]');\r\n      const toast = root.querySelector('[data-wsx-toast]');\r\n      const walletPoints = root.querySelector('[data-wallet-points]');\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 formatNumber(value) {\r\n        return Number(value || 0).toLocaleString('en-US');\r\n      }\r\n\r\n      function costMatches(cost, bucket) {\r\n        const numericCost = Number(cost || 0);\r\n\r\n        if (bucket === 'all') return true;\r\n        if (bucket === 'low') return numericCost <= 750;\r\n        if (bucket === 'mid') return numericCost > 750 && numericCost <= 2000;\r\n        if (bucket === 'high') return numericCost > 2000;\r\n\r\n        return true;\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 tier = tierSelect ? tierSelect.value : 'all';\r\n        const cost = costSelect ? costSelect.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 tierValue = card.dataset.tier || '';\r\n          const tabValues = normalize(card.dataset.tab).split(\/\\s+\/);\r\n          const statusValue = card.dataset.status || '';\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 matchesTier = tier === 'all' || tierValue === tier;\r\n          const matchesCost = costMatches(card.dataset.cost, cost);\r\n          const matchesTab = activeTab === 'all' || tabValues.includes(activeTab) || statusValue === activeTab;\r\n\r\n          const show = matchesTerm && matchesCategory && matchesTier && matchesCost && 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 openClaimModal(button) {\r\n        if (!modal || !claimForm || !button) return;\r\n\r\n        const rewardId = button.dataset.rewardId || '';\r\n        const rewardTitle = button.dataset.rewardTitle || 'Reward';\r\n        const rewardCost = button.dataset.cost || '0';\r\n\r\n        if (claimTitle) {\r\n          claimTitle.textContent = 'Claim ' + rewardTitle;\r\n        }\r\n\r\n        if (claimSubtitle) {\r\n          claimSubtitle.textContent = formatNumber(rewardCost) + ' REP will be reserved for this reward in demo mode.';\r\n        }\r\n\r\n        const idField = claimForm.querySelector('[data-claim-reward-id]');\r\n        const titleField = claimForm.querySelector('[data-claim-reward-title]');\r\n        const costField = claimForm.querySelector('[data-claim-reward-cost]');\r\n\r\n        if (idField) idField.value = rewardId;\r\n        if (titleField) titleField.value = rewardTitle;\r\n        if (costField) costField.value = rewardCost;\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 closeClaimModal() {\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 handleClaimSubmit(event) {\r\n        event.preventDefault();\r\n\r\n        if (!claimForm) return;\r\n\r\n        const formData = new FormData(claimForm);\r\n\r\n        const payload = {\r\n          reward_id: formData.get('reward_id'),\r\n          reward_title: formData.get('reward_title'),\r\n          reward_cost: Number(formData.get('reward_cost') || 0),\r\n          handle: formData.get('handle'),\r\n          email: formData.get('email'),\r\n          target_url: formData.get('target_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_rewards_widget',\r\n          created_at: new Date().toISOString()\r\n        };\r\n\r\n        const payloadField = claimForm.querySelector('[data-claim-payload]');\r\n        const endpoint = root.dataset.claimEndpoint;\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('Claim failed');\r\n            showToast('Reward claim submitted.');\r\n          })\r\n          .catch(function () {\r\n            console.info('Wanted Six reward claim payload:', payload);\r\n            showToast('Demo mode: claim payload created.');\r\n          });\r\n        } else {\r\n          console.info('Wanted Six reward claim payload:', payload);\r\n          showToast('Demo mode: claim payload created.');\r\n        }\r\n\r\n        claimForm.reset();\r\n        closeClaimModal();\r\n      }\r\n\r\n      function previewReward(button) {\r\n        const reward = button.dataset.previewReward || 'reward';\r\n        console.info('Wanted Six preview reward:', reward);\r\n        showToast('Preview action prepared for: ' + reward);\r\n      }\r\n\r\n      function lockedReward(button) {\r\n        const reward = button.dataset.lockedReward || 'locked reward';\r\n        console.info('Wanted Six locked reward:', reward);\r\n        showToast('This reward is locked. Keep earning REP.');\r\n      }\r\n\r\n      tabs.forEach(function (tab) {\r\n        tab.addEventListener('click', function () {\r\n          activeTab = tab.dataset.rewardsTab || '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, tierSelect, costSelect].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 claimButton = event.target.closest('[data-claim-open]');\r\n        const closeButton = event.target.closest('[data-claim-close]');\r\n        const lockedButton = event.target.closest('[data-locked-reward]');\r\n        const previewButton = event.target.closest('[data-preview-reward]');\r\n\r\n        if (claimButton) openClaimModal(claimButton);\r\n        if (closeButton) closeClaimModal();\r\n        if (lockedButton) lockedReward(lockedButton);\r\n        if (previewButton) previewReward(previewButton);\r\n      });\r\n\r\n      if (modal) {\r\n        modal.addEventListener('click', function (event) {\r\n          if (event.target === modal) {\r\n            closeClaimModal();\r\n          }\r\n        });\r\n      }\r\n\r\n      document.addEventListener('keydown', function (event) {\r\n        if (event.key === 'Escape') {\r\n          closeClaimModal();\r\n        }\r\n      });\r\n\r\n      if (claimForm) {\r\n        claimForm.addEventListener('submit', handleClaimSubmit);\r\n      }\r\n\r\n      if (walletPoints) {\r\n        const rawValue = walletPoints.textContent.replace(\/[^\\d]\/g, '');\r\n        walletPoints.textContent = formatNumber(rawValue || 3840);\r\n      }\r\n\r\n      applyFilters();\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-354eeb1 e-con e-atomic-element e-flexbox-base e-354eeb1-561aa46 \" data-id=\"354eeb1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"354eeb1\" data-e-type=\"e-flexbox\" data-id=\"354eeb1\">\n    \t\t<div class=\"elementor-element elementor-element-dd5a921 elementor-widget elementor-widget-html\" data-id=\"dd5a921\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WANTED SIX REWARDS - SECTION 2: EARN REPUTATION \/ TIER LADDER -->\r\n<section\r\n  class=\"wsx-rewards-earn\"\r\n  data-wsx-module=\"rewards-earn-engine\"\r\n  data-earn-endpoint=\"\"\r\n  data-tier-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-rewards-earn,\r\n    .wsx-rewards-earn * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .wsx-rewards-earn {\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-rewards-earn a,\r\n    .wsx-rewards-earn button,\r\n    .wsx-rewards-earn input,\r\n    .wsx-rewards-earn select,\r\n    .wsx-rewards-earn textarea {\r\n      font: inherit;\r\n    }\r\n\r\n    .wsx-rewards-earn button {\r\n      border: 0;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .wsx-earn-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-earn-main,\r\n    .wsx-earn-side-card,\r\n    .wsx-earn-highlight,\r\n    .wsx-earn-card,\r\n    .wsx-earn-modal-panel {\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-earn-main {\r\n      border-radius: 18px;\r\n      padding: 22px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-earn-main::before,\r\n    .wsx-earn-side-card::before,\r\n    .wsx-earn-highlight::before,\r\n    .wsx-earn-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-earn-main > *,\r\n    .wsx-earn-side-card > *,\r\n    .wsx-earn-highlight > *,\r\n    .wsx-earn-card > * {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .wsx-earn-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-earn-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-earn-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-earn-heading,\r\n    .wsx-earn-highlight-title,\r\n    .wsx-earn-card-title,\r\n    .wsx-earn-side-title,\r\n    .wsx-earn-modal-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.02em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-earn-heading {\r\n      font-size: clamp(34px, 3vw, 54px);\r\n      line-height: 0.92;\r\n    }\r\n\r\n    .wsx-earn-copy {\r\n      max-width: 740px;\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-earn-season-card {\r\n      min-width: 260px;\r\n      padding: 16px;\r\n      border-radius: 16px;\r\n      background:\r\n        radial-gradient(circle at 18% 20%, rgba(25, 227, 255, 0.16), 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(25, 227, 255, 0.28);\r\n      box-shadow: 0 0 32px rgba(25, 227, 255, 0.08);\r\n    }\r\n\r\n    .wsx-earn-season-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-earn-season-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    }\r\n\r\n    .wsx-earn-season-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-earn-highlight {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr);\r\n      gap: 20px;\r\n      align-items: stretch;\r\n      border-radius: 18px;\r\n      border-color: rgba(255, 46, 154, 0.28);\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .wsx-earn-highlight-visual {\r\n      min-height: 270px;\r\n      padding: 22px;\r\n      display: flex;\r\n      align-items: flex-end;\r\n      background:\r\n        radial-gradient(circle at 28% 20%, rgba(255, 46, 154, 0.25), transparent 38%),\r\n        radial-gradient(circle at 78% 16%, rgba(25, 227, 255, 0.18), transparent 34%),\r\n        linear-gradient(135deg, rgba(5, 8, 22, 0.42), rgba(5, 8, 22, 0.74));\r\n    }\r\n\r\n    .wsx-earn-orbit {\r\n      width: 100%;\r\n      min-height: 210px;\r\n      position: relative;\r\n      border-radius: 18px;\r\n      background:\r\n        linear-gradient(135deg, rgba(255,255,255,0.055), rgba(255,255,255,0.02)),\r\n        rgba(5, 8, 22, 0.42);\r\n      border: 1px solid rgba(255,255,255,0.10);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .wsx-earn-orbit::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 22px;\r\n      border-radius: 999px;\r\n      border: 1px dashed rgba(25, 227, 255, 0.26);\r\n    }\r\n\r\n    .wsx-earn-orbit::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 88px;\r\n      height: 88px;\r\n      border-radius: 999px;\r\n      left: 50%;\r\n      top: 50%;\r\n      transform: translate(-50%, -50%);\r\n      background: radial-gradient(circle, rgba(255,46,154,0.9), rgba(255,46,154,0.16) 58%, transparent 70%);\r\n      box-shadow: 0 0 34px rgba(255, 46, 154, 0.32);\r\n    }\r\n\r\n    .wsx-earn-node {\r\n      position: absolute;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 54px;\r\n      height: 54px;\r\n      border-radius: 18px;\r\n      color: #fff;\r\n      background: rgba(5, 8, 22, 0.72);\r\n      border: 1px solid rgba(255,255,255,0.14);\r\n      box-shadow: 0 18px 40px rgba(0,0,0,0.28);\r\n      font-size: 13px;\r\n      font-weight: 950;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-earn-node:nth-child(1) {\r\n      left: 12%;\r\n      top: 18%;\r\n    }\r\n\r\n    .wsx-earn-node:nth-child(2) {\r\n      right: 13%;\r\n      top: 17%;\r\n    }\r\n\r\n    .wsx-earn-node:nth-child(3) {\r\n      left: 18%;\r\n      bottom: 17%;\r\n    }\r\n\r\n    .wsx-earn-node:nth-child(4) {\r\n      right: 17%;\r\n      bottom: 18%;\r\n    }\r\n\r\n    .wsx-earn-highlight-content {\r\n      padding: 24px 24px 24px 0;\r\n      align-self: center;\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-earn-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-earn-badge {\r\n      display: inline-flex;\r\n      align-items: center;\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-earn-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-earn-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-earn-badge.purple {\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-earn-highlight-title {\r\n      font-size: clamp(31px, 2.6vw, 48px);\r\n      line-height: 0.95;\r\n    }\r\n\r\n    .wsx-earn-highlight-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-earn-highlight-meta {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 10px;\r\n      margin-top: 18px;\r\n    }\r\n\r\n    .wsx-earn-meta-box {\r\n      min-width: 0;\r\n      padding: 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.10);\r\n    }\r\n\r\n    .wsx-earn-meta-box 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-earn-meta-box strong {\r\n      display: block;\r\n      margin-top: 6px;\r\n      color: #fff;\r\n      font-size: 14px;\r\n      line-height: 1.2;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .wsx-earn-highlight-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-earn-btn-primary,\r\n    .wsx-earn-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-earn-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-earn-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-earn-btn-primary:hover,\r\n    .wsx-earn-btn-secondary:hover {\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .wsx-earn-filter-row {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      gap: 14px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .wsx-earn-tabs {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 9px;\r\n    }\r\n\r\n    .wsx-earn-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-earn-tab:hover,\r\n    .wsx-earn-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-earn-live-chip {\r\n      flex: 0 0 auto;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      min-height: 38px;\r\n      padding: 0 12px;\r\n      border-radius: 999px;\r\n      color: rgba(245,247,255,0.86);\r\n      background: rgba(25, 227, 255, 0.07);\r\n      border: 1px solid rgba(25, 227, 255, 0.22);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .wsx-earn-live-chip span {\r\n      width: 8px;\r\n      height: 8px;\r\n      border-radius: 999px;\r\n      background: var(--wsx-cyan);\r\n      box-shadow: 0 0 14px rgba(25, 227, 255, 0.8);\r\n    }\r\n\r\n    .wsx-earn-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-earn-card {\r\n      border-radius: 18px;\r\n      padding: 16px;\r\n      min-width: 0;\r\n      transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;\r\n    }\r\n\r\n    .wsx-earn-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-earn-card.is-hidden {\r\n      display: none;\r\n    }\r\n\r\n    .wsx-earn-card-top {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: flex-start;\r\n      gap: 14px;\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    .wsx-earn-icon {\r\n      width: 48px;\r\n      height: 48px;\r\n      border-radius: 16px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: 24px;\r\n      line-height: 1;\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      box-shadow: 0 14px 36px rgba(0,0,0,0.24);\r\n    }\r\n\r\n    .wsx-earn-value {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      min-height: 30px;\r\n      padding: 0 10px;\r\n      border-radius: 999px;\r\n      color: #c8fbff;\r\n      background: rgba(25, 227, 255, 0.11);\r\n      border: 1px solid rgba(25, 227, 255, 0.30);\r\n      font-size: 12px;\r\n      font-weight: 950;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .wsx-earn-card-title {\r\n      font-size: 28px;\r\n      line-height: 0.95;\r\n    }\r\n\r\n    .wsx-earn-card-text {\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: 62px;\r\n    }\r\n\r\n    .wsx-earn-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-earn-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-earn-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-earn-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-earn-card-action {\r\n      margin-top: 16px;\r\n    }\r\n\r\n    .wsx-earn-card-action .wsx-earn-btn-secondary,\r\n    .wsx-earn-card-action .wsx-earn-btn-primary {\r\n      width: 100%;\r\n      min-height: 42px;\r\n    }\r\n\r\n    .wsx-earn-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-earn-empty.is-visible {\r\n      display: block;\r\n    }\r\n\r\n    .wsx-earn-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-earn-side-card {\r\n      border-radius: 18px;\r\n      padding: 18px;\r\n    }\r\n\r\n    .wsx-earn-side-title {\r\n      font-size: 26px;\r\n      line-height: 1;\r\n      margin-bottom: 13px;\r\n    }\r\n\r\n    .wsx-tier-stack {\r\n      display: grid;\r\n      gap: 10px;\r\n    }\r\n\r\n    .wsx-tier-row {\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-tier-row.is-current {\r\n      border-color: rgba(255, 46, 154, 0.34);\r\n      background:\r\n        radial-gradient(circle at 12% 10%, rgba(255, 46, 154, 0.15), transparent 48%),\r\n        rgba(255,255,255,0.055);\r\n    }\r\n\r\n    .wsx-tier-mark {\r\n      width: 42px;\r\n      height: 42px;\r\n      border-radius: 14px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: 20px;\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-tier-copy {\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-tier-copy strong {\r\n      display: block;\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-tier-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-tier-points {\r\n      color: var(--wsx-cyan);\r\n      font-size: 12px;\r\n      font-weight: 950;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .wsx-side-progress {\r\n      margin-top: 14px;\r\n    }\r\n\r\n    .wsx-side-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-side-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-side-bar span {\r\n      display: block;\r\n      height: 100%;\r\n      width: var(--progress, 80%);\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-earn-rules-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-earn-rules-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-earn-rules-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-earn-rules-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-weekly-cap-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 10px;\r\n    }\r\n\r\n    .wsx-weekly-cap {\r\n      padding: 12px;\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-weekly-cap 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-weekly-cap strong {\r\n      display: block;\r\n      margin-top: 6px;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: 28px;\r\n      line-height: 0.95;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .wsx-earn-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-earn-modal.is-open {\r\n      display: flex;\r\n    }\r\n\r\n    .wsx-earn-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      border-color: 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-earn-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-earn-modal-title {\r\n      font-size: 34px;\r\n      line-height: 0.95;\r\n    }\r\n\r\n    .wsx-earn-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-earn-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-earn-modal-body {\r\n      padding: 20px 22px 22px;\r\n    }\r\n\r\n    .wsx-earn-modal-summary {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 10px;\r\n    }\r\n\r\n    .wsx-earn-summary-box {\r\n      min-width: 0;\r\n      padding: 11px;\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-earn-summary-box 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-earn-summary-box strong {\r\n      display: block;\r\n      margin-top: 6px;\r\n      color: #fff;\r\n      font-size: 13px;\r\n      line-height: 1.2;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .wsx-earn-modal-note {\r\n      margin: 16px 0 0;\r\n      color: var(--wsx-muted);\r\n      font-size: 14px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .wsx-earn-modal-actions {\r\n      display: flex;\r\n      gap: 10px;\r\n      justify-content: flex-end;\r\n      flex-wrap: wrap;\r\n      margin-top: 18px;\r\n    }\r\n\r\n    .wsx-earn-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-earn-toast.is-visible {\r\n      opacity: 1;\r\n      transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    @media (max-width: 1280px) {\r\n      .wsx-earn-shell {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-earn-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-earn-topbar,\r\n      .wsx-earn-highlight {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-earn-season-card {\r\n        min-width: 0;\r\n      }\r\n\r\n      .wsx-earn-highlight-content {\r\n        padding: 0 18px 20px;\r\n      }\r\n\r\n      .wsx-earn-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .wsx-earn-side {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .wsx-earn-main {\r\n        padding: 16px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .wsx-earn-filter-row {\r\n        align-items: flex-start;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .wsx-earn-tabs {\r\n        width: 100%;\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-earn-tabs::-webkit-scrollbar {\r\n        display: none;\r\n      }\r\n\r\n      .wsx-earn-tab {\r\n        white-space: nowrap;\r\n        flex: 0 0 auto;\r\n      }\r\n\r\n      .wsx-earn-live-chip {\r\n        width: 100%;\r\n        justify-content: center;\r\n      }\r\n\r\n      .wsx-earn-highlight-meta,\r\n      .wsx-earn-grid,\r\n      .wsx-earn-card-meta,\r\n      .wsx-earn-modal-summary,\r\n      .wsx-weekly-cap-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-earn-highlight-visual {\r\n        min-height: 230px;\r\n        padding: 16px;\r\n      }\r\n\r\n      .wsx-earn-orbit {\r\n        min-height: 205px;\r\n      }\r\n\r\n      .wsx-earn-card-text {\r\n        min-height: 0;\r\n      }\r\n\r\n      .wsx-earn-modal {\r\n        align-items: flex-end;\r\n        padding: 12px;\r\n      }\r\n\r\n      .wsx-earn-modal-panel {\r\n        border-radius: 22px 22px 0 0;\r\n        max-height: 92vh;\r\n      }\r\n\r\n      .wsx-earn-modal-actions .wsx-earn-btn-primary,\r\n      .wsx-earn-modal-actions .wsx-earn-btn-secondary {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 430px) {\r\n      .wsx-earn-heading {\r\n        font-size: 38px;\r\n      }\r\n\r\n      .wsx-earn-card-title {\r\n        font-size: 26px;\r\n      }\r\n\r\n      .wsx-earn-node {\r\n        width: 48px;\r\n        height: 48px;\r\n        border-radius: 15px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wsx-earn-shell\">\r\n    <div class=\"wsx-earn-main\">\r\n\r\n      <div class=\"wsx-earn-topbar\">\r\n        <div>\r\n          <div class=\"wsx-earn-kicker\">\r\n            <span class=\"wsx-earn-kicker-dot\"><\/span>\r\n            Reputation Engine\r\n          <\/div>\r\n\r\n          <h2 class=\"wsx-earn-heading\">Earn Your Way Up<\/h2>\r\n\r\n          <p class=\"wsx-earn-copy\">\r\n            Reputation is the fuel behind Wanted Six rewards. Players, creators and crews can earn REP\r\n            through challenges, clips, intel drops, leaderboard placements and verified community activity.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-earn-season-card\">\r\n          <div class=\"wsx-earn-season-label\">Season Progress<\/div>\r\n          <div class=\"wsx-earn-season-number\">S01 \/ 80%<\/div>\r\n          <div class=\"wsx-earn-season-sub\">Pre-launch demo season. Later this syncs with the Wanted Six app.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <article class=\"wsx-earn-highlight\">\r\n        <div class=\"wsx-earn-highlight-visual\">\r\n          <div class=\"wsx-earn-orbit\" aria-hidden=\"true\">\r\n            <span class=\"wsx-earn-node\">REP<\/span>\r\n            <span class=\"wsx-earn-node\">XP<\/span>\r\n            <span class=\"wsx-earn-node\">CREW<\/span>\r\n            <span class=\"wsx-earn-node\">DROP<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-earn-highlight-content\">\r\n          <div class=\"wsx-earn-badges\">\r\n            <span class=\"wsx-earn-badge hot\">Main System<\/span>\r\n            <span class=\"wsx-earn-badge cyan\">App Ready<\/span>\r\n            <span class=\"wsx-earn-badge purple\">Season Based<\/span>\r\n          <\/div>\r\n\r\n          <h3 class=\"wsx-earn-highlight-title\">Every action can become reputation.<\/h3>\r\n\r\n          <p class=\"wsx-earn-highlight-text\">\r\n            The system is designed so we can later connect every activity to real app events:\r\n            challenge entries, clip submissions, verified intel, crew actions, votes, rankings and creator milestones.\r\n          <\/p>\r\n\r\n          <div class=\"wsx-earn-highlight-meta\">\r\n            <div class=\"wsx-earn-meta-box\">\r\n              <span>Daily Cap<\/span>\r\n              <strong>1,250 REP<\/strong>\r\n            <\/div>\r\n            <div class=\"wsx-earn-meta-box\">\r\n              <span>Weekly Cap<\/span>\r\n              <strong>7,500 REP<\/strong>\r\n            <\/div>\r\n            <div class=\"wsx-earn-meta-box\">\r\n              <span>Bonus Pool<\/span>\r\n              <strong>Top 100<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-earn-highlight-actions\">\r\n            <button class=\"wsx-earn-btn-primary\" type=\"button\" data-earn-open-featured>View Earn Rules<\/button>\r\n            <button class=\"wsx-earn-btn-secondary\" type=\"button\" data-earn-scroll-tiers>View Tiers<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <div class=\"wsx-earn-filter-row\">\r\n        <div class=\"wsx-earn-tabs\" aria-label=\"Earn type filters\">\r\n          <button class=\"wsx-earn-tab is-active\" type=\"button\" data-earn-tab=\"all\">All<\/button>\r\n          <button class=\"wsx-earn-tab\" type=\"button\" data-earn-tab=\"challenge\">Challenges<\/button>\r\n          <button class=\"wsx-earn-tab\" type=\"button\" data-earn-tab=\"creator\">Creator<\/button>\r\n          <button class=\"wsx-earn-tab\" type=\"button\" data-earn-tab=\"crew\">Crew<\/button>\r\n          <button class=\"wsx-earn-tab\" type=\"button\" data-earn-tab=\"intel\">Intel<\/button>\r\n          <button class=\"wsx-earn-tab\" type=\"button\" data-earn-tab=\"streak\">Streaks<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-earn-live-chip\">\r\n          <span><\/span>\r\n          <strong data-earn-visible-count>6<\/strong> earning paths\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-earn-grid\" data-earn-grid>\r\n\r\n        <article class=\"wsx-earn-card\" data-earn-id=\"weekly-challenge\" data-earn-type=\"challenge\" data-earn-title=\"Weekly Challenge\" data-earn-value=\"500\" data-frequency=\"weekly\">\r\n          <div class=\"wsx-earn-card-top\">\r\n            <div class=\"wsx-earn-icon\">01<\/div>\r\n            <div class=\"wsx-earn-value\">+500 REP<\/div>\r\n          <\/div>\r\n\r\n          <h3 class=\"wsx-earn-card-title\">Weekly Challenge<\/h3>\r\n          <p class=\"wsx-earn-card-text\">Complete rotating weekly challenges and submit proof through clips, images, links or app entries.<\/p>\r\n\r\n          <div class=\"wsx-earn-card-meta\">\r\n            <div class=\"wsx-earn-chip\"><span>Type<\/span><strong>Challenge<\/strong><\/div>\r\n            <div class=\"wsx-earn-chip\"><span>Reset<\/span><strong>Weekly<\/strong><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-earn-card-action\">\r\n            <button class=\"wsx-earn-btn-secondary\" type=\"button\" data-earn-open>View Path<\/button>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-earn-card\" data-earn-id=\"creator-clip\" data-earn-type=\"creator\" data-earn-title=\"Creator Clip\" data-earn-value=\"250\" data-frequency=\"daily\">\r\n          <div class=\"wsx-earn-card-top\">\r\n            <div class=\"wsx-earn-icon\">02<\/div>\r\n            <div class=\"wsx-earn-value\">+250 REP<\/div>\r\n          <\/div>\r\n\r\n          <h3 class=\"wsx-earn-card-title\">Creator Clip<\/h3>\r\n          <p class=\"wsx-earn-card-text\">Submit cinematic edits, funny chaos moments, guide snippets or community reactions for review.<\/p>\r\n\r\n          <div class=\"wsx-earn-card-meta\">\r\n            <div class=\"wsx-earn-chip\"><span>Type<\/span><strong>Creator<\/strong><\/div>\r\n            <div class=\"wsx-earn-chip\"><span>Reset<\/span><strong>Daily<\/strong><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-earn-card-action\">\r\n            <button class=\"wsx-earn-btn-secondary\" type=\"button\" data-earn-open>View Path<\/button>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-earn-card\" data-earn-id=\"crew-objective\" data-earn-type=\"crew\" data-earn-title=\"Crew Objective\" data-earn-value=\"800\" data-frequency=\"weekly\">\r\n          <div class=\"wsx-earn-card-top\">\r\n            <div class=\"wsx-earn-icon\">03<\/div>\r\n            <div class=\"wsx-earn-value\">+800 REP<\/div>\r\n          <\/div>\r\n\r\n          <h3 class=\"wsx-earn-card-title\">Crew Objective<\/h3>\r\n          <p class=\"wsx-earn-card-text\">Complete squad-based missions, recruitment goals or community tasks with your crew.<\/p>\r\n\r\n          <div class=\"wsx-earn-card-meta\">\r\n            <div class=\"wsx-earn-chip\"><span>Type<\/span><strong>Crew<\/strong><\/div>\r\n            <div class=\"wsx-earn-chip\"><span>Reset<\/span><strong>Weekly<\/strong><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-earn-card-action\">\r\n            <button class=\"wsx-earn-btn-secondary\" type=\"button\" data-earn-open>View Path<\/button>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-earn-card\" data-earn-id=\"intel-verification\" data-earn-type=\"intel\" data-earn-title=\"Intel Verification\" data-earn-value=\"350\" data-frequency=\"daily\">\r\n          <div class=\"wsx-earn-card-top\">\r\n            <div class=\"wsx-earn-icon\">04<\/div>\r\n            <div class=\"wsx-earn-value\">+350 REP<\/div>\r\n          <\/div>\r\n\r\n          <h3 class=\"wsx-earn-card-title\">Intel Verification<\/h3>\r\n          <p class=\"wsx-earn-card-text\">Help verify leaks, map discoveries, gameplay notes or community-submitted intel.<\/p>\r\n\r\n          <div class=\"wsx-earn-card-meta\">\r\n            <div class=\"wsx-earn-chip\"><span>Type<\/span><strong>Intel<\/strong><\/div>\r\n            <div class=\"wsx-earn-chip\"><span>Reset<\/span><strong>Daily<\/strong><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-earn-card-action\">\r\n            <button class=\"wsx-earn-btn-secondary\" type=\"button\" data-earn-open>View Path<\/button>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-earn-card\" data-earn-id=\"leaderboard-rank\" data-earn-type=\"challenge\" data-earn-title=\"Leaderboard Rank\" data-earn-value=\"1500\" data-frequency=\"weekly\">\r\n          <div class=\"wsx-earn-card-top\">\r\n            <div class=\"wsx-earn-icon\">05<\/div>\r\n            <div class=\"wsx-earn-value\">+1,500 REP<\/div>\r\n          <\/div>\r\n\r\n          <h3 class=\"wsx-earn-card-title\">Leaderboard Rank<\/h3>\r\n          <p class=\"wsx-earn-card-text\">Reach top leaderboard positions in challenges, clips, crews or community competitions.<\/p>\r\n\r\n          <div class=\"wsx-earn-card-meta\">\r\n            <div class=\"wsx-earn-chip\"><span>Type<\/span><strong>Ranked<\/strong><\/div>\r\n            <div class=\"wsx-earn-chip\"><span>Reset<\/span><strong>Weekly<\/strong><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-earn-card-action\">\r\n            <button class=\"wsx-earn-btn-secondary\" type=\"button\" data-earn-open>View Path<\/button>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"wsx-earn-card\" data-earn-id=\"daily-streak\" data-earn-type=\"streak\" data-earn-title=\"Daily Streak\" data-earn-value=\"75\" data-frequency=\"daily\">\r\n          <div class=\"wsx-earn-card-top\">\r\n            <div class=\"wsx-earn-icon\">06<\/div>\r\n            <div class=\"wsx-earn-value\">+75 REP<\/div>\r\n          <\/div>\r\n\r\n          <h3 class=\"wsx-earn-card-title\">Daily Streak<\/h3>\r\n          <p class=\"wsx-earn-card-text\">Keep your Wanted Six activity alive with simple daily logins, votes or community actions.<\/p>\r\n\r\n          <div class=\"wsx-earn-card-meta\">\r\n            <div class=\"wsx-earn-chip\"><span>Type<\/span><strong>Streak<\/strong><\/div>\r\n            <div class=\"wsx-earn-chip\"><span>Reset<\/span><strong>Daily<\/strong><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-earn-card-action\">\r\n            <button class=\"wsx-earn-btn-secondary\" type=\"button\" data-earn-open>View Path<\/button>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"wsx-earn-empty\" data-earn-empty>\r\n        No earning paths match this filter.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <aside class=\"wsx-earn-side\" id=\"wsx-earn-tiers\">\r\n      <div class=\"wsx-earn-side-card\">\r\n        <h3 class=\"wsx-earn-side-title\">Tier Ladder<\/h3>\r\n\r\n        <div class=\"wsx-tier-stack\">\r\n          <div class=\"wsx-tier-row\">\r\n            <div class=\"wsx-tier-mark\">R<\/div>\r\n            <div class=\"wsx-tier-copy\">\r\n              <strong>Rookie<\/strong>\r\n              <span>Entry tier for new members<\/span>\r\n            <\/div>\r\n            <div class=\"wsx-tier-points\">0+<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-tier-row\">\r\n            <div class=\"wsx-tier-mark\">G<\/div>\r\n            <div class=\"wsx-tier-copy\">\r\n              <strong>Grinder<\/strong>\r\n              <span>Active challenge participant<\/span>\r\n            <\/div>\r\n            <div class=\"wsx-tier-points\">1K+<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-tier-row is-current\">\r\n            <div class=\"wsx-tier-mark\">L<\/div>\r\n            <div class=\"wsx-tier-copy\">\r\n              <strong>Street Legend<\/strong>\r\n              <span>Current demo tier<\/span>\r\n            <\/div>\r\n            <div class=\"wsx-tier-points\">3K+<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-tier-row\">\r\n            <div class=\"wsx-tier-mark\">M<\/div>\r\n            <div class=\"wsx-tier-copy\">\r\n              <strong>Most Wanted<\/strong>\r\n              <span>High reputation status<\/span>\r\n            <\/div>\r\n            <div class=\"wsx-tier-points\">8K+<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-tier-row\">\r\n            <div class=\"wsx-tier-mark\">F<\/div>\r\n            <div class=\"wsx-tier-copy\">\r\n              <strong>Founder Elite<\/strong>\r\n              <span>Early top community tier<\/span>\r\n            <\/div>\r\n            <div class=\"wsx-tier-points\">15K+<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-side-progress\">\r\n          <div class=\"wsx-side-progress-top\">\r\n            <span>Next: Most Wanted<\/span>\r\n            <span>68%<\/span>\r\n          <\/div>\r\n          <div class=\"wsx-side-bar\" style=\"--progress:68%\">\r\n            <span><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-earn-side-card\">\r\n        <h3 class=\"wsx-earn-side-title\">REP Rules<\/h3>\r\n\r\n        <ul class=\"wsx-earn-rules-list\">\r\n          <li>\r\n            <i>1<\/i>\r\n            <div>\r\n              <strong>Verified actions only<\/strong>\r\n              Bigger REP payouts should require proof, review or app verification.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>2<\/i>\r\n            <div>\r\n              <strong>Season based reset<\/strong>\r\n              Some rewards can rotate weekly, while lifetime reputation can stay permanent.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>3<\/i>\r\n            <div>\r\n              <strong>No spam farming<\/strong>\r\n              Daily and weekly caps protect the system from low-quality mass submissions.\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-earn-side-card\">\r\n        <h3 class=\"wsx-earn-side-title\">Weekly Caps<\/h3>\r\n\r\n        <div class=\"wsx-weekly-cap-grid\">\r\n          <div class=\"wsx-weekly-cap\">\r\n            <span>Challenges<\/span>\r\n            <strong>3,000<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-weekly-cap\">\r\n            <span>Creator<\/span>\r\n            <strong>2,000<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-weekly-cap\">\r\n            <span>Crew<\/span>\r\n            <strong>1,500<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-weekly-cap\">\r\n            <span>Intel<\/span>\r\n            <strong>1,000<\/strong>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/aside>\r\n  <\/div>\r\n\r\n  <div class=\"wsx-earn-modal\" data-earn-modal aria-hidden=\"true\">\r\n    <div class=\"wsx-earn-modal-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"wsxEarnModalTitle\">\r\n      <div class=\"wsx-earn-modal-head\">\r\n        <div>\r\n          <h3 class=\"wsx-earn-modal-title\" id=\"wsxEarnModalTitle\" data-earn-modal-title>Earn Path<\/h3>\r\n          <p data-earn-modal-subtitle>Details about this earning path appear here.<\/p>\r\n        <\/div>\r\n\r\n        <button class=\"wsx-earn-modal-close\" type=\"button\" data-earn-close aria-label=\"Close earn modal\">\u00d7<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-earn-modal-body\">\r\n        <div class=\"wsx-earn-modal-summary\">\r\n          <div class=\"wsx-earn-summary-box\">\r\n            <span>Reward<\/span>\r\n            <strong data-earn-modal-value>0 REP<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-earn-summary-box\">\r\n            <span>Type<\/span>\r\n            <strong data-earn-modal-type>Path<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-earn-summary-box\">\r\n            <span>Reset<\/span>\r\n            <strong data-earn-modal-frequency>Weekly<\/strong>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <p class=\"wsx-earn-modal-note\">\r\n          Demo mode: later this can open the matching challenge, clip submission, crew objective,\r\n          intel task or app route using the selected earn ID.\r\n        <\/p>\r\n\r\n        <div class=\"wsx-earn-modal-actions\">\r\n          <button class=\"wsx-earn-btn-secondary\" type=\"button\" data-earn-close>Cancel<\/button>\r\n          <button class=\"wsx-earn-btn-primary\" type=\"button\" data-earn-confirm>Open Related Task<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"wsx-earn-toast\" data-earn-toast><\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.currentScript.closest('.wsx-rewards-earn');\r\n      if (!root) return;\r\n\r\n      const tabs = Array.from(root.querySelectorAll('[data-earn-tab]'));\r\n      const cards = Array.from(root.querySelectorAll('.wsx-earn-card'));\r\n      const empty = root.querySelector('[data-earn-empty]');\r\n      const visibleCount = root.querySelector('[data-earn-visible-count]');\r\n      const modal = root.querySelector('[data-earn-modal]');\r\n      const toast = root.querySelector('[data-earn-toast]');\r\n      const featuredButton = root.querySelector('[data-earn-open-featured]');\r\n      const tierButton = root.querySelector('[data-earn-scroll-tiers]');\r\n      const confirmButton = root.querySelector('[data-earn-confirm]');\r\n\r\n      let activeTab = 'all';\r\n      let activeEarnCard = null;\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 formatNumber(value) {\r\n        return Number(value || 0).toLocaleString('en-US');\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        let visible = 0;\r\n\r\n        cards.forEach(function (card) {\r\n          const type = card.dataset.earnType || '';\r\n          const show = activeTab === 'all' || type === activeTab;\r\n\r\n          card.classList.toggle('is-hidden', !show);\r\n\r\n          if (show) {\r\n            visible += 1;\r\n          }\r\n        });\r\n\r\n        if (visibleCount) {\r\n          visibleCount.textContent = String(visible);\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 openModal(card) {\r\n        if (!modal || !card) return;\r\n\r\n        activeEarnCard = card;\r\n\r\n        const title = card.dataset.earnTitle || 'Earn Path';\r\n        const value = card.dataset.earnValue || '0';\r\n        const type = card.dataset.earnType || 'path';\r\n        const frequency = card.dataset.frequency || 'weekly';\r\n\r\n        const titleTarget = modal.querySelector('[data-earn-modal-title]');\r\n        const subtitleTarget = modal.querySelector('[data-earn-modal-subtitle]');\r\n        const valueTarget = modal.querySelector('[data-earn-modal-value]');\r\n        const typeTarget = modal.querySelector('[data-earn-modal-type]');\r\n        const frequencyTarget = modal.querySelector('[data-earn-modal-frequency]');\r\n\r\n        if (titleTarget) titleTarget.textContent = title;\r\n        if (subtitleTarget) subtitleTarget.textContent = 'Earn reputation through: ' + title + '.';\r\n        if (valueTarget) valueTarget.textContent = '+' + formatNumber(value) + ' REP';\r\n        if (typeTarget) typeTarget.textContent = type.charAt(0).toUpperCase() + type.slice(1);\r\n        if (frequencyTarget) frequencyTarget.textContent = frequency.charAt(0).toUpperCase() + frequency.slice(1);\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 closeModal() {\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        activeEarnCard = null;\r\n      }\r\n\r\n      tabs.forEach(function (tab) {\r\n        tab.addEventListener('click', function () {\r\n          activeTab = tab.dataset.earnTab || '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      root.addEventListener('click', function (event) {\r\n        const openButton = event.target.closest('[data-earn-open]');\r\n        const closeButton = event.target.closest('[data-earn-close]');\r\n\r\n        if (openButton) {\r\n          const card = event.target.closest('.wsx-earn-card');\r\n          openModal(card);\r\n        }\r\n\r\n        if (closeButton) {\r\n          closeModal();\r\n        }\r\n      });\r\n\r\n      if (featuredButton) {\r\n        featuredButton.addEventListener('click', function () {\r\n          showToast('Earn rules action prepared for the app layer.');\r\n        });\r\n      }\r\n\r\n      if (tierButton) {\r\n        tierButton.addEventListener('click', function () {\r\n          const tiers = root.querySelector('#wsx-earn-tiers');\r\n          if (tiers) {\r\n            tiers.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n          }\r\n        });\r\n      }\r\n\r\n      if (confirmButton) {\r\n        confirmButton.addEventListener('click', function () {\r\n          if (!activeEarnCard) return;\r\n\r\n          const payload = {\r\n            earn_id: activeEarnCard.dataset.earnId || '',\r\n            earn_title: activeEarnCard.dataset.earnTitle || '',\r\n            earn_type: activeEarnCard.dataset.earnType || '',\r\n            earn_value: Number(activeEarnCard.dataset.earnValue || 0),\r\n            frequency: activeEarnCard.dataset.frequency || '',\r\n            season_id: root.dataset.seasonId || '',\r\n            user_id: root.dataset.userId || '',\r\n            source: 'wordpress_elementor_static_rewards_earn_section',\r\n            created_at: new Date().toISOString()\r\n          };\r\n\r\n          const endpoint = root.dataset.earnEndpoint;\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('Earn route failed');\r\n              showToast('Earn route opened.');\r\n            })\r\n            .catch(function () {\r\n              console.info('Wanted Six earn payload:', payload);\r\n              showToast('Demo mode: earn payload created.');\r\n            });\r\n          } else {\r\n            console.info('Wanted Six earn payload:', payload);\r\n            showToast('Demo mode: earn payload created.');\r\n          }\r\n\r\n          closeModal();\r\n        });\r\n      }\r\n\r\n      if (modal) {\r\n        modal.addEventListener('click', function (event) {\r\n          if (event.target === modal) {\r\n            closeModal();\r\n          }\r\n        });\r\n      }\r\n\r\n      document.addEventListener('keydown', function (event) {\r\n        if (event.key === 'Escape') {\r\n          closeModal();\r\n        }\r\n      });\r\n\r\n      applyFilters();\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>Rewards Your grind becomes reputation. Complete challenges, grow your reputation and redeem exclusive rewards across the Wanted Six ecosystem. Claim your legacy 18 Claimable Rewards Ready to unlock 3,840 Reputation Available balance 42 Season Rewards Profile, crew &#038; creator perks 287 Claims Today Community reward activity Rewards Hub Claim Your Legacy Earn reputation through missions, [&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-772","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/772","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=772"}],"version-history":[{"count":4,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/772\/revisions"}],"predecessor-version":[{"id":777,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/772\/revisions\/777"}],"wp:attachment":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/media?parent=772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}