{"id":975,"date":"2026-07-09T08:15:32","date_gmt":"2026-07-09T08:15:32","guid":{"rendered":"https:\/\/wantedsix.com\/?page_id=975"},"modified":"2026-07-09T08:21:42","modified_gmt":"2026-07-09T08:21:42","slug":"trending-posts","status":"publish","type":"page","link":"https:\/\/wantedsix.com\/de\/trending-posts\/","title":{"rendered":"Trending Posts"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"975\" class=\"elementor elementor-975\" 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\">Featured Posts<\/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\">Creator drops. Community hype. Fresh Leonida stories.<\/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>Explore the latest creator-published posts from the Wanted Six network. Discover guides, clips, edits, map intel, reactions and community updates shared by creators building the GTA 6 hype.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-770db02 e-con-full e-flex e-con e-child\" data-id=\"770db02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4b30be elementor-widget elementor-widget-button\" data-id=\"f4b30be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M413.1 222.5l22.2 22.2c9.4 9.4 9.4 24.6 0 33.9L241 473c-9.4 9.4-24.6 9.4-33.9 0L12.7 278.6c-9.4-9.4-9.4-24.6 0-33.9l22.2-22.2c9.5-9.5 25-9.3 34.3.4L184 343.4V56c0-13.3 10.7-24 24-24h32c13.3 0 24 10.7 24 24v287.4l114.8-120.5c9.3-9.8 24.8-10 34.3-.4z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore Posts<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-040cd02 e-con e-atomic-element e-flexbox-base e-b3ccd3a \" data-id=\"040cd02\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"040cd02\" data-e-type=\"e-flexbox\" data-id=\"040cd02\">\n    \t\t<div class=\"elementor-element elementor-element-82c0d77 elementor-widget elementor-widget-html\" data-id=\"82c0d77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WANTED SIX GLOBAL STATS SECTION - FEATURED POSTS -->\r\n<section\r\n  class=\"wsx-stats-section\"\r\n  data-wsx-module=\"global-stats\"\r\n  data-page-context=\"featured-posts\"\r\n  data-stats-endpoint=\"\"\r\n  data-refresh-interval=\"0\"\r\n  data-season-id=\"prelaunch-s01\"\r\n  data-user-id=\"\"\r\n  aria-label=\"Wanted Six Featured Post Stats\"\r\n>\r\n  <div class=\"wsx-stats-grid\">\r\n\r\n    <!-- Card 1 -->\r\n    <article class=\"wsx-stat-card wsx-pink-card\" data-stat-key=\"featured_posts\">\r\n      <div class=\"wsx-stat-icon wsx-pink\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <rect x=\"10\" y=\"12\" width=\"44\" height=\"40\" rx=\"6\"><\/rect>\r\n          <path d=\"M18 22h20\"><\/path>\r\n          <path d=\"M18 30h28\"><\/path>\r\n          <path d=\"M18 38h16\"><\/path>\r\n          <path d=\"M44 34l2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L44 48.2l-5.6 3 1.1-6.2-4.5-4.4 6.2-.9L44 34z\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-stat-content\">\r\n        <div class=\"wsx-stat-number\" data-stat-value>4<\/div>\r\n        <div class=\"wsx-stat-title\">Featured Posts<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Creator posts in spotlight<\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Card 2 -->\r\n    <article class=\"wsx-stat-card wsx-cyan-card\" data-stat-key=\"active_creators\">\r\n      <div class=\"wsx-stat-icon wsx-cyan\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <circle cx=\"24\" cy=\"22\" r=\"8\"><\/circle>\r\n          <path d=\"M8 54c2-12 8-18 20-18 5.5 0 10 1.3 13.5 4\"><\/path>\r\n          <rect x=\"38\" y=\"16\" width=\"16\" height=\"22\" rx=\"4\"><\/rect>\r\n          <path d=\"M42 24h8\"><\/path>\r\n          <path d=\"M42 30h6\"><\/path>\r\n          <path d=\"M45 46h11\"><\/path>\r\n          <path d=\"M50.5 40.5V51.5\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-stat-content\">\r\n        <div class=\"wsx-stat-number\" data-stat-value>4<\/div>\r\n        <div class=\"wsx-stat-title\">Publishing Creators<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Creators with live posts<\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Card 3 -->\r\n    <article class=\"wsx-stat-card wsx-purple-card\" data-stat-key=\"total_engagement\">\r\n      <div class=\"wsx-stat-icon wsx-purple\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <path d=\"M12 34c0-11 9-20 20-20s20 9 20 20-9 20-20 20c-3.5 0-6.8-.9-9.6-2.5L12 54l2.8-9.8A19.8 19.8 0 0 1 12 34z\"><\/path>\r\n          <path d=\"M23 32l6 6 13-15\"><\/path>\r\n          <path d=\"M20 22h6\"><\/path>\r\n          <path d=\"M42 44h5\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-stat-content\">\r\n        <div class=\"wsx-stat-number\" data-stat-value>6.1K<\/div>\r\n        <div class=\"wsx-stat-title\">Total Engagement<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Saves, reactions & comments<\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- Card 4 -->\r\n    <article class=\"wsx-stat-card wsx-orange-card\" data-stat-key=\"pending_reviews\">\r\n      <div class=\"wsx-stat-icon wsx-orange\">\r\n        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n          <rect x=\"12\" y=\"10\" width=\"40\" height=\"46\" rx=\"6\"><\/rect>\r\n          <path d=\"M22 22h20\"><\/path>\r\n          <path d=\"M22 31h16\"><\/path>\r\n          <path d=\"M22 40h10\"><\/path>\r\n          <circle cx=\"44\" cy=\"42\" r=\"8\"><\/circle>\r\n          <path d=\"M44 37v6l4 3\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-stat-content\">\r\n        <div class=\"wsx-stat-number\" data-stat-value>0<\/div>\r\n        <div class=\"wsx-stat-title\">Pending Reviews<\/div>\r\n        <div class=\"wsx-stat-subtitle\">Posts waiting for approval<\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.currentScript.closest('.wsx-stats-section');\r\n      if (!root) return;\r\n\r\n      const endpoint = root.dataset.statsEndpoint || '';\r\n      const refreshInterval = Number(root.dataset.refreshInterval || 0);\r\n      const cards = Array.from(root.querySelectorAll('[data-stat-key]'));\r\n\r\n      function formatValue(value) {\r\n        if (typeof value === 'number') {\r\n          return value.toLocaleString('en-US');\r\n        }\r\n\r\n        const raw = String(value || '').trim();\r\n        const numeric = Number(raw.replace(\/[^\\d.]\/g, ''));\r\n\r\n        if (!raw) return '0';\r\n\r\n        if (!Number.isNaN(numeric) && \/^\\d+(\\.\\d+)?$\/.test(raw.replace(\/,\/g, ''))) {\r\n          return numeric.toLocaleString('en-US');\r\n        }\r\n\r\n        return raw;\r\n      }\r\n\r\n      function updateStats(payload) {\r\n        if (!payload || typeof payload !== 'object') return;\r\n\r\n        const data = payload.stats && typeof payload.stats === 'object'\r\n          ? payload.stats\r\n          : payload;\r\n\r\n        cards.forEach(function (card) {\r\n          const key = card.dataset.statKey;\r\n          const valueTarget = card.querySelector('[data-stat-value]');\r\n\r\n          if (!key || !valueTarget || data[key] === undefined) return;\r\n\r\n          valueTarget.textContent = formatValue(data[key]);\r\n        });\r\n      }\r\n\r\n      function loadStats() {\r\n        if (!endpoint) return;\r\n\r\n        fetch(endpoint, {\r\n          method: 'GET',\r\n          headers: {\r\n            'Accept': 'application\/json'\r\n          }\r\n        })\r\n          .then(function (response) {\r\n            if (!response.ok) throw new Error('Stats request failed');\r\n            return response.json();\r\n          })\r\n          .then(updateStats)\r\n          .catch(function () {\r\n            console.info('Wanted Six featured post stats endpoint not available yet.');\r\n          });\r\n      }\r\n\r\n      loadStats();\r\n\r\n      if (endpoint && refreshInterval >= 10000) {\r\n        setInterval(loadStats, refreshInterval);\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');\r\n\r\n  .wsx-stats-section {\r\n    --wsx-bg: #050816;\r\n    --wsx-panel: rgba(7, 11, 26, 0.82);\r\n    --wsx-panel-2: rgba(12, 18, 45, 0.76);\r\n    --wsx-border: rgba(255, 255, 255, 0.13);\r\n    --wsx-hot: #ff2e9a;\r\n    --wsx-cyan: #19e3ff;\r\n    --wsx-purple: #a855f7;\r\n    --wsx-orange: #ff8a3d;\r\n    --wsx-text: #f6f8ff;\r\n    --wsx-muted: #b8c0e0;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    color: var(--wsx-text);\r\n  }\r\n\r\n  .wsx-stats-section *,\r\n  .wsx-stats-section *::before,\r\n  .wsx-stats-section *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .wsx-stats-grid {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 20px;\r\n  }\r\n\r\n  .wsx-stat-card {\r\n    position: relative;\r\n    min-height: 122px;\r\n    padding: 22px 24px;\r\n    border-radius: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(circle at 20% 0%, rgba(255, 46, 154, 0.13), transparent 34%),\r\n      radial-gradient(circle at 85% 12%, rgba(25, 227, 255, 0.10), transparent 32%),\r\n      linear-gradient(135deg, rgba(12, 18, 45, 0.84), rgba(7, 11, 26, 0.96));\r\n    border: 1px solid var(--wsx-border);\r\n    box-shadow:\r\n      0 24px 80px rgba(0, 0, 0, 0.34),\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.025);\r\n    backdrop-filter: blur(18px);\r\n    -webkit-backdrop-filter: blur(18px);\r\n    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;\r\n  }\r\n\r\n  .wsx-stat-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(255, 46, 154, 0.36);\r\n    box-shadow:\r\n      0 28px 88px rgba(0, 0, 0, 0.42),\r\n      0 0 30px rgba(255, 46, 154, 0.10),\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.03);\r\n  }\r\n\r\n  .wsx-stat-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(120deg, rgba(255,255,255,0.06), transparent 24%, transparent 68%, rgba(255,255,255,0.025));\r\n    pointer-events: none;\r\n  }\r\n\r\n  .wsx-stat-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 18px;\r\n    bottom: 18px;\r\n    width: 3px;\r\n    border-radius: 999px;\r\n    opacity: 0.95;\r\n    background: linear-gradient(180deg, transparent, var(--wsx-hot), transparent);\r\n  }\r\n\r\n  .wsx-pink-card {\r\n    border-color: rgba(255, 46, 154, 0.34);\r\n  }\r\n\r\n  .wsx-cyan-card {\r\n    border-color: rgba(25, 227, 255, 0.28);\r\n    background:\r\n      radial-gradient(circle at 18% 0%, rgba(25, 227, 255, 0.12), transparent 36%),\r\n      radial-gradient(circle at 88% 12%, rgba(255, 46, 154, 0.08), transparent 32%),\r\n      linear-gradient(135deg, rgba(8, 29, 43, 0.76), rgba(7, 11, 26, 0.96));\r\n  }\r\n\r\n  .wsx-cyan-card::after {\r\n    background: linear-gradient(180deg, transparent, var(--wsx-cyan), transparent);\r\n  }\r\n\r\n  .wsx-purple-card {\r\n    border-color: rgba(168, 85, 247, 0.34);\r\n    background:\r\n      radial-gradient(circle at 80% 12%, rgba(168, 85, 247, 0.18), transparent 38%),\r\n      radial-gradient(circle at 18% 0%, rgba(255, 46, 154, 0.09), transparent 34%),\r\n      linear-gradient(135deg, rgba(18, 24, 58, 0.88), rgba(9, 13, 32, 0.96));\r\n  }\r\n\r\n  .wsx-purple-card::after {\r\n    background: linear-gradient(180deg, transparent, var(--wsx-purple), transparent);\r\n  }\r\n\r\n  .wsx-orange-card {\r\n    border-color: rgba(255, 138, 61, 0.34);\r\n    background:\r\n      radial-gradient(circle at 80% 16%, rgba(255, 138, 61, 0.17), transparent 38%),\r\n      radial-gradient(circle at 18% 0%, rgba(255, 46, 154, 0.10), transparent 34%),\r\n      linear-gradient(135deg, rgba(22, 16, 32, 0.88), rgba(7, 11, 26, 0.96));\r\n  }\r\n\r\n  .wsx-orange-card::after {\r\n    background: linear-gradient(180deg, transparent, var(--wsx-orange), transparent);\r\n  }\r\n\r\n  .wsx-stat-icon {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 62px;\r\n    height: 62px;\r\n    flex: 0 0 62px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 18px;\r\n    background: rgba(255, 255, 255, 0.045);\r\n    border: 1px solid rgba(255, 255, 255, 0.10);\r\n  }\r\n\r\n  .wsx-stat-icon svg {\r\n    width: 42px;\r\n    height: 42px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 3;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .wsx-pink {\r\n    color: var(--wsx-hot);\r\n    filter: drop-shadow(0 0 10px rgba(255, 46, 154, 0.8));\r\n  }\r\n\r\n  .wsx-cyan {\r\n    color: var(--wsx-cyan);\r\n    filter: drop-shadow(0 0 10px rgba(25, 227, 255, 0.7));\r\n  }\r\n\r\n  .wsx-purple {\r\n    color: var(--wsx-purple);\r\n    filter: drop-shadow(0 0 10px rgba(168, 85, 247, 0.72));\r\n  }\r\n\r\n  .wsx-orange {\r\n    color: var(--wsx-orange);\r\n    filter: drop-shadow(0 0 10px rgba(255, 138, 61, 0.72));\r\n  }\r\n\r\n  .wsx-stat-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    min-width: 0;\r\n  }\r\n\r\n  .wsx-stat-number {\r\n    color: var(--wsx-text);\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: clamp(34px, 2.4vw, 48px);\r\n    line-height: 0.9;\r\n    font-weight: 900;\r\n    letter-spacing: -0.01em;\r\n    text-shadow: 0 0 14px rgba(245, 247, 255, 0.22);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .wsx-stat-title {\r\n    margin-top: 9px;\r\n    color: var(--wsx-text);\r\n    font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n    font-size: 24px;\r\n    line-height: 0.95;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: -0.01em;\r\n  }\r\n\r\n  .wsx-stat-subtitle {\r\n    margin-top: 7px;\r\n    color: var(--wsx-muted);\r\n    font-size: 13px;\r\n    line-height: 1.35;\r\n    font-weight: 500;\r\n  }\r\n\r\n  @media (max-width: 1366px) {\r\n    .wsx-stats-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .wsx-stats-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 14px;\r\n    }\r\n\r\n    .wsx-stat-card {\r\n      min-height: 106px;\r\n      padding: 18px;\r\n      gap: 16px;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .wsx-stat-icon {\r\n      width: 54px;\r\n      height: 54px;\r\n      flex-basis: 54px;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .wsx-stat-icon svg {\r\n      width: 36px;\r\n      height: 36px;\r\n    }\r\n\r\n    .wsx-stat-number {\r\n      font-size: 34px;\r\n    }\r\n\r\n    .wsx-stat-title {\r\n      font-size: 21px;\r\n    }\r\n\r\n    .wsx-stat-subtitle {\r\n      font-size: 13px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .wsx-stat-card {\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .wsx-stat-number {\r\n      font-size: 31px;\r\n    }\r\n\r\n    .wsx-stat-title {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fdc1bd1 e-con e-atomic-element e-flexbox-base e-fdc1bd1-55608d3 \" data-id=\"fdc1bd1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fdc1bd1\" data-e-type=\"e-flexbox\" data-id=\"fdc1bd1\">\n    \t\t<div class=\"elementor-element elementor-element-b42fa63 elementor-widget elementor-widget-html\" data-id=\"b42fa63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WANTED SIX FEATURED POSTS - CREATOR PUBLISHING FEED \/ APP READY VERSION -->\r\n<section\r\n  class=\"wsx-featured-posts\"\r\n  data-wsx-module=\"featured-posts\"\r\n  data-page-context=\"featured-posts\"\r\n  data-featured-posts-endpoint=\"\"\r\n  data-featured-post-submit-endpoint=\"\"\r\n  data-post-save-endpoint=\"\"\r\n  data-post-reaction-endpoint=\"\"\r\n  data-creator-dashboard-url=\"https:\/\/app.wantedsix.com\/creator\/dashboard\"\r\n  data-post-base-url=\"https:\/\/wantedsix.com\/creators\/posts\/\"\r\n  data-season-id=\"prelaunch-s01\"\r\n  data-user-id=\"\"\r\n  aria-label=\"Wanted Six Featured Posts\"\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-featured-posts,\r\n    .wsx-featured-posts * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .wsx-featured-posts {\r\n      container-type: inline-size;\r\n      container-name: wsx;\r\n\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      --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      color: var(--wsx-text);\r\n      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n      position: relative;\r\n    }\r\n\r\n    .wsx-featured-posts a,\r\n    .wsx-featured-posts button,\r\n    .wsx-featured-posts input,\r\n    .wsx-featured-posts select,\r\n    .wsx-featured-posts textarea {\r\n      font: inherit;\r\n    }\r\n\r\n    .wsx-featured-posts button {\r\n      cursor: pointer;\r\n      border: 0;\r\n    }\r\n\r\n    .wsx-featured-posts a {\r\n      color: inherit;\r\n    }\r\n\r\n    .wsx-featured-posts img {\r\n      box-sizing: border-box !important;\r\n      max-width: none;\r\n      border: 0;\r\n      vertical-align: top;\r\n    }\r\n\r\n    .wsx-fp-shell {\r\n      width: 100%;\r\n      max-width: 100%;\r\n      margin: 0;\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-fp-main,\r\n    .wsx-fp-side-card,\r\n    .wsx-fp-featured,\r\n    .wsx-fp-post-card {\r\n      position: relative;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at 18% 0%, rgba(255, 46, 154, 0.14), transparent 36%),\r\n        radial-gradient(circle at 88% 10%, rgba(25, 227, 255, 0.10), transparent 34%),\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.38),\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    }\r\n\r\n    .wsx-fp-main {\r\n      min-width: 0;\r\n      padding: 22px;\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .wsx-fp-main::before,\r\n    .wsx-fp-side-card::before,\r\n    .wsx-fp-featured::before,\r\n    .wsx-fp-post-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-fp-main > *,\r\n    .wsx-fp-side-card > *,\r\n    .wsx-fp-featured > *,\r\n    .wsx-fp-post-card > * {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .wsx-fp-topbar {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) 300px;\r\n      gap: 18px;\r\n      align-items: center;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .wsx-fp-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-fp-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-fp-heading {\r\n      margin: 0;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: clamp(34px, 3.2vw, 58px);\r\n      line-height: 0.9;\r\n      font-weight: 900;\r\n      letter-spacing: -0.025em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-fp-copy {\r\n      max-width: 820px;\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-fp-publish-card {\r\n      padding: 16px;\r\n      border-radius: 16px;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(circle at 20% 0%, rgba(255, 46, 154, 0.20), transparent 44%),\r\n        radial-gradient(circle at 90% 22%, rgba(25, 227, 255, 0.16), transparent 42%),\r\n        linear-gradient(135deg, rgba(10, 17, 42, 0.94), 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-fp-publish-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-fp-publish-title {\r\n      margin-top: 7px;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: 36px;\r\n      line-height: 0.95;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-fp-publish-sub {\r\n      margin-top: 8px;\r\n      color: var(--wsx-soft);\r\n      font-size: 13px;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .wsx-fp-publish-pills {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 7px;\r\n      margin-top: 12px;\r\n    }\r\n\r\n    .wsx-fp-publish-pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      min-height: 26px;\r\n      padding: 0 9px;\r\n      border-radius: 999px;\r\n      color: #dffbff;\r\n      background: rgba(25, 227, 255, 0.08);\r\n      border: 1px solid rgba(25, 227, 255, 0.20);\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-fp-stats {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      gap: 12px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .wsx-fp-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-fp-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-fp-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-fp-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-fp-field {\r\n      min-width: 0;\r\n      position: relative;\r\n    }\r\n\r\n    .wsx-fp-field input,\r\n    .wsx-fp-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-fp-field input::placeholder {\r\n      color: rgba(184, 192, 224, 0.72);\r\n    }\r\n\r\n    .wsx-fp-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-fp-field select option {\r\n      background: #080d23;\r\n      color: #fff;\r\n    }\r\n\r\n    .wsx-fp-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-fp-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-fp-tab:hover,\r\n    .wsx-fp-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-fp-featured {\r\n      border-radius: 18px;\r\n      margin-bottom: 20px;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);\r\n      border-color: rgba(255, 46, 154, 0.30);\r\n    }\r\n\r\n    .wsx-fp-featured-media,\r\n    .wsx-fp-card-media {\r\n      position: relative;\r\n      width: 100%;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      background:\r\n        radial-gradient(circle at 20% 12%, rgba(255,46,154,0.20), transparent 42%),\r\n        radial-gradient(circle at 85% 20%, rgba(25,227,255,0.16), transparent 40%),\r\n        #050816;\r\n    }\r\n\r\n    .wsx-fp-featured-media {\r\n      min-height: 360px;\r\n    }\r\n\r\n    .wsx-fp-card-media {\r\n      aspect-ratio: 16 \/ 9;\r\n      border-bottom: 1px solid rgba(255,255,255,0.10);\r\n    }\r\n\r\n    .wsx-fp-featured-media img,\r\n    .wsx-fp-card-media img,\r\n    .wsx-fp-author-avatar img,\r\n    .wsx-fp-card-author-avatar img {\r\n      position: absolute !important;\r\n      inset: 0 !important;\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      max-width: none !important;\r\n      max-height: none !important;\r\n      margin: 0 !important;\r\n      display: block !important;\r\n      object-fit: cover !important;\r\n      object-position: center center;\r\n      padding: 0 !important;\r\n      background: transparent;\r\n    }\r\n\r\n    .wsx-fp-featured-media::after,\r\n    .wsx-fp-card-media::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n      pointer-events: none;\r\n      background:\r\n        linear-gradient(180deg, rgba(5, 8, 22, 0.00), rgba(5, 8, 22, 0.42)),\r\n        radial-gradient(circle at 18% 30%, rgba(255,46,154,0.20), transparent 42%),\r\n        radial-gradient(circle at 88% 24%, rgba(25,227,255,0.12), transparent 38%);\r\n    }\r\n\r\n    .wsx-fp-featured-rank {\r\n      position: absolute;\r\n      left: 16px;\r\n      top: 16px;\r\n      z-index: 3;\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: #fff;\r\n      background: rgba(255, 46, 154, 0.18);\r\n      border: 1px solid rgba(255, 46, 154, 0.40);\r\n      box-shadow: 0 0 22px rgba(255, 46, 154, 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    }\r\n\r\n    .wsx-fp-featured-body {\r\n      min-width: 0;\r\n      padding: 22px;\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .wsx-fp-badges {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .wsx-fp-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-fp-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-fp-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-fp-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-fp-badge.orange {\r\n      background: rgba(255, 138, 61, 0.13);\r\n      border-color: rgba(255, 138, 61, 0.32);\r\n      color: #ffe2ce;\r\n    }\r\n\r\n    .wsx-fp-featured-title,\r\n    .wsx-fp-card-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-fp-featured-title {\r\n      font-size: clamp(38px, 3.4vw, 62px);\r\n      line-height: 0.88;\r\n    }\r\n\r\n    .wsx-fp-featured-text {\r\n      margin: 14px 0 0;\r\n      color: var(--wsx-muted);\r\n      font-size: 15px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .wsx-fp-author-row {\r\n      display: grid;\r\n      grid-template-columns: 48px minmax(0, 1fr);\r\n      gap: 11px;\r\n      align-items: center;\r\n      margin-top: 18px;\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-fp-author-avatar,\r\n    .wsx-fp-card-author-avatar {\r\n      position: relative;\r\n      overflow: hidden;\r\n      background: rgba(5, 8, 22, 0.88);\r\n      border: 1px solid rgba(255,255,255,0.18);\r\n      box-shadow: 0 0 18px rgba(255, 46, 154, 0.16);\r\n    }\r\n\r\n    .wsx-fp-author-avatar {\r\n      width: 48px;\r\n      height: 48px;\r\n      border-radius: 15px;\r\n    }\r\n\r\n    .wsx-fp-card-author-avatar {\r\n      width: 36px;\r\n      height: 36px;\r\n      border-radius: 12px;\r\n    }\r\n\r\n    .wsx-fp-author-name {\r\n      color: #fff;\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    .wsx-fp-author-meta {\r\n      margin-top: 4px;\r\n      color: var(--wsx-cyan);\r\n      font-size: 11px;\r\n      font-weight: 900;\r\n      line-height: 1.25;\r\n      letter-spacing: 0.04em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-fp-featured-metrics {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 10px;\r\n      margin-top: 16px;\r\n    }\r\n\r\n    .wsx-fp-metric {\r\n      padding: 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-fp-metric span {\r\n      display: block;\r\n      color: var(--wsx-soft);\r\n      font-size: 10px;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n    }\r\n\r\n    .wsx-fp-metric strong {\r\n      display: block;\r\n      margin-top: 5px;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: 25px;\r\n      line-height: 0.95;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .wsx-fp-featured-actions,\r\n    .wsx-fp-card-actions {\r\n      display: flex;\r\n      gap: 10px;\r\n      flex-wrap: wrap;\r\n      margin-top: auto;\r\n      padding-top: 18px;\r\n    }\r\n\r\n    .wsx-fp-btn-primary,\r\n    .wsx-fp-btn-secondary,\r\n    .wsx-fp-action-btn {\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      white-space: nowrap;\r\n      text-align: center;\r\n      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, opacity .2s ease, background .2s ease;\r\n    }\r\n\r\n    .wsx-fp-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-fp-btn-secondary,\r\n    .wsx-fp-action-btn {\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-fp-btn-primary:hover,\r\n    .wsx-fp-btn-secondary:hover,\r\n    .wsx-fp-action-btn:hover {\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .wsx-fp-action-btn {\r\n      width: 44px;\r\n      padding: 0;\r\n      flex: 0 0 44px;\r\n    }\r\n\r\n    .wsx-fp-action-btn svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 2.6;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .wsx-fp-action-btn.is-active {\r\n      color: #fff !important;\r\n      border-color: rgba(255, 46, 154, 0.42);\r\n      background: rgba(255, 46, 154, 0.16);\r\n      box-shadow: 0 0 18px rgba(255, 46, 154, 0.12);\r\n    }\r\n\r\n    .wsx-fp-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-fp-post-card {\r\n      border-radius: 18px;\r\n      min-width: 0;\r\n      display: flex;\r\n      flex-direction: column;\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-fp-post-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-fp-post-card.is-hidden {\r\n      display: none;\r\n    }\r\n\r\n    .wsx-fp-card-body {\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex: 1;\r\n      padding: 15px 16px 16px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .wsx-fp-card-title {\r\n      font-size: 27px;\r\n      line-height: 0.92;\r\n    }\r\n\r\n    .wsx-fp-card-text {\r\n      margin: 11px 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-fp-card-author {\r\n      display: grid;\r\n      grid-template-columns: 36px minmax(0, 1fr);\r\n      gap: 10px;\r\n      align-items: center;\r\n      margin-top: 14px;\r\n    }\r\n\r\n    .wsx-fp-card-author strong {\r\n      display: block;\r\n      color: #fff;\r\n      font-size: 12.5px;\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-fp-card-author span {\r\n      display: block;\r\n      margin-top: 3px;\r\n      color: var(--wsx-cyan);\r\n      font-size: 10.5px;\r\n      line-height: 1.2;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.06em;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .wsx-fp-card-meta {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 8px;\r\n      margin-top: 14px;\r\n    }\r\n\r\n    .wsx-fp-card-meta-item {\r\n      min-width: 0;\r\n      padding: 8px 9px;\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      text-align: center;\r\n    }\r\n\r\n    .wsx-fp-card-meta-item span {\r\n      display: block;\r\n      color: var(--wsx-soft);\r\n      font-size: 10px;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n    }\r\n\r\n    .wsx-fp-card-meta-item strong {\r\n      display: block;\r\n      margin-top: 5px;\r\n      color: #fff;\r\n      font-size: 12.5px;\r\n      line-height: 1.2;\r\n      font-weight: 900;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .wsx-fp-card-actions .wsx-fp-btn-primary,\r\n    .wsx-fp-card-actions .wsx-fp-btn-secondary {\r\n      flex: 1 1 auto;\r\n      min-height: 42px;\r\n    }\r\n\r\n    .wsx-fp-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-fp-empty.is-visible {\r\n      display: block;\r\n    }\r\n\r\n    .wsx-fp-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-fp-side-card {\r\n      border-radius: 18px;\r\n      padding: 18px;\r\n    }\r\n\r\n    .wsx-fp-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-fp-side-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-fp-side-panel-title {\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-fp-side-panel-title span {\r\n      color: var(--wsx-cyan);\r\n    }\r\n\r\n    .wsx-fp-side-mini-list {\r\n      display: grid;\r\n      gap: 9px;\r\n      margin-top: 14px;\r\n    }\r\n\r\n    .wsx-fp-side-mini-item {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 10px;\r\n      color: var(--wsx-muted);\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .wsx-fp-side-mini-item strong {\r\n      color: #fff;\r\n    }\r\n\r\n    .wsx-fp-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-fp-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-fp-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-fp-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-fp-side-cta {\r\n      margin-top: 22px;\r\n      display: grid;\r\n      gap: 10px;\r\n    }\r\n\r\n    .wsx-fp-side-cta .wsx-fp-btn-primary,\r\n    .wsx-fp-side-cta .wsx-fp-btn-secondary {\r\n      width: 100%;\r\n    }\r\n\r\n    .wsx-fp-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-fp-modal.is-open {\r\n      display: flex;\r\n    }\r\n\r\n    .wsx-fp-modal-panel {\r\n      width: min(760px, 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-fp-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-fp-modal-head h3 {\r\n      margin: 0;\r\n      color: #fff;\r\n      font-family: \"Barlow Condensed\", Inter, sans-serif;\r\n      font-size: 36px;\r\n      line-height: 0.95;\r\n      font-weight: 900;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .wsx-fp-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-fp-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-fp-form {\r\n      display: grid;\r\n      gap: 15px;\r\n      padding: 20px 22px 22px;\r\n    }\r\n\r\n    .wsx-fp-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-fp-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-fp-form-field input,\r\n    .wsx-fp-form-field select,\r\n    .wsx-fp-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-fp-form-field select {\r\n      color-scheme: dark;\r\n    }\r\n\r\n    .wsx-fp-form-field textarea {\r\n      min-height: 118px;\r\n      padding: 13px 14px;\r\n      resize: vertical;\r\n    }\r\n\r\n    .wsx-fp-form-field input::placeholder,\r\n    .wsx-fp-form-field textarea::placeholder {\r\n      color: rgba(184,192,224,0.68);\r\n    }\r\n\r\n    .wsx-fp-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-fp-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-fp-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-fp-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-fp-toast.is-visible {\r\n      opacity: 1;\r\n      transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    .wsx-fp-api-example {\r\n      display: none;\r\n    }\r\n\r\n    @container wsx (max-width: 1280px) {\r\n      .wsx-fp-shell {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-fp-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    @container wsx (max-width: 1080px) {\r\n      .wsx-fp-topbar {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-fp-featured {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-fp-featured-media {\r\n        min-height: auto;\r\n        aspect-ratio: 16 \/ 9;\r\n      }\r\n\r\n      .wsx-fp-controls,\r\n      .wsx-fp-stats {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .wsx-fp-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .wsx-fp-side {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @container wsx (max-width: 767px) {\r\n      .wsx-fp-main {\r\n        padding: 14px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .wsx-fp-topbar {\r\n        gap: 14px;\r\n        margin-bottom: 16px;\r\n      }\r\n\r\n      .wsx-fp-kicker {\r\n        font-size: 10px;\r\n        padding: 6px 9px;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .wsx-fp-heading {\r\n        font-size: 30px;\r\n        line-height: 0.94;\r\n        letter-spacing: -0.015em;\r\n      }\r\n\r\n      .wsx-fp-copy {\r\n        font-size: 12.8px;\r\n        line-height: 1.48;\r\n        margin-top: 9px;\r\n      }\r\n\r\n      .wsx-fp-publish-card {\r\n        padding: 14px;\r\n      }\r\n\r\n      .wsx-fp-publish-label {\r\n        font-size: 10px;\r\n      }\r\n\r\n      .wsx-fp-publish-title {\r\n        font-size: 27px;\r\n      }\r\n\r\n      .wsx-fp-publish-sub {\r\n        font-size: 12px;\r\n        line-height: 1.4;\r\n      }\r\n\r\n      .wsx-fp-publish-pill {\r\n        font-size: 10px;\r\n        min-height: 24px;\r\n        padding: 0 8px;\r\n      }\r\n\r\n      .wsx-fp-controls,\r\n      .wsx-fp-stats,\r\n      .wsx-fp-grid,\r\n      .wsx-fp-form-row,\r\n      .wsx-fp-featured-metrics {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-fp-stat {\r\n        padding: 13px;\r\n      }\r\n\r\n      .wsx-fp-stat strong {\r\n        font-size: 29px;\r\n      }\r\n\r\n      .wsx-fp-stat span {\r\n        font-size: 12px;\r\n      }\r\n\r\n      .wsx-fp-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-fp-tabs::-webkit-scrollbar {\r\n        display: none;\r\n      }\r\n\r\n      .wsx-fp-tab {\r\n        white-space: nowrap;\r\n        flex: 0 0 auto;\r\n        min-height: 35px;\r\n        font-size: 12px;\r\n        padding: 0 12px;\r\n      }\r\n\r\n      .wsx-fp-featured-body {\r\n        padding: 16px;\r\n      }\r\n\r\n      .wsx-fp-featured-title {\r\n        font-size: 31px;\r\n        line-height: 0.9;\r\n      }\r\n\r\n      .wsx-fp-featured-text,\r\n      .wsx-fp-card-text {\r\n        font-size: 12.5px;\r\n        line-height: 1.48;\r\n        margin-top: 9px;\r\n      }\r\n\r\n      .wsx-fp-badges {\r\n        gap: 6px;\r\n        margin-bottom: 9px;\r\n      }\r\n\r\n      .wsx-fp-badge {\r\n        min-height: 23px;\r\n        padding: 0 8px;\r\n        font-size: 9.5px;\r\n        letter-spacing: 0.055em;\r\n      }\r\n\r\n      .wsx-fp-card-title {\r\n        font-size: 24px;\r\n        line-height: 0.94;\r\n      }\r\n\r\n      .wsx-fp-card-text {\r\n        min-height: auto;\r\n      }\r\n\r\n      .wsx-fp-card-meta {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .wsx-fp-featured-actions,\r\n      .wsx-fp-card-actions {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .wsx-fp-featured-actions .wsx-fp-btn-primary,\r\n      .wsx-fp-featured-actions .wsx-fp-btn-secondary,\r\n      .wsx-fp-card-actions .wsx-fp-btn-primary,\r\n      .wsx-fp-card-actions .wsx-fp-btn-secondary,\r\n      .wsx-fp-form-actions .wsx-fp-btn-primary,\r\n      .wsx-fp-form-actions .wsx-fp-btn-secondary {\r\n        width: 100%;\r\n      }\r\n\r\n      .wsx-fp-side-title {\r\n        font-size: 22px;\r\n      }\r\n\r\n      .wsx-fp-side-cta {\r\n        margin-top: 24px;\r\n      }\r\n\r\n      .wsx-fp-side-card {\r\n        padding: 16px;\r\n      }\r\n\r\n      .wsx-fp-side-list li {\r\n        font-size: 12.5px;\r\n      }\r\n\r\n      .wsx-fp-modal-head {\r\n        padding: 18px 18px 14px;\r\n      }\r\n\r\n      .wsx-fp-modal-head h3 {\r\n        font-size: 29px;\r\n      }\r\n\r\n      .wsx-fp-modal-head p {\r\n        font-size: 12.8px;\r\n      }\r\n\r\n      .wsx-fp-form {\r\n        padding: 18px;\r\n      }\r\n    }\r\n\r\n    @supports not (container-type: inline-size) {\r\n      @media (max-width: 1280px) {\r\n        .wsx-fp-shell { grid-template-columns: 1fr; }\r\n        .wsx-fp-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: 1080px) {\r\n        .wsx-fp-topbar { grid-template-columns: 1fr; }\r\n        .wsx-fp-featured { grid-template-columns: 1fr; }\r\n        .wsx-fp-featured-media { min-height: auto; aspect-ratio: 16 \/ 9; }\r\n        .wsx-fp-controls, .wsx-fp-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n        .wsx-fp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n        .wsx-fp-side { grid-template-columns: 1fr; }\r\n      }\r\n\r\n      @media (max-width: 767px) {\r\n        .wsx-fp-controls,\r\n        .wsx-fp-stats,\r\n        .wsx-fp-grid,\r\n        .wsx-fp-form-row,\r\n        .wsx-fp-featured-metrics {\r\n          grid-template-columns: 1fr;\r\n        }\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wsx-fp-shell\">\r\n    <main class=\"wsx-fp-main\">\r\n      <div class=\"wsx-fp-topbar\">\r\n        <div>\r\n          <div class=\"wsx-fp-kicker\">\r\n            <span class=\"wsx-fp-kicker-dot\"><\/span>\r\n            Creator Posts\r\n          <\/div>\r\n\r\n          <h2 class=\"wsx-fp-heading\">Featured Posts<\/h2>\r\n\r\n          <p class=\"wsx-fp-copy\">\r\n            Discover the best creator-published posts from the Wanted Six network. Creators will be able to publish updates, clips, guides, screenshots, reactions and community drops directly from their dashboard.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-fp-publish-card\">\r\n          <div class=\"wsx-fp-publish-label\">Future Dashboard<\/div>\r\n          <div class=\"wsx-fp-publish-title\">Creator Publishing<\/div>\r\n          <div class=\"wsx-fp-publish-sub\">\r\n            Every creator post can later be submitted, edited, scheduled and tracked through app.wantedsix.com.\r\n          <\/div>\r\n\r\n          <div class=\"wsx-fp-publish-pills\">\r\n            <span class=\"wsx-fp-publish-pill\">Posts<\/span>\r\n            <span class=\"wsx-fp-publish-pill\">Media<\/span>\r\n            <span class=\"wsx-fp-publish-pill\">Reviews<\/span>\r\n            <span class=\"wsx-fp-publish-pill\">Stats<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-fp-stats\">\r\n        <div class=\"wsx-fp-stat\">\r\n          <strong data-fp-stat-value=\"featured_posts\">0<\/strong>\r\n          <span>Featured posts<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-fp-stat\">\r\n          <strong data-fp-stat-value=\"active_creators\">0<\/strong>\r\n          <span>Publishing creators<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-fp-stat\">\r\n          <strong data-fp-stat-value=\"total_engagement\">0<\/strong>\r\n          <span>Total engagement<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-fp-stat\">\r\n          <strong data-fp-stat-value=\"pending_reviews\">0<\/strong>\r\n          <span>Pending reviews<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-fp-controls\">\r\n        <div class=\"wsx-fp-field\">\r\n          <input type=\"search\" placeholder=\"Search posts, creators, topics...\" data-fp-search>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-fp-field\">\r\n          <select data-fp-type aria-label=\"Filter by post type\">\r\n            <option value=\"all\">All Types<\/option>\r\n            <option value=\"news\">News<\/option>\r\n            <option value=\"guide\">Guide<\/option>\r\n            <option value=\"clip\">Clip<\/option>\r\n            <option value=\"edit\">Edit<\/option>\r\n            <option value=\"screenshot\">Screenshot<\/option>\r\n            <option value=\"map-intel\">Map Intel<\/option>\r\n            <option value=\"community\">Community<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-fp-field\">\r\n          <select data-fp-status aria-label=\"Filter by status\">\r\n            <option value=\"all\">All Status<\/option>\r\n            <option value=\"featured\">Featured<\/option>\r\n            <option value=\"trending\">Trending<\/option>\r\n            <option value=\"editorial\">Editorial Pick<\/option>\r\n            <option value=\"new\">New<\/option>\r\n          <\/select>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-fp-field\">\r\n          <select data-fp-sort aria-label=\"Sort posts\">\r\n            <option value=\"featured\">Featured First<\/option>\r\n            <option value=\"newest\">Newest<\/option>\r\n            <option value=\"views\">Most Viewed<\/option>\r\n            <option value=\"saves\">Most Saved<\/option>\r\n            <option value=\"comments\">Most Discussed<\/option>\r\n          <\/select>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-fp-tabs\">\r\n        <button class=\"wsx-fp-tab is-active\" type=\"button\" data-fp-tab=\"all\">All<\/button>\r\n        <button class=\"wsx-fp-tab\" type=\"button\" data-fp-tab=\"featured\">Featured<\/button>\r\n        <button class=\"wsx-fp-tab\" type=\"button\" data-fp-tab=\"trending\">Trending<\/button>\r\n        <button class=\"wsx-fp-tab\" type=\"button\" data-fp-tab=\"guide\">Guides<\/button>\r\n        <button class=\"wsx-fp-tab\" type=\"button\" data-fp-tab=\"clip\">Clips<\/button>\r\n        <button class=\"wsx-fp-tab\" type=\"button\" data-fp-tab=\"map-intel\">Map Intel<\/button>\r\n        <button class=\"wsx-fp-tab\" type=\"button\" data-fp-tab=\"community\">Community<\/button>\r\n      <\/div>\r\n\r\n      <article class=\"wsx-fp-featured\" data-fp-featured><\/article>\r\n\r\n      <div class=\"wsx-fp-grid\" data-fp-grid><\/div>\r\n\r\n      <div class=\"wsx-fp-empty\" data-fp-empty>\r\n        No posts found. Once creators publish from their dashboard, featured posts will appear here automatically.\r\n      <\/div>\r\n    <\/main>\r\n\r\n    <aside class=\"wsx-fp-side\">\r\n      <div class=\"wsx-fp-side-card\">\r\n        <h3 class=\"wsx-fp-side-title\">Publishing Flow<\/h3>\r\n\r\n        <div class=\"wsx-fp-side-panel\">\r\n          <div class=\"wsx-fp-side-panel-title\">\r\n            Creator Dashboard\r\n            <span>Prepared<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-fp-side-mini-list\">\r\n            <div class=\"wsx-fp-side-mini-item\">\r\n              <span>Create post<\/span>\r\n              <strong>Dashboard<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-fp-side-mini-item\">\r\n              <span>Editorial review<\/span>\r\n              <strong>Optional<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-fp-side-mini-item\">\r\n              <span>Featured slots<\/span>\r\n              <strong>Dynamic<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-fp-side-mini-item\">\r\n              <span>Engagement stats<\/span>\r\n              <strong>Tracked<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-fp-side-cta\">\r\n          <a class=\"wsx-fp-btn-primary\" href=\"https:\/\/app.wantedsix.com\/creator\/dashboard\" data-fp-dashboard-link>\r\n            Open Dashboard\r\n          <\/a>\r\n\r\n          <button class=\"wsx-fp-btn-secondary\" type=\"button\" data-fp-submit-open data-action-type=\"creator-post-demo\">\r\n            Submit Demo Post\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-fp-side-card\">\r\n        <h3 class=\"wsx-fp-side-title\">Post Types<\/h3>\r\n\r\n        <ul class=\"wsx-fp-side-list\">\r\n          <li>\r\n            <i>1<\/i>\r\n            <div>\r\n              <strong>Guides & Intel<\/strong>\r\n              Creator-written tutorials, map discoveries, tips and Leonida breakdowns.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>2<\/i>\r\n            <div>\r\n              <strong>Clips & Edits<\/strong>\r\n              Short videos, reactions, edits, screenshots and community moments.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>3<\/i>\r\n            <div>\r\n              <strong>News & Reactions<\/strong>\r\n              Creator takes around trailers, leaks, updates, speculation and official drops.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>4<\/i>\r\n            <div>\r\n              <strong>Community Posts<\/strong>\r\n              Crew calls, polls, challenges, collaborations and creator announcements.\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"wsx-fp-side-card\">\r\n        <h3 class=\"wsx-fp-side-title\">App Integration<\/h3>\r\n\r\n        <ul class=\"wsx-fp-side-list\">\r\n          <li>\r\n            <i>A<\/i>\r\n            <div>\r\n              <strong>GET Posts<\/strong>\r\n              Use <code>data-featured-posts-endpoint<\/code> to load creator-published posts.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>B<\/i>\r\n            <div>\r\n              <strong>POST Submit<\/strong>\r\n              Use <code>data-featured-post-submit-endpoint<\/code> for creator post submissions.\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <i>C<\/i>\r\n            <div>\r\n              <strong>Save & React<\/strong>\r\n              Use save and reaction endpoints for future user engagement tracking.\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/aside>\r\n  <\/div>\r\n\r\n  <div class=\"wsx-fp-modal\" data-fp-modal aria-hidden=\"true\">\r\n    <div class=\"wsx-fp-modal-panel\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"wsxFpModalTitle\">\r\n      <div class=\"wsx-fp-modal-head\">\r\n        <div>\r\n          <h3 id=\"wsxFpModalTitle\">Submit Demo Post<\/h3>\r\n          <p>This demo form represents the future creator dashboard publishing payload.<\/p>\r\n        <\/div>\r\n\r\n        <button class=\"wsx-fp-modal-close\" type=\"button\" data-fp-modal-close aria-label=\"Close post modal\">\u00d7<\/button>\r\n      <\/div>\r\n\r\n      <form class=\"wsx-fp-form\" data-fp-form>\r\n        <input type=\"hidden\" name=\"action_type\" data-fp-form-action>\r\n        <input type=\"hidden\" name=\"post_payload\" data-fp-payload>\r\n\r\n        <div class=\"wsx-fp-form-row\">\r\n          <div class=\"wsx-fp-form-field\">\r\n            <label for=\"wsxFpCreatorName\">Creator Name<\/label>\r\n            <input id=\"wsxFpCreatorName\" name=\"creator_name\" type=\"text\" placeholder=\"Your creator name\" required>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-fp-form-field\">\r\n            <label for=\"wsxFpCreatorHandle\">Creator Handle<\/label>\r\n            <input id=\"wsxFpCreatorHandle\" name=\"creator_handle\" type=\"text\" placeholder=\"@yourhandle\" required>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-fp-form-row\">\r\n          <div class=\"wsx-fp-form-field\">\r\n            <label for=\"wsxFpEmail\">Email<\/label>\r\n            <input id=\"wsxFpEmail\" name=\"email\" type=\"email\" placeholder=\"you@example.com\" required>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-fp-form-field\">\r\n            <label for=\"wsxFpType\">Post Type<\/label>\r\n            <select id=\"wsxFpType\" name=\"post_type\" required>\r\n              <option value=\"\">Choose type<\/option>\r\n              <option value=\"news\">News<\/option>\r\n              <option value=\"guide\">Guide<\/option>\r\n              <option value=\"clip\">Clip<\/option>\r\n              <option value=\"edit\">Edit<\/option>\r\n              <option value=\"screenshot\">Screenshot<\/option>\r\n              <option value=\"map-intel\">Map Intel<\/option>\r\n              <option value=\"community\">Community<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-fp-form-field\">\r\n          <label for=\"wsxFpTitle\">Post Title<\/label>\r\n          <input id=\"wsxFpTitle\" name=\"post_title\" type=\"text\" placeholder=\"Post title\" required>\r\n        <\/div>\r\n\r\n        <div class=\"wsx-fp-form-field\">\r\n          <label for=\"wsxFpMediaUrl\">Media \/ Cover URL<\/label>\r\n          <input id=\"wsxFpMediaUrl\" name=\"media_url\" type=\"url\" placeholder=\"https:\/\/example.com\/cover.webp\">\r\n        <\/div>\r\n\r\n        <div class=\"wsx-fp-form-field\">\r\n          <label for=\"wsxFpPostUrl\">Post \/ Video URL<\/label>\r\n          <input id=\"wsxFpPostUrl\" name=\"post_url\" type=\"url\" placeholder=\"https:\/\/youtube.com\/watch...\">\r\n        <\/div>\r\n\r\n        <div class=\"wsx-fp-form-field\">\r\n          <label for=\"wsxFpExcerpt\">Short Description<\/label>\r\n          <textarea id=\"wsxFpExcerpt\" name=\"excerpt\" placeholder=\"Write a short preview for this post.\"><\/textarea>\r\n        <\/div>\r\n\r\n        <label class=\"wsx-fp-checkline\">\r\n          <input type=\"checkbox\" name=\"confirm_post_flow\" required>\r\n          <span>I confirm that this is a static demo request and will later be handled through the Wanted Six creator dashboard\/account system.<\/span>\r\n        <\/label>\r\n\r\n        <div class=\"wsx-fp-form-actions\">\r\n          <button class=\"wsx-fp-btn-secondary\" type=\"button\" data-fp-modal-close>Cancel<\/button>\r\n          <button class=\"wsx-fp-btn-primary\" type=\"submit\">Submit Demo<\/button>\r\n        <\/div>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"wsx-fp-toast\" data-fp-toast><\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.currentScript.closest('.wsx-featured-posts');\r\n      if (!root || root.dataset.wsxInitialized === 'true') return;\r\n      root.dataset.wsxInitialized = 'true';\r\n\r\n      const featuredTarget = root.querySelector('[data-fp-featured]');\r\n      const grid = root.querySelector('[data-fp-grid]');\r\n      const empty = root.querySelector('[data-fp-empty]');\r\n      const searchInput = root.querySelector('[data-fp-search]');\r\n      const typeSelect = root.querySelector('[data-fp-type]');\r\n      const statusSelect = root.querySelector('[data-fp-status]');\r\n      const sortSelect = root.querySelector('[data-fp-sort]');\r\n      const tabs = Array.from(root.querySelectorAll('[data-fp-tab]'));\r\n      const modal = root.querySelector('[data-fp-modal]');\r\n      const form = root.querySelector('[data-fp-form]');\r\n      const toast = root.querySelector('[data-fp-toast]');\r\n      const dashboardLink = root.querySelector('[data-fp-dashboard-link]');\r\n\r\n      const postsEndpoint = (root.getAttribute('data-featured-posts-endpoint') || '').trim();\r\n      const submitEndpoint = (root.getAttribute('data-featured-post-submit-endpoint') || '').trim();\r\n      const saveEndpoint = (root.getAttribute('data-post-save-endpoint') || '').trim();\r\n      const reactionEndpoint = (root.getAttribute('data-post-reaction-endpoint') || '').trim();\r\n      const postBaseUrl = root.getAttribute('data-post-base-url') || '';\r\n      const dashboardUrl = root.getAttribute('data-creator-dashboard-url') || '';\r\n      const seasonId = root.getAttribute('data-season-id') || 'prelaunch-s01';\r\n      const userId = root.getAttribute('data-user-id') || '';\r\n\r\n      let posts = [];\r\n      let activeTab = 'all';\r\n      let toastTimer = null;\r\n\r\n      if (dashboardLink && dashboardUrl) {\r\n        dashboardLink.href = dashboardUrl;\r\n      }\r\n\r\n      const fallbackPosts = [\r\n        {\r\n          id: 'post-olegator-trailer-breakdown',\r\n          slug: 'olegator-trailer-breakdown',\r\n          title: 'The Details Everyone Missed In The GTA 6 Trailer',\r\n          excerpt: 'A creator breakdown of hidden clues, Leonida locations, character hints and community theories that deserve a closer look.',\r\n          type: 'news',\r\n          status: 'featured',\r\n          is_featured: true,\r\n          is_trending: true,\r\n          is_editorial: true,\r\n          cover_url: 'https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/News-Updates.webp',\r\n          post_url: '#',\r\n          published_at: '2026-07-09T08:00:00Z',\r\n          reading_time: '4 min',\r\n          stats: {\r\n            views: 18420,\r\n            saves: 1280,\r\n            comments: 342,\r\n            reactions: 2400\r\n          },\r\n          creator: {\r\n            id: 'olegator',\r\n            name: 'Olegator',\r\n            handle: '@Olegatorvc',\r\n            avatar_url: 'https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/channels4_profile.jpg',\r\n            profile_url: 'https:\/\/www.youtube.com\/@Olegatorvc',\r\n            verified: true\r\n          },\r\n          tags: ['GTA 6', 'Trailer', 'Analysis', 'Leonida']\r\n        },\r\n        {\r\n          id: 'post-interactive-map-drops',\r\n          slug: 'interactive-map-drops',\r\n          title: 'New Map Discoveries Around Leonida',\r\n          excerpt: 'A creator-made intel post highlighting potential points of interest, city districts and map speculation.',\r\n          type: 'map-intel',\r\n          status: 'featured',\r\n          is_featured: true,\r\n          is_trending: false,\r\n          is_editorial: true,\r\n          cover_url: 'https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Interactive-Map.webp',\r\n          post_url: '#',\r\n          published_at: '2026-07-08T18:30:00Z',\r\n          reading_time: '6 min',\r\n          stats: {\r\n            views: 9800,\r\n            saves: 740,\r\n            comments: 118,\r\n            reactions: 980\r\n          },\r\n          creator: {\r\n            id: 'map-watch',\r\n            name: 'Map Watch',\r\n            handle: '@mapwatch',\r\n            avatar_url: 'https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Interactive-Map.webp',\r\n            profile_url: '#',\r\n            verified: false\r\n          },\r\n          tags: ['Map', 'Intel', 'Locations']\r\n        },\r\n        {\r\n          id: 'post-crew-finder-community',\r\n          slug: 'crew-finder-community',\r\n          title: 'How Crews Will Shape The First Weeks Of GTA 6 Online',\r\n          excerpt: 'Community-focused creator post about crews, recruitment, early alliances and how Wanted Six can connect players.',\r\n          type: 'community',\r\n          status: 'trending',\r\n          is_featured: true,\r\n          is_trending: true,\r\n          is_editorial: false,\r\n          cover_url: 'https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Crew-Finder.webp',\r\n          post_url: '#',\r\n          published_at: '2026-07-07T20:15:00Z',\r\n          reading_time: '5 min',\r\n          stats: {\r\n            views: 7600,\r\n            saves: 510,\r\n            comments: 221,\r\n            reactions: 860\r\n          },\r\n          creator: {\r\n            id: 'crew-finder',\r\n            name: 'Crew Finder Hub',\r\n            handle: '@crewfinder',\r\n            avatar_url: 'https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Crew-Finder.webp',\r\n            profile_url: '#',\r\n            verified: false\r\n          },\r\n          tags: ['Crews', 'Community', 'Online']\r\n        },\r\n        {\r\n          id: 'post-live-intel-guide',\r\n          slug: 'live-intel-guide',\r\n          title: 'A Beginner Guide To Tracking Live Intel',\r\n          excerpt: 'A practical guide-style post prepared for future creator walkthroughs, saves, updates and dashboard publishing.',\r\n          type: 'guide',\r\n          status: 'new',\r\n          is_featured: false,\r\n          is_trending: false,\r\n          is_editorial: false,\r\n          cover_url: 'https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Live-Intel.webp',\r\n          post_url: '#',\r\n          published_at: '2026-07-06T14:00:00Z',\r\n          reading_time: '7 min',\r\n          stats: {\r\n            views: 4200,\r\n            saves: 390,\r\n            comments: 64,\r\n            reactions: 520\r\n          },\r\n          creator: {\r\n            id: 'live-intel',\r\n            name: 'Live Intel Reports',\r\n            handle: '@liveintel',\r\n            avatar_url: 'https:\/\/wantedsix.com\/wp-content\/uploads\/2026\/07\/Live-Intel.webp',\r\n            profile_url: '#',\r\n            verified: false\r\n          },\r\n          tags: ['Guide', 'Intel', 'Strategy']\r\n        }\r\n      ];\r\n\r\n      function normalize(value) {\r\n        return String(value || '').trim().toLowerCase();\r\n      }\r\n\r\n      function escapeHtml(value) {\r\n        return String(value || '')\r\n          .replace(\/&\/g, '&amp;')\r\n          .replace(\/<\/g, '&lt;')\r\n          .replace(\/>\/g, '&gt;')\r\n          .replace(\/\"\/g, '&quot;')\r\n          .replace(\/'\/g, '&#039;');\r\n      }\r\n\r\n      function formatNumber(value) {\r\n        const number = Number(value || 0);\r\n        if (Number.isNaN(number)) return String(value || '0');\r\n        if (number >= 1000000) return (number \/ 1000000).toFixed(number % 1000000 === 0 ? 0 : 1) + 'M';\r\n        if (number >= 1000) return (number \/ 1000).toFixed(number % 1000 === 0 ? 0 : 1) + 'K';\r\n        return number.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 postUrl(post) {\r\n        if (post.public_url) return post.public_url;\r\n        if (postBaseUrl && (post.slug || post.id)) {\r\n          return postBaseUrl.replace(\/\\\/?$\/, '\/') + encodeURIComponent(post.slug || post.id) + '\/';\r\n        }\r\n\r\n        return post.post_url || '#';\r\n      }\r\n\r\n      function formatDate(value) {\r\n        if (!value) return 'Draft';\r\n        const date = new Date(value);\r\n        if (Number.isNaN(date.getTime())) return String(value);\r\n        return date.toLocaleDateString('en-US', {\r\n          month: 'short',\r\n          day: 'numeric'\r\n        });\r\n      }\r\n\r\n      function badgesHtml(post) {\r\n        const badges = [];\r\n\r\n        if (post.is_featured || post.status === 'featured') badges.push({ label: 'Featured', cls: 'hot' });\r\n        if (post.is_trending || post.status === 'trending') badges.push({ label: 'Trending', cls: 'orange' });\r\n        if (post.is_editorial || post.status === 'editorial') badges.push({ label: 'Editorial Pick', cls: 'purple' });\r\n        if (post.creator && post.creator.verified) badges.push({ label: 'Verified Creator', cls: 'cyan' });\r\n\r\n        if (!badges.length && post.type) badges.push({ label: post.type, cls: 'cyan' });\r\n\r\n        return badges.slice(0, 4).map(function (badge) {\r\n          return `<span class=\"wsx-fp-badge ${badge.cls}\">${escapeHtml(badge.label)}<\/span>`;\r\n        }).join('');\r\n      }\r\n\r\n      function tagsText(post) {\r\n        if (!Array.isArray(post.tags)) return '';\r\n        return post.tags.join(' ');\r\n      }\r\n\r\n      function renderFeatured(post) {\r\n        if (!featuredTarget || !post) return;\r\n\r\n        const creator = post.creator || {};\r\n        const stats = post.stats || {};\r\n        const url = postUrl(post);\r\n        const externalUrl = post.post_url || url;\r\n\r\n        featuredTarget.innerHTML = `\r\n          <div class=\"wsx-fp-featured-media\">\r\n            ${post.cover_url ? `<img decoding=\"async\" src=\"${escapeHtml(post.cover_url)}\" alt=\"${escapeHtml(post.title)} cover\" loading=\"lazy\">` : ''}\r\n            <span class=\"wsx-fp-featured-rank\">Top Featured Post<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wsx-fp-featured-body\">\r\n            <div class=\"wsx-fp-badges\">\r\n              ${badgesHtml(post)}\r\n            <\/div>\r\n\r\n            <h3 class=\"wsx-fp-featured-title\">${escapeHtml(post.title)}<\/h3>\r\n\r\n            <p class=\"wsx-fp-featured-text\">\r\n              ${escapeHtml(post.excerpt)}\r\n            <\/p>\r\n\r\n            <div class=\"wsx-fp-author-row\">\r\n              <div class=\"wsx-fp-author-avatar\">\r\n                ${creator.avatar_url ? `<img decoding=\"async\" src=\"${escapeHtml(creator.avatar_url)}\" alt=\"${escapeHtml(creator.name || 'Creator')} avatar\" loading=\"lazy\">` : ''}\r\n              <\/div>\r\n\r\n              <div>\r\n                <div class=\"wsx-fp-author-name\">${escapeHtml(creator.name || 'Wanted Six Creator')}<\/div>\r\n                <div class=\"wsx-fp-author-meta\">${escapeHtml(creator.handle || '@creator')} \u00b7 ${escapeHtml(post.type || 'Post')} \u00b7 ${escapeHtml(formatDate(post.published_at))}<\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-fp-featured-metrics\">\r\n              <div class=\"wsx-fp-metric\">\r\n                <span>Views<\/span>\r\n                <strong>${formatNumber(stats.views)}<\/strong>\r\n              <\/div>\r\n\r\n              <div class=\"wsx-fp-metric\">\r\n                <span>Saves<\/span>\r\n                <strong>${formatNumber(stats.saves)}<\/strong>\r\n              <\/div>\r\n\r\n              <div class=\"wsx-fp-metric\">\r\n                <span>Comments<\/span>\r\n                <strong>${formatNumber(stats.comments)}<\/strong>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wsx-fp-featured-actions\">\r\n              <a class=\"wsx-fp-btn-primary\" href=\"${escapeHtml(url)}\" data-action=\"read-featured-post\" data-post-id=\"${escapeHtml(post.id)}\">\r\n                Read Post\r\n              <\/a>\r\n\r\n              <a class=\"wsx-fp-btn-secondary\" href=\"${escapeHtml(externalUrl)}\" target=\"_blank\" rel=\"noopener noreferrer\" data-action=\"open-original-post\" data-post-id=\"${escapeHtml(post.id)}\">\r\n                Open Original\r\n              <\/a>\r\n\r\n              <button class=\"wsx-fp-action-btn\" type=\"button\" data-fp-save data-post-id=\"${escapeHtml(post.id)}\" aria-label=\"Save post\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                  <path d=\"M6 4h12v17l-6-4-6 4V4z\"><\/path>\r\n                <\/svg>\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n        `;\r\n      }\r\n\r\n      function renderCard(post) {\r\n        const creator = post.creator || {};\r\n        const stats = post.stats || {};\r\n        const url = postUrl(post);\r\n        const externalUrl = post.post_url || url;\r\n\r\n        return `\r\n          <article\r\n            class=\"wsx-fp-post-card\"\r\n            data-post-id=\"${escapeHtml(post.id)}\"\r\n            data-post-title=\"${escapeHtml(post.title)}\"\r\n            data-post-type=\"${escapeHtml(post.type)}\"\r\n            data-post-status=\"${escapeHtml(post.status)}\"\r\n            data-post-tags=\"${escapeHtml(tagsText(post))}\"\r\n            data-post-creator=\"${escapeHtml(creator.name || '')}\"\r\n            data-post-handle=\"${escapeHtml(creator.handle || '')}\"\r\n            data-post-views=\"${Number(stats.views || 0)}\"\r\n            data-post-saves=\"${Number(stats.saves || 0)}\"\r\n            data-post-comments=\"${Number(stats.comments || 0)}\"\r\n            data-is-featured=\"${post.is_featured ? 'true' : 'false'}\"\r\n            data-is-trending=\"${post.is_trending ? 'true' : 'false'}\"\r\n            data-is-editorial=\"${post.is_editorial ? 'true' : 'false'}\"\r\n          >\r\n            <div class=\"wsx-fp-card-media\">\r\n              ${post.cover_url ? `<img decoding=\"async\" src=\"${escapeHtml(post.cover_url)}\" alt=\"${escapeHtml(post.title)} cover\" loading=\"lazy\">` : ''}\r\n            <\/div>\r\n\r\n            <div class=\"wsx-fp-card-body\">\r\n              <div class=\"wsx-fp-badges\">\r\n                ${badgesHtml(post)}\r\n              <\/div>\r\n\r\n              <h3 class=\"wsx-fp-card-title\">${escapeHtml(post.title)}<\/h3>\r\n\r\n              <p class=\"wsx-fp-card-text\">\r\n                ${escapeHtml(post.excerpt)}\r\n              <\/p>\r\n\r\n              <div class=\"wsx-fp-card-author\">\r\n                <div class=\"wsx-fp-card-author-avatar\">\r\n                  ${creator.avatar_url ? `<img decoding=\"async\" src=\"${escapeHtml(creator.avatar_url)}\" alt=\"${escapeHtml(creator.name || 'Creator')} avatar\" loading=\"lazy\">` : ''}\r\n                <\/div>\r\n\r\n                <div>\r\n                  <strong>${escapeHtml(creator.name || 'Wanted Six Creator')}<\/strong>\r\n                  <span>${escapeHtml(creator.handle || '@creator')} \u00b7 ${escapeHtml(formatDate(post.published_at))}<\/span>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"wsx-fp-card-meta\">\r\n                <div class=\"wsx-fp-card-meta-item\">\r\n                  <span>Views<\/span>\r\n                  <strong>${formatNumber(stats.views)}<\/strong>\r\n                <\/div>\r\n\r\n                <div class=\"wsx-fp-card-meta-item\">\r\n                  <span>Saves<\/span>\r\n                  <strong>${formatNumber(stats.saves)}<\/strong>\r\n                <\/div>\r\n\r\n                <div class=\"wsx-fp-card-meta-item\">\r\n                  <span>Comments<\/span>\r\n                  <strong>${formatNumber(stats.comments)}<\/strong>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"wsx-fp-card-actions\">\r\n                <a class=\"wsx-fp-btn-primary\" href=\"${escapeHtml(url)}\" data-action=\"read-post\" data-post-id=\"${escapeHtml(post.id)}\">\r\n                  Read Post\r\n                <\/a>\r\n\r\n                <button class=\"wsx-fp-action-btn\" type=\"button\" data-fp-save data-post-id=\"${escapeHtml(post.id)}\" aria-label=\"Save post\">\r\n                  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M6 4h12v17l-6-4-6 4V4z\"><\/path>\r\n                  <\/svg>\r\n                <\/button>\r\n\r\n                <a class=\"wsx-fp-action-btn\" href=\"${escapeHtml(externalUrl)}\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Open original post\">\r\n                  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M7 17L17 7\"><\/path>\r\n                    <path d=\"M9 7h8v8\"><\/path>\r\n                  <\/svg>\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n        `;\r\n      }\r\n\r\n      function normalizePayload(payload) {\r\n        if (Array.isArray(payload)) return payload;\r\n        if (payload && Array.isArray(payload.posts)) return payload.posts;\r\n        if (payload && Array.isArray(payload.featured_posts)) return payload.featured_posts;\r\n        if (payload && Array.isArray(payload.items)) return payload.items;\r\n        if (payload && Array.isArray(payload.data)) return payload.data;\r\n        return fallbackPosts;\r\n      }\r\n\r\n      function setStat(key, value) {\r\n        const target = root.querySelector(`[data-fp-stat-value=\"${key}\"]`);\r\n        if (target) target.textContent = value;\r\n      }\r\n\r\n      function updateStats(list) {\r\n        const featured = list.filter(function (post) {\r\n          return post.is_featured || post.status === 'featured';\r\n        }).length;\r\n\r\n        const creators = new Set(list.map(function (post) {\r\n          return post.creator && (post.creator.id || post.creator.handle || post.creator.name);\r\n        }).filter(Boolean));\r\n\r\n        const engagement = list.reduce(function (sum, post) {\r\n          const stats = post.stats || {};\r\n          return sum + Number(stats.saves || 0) + Number(stats.comments || 0) + Number(stats.reactions || 0);\r\n        }, 0);\r\n\r\n        const pending = list.filter(function (post) {\r\n          return post.status === 'pending' || post.review_status === 'pending';\r\n        }).length;\r\n\r\n        setStat('featured_posts', featured || list.length);\r\n        setStat('active_creators', creators.size || 0);\r\n        setStat('total_engagement', formatNumber(engagement));\r\n        setStat('pending_reviews', pending);\r\n      }\r\n\r\n      function sortPosts(list) {\r\n        const sort = sortSelect ? sortSelect.value : 'featured';\r\n\r\n        return list.slice().sort(function (a, b) {\r\n          const aStats = a.stats || {};\r\n          const bStats = b.stats || {};\r\n\r\n          if (sort === 'newest') {\r\n            return new Date(b.published_at || 0) - new Date(a.published_at || 0);\r\n          }\r\n\r\n          if (sort === 'views') {\r\n            return Number(bStats.views || 0) - Number(aStats.views || 0);\r\n          }\r\n\r\n          if (sort === 'saves') {\r\n            return Number(bStats.saves || 0) - Number(aStats.saves || 0);\r\n          }\r\n\r\n          if (sort === 'comments') {\r\n            return Number(bStats.comments || 0) - Number(aStats.comments || 0);\r\n          }\r\n\r\n          const aScore =\r\n            (a.is_featured ? 4 : 0) +\r\n            (a.is_trending ? 3 : 0) +\r\n            (a.is_editorial ? 2 : 0) +\r\n            Number(aStats.views || 0) \/ 100000;\r\n\r\n          const bScore =\r\n            (b.is_featured ? 4 : 0) +\r\n            (b.is_trending ? 3 : 0) +\r\n            (b.is_editorial ? 2 : 0) +\r\n            Number(bStats.views || 0) \/ 100000;\r\n\r\n          return bScore - aScore;\r\n        });\r\n      }\r\n\r\n      function render(list) {\r\n        const sorted = sortPosts(list);\r\n\r\n        renderFeatured(sorted[0]);\r\n\r\n        if (grid) {\r\n          grid.innerHTML = sorted.map(renderCard).join('');\r\n        }\r\n\r\n        updateStats(sorted);\r\n        bindPostActions();\r\n        applyFilters();\r\n      }\r\n\r\n      function matchesTab(card, tab) {\r\n        if (tab === 'all') return true;\r\n        if (tab === 'featured') return card.dataset.isFeatured === 'true' || card.dataset.postStatus === 'featured';\r\n        if (tab === 'trending') return card.dataset.isTrending === 'true' || card.dataset.postStatus === 'trending';\r\n        return card.dataset.postType === tab || card.dataset.postStatus === tab;\r\n      }\r\n\r\n      function applyFilters() {\r\n        const cards = Array.from(root.querySelectorAll('.wsx-fp-post-card'));\r\n        const query = normalize(searchInput ? searchInput.value : '');\r\n        const type = typeSelect ? typeSelect.value : 'all';\r\n        const status = statusSelect ? statusSelect.value : 'all';\r\n        let visibleCount = 0;\r\n\r\n        cards.forEach(function (card) {\r\n          const searchable = normalize([\r\n            card.dataset.postTitle,\r\n            card.dataset.postType,\r\n            card.dataset.postStatus,\r\n            card.dataset.postTags,\r\n            card.dataset.postCreator,\r\n            card.dataset.postHandle\r\n          ].join(' '));\r\n\r\n          const queryMatch = !query || searchable.includes(query);\r\n          const typeMatch = type === 'all' || card.dataset.postType === type;\r\n          const statusMatch =\r\n            status === 'all' ||\r\n            card.dataset.postStatus === status ||\r\n            (status === 'featured' && card.dataset.isFeatured === 'true') ||\r\n            (status === 'trending' && card.dataset.isTrending === 'true') ||\r\n            (status === 'editorial' && card.dataset.isEditorial === 'true');\r\n\r\n          const tabMatch = matchesTab(card, activeTab);\r\n          const isVisible = queryMatch && typeMatch && statusMatch && tabMatch;\r\n\r\n          card.classList.toggle('is-hidden', !isVisible);\r\n\r\n          if (isVisible) visibleCount += 1;\r\n        });\r\n\r\n        if (empty) {\r\n          empty.classList.toggle('is-visible', visibleCount === 0);\r\n        }\r\n      }\r\n\r\n      async function fetchJson(endpoint) {\r\n        const response = await fetch(endpoint, {\r\n          method: 'GET',\r\n          headers: {\r\n            Accept: 'application\/json'\r\n          },\r\n          credentials: 'same-origin'\r\n        });\r\n\r\n        if (!response.ok) {\r\n          throw new Error('Wanted Six endpoint error: ' + response.status);\r\n        }\r\n\r\n        return response.json();\r\n      }\r\n\r\n      async function loadPosts() {\r\n        if (!postsEndpoint) {\r\n          console.info('[Wanted Six] Featured Posts running in demo mode. Add data-featured-posts-endpoint to load creator posts.');\r\n          posts = fallbackPosts;\r\n          render(posts);\r\n          return;\r\n        }\r\n\r\n        try {\r\n          const payload = await fetchJson(postsEndpoint);\r\n          posts = normalizePayload(payload);\r\n          render(posts);\r\n        } catch (error) {\r\n          console.warn('[Wanted Six] Featured Posts endpoint failed. Using fallback posts.', error);\r\n          posts = fallbackPosts;\r\n          render(posts);\r\n        }\r\n      }\r\n\r\n      function bindPostActions() {\r\n        root.querySelectorAll('[data-fp-save]').forEach(function (button) {\r\n          if (button.dataset.bound === 'true') return;\r\n          button.dataset.bound = 'true';\r\n\r\n          button.addEventListener('click', async function () {\r\n            const postId = button.getAttribute('data-post-id') || '';\r\n\r\n            const payload = {\r\n              module: 'featured-posts',\r\n              action: 'save_post',\r\n              post_id: postId,\r\n              user_id: userId,\r\n              season_id: seasonId,\r\n              created_at: new Date().toISOString()\r\n            };\r\n\r\n            button.classList.toggle('is-active');\r\n\r\n            if (!saveEndpoint) {\r\n              console.info('[Wanted Six] Save post demo payload:', payload);\r\n              showToast(button.classList.contains('is-active') ? 'Post saved in demo mode.' : 'Post removed from demo saves.');\r\n              return;\r\n            }\r\n\r\n            try {\r\n              const response = await fetch(saveEndpoint, {\r\n                method: 'POST',\r\n                headers: {\r\n                  'Content-Type': 'application\/json',\r\n                  Accept: 'application\/json'\r\n                },\r\n                credentials: 'same-origin',\r\n                body: JSON.stringify(payload)\r\n              });\r\n\r\n              if (!response.ok) throw new Error('Save endpoint failed');\r\n\r\n              showToast('Post saved.');\r\n            } catch (error) {\r\n              console.warn('[Wanted Six] Save post failed.', error);\r\n              showToast('Could not save post. Please try again later.');\r\n            }\r\n          });\r\n        });\r\n      }\r\n\r\n      function openModal(actionType) {\r\n        if (!modal) return;\r\n\r\n        const actionInput = root.querySelector('[data-fp-form-action]');\r\n        if (actionInput) actionInput.value = actionType || 'creator-post-demo';\r\n\r\n        modal.classList.add('is-open');\r\n        modal.setAttribute('aria-hidden', 'false');\r\n\r\n        const firstInput = modal.querySelector('input:not([type=\"hidden\"])');\r\n        if (firstInput) setTimeout(function () { firstInput.focus(); }, 60);\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      }\r\n\r\n      async function submitForm(event) {\r\n        event.preventDefault();\r\n\r\n        if (!form) return;\r\n\r\n        const formData = new FormData(form);\r\n        const payload = {\r\n          module: 'featured-posts',\r\n          page_context: root.dataset.pageContext || 'featured-posts',\r\n          season_id: seasonId,\r\n          user_id: userId,\r\n          submitted_at: new Date().toISOString(),\r\n          action_type: formData.get('action_type') || 'creator-post-demo',\r\n          creator_name: formData.get('creator_name') || '',\r\n          creator_handle: formData.get('creator_handle') || '',\r\n          email: formData.get('email') || '',\r\n          post_type: formData.get('post_type') || '',\r\n          post_title: formData.get('post_title') || '',\r\n          media_url: formData.get('media_url') || '',\r\n          post_url: formData.get('post_url') || '',\r\n          excerpt: formData.get('excerpt') || '',\r\n          confirm_post_flow: formData.get('confirm_post_flow') === 'on'\r\n        };\r\n\r\n        const payloadInput = root.querySelector('[data-fp-payload]');\r\n        if (payloadInput) payloadInput.value = JSON.stringify(payload);\r\n\r\n        if (!submitEndpoint) {\r\n          console.info('[Wanted Six] Featured post submit demo payload:', payload);\r\n          showToast('Demo post payload created. Connect data-featured-post-submit-endpoint to submit live.');\r\n          form.reset();\r\n          closeModal();\r\n          return;\r\n        }\r\n\r\n        try {\r\n          const response = await fetch(submitEndpoint, {\r\n            method: 'POST',\r\n            headers: {\r\n              'Content-Type': 'application\/json',\r\n              Accept: 'application\/json'\r\n            },\r\n            credentials: 'same-origin',\r\n            body: JSON.stringify(payload)\r\n          });\r\n\r\n          if (!response.ok) {\r\n            throw new Error('Wanted Six submit endpoint error: ' + response.status);\r\n          }\r\n\r\n          showToast('Post submitted for review.');\r\n          form.reset();\r\n          closeModal();\r\n        } catch (error) {\r\n          console.warn('[Wanted Six] Featured post submit failed.', error);\r\n          showToast('Post could not be submitted. Please try again later.');\r\n        }\r\n      }\r\n\r\n      if (searchInput) searchInput.addEventListener('input', applyFilters);\r\n      if (typeSelect) typeSelect.addEventListener('change', applyFilters);\r\n      if (statusSelect) statusSelect.addEventListener('change', applyFilters);\r\n      if (sortSelect) sortSelect.addEventListener('change', function () {\r\n        render(posts);\r\n      });\r\n\r\n      tabs.forEach(function (tab) {\r\n        tab.addEventListener('click', function () {\r\n          tabs.forEach(function (item) {\r\n            item.classList.remove('is-active');\r\n          });\r\n\r\n          tab.classList.add('is-active');\r\n          activeTab = tab.dataset.fpTab || 'all';\r\n          applyFilters();\r\n        });\r\n      });\r\n\r\n      root.querySelectorAll('[data-fp-submit-open]').forEach(function (button) {\r\n        button.addEventListener('click', function () {\r\n          openModal(button.dataset.actionType || 'creator-post-demo');\r\n        });\r\n      });\r\n\r\n      root.querySelectorAll('[data-fp-modal-close]').forEach(function (button) {\r\n        button.addEventListener('click', closeModal);\r\n      });\r\n\r\n      if (modal) {\r\n        modal.addEventListener('click', function (event) {\r\n          if (event.target === modal) closeModal();\r\n        });\r\n      }\r\n\r\n      document.addEventListener('keydown', function (event) {\r\n        if (event.key === 'Escape' && modal && modal.classList.contains('is-open')) {\r\n          closeModal();\r\n        }\r\n      });\r\n\r\n      if (form) {\r\n        form.addEventListener('submit', submitForm);\r\n      }\r\n\r\n      loadPosts();\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>Featured Posts Creator drops. Community hype. Fresh Leonida stories. Explore the latest creator-published posts from the Wanted Six network. Discover guides, clips, edits, map intel, reactions and community updates shared by creators building the GTA 6 hype. Explore Posts 4 Featured Posts Creator posts in spotlight 4 Publishing Creators Creators with live posts 6.1K Total [&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-975","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/975","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=975"}],"version-history":[{"count":7,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/975\/revisions"}],"predecessor-version":[{"id":982,"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/pages\/975\/revisions\/982"}],"wp:attachment":[{"href":"https:\/\/wantedsix.com\/de\/wp-json\/wp\/v2\/media?parent=975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}