{"id":7,"date":"2026-08-28T18:49:15","date_gmt":"2026-08-28T18:49:15","guid":{"rendered":"https:\/\/grandtheftautoclips.com\/?page_id=7"},"modified":"2026-10-14T12:21:41","modified_gmt":"2026-10-14T12:21:41","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/grandtheftautoclips.com\/","title":{"rendered":"Grand Theft Auto Clips \u2013 GTA Videos, Clips &#038; Funny Moments"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa15590 e-con e-atomic-element e-flexbox-base e-83a8bcc \" data-id=\"aa15590\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"aa15590\">\n    \t\t<div class=\"elementor-element elementor-element-8ec92ab elementor-widget elementor-widget-html\" data-id=\"8ec92ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n#gtc-global-header,\n#gtc-global-header * {\n  box-sizing: border-box;\n}\n\n#gtc-global-header {\n  position: fixed !important;\n  top: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  z-index: 1000000;\n  color: #fff;\n  background: transparent !important;\n  border-bottom: 1px solid rgba(255,255,255,.08);\n  box-shadow: none;\n  font-family: Arial, Helvetica, sans-serif;\n  transition: background .25s ease, border-color .25s ease;\n}\n\n#gtc-global-header.is-scrolled,\n#gtc-global-header.is-open,\n#gtc-global-header.is-inner-page {\n  background: rgba(12,8,18,.95) !important;\n  border-bottom-color: rgba(167,79,255,.25);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n#gtc-global-header .gtc-header-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  width: min(1440px, 88%);\n  min-height: 84px;\n  margin: 0 auto;\n}\n\n#gtc-global-header .gtc-header-brand {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  flex-shrink: 0;\n  color: #fff !important;\n  text-decoration: none !important;\n}\n\n#gtc-global-header .gtc-header-logo {\n  display: block;\n  width: 54px;\n  height: 54px;\n  object-fit: contain;\n}\n\n#gtc-global-header .gtc-header-name {\n  display: block;\n  color: #fff;\n  font: 400 22px\/1 Impact, \"Arial Narrow\", Arial, sans-serif;\n  letter-spacing: .4px;\n}\n\n#gtc-global-header .gtc-header-tagline {\n  display: block;\n  margin-top: 6px;\n  color: #b792d5;\n  font-size: 8px;\n  font-weight: 800;\n  line-height: 1.4;\n  letter-spacing: 2px;\n}\n\n#gtc-global-header .gtc-header-nav {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n#gtc-global-header .gtc-header-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 44px;\n  padding: 12px 16px;\n  color: #ddd3e8 !important;\n  border: 1px solid transparent;\n  background: transparent;\n  text-decoration: none !important;\n  font-size: 10px;\n  font-weight: 900;\n  line-height: 1.3;\n  letter-spacing: 1.3px;\n  text-transform: uppercase;\n}\n\n#gtc-global-header .gtc-header-link:hover {\n  color: #fff !important;\n  background: rgba(150,61,255,.14);\n}\n\n#gtc-global-header .gtc-header-link[aria-current=\"page\"] {\n  color: #fff !important;\n  border-color: rgba(174,105,255,.30);\n  background: rgba(80,28,117,.28);\n  box-shadow: inset 0 -2px #963dff;\n}\n\n#gtc-global-header .gtc-header-submit {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  min-height: 44px;\n  margin-left: 12px;\n  padding: 13px 19px;\n  color: #fff !important;\n  border: 1px solid #a962e8;\n  background: linear-gradient(110deg, #8134e8, #ac26be);\n  text-decoration: none !important;\n  font-size: 10px;\n  font-weight: 900;\n  line-height: 1.3;\n  letter-spacing: 1.2px;\n  white-space: nowrap;\n}\n\n#gtc-global-header .gtc-header-submit:hover {\n  background: linear-gradient(110deg, #994bfa, #bf39d1);\n}\n\n#gtc-global-header .gtc-header-toggle {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  width: 44px;\n  min-height: 44px;\n  padding: 10px;\n  color: #fff;\n  border: 1px solid rgba(174,105,255,.35);\n  border-radius: 0;\n  background: rgba(33,16,46,.7);\n  cursor: pointer;\n}\n\n#gtc-global-header .gtc-header-toggle svg {\n  width: 22px;\n  height: 22px;\n}\n\n#gtc-global-header a:focus-visible,\n#gtc-global-header button:focus-visible {\n  outline: 3px solid #cba4ff;\n  outline-offset: 4px;\n}\n\n\/* Remove space reserved by the fixed header widget. *\/\n.gtc-header-host {\n  min-height: 0 !important;\n  height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  gap: 0 !important;\n  background: transparent !important;\n  border: 0 !important;\n  overflow: visible !important;\n}\n\n\/* Remove the empty strip above the current homepage hero. *\/\nbody.home .elementor-element.elementor-element-aa15590 {\n  padding: 0 !important;\n  margin: 0 !important;\n  min-height: 0 !important;\n  border: 0 !important;\n}\n\nbody.home .elementor-element.elementor-element-86cb437 {\n  transform: none !important;\n}\n\nbody:has(#home.gta-hero) {\n  padding-top: 0 !important;\n}\n\n#home.gta-hero .gta-hero-inner {\n  width: min(1440px, 88vw);\n  padding-top: 140px;\n}\n\n\/* Avoid a duplicate header and duplicate spacing on Achievements. *\/\nbody.page-id-132:has(#gtc-global-header) #gta-top-nav {\n  display: none !important;\n}\n\nbody.page-id-132:has(#gtc-global-header) {\n  padding-top: 0 !important;\n}\n\nbody.page-id-132 .elementor-element.elementor-element-4ede33d {\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n#gtc-header-spacer {\n  height: 84px;\n}\n\n#gtc-header-spacer[hidden] {\n  display: none !important;\n}\n\n@media (max-width: 1100px) {\n  #gtc-global-header .gtc-header-inner {\n    gap: 12px;\n  }\n\n  #gtc-global-header .gtc-header-name {\n    font-size: 18px;\n  }\n\n  #gtc-global-header .gtc-header-link {\n    padding: 12px 10px;\n    font-size: 9px;\n  }\n\n  #gtc-global-header .gtc-header-submit {\n    margin-left: 4px;\n    padding: 13px 12px;\n    font-size: 9px;\n  }\n}\n\n@media (max-width: 900px) {\n  #gtc-global-header .gtc-header-inner {\n    flex-wrap: wrap;\n    gap: 10px;\n    width: calc(100% - 40px);\n    min-height: 76px;\n    padding: 10px 0;\n  }\n\n  #gtc-global-header .gtc-header-logo {\n    width: 48px;\n    height: 48px;\n  }\n\n  #gtc-global-header .gtc-header-name {\n    font-size: 18px;\n  }\n\n  #gtc-global-header .gtc-header-tagline {\n    font-size: 7px;\n    letter-spacing: 1.5px;\n  }\n\n  #gtc-global-header .gtc-header-nav {\n    flex: 0 0 100%;\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 8px;\n    padding: 12px 0 8px;\n    border-top: 1px solid rgba(174,105,255,.18);\n  }\n\n  #gtc-global-header[data-enhanced] .gtc-header-toggle {\n    display: inline-flex;\n  }\n\n  #gtc-global-header[data-enhanced]:not(.is-open) .gtc-header-nav {\n    display: none;\n  }\n\n  #gtc-global-header .gtc-header-link {\n    min-height: 46px;\n    font-size: 10px;\n  }\n\n  #gtc-global-header .gtc-header-submit {\n    grid-column: 1 \/ -1;\n    margin: 4px 0 0;\n    min-height: 46px;\n    font-size: 10px;\n  }\n\n  #home.gta-hero .gta-hero-inner {\n    width: calc(100% - 40px);\n    padding-top: 115px;\n  }\n\n  #gtc-header-spacer {\n    height: 76px;\n  }\n}\n\n@media (max-width: 380px) {\n  #gtc-global-header .gtc-header-inner {\n    width: calc(100% - 28px);\n  }\n\n  #gtc-global-header .gtc-header-brand {\n    gap: 8px;\n  }\n\n  #gtc-global-header .gtc-header-name {\n    font-size: 15px;\n  }\n\n  #gtc-global-header .gtc-header-tagline {\n    font-size: 6px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #gtc-global-header,\n  #gtc-global-header * {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<header id=\"gtc-global-header\">\n  <div class=\"gtc-header-inner\">\n    <a\n      class=\"gtc-header-brand\"\n      href=\"https:\/\/grandtheftautoclips.com\/\"\n      aria-label=\"Grand Theft Auto Clips home\"\n    >\n      <img decoding=\"async\"\n        class=\"gtc-header-logo\"\n        src=\"https:\/\/grandtheftautoclips.com\/wp-content\/uploads\/2026\/08\/PNG-LOgo.png\"\n        alt=\"\"\n        width=\"54\"\n        height=\"54\"\n      >\n\n      <span>\n        <span class=\"gtc-header-name\">\n          GRAND THEFT AUTO CLIPS\n        <\/span>\n        <span class=\"gtc-header-tagline\">\n          YOUR GAME. YOUR MOMENTS.\n        <\/span>\n      <\/span>\n    <\/a>\n\n    <button\n      class=\"gtc-header-toggle\"\n      type=\"button\"\n      aria-label=\"Open navigation\"\n      aria-expanded=\"false\"\n      aria-controls=\"gtc-global-navigation\"\n    >\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M4 6h16M4 12h16M4 18h16\"\/>\n      <\/svg>\n    <\/button>\n\n    <nav\n      id=\"gtc-global-navigation\"\n      class=\"gtc-header-nav\"\n      aria-label=\"Main navigation\"\n    >\n      <a\n        class=\"gtc-header-link\"\n        data-page=\"home\"\n        href=\"https:\/\/grandtheftautoclips.com\/\"\n      >HOME<\/a>\n\n      <a\n        class=\"gtc-header-link\"\n        href=\"https:\/\/grandtheftautoclips.com\/#videos\"\n      >VIDEOS<\/a>\n\n      <a\n        class=\"gtc-header-link\"\n        href=\"https:\/\/grandtheftautoclips.com\/#gtc-discord-home\"\n      >DISCORD<\/a>\n\n      <a\n        class=\"gtc-header-link\"\n        data-page=\"achievements\"\n        href=\"https:\/\/grandtheftautoclips.com\/?page_id=132\"\n      >ACHIEVEMENTS<\/a>\n\n      <a\n        class=\"gtc-header-link\"\n        data-page=\"quiz\"\n        href=\"https:\/\/grandtheftautoclips.com\/?page_id=142\"\n      >QUIZ<\/a>\n\n      <a class=\"gtc-header-submit\" href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfMPNotoHN7AiuxOEX4yHtpULougm8pUlX_Y1y52FQR-2kp6A\/viewform\" target=\"_blank\" rel=\"noopener noreferrer\">\n        SUBMIT YOUR CLIP\n        <span aria-hidden=\"true\">\u2197<\/span>\n      <\/a>\n    <\/nav>\n  <\/div>\n<\/header>\n\n<div id=\"gtc-header-spacer\" hidden aria-hidden=\"true\"><\/div>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const header = document.getElementById(\"gtc-global-header\");\n  if (!header || header.dataset.enhanced) return;\n\n  header.dataset.enhanced = \"true\";\n\n  const toggle = header.querySelector(\".gtc-header-toggle\");\n  const navigation = header.querySelector(\".gtc-header-nav\");\n  const spacer = document.getElementById(\"gtc-header-spacer\");\n  const mobile = window.matchMedia(\"(max-width: 900px)\");\n\n  const widget = header.closest(\".elementor-widget-html\");\n\n  if (widget) {\n    widget.classList.add(\"gtc-header-host\");\n\n    const parent = widget.parentElement;\n\n    if (\n      parent &&\n      parent.matches(\".e-con, .elementor-widget-wrap\") &&\n      parent.children.length === 1\n    ) {\n      parent.classList.add(\"gtc-header-host\");\n    }\n  }\n\n  function updatePageMode() {\n    const hasHero = Boolean(\n      document.querySelector(\"#home.gta-hero\")\n    );\n\n    header.classList.toggle(\"is-inner-page\", !hasHero);\n\n    if (spacer) {\n      spacer.hidden = hasHero;\n\n      if (\n        widget &&\n        spacer.parentElement === header.parentElement\n      ) {\n        const parent = widget.parentElement;\n\n        const host =\n          parent && parent.classList.contains(\"gtc-header-host\")\n            ? parent\n            : widget;\n\n        host.insertAdjacentElement(\"afterend\", spacer);\n      }\n    }\n  }\n\n  function setOpen(open) {\n    header.classList.toggle(\"is-open\", open);\n    toggle.setAttribute(\"aria-expanded\", String(open));\n    toggle.setAttribute(\n      \"aria-label\",\n      open ? \"Close navigation\" : \"Open navigation\"\n    );\n  }\n\n  function updateScroll() {\n    header.classList.toggle(\n      \"is-scrolled\",\n      window.scrollY > 40\n    );\n  }\n\n  toggle.addEventListener(\"click\", function () {\n    setOpen(!header.classList.contains(\"is-open\"));\n  });\n\n  navigation.addEventListener(\"click\", function (event) {\n    if (event.target.closest(\"a\") && mobile.matches) {\n      setOpen(false);\n    }\n  });\n\n  document.addEventListener(\"click\", function (event) {\n    if (!header.contains(event.target) && mobile.matches) {\n      setOpen(false);\n    }\n  });\n\n  header.addEventListener(\"keydown\", function (event) {\n    if (event.key === \"Escape\" && mobile.matches) {\n      setOpen(false);\n      toggle.focus();\n    }\n  });\n\n  mobile.addEventListener(\"change\", function () {\n    setOpen(false);\n  });\n\n  window.addEventListener(\"scroll\", updateScroll, {\n    passive: true\n  });\n\n  window.addEventListener(\"load\", function () {\n    updatePageMode();\n    updateScroll();\n  });\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      updatePageMode,\n      { once: true }\n    );\n  }\n\n  const current = new URL(window.location.href);\n  const path = current.pathname.replace(\/\\\/+$\/, \"\") || \"\/\";\n\n  let activePage = \"\";\n\n  if (current.searchParams.get(\"page_id\") === \"142\") {\n    activePage = \"quiz\";\n  } else if (\n    current.searchParams.get(\"page_id\") === \"132\" ||\n    path === \"\/achievements\"\n  ) {\n    activePage = \"achievements\";\n  } else if (path === \"\/\") {\n    activePage = \"home\";\n  }\n\n  header.querySelectorAll(\"[data-page]\").forEach(function (link) {\n    if (link.dataset.page === activePage) {\n      link.setAttribute(\"aria-current\", \"page\");\n    }\n  });\n\n  updatePageMode();\n  updateScroll();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3beb18f e-flex e-con-boxed e-con e-parent\" data-id=\"3beb18f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86cb437 elementor-widget elementor-widget-html\" data-id=\"86cb437\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   GLOBAL \/ HERO\r\n========================================================= *\/\r\n\r\nhtml,\r\nbody {\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n    background:#07080b !important;\r\n}\r\n\r\n.gta-hero,\r\n.gta-hero * {\r\n    box-sizing:border-box;\r\n}\r\n\r\n.gta-hero {\r\n    position:relative;\r\n    width:100vw;\r\n    min-height:100vh;\r\n\r\n    margin:0 calc(50% - 50vw) !important;\r\n    padding:0 !important;\r\n\r\n    overflow:hidden;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    color:#fff;\r\n    background:#07080b;\r\n\r\n    font-family:Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO\r\n========================================================= *\/\r\n\r\n.gta-hero-video {\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OVERLAY\r\n========================================================= *\/\r\n\r\n.gta-hero-overlay {\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(5,5,9,.68) 0%,\r\n            rgba(5,5,9,.48) 38%,\r\n            rgba(13,5,21,.18) 68%,\r\n            rgba(17,5,27,.25) 100%\r\n        ),\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(5,5,9,.08),\r\n            rgba(5,5,9,.32)\r\n        );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n.gta-hero::after {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    z-index:1;\r\n\r\n    width:700px;\r\n    height:700px;\r\n\r\n    right:-250px;\r\n    top:50%;\r\n\r\n    transform:translateY(-50%);\r\n\r\n    border-radius:50%;\r\n\r\n    background:rgba(151,42,255,.12);\r\n\r\n    filter:blur(120px);\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.gta-hero-inner {\r\n    position:relative;\r\n    z-index:3;\r\n\r\n    width:min(1600px,92vw);\r\n\r\n    margin:0 auto;\r\n\r\n    padding:85px 0 70px;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1.18fr)\r\n        minmax(380px,.82fr);\r\n\r\n    align-items:center;\r\n\r\n    gap:65px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n.gta-hero-content {\r\n    position:relative;\r\n    max-width:900px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP LABEL\r\n========================================================= *\/\r\n\r\n.gta-hero-label {\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    min-height:38px;\r\n\r\n    margin-bottom:25px;\r\n\r\n    padding:0 18px;\r\n\r\n    color:#ff46aa;\r\n\r\n    border:1px solid rgba(255,42,153,.42);\r\n\r\n    background:rgba(7,5,10,.58);\r\n\r\n    box-shadow:\r\n        0 0 18px rgba(255,38,151,.06);\r\n\r\n    font-size:12px;\r\n    font-weight:900;\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:2.7px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    clip-path:\r\n        polygon(\r\n            7px 0,\r\n            100% 0,\r\n            100% calc(100% - 7px),\r\n            calc(100% - 7px) 100%,\r\n            0 100%,\r\n            0 7px\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.gta-hero-title {\r\n    margin:0;\r\n\r\n    max-width:900px;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:clamp(70px,6.8vw,118px);\r\n\r\n    font-weight:900;\r\n\r\n    line-height:.81;\r\n\r\n    letter-spacing:-1px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.gta-hero-title-white {\r\n    display:block;\r\n    color:#fff;\r\n}\r\n\r\n.gta-hero-title-gradient {\r\n    display:block;\r\n\r\n    margin-top:8px;\r\n\r\n    color:transparent;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #8b3dff 0%,\r\n            #c12fe0 38%,\r\n            #ff2698 100%\r\n        );\r\n\r\n    background-clip:text;\r\n    -webkit-background-clip:text;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.gta-hero-copy {\r\n    max-width:790px;\r\n\r\n    margin:29px 0 0;\r\n\r\n    color:rgba(255,255,255,.60);\r\n\r\n    font-size:16px;\r\n\r\n    line-height:1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBSCRIBER BLOCK\r\n========================================================= *\/\r\n\r\n.gta-hero-subscriber-block {\r\n    position:relative;\r\n\r\n    width:min(720px,100%);\r\n\r\n    margin-top:30px;\r\n\r\n    padding:22px 25px 19px;\r\n\r\n    overflow:hidden;\r\n\r\n    border:1px solid rgba(255,255,255,.12);\r\n\r\n    background:\r\n        linear-gradient(\r\n            110deg,\r\n            rgba(6,6,10,.82),\r\n            rgba(18,7,26,.66)\r\n        );\r\n\r\n    box-shadow:\r\n        0 18px 45px rgba(0,0,0,.20),\r\n        inset 0 0 35px rgba(150,45,255,.025);\r\n\r\n    backdrop-filter:blur(14px);\r\n    -webkit-backdrop-filter:blur(14px);\r\n\r\n    clip-path:\r\n        polygon(\r\n            10px 0,\r\n            100% 0,\r\n            100% calc(100% - 10px),\r\n            calc(100% - 10px) 100%,\r\n            0 100%,\r\n            0 10px\r\n        );\r\n}\r\n\r\n.gta-sub-main-row {\r\n    position:relative;\r\n    z-index:4;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:30px;\r\n}\r\n\r\n\r\n\/* NUMBER *\/\r\n\r\n.gta-hero-subscriber-count {\r\n    min-width:185px;\r\n\r\n    padding-right:28px;\r\n\r\n    border-right:1px solid rgba(255,255,255,.13);\r\n}\r\n\r\n.gta-hero-subscriber-number {\r\n    display:block;\r\n\r\n    color:#fff;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:58px;\r\n\r\n    font-weight:900;\r\n\r\n    line-height:.9;\r\n}\r\n\r\n.gta-hero-subscriber-label {\r\n    display:block;\r\n\r\n    margin-top:10px;\r\n\r\n    color:#ff299b;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:900;\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:2.7px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* COPY *\/\r\n\r\n.gta-hero-subscriber-copy {\r\n    flex:1;\r\n}\r\n\r\n.gta-hero-subscriber-copy-head {\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    margin-bottom:8px;\r\n}\r\n\r\n.gta-hero-subscriber-copy strong {\r\n    display:block;\r\n\r\n    color:#fff;\r\n\r\n    font-size:15px;\r\n\r\n    font-weight:900;\r\n\r\n    line-height:1.2;\r\n\r\n    letter-spacing:1.8px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.gta-hero-subscriber-copy > span {\r\n    display:block;\r\n\r\n    color:rgba(255,255,255,.58);\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GREEN DOT\r\n========================================================= *\/\r\n\r\n.gta-hero-green-dot {\r\n    position:relative;\r\n\r\n    width:11px;\r\n    height:11px;\r\n\r\n    flex:0 0 11px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#45df7f;\r\n\r\n    box-shadow:\r\n        0 0 9px rgba(69,223,127,.85),\r\n        0 0 18px rgba(69,223,127,.35);\r\n}\r\n\r\n.gta-hero-green-dot::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:-5px;\r\n\r\n    border-radius:50%;\r\n\r\n    border:1px solid rgba(69,223,127,.55);\r\n\r\n    animation:gtaGreenPulse 1.9s ease-out infinite;\r\n}\r\n\r\n@keyframes gtaGreenPulse {\r\n\r\n    0% {\r\n        transform:scale(.6);\r\n        opacity:.95;\r\n    }\r\n\r\n    70%,\r\n    100% {\r\n        transform:scale(2.2);\r\n        opacity:0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   5K SPECIAL\r\n========================================================= *\/\r\n\r\n.gta-5k-special {\r\n    position:relative;\r\n    z-index:3;\r\n\r\n    margin-top:18px;\r\n\r\n    padding:14px 17px 13px;\r\n\r\n    overflow:hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(211,89,255,.30);\r\n\r\n    background:\r\n        linear-gradient(\r\n            100deg,\r\n            rgba(118,39,255,.10),\r\n            rgba(255,43,158,.09)\r\n        );\r\n\r\n    clip-path:\r\n        polygon(\r\n            7px 0,\r\n            100% 0,\r\n            100% calc(100% - 7px),\r\n            calc(100% - 7px) 100%,\r\n            0 100%,\r\n            0 7px\r\n        );\r\n}\r\n\r\n\r\n\/* SOFT PARTY GLOW *\/\r\n\r\n.gta-5k-special::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:250px;\r\n    height:100px;\r\n\r\n    left:50%;\r\n    top:50%;\r\n\r\n    transform:translate(-50%,-50%);\r\n\r\n    background:\r\n        radial-gradient(\r\n            ellipse,\r\n            rgba(198,73,255,.14),\r\n            transparent 70%\r\n        );\r\n\r\n    filter:blur(20px);\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* TEXT ROW *\/\r\n\r\n.gta-5k-top {\r\n    position:relative;\r\n    z-index:5;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:20px;\r\n}\r\n\r\n\r\n\/* SPECIAL TITLE *\/\r\n\r\n.gta-5k-title-wrap {\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:11px;\r\n}\r\n\r\n.gta-party-icon {\r\n    position:relative;\r\n\r\n    width:25px;\r\n    height:25px;\r\n\r\n    flex:0 0 25px;\r\n}\r\n\r\n\r\n\/* PARTY CONE *\/\r\n\r\n.gta-party-cone {\r\n    position:absolute;\r\n\r\n    left:3px;\r\n    bottom:2px;\r\n\r\n    width:0;\r\n    height:0;\r\n\r\n    border-left:5px solid transparent;\r\n    border-right:5px solid transparent;\r\n    border-bottom:18px solid #d652ff;\r\n\r\n    transform:rotate(-42deg);\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 0 6px\r\n            rgba(215,82,255,.3)\r\n        );\r\n}\r\n\r\n\r\n\/* LITTLE PARTY LINES *\/\r\n\r\n.gta-party-line {\r\n    position:absolute;\r\n\r\n    width:2px;\r\n    height:7px;\r\n\r\n    border-radius:3px;\r\n\r\n    background:#ff46ad;\r\n}\r\n\r\n.gta-party-line.one {\r\n    top:0;\r\n    left:15px;\r\n\r\n    transform:rotate(18deg);\r\n}\r\n\r\n.gta-party-line.two {\r\n    top:4px;\r\n    right:0;\r\n\r\n    background:#9d62ff;\r\n\r\n    transform:rotate(62deg);\r\n}\r\n\r\n.gta-party-line.three {\r\n    top:0;\r\n    right:6px;\r\n\r\n    height:4px;\r\n\r\n    background:#fff;\r\n\r\n    transform:rotate(-35deg);\r\n}\r\n\r\n\r\n.gta-5k-kicker {\r\n    display:block;\r\n\r\n    margin-bottom:3px;\r\n\r\n    color:#ff54b1;\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:900;\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:2.3px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.gta-5k-title {\r\n    display:block;\r\n\r\n    color:#fff;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:20px;\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:.7px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.gta-5k-title span {\r\n    color:transparent;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #a75aff,\r\n            #ff48ad\r\n        );\r\n\r\n    background-clip:text;\r\n    -webkit-background-clip:text;\r\n}\r\n\r\n\r\n\/* PROGRESS NUMBER *\/\r\n\r\n.gta-5k-counter {\r\n    text-align:right;\r\n\r\n    white-space:nowrap;\r\n}\r\n\r\n.gta-5k-current {\r\n    color:#fff;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:19px;\r\n\r\n    line-height:1;\r\n}\r\n\r\n.gta-5k-target {\r\n    color:rgba(255,255,255,.38);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1.4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS BAR\r\n========================================================= *\/\r\n\r\n.gta-5k-progress {\r\n    position:relative;\r\n    z-index:5;\r\n\r\n    width:100%;\r\n    height:4px;\r\n\r\n    margin-top:11px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:10px;\r\n\r\n    background:rgba(255,255,255,.09);\r\n}\r\n\r\n.gta-5k-progress-fill {\r\n    position:absolute;\r\n\r\n    left:0;\r\n    top:0;\r\n    bottom:0;\r\n\r\n    width:0%;\r\n\r\n    border-radius:10px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #843cff,\r\n            #c94be6,\r\n            #ff3ca7\r\n        );\r\n\r\n    box-shadow:\r\n        0 0 10px\r\n        rgba(255,61,169,.32);\r\n\r\n    transition:width 1.2s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FALLING CONFETTI\r\n========================================================= *\/\r\n\r\n.gta-confetti-layer {\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    z-index:2;\r\n\r\n    overflow:hidden;\r\n\r\n    pointer-events:none;\r\n\r\n    opacity:.65;\r\n}\r\n\r\n.gta-confetti {\r\n    position:absolute;\r\n\r\n    top:-18px;\r\n\r\n    width:3px;\r\n    height:10px;\r\n\r\n    border-radius:2px;\r\n\r\n    opacity:0;\r\n\r\n    animation:\r\n        gtaConfettiFall\r\n        linear\r\n        infinite;\r\n}\r\n\r\n.gta-confetti.c1 {\r\n    left:5%;\r\n    background:#ff3ca7;\r\n    animation-duration:5.8s;\r\n    animation-delay:.2s;\r\n}\r\n\r\n.gta-confetti.c2 {\r\n    left:14%;\r\n    background:#9c55ff;\r\n    animation-duration:7s;\r\n    animation-delay:2.1s;\r\n}\r\n\r\n.gta-confetti.c3 {\r\n    left:27%;\r\n    background:#fff;\r\n    animation-duration:6.3s;\r\n    animation-delay:1.2s;\r\n}\r\n\r\n.gta-confetti.c4 {\r\n    left:41%;\r\n    background:#e45cff;\r\n    animation-duration:7.4s;\r\n    animation-delay:3s;\r\n}\r\n\r\n.gta-confetti.c5 {\r\n    left:56%;\r\n    background:#ff4a9e;\r\n    animation-duration:6.8s;\r\n    animation-delay:.8s;\r\n}\r\n\r\n.gta-confetti.c6 {\r\n    left:68%;\r\n    background:#a96cff;\r\n    animation-duration:5.9s;\r\n    animation-delay:2.7s;\r\n}\r\n\r\n.gta-confetti.c7 {\r\n    left:81%;\r\n    background:#fff;\r\n    animation-duration:7.2s;\r\n    animation-delay:1.6s;\r\n}\r\n\r\n.gta-confetti.c8 {\r\n    left:92%;\r\n    background:#ff43b1;\r\n    animation-duration:6.1s;\r\n    animation-delay:3.6s;\r\n}\r\n\r\n\r\n@keyframes gtaConfettiFall {\r\n\r\n    0% {\r\n        top:-15px;\r\n        opacity:0;\r\n        transform:\r\n            rotate(0deg)\r\n            translateX(0);\r\n    }\r\n\r\n    10% {\r\n        opacity:.75;\r\n    }\r\n\r\n    50% {\r\n        transform:\r\n            rotate(210deg)\r\n            translateX(12px);\r\n    }\r\n\r\n    90% {\r\n        opacity:.55;\r\n    }\r\n\r\n    100% {\r\n        top:115%;\r\n        opacity:0;\r\n\r\n        transform:\r\n            rotate(420deg)\r\n            translateX(-8px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   5K REACHED\r\n========================================================= *\/\r\n\r\n.gta-5k-special.is-reached {\r\n    border-color:\r\n        rgba(255,70,174,.58);\r\n\r\n    box-shadow:\r\n        0 0 28px\r\n        rgba(202,66,255,.10);\r\n}\r\n\r\n.gta-5k-special.is-reached\r\n.gta-5k-progress-fill {\r\n    width:100% !important;\r\n}\r\n\r\n.gta-5k-special.is-reached\r\n.gta-confetti-layer {\r\n    opacity:1;\r\n}\r\n\r\n.gta-5k-special.is-reached\r\n.gta-confetti {\r\n    width:4px;\r\n    height:12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.gta-hero-actions {\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    flex-wrap:wrap;\r\n\r\n    gap:12px;\r\n\r\n    margin-top:24px;\r\n}\r\n\r\n.gta-hero-button {\r\n    display:inline-flex !important;\r\n\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n\r\n    gap:9px !important;\r\n\r\n    width:auto !important;\r\n\r\n    height:46px !important;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:0 17px !important;\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:9px !important;\r\n    font-weight:900 !important;\r\n\r\n    line-height:1 !important;\r\n\r\n    letter-spacing:1.3px !important;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.gta-hero-button svg {\r\n    width:14px;\r\n    height:14px;\r\n}\r\n\r\n.gta-hero-button-primary {\r\n    border:\r\n        1px solid\r\n        rgba(255,42,153,.65) !important;\r\n\r\n    background:\r\n        linear-gradient(\r\n            100deg,\r\n            #893cff,\r\n            #ff2698\r\n        ) !important;\r\n\r\n    clip-path:\r\n        polygon(\r\n            8px 0,\r\n            100% 0,\r\n            100% calc(100% - 8px),\r\n            calc(100% - 8px) 100%,\r\n            0 100%,\r\n            0 8px\r\n        );\r\n}\r\n\r\n.gta-hero-button-secondary {\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.18) !important;\r\n\r\n    background:\r\n        rgba(5,5,9,.36) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT SIDE\r\n========================================================= *\/\r\n\r\n.gta-hero-right {\r\n    position:relative;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO + PURPLE GLOW\r\n========================================================= *\/\r\n\r\n.gta-hero-logo-wrap {\r\n    position:relative;\r\n\r\n    width:min(470px,100%);\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    margin:0 auto 30px;\r\n}\r\n\r\n.gta-hero-logo-wrap::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    z-index:0;\r\n\r\n    width:92%;\r\n    height:92%;\r\n\r\n    left:50%;\r\n    top:50%;\r\n\r\n    transform:\r\n        translate(-50%,-50%)\r\n        scale(.84);\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(170,72,255,.60) 0%,\r\n            rgba(151,58,255,.35) 32%,\r\n            rgba(138,45,255,.15) 53%,\r\n            transparent 80%\r\n        );\r\n\r\n    filter:blur(24px);\r\n\r\n    animation:\r\n        gtaLogoGlow\r\n        3s ease-in-out\r\n        infinite;\r\n}\r\n\r\n.gta-hero-logo-wrap::after {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    z-index:0;\r\n\r\n    width:68%;\r\n    height:68%;\r\n\r\n    left:50%;\r\n    top:50%;\r\n\r\n    transform:\r\n        translate(-50%,-50%)\r\n        scale(.86);\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(207,94,255,.42),\r\n            transparent 72%\r\n        );\r\n\r\n    filter:blur(34px);\r\n\r\n    animation:\r\n        gtaLogoGlowInner\r\n        3s ease-in-out\r\n        infinite;\r\n}\r\n\r\n@keyframes gtaLogoGlow {\r\n\r\n    0%,\r\n    100% {\r\n        opacity:.34;\r\n        transform:translate(-50%,-50%) scale(.82);\r\n    }\r\n\r\n    50% {\r\n        opacity:1;\r\n        transform:translate(-50%,-50%) scale(1.10);\r\n    }\r\n\r\n}\r\n\r\n@keyframes gtaLogoGlowInner {\r\n\r\n    0%,\r\n    100% {\r\n        opacity:.24;\r\n        transform:translate(-50%,-50%) scale(.84);\r\n    }\r\n\r\n    50% {\r\n        opacity:.76;\r\n        transform:translate(-50%,-50%) scale(1.16);\r\n    }\r\n\r\n}\r\n\r\n.gta-hero-logo {\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    display:block;\r\n\r\n    width:min(430px,100%);\r\n\r\n    height:auto;\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 18px 35px\r\n            rgba(0,0,0,.42)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COUNTDOWN\r\n========================================================= *\/\r\n\r\n.gta-countdown {\r\n    width:100%;\r\n    text-align:center;\r\n}\r\n\r\n.gta-countdown-label {\r\n    margin-bottom:14px;\r\n\r\n    color:#fff;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:clamp(25px,2.1vw,36px);\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:1.2px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.gta-countdown-time {\r\n    color:#fff;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:clamp(42px,4.2vw,68px);\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:1px;\r\n\r\n    white-space:nowrap;\r\n}\r\n\r\n.gta-countdown-units {\r\n    display:grid;\r\n\r\n    grid-template-columns:repeat(4,1fr);\r\n\r\n    width:min(500px,100%);\r\n\r\n    margin:12px auto 0;\r\n\r\n    color:rgba(255,255,255,.52);\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RELEASE MESSAGE\r\n========================================================= *\/\r\n\r\n.gta-release-message {\r\n    display:none;\r\n\r\n    width:100%;\r\n\r\n    text-align:center;\r\n}\r\n\r\n.gta-release-small {\r\n    color:#ff3fa5;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:4px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.gta-release-title {\r\n    margin-top:10px;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:clamp(56px,5.2vw,88px);\r\n\r\n    line-height:.9;\r\n\r\n    color:transparent;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #8d49ff,\r\n            #d234d9,\r\n            #ff2b9b\r\n        );\r\n\r\n    background-clip:text;\r\n    -webkit-background-clip:text;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.gta-release-subtitle {\r\n    margin-top:14px;\r\n\r\n    color:#fff;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:clamp(24px,2.4vw,40px);\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RELEASE STATE\r\n========================================================= *\/\r\n\r\n.gta-hero.is-released\r\n.gta-countdown {\r\n    display:none;\r\n}\r\n\r\n.gta-hero.is-released\r\n.gta-release-message {\r\n    display:block;\r\n}\r\n\r\n.gta-hero.is-released\r\n.gta-hero-subscriber-block {\r\n    display:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1100px) {\r\n\r\n    .gta-hero-inner {\r\n        grid-template-columns:1fr;\r\n\r\n        gap:55px;\r\n\r\n        padding:105px 0 80px;\r\n    }\r\n\r\n    .gta-hero-right {\r\n        order:-1;\r\n    }\r\n\r\n    .gta-hero-logo-wrap {\r\n        width:min(400px,78vw);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:700px) {\r\n\r\n    .gta-hero-inner {\r\n        width:calc(100% - 34px);\r\n\r\n        padding:80px 0 58px;\r\n\r\n        gap:42px;\r\n    }\r\n\r\n    .gta-hero-title {\r\n        font-size:clamp(55px,17vw,78px);\r\n    }\r\n\r\n    .gta-hero-copy {\r\n        font-size:13px;\r\n    }\r\n\r\n    .gta-hero-subscriber-block {\r\n        padding:18px 16px 16px;\r\n    }\r\n\r\n    .gta-sub-main-row {\r\n        gap:15px;\r\n    }\r\n\r\n    .gta-hero-subscriber-count {\r\n        min-width:122px;\r\n\r\n        padding-right:14px;\r\n    }\r\n\r\n    .gta-hero-subscriber-number {\r\n        font-size:41px;\r\n    }\r\n\r\n    .gta-hero-subscriber-label {\r\n        font-size:8px;\r\n    }\r\n\r\n    .gta-hero-subscriber-copy strong {\r\n        font-size:10px;\r\n    }\r\n\r\n    .gta-hero-subscriber-copy > span {\r\n        font-size:10px;\r\n    }\r\n\r\n\r\n    \/* 5K MOBILE *\/\r\n\r\n    .gta-5k-special {\r\n        margin-top:14px;\r\n\r\n        padding:12px 12px 11px;\r\n    }\r\n\r\n    .gta-5k-title-wrap {\r\n        gap:7px;\r\n    }\r\n\r\n    .gta-party-icon {\r\n        width:20px;\r\n        height:20px;\r\n\r\n        flex-basis:20px;\r\n    }\r\n\r\n    .gta-5k-kicker {\r\n        font-size:6px;\r\n\r\n        letter-spacing:1.5px;\r\n    }\r\n\r\n    .gta-5k-title {\r\n        font-size:14px;\r\n    }\r\n\r\n    .gta-5k-current {\r\n        font-size:15px;\r\n    }\r\n\r\n    .gta-5k-target {\r\n        font-size:7px;\r\n    }\r\n\r\n    .gta-hero-logo {\r\n        width:min(280px,75vw);\r\n    }\r\n\r\n    .gta-countdown-time {\r\n        font-size:clamp(34px,10.5vw,50px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n\r\n    .gta-confetti,\r\n    .gta-hero-green-dot::before,\r\n    .gta-hero-logo-wrap::before,\r\n    .gta-hero-logo-wrap::after {\r\n        animation:none !important;\r\n    }\r\n\r\n}\r\n\r\n\/* Keep text readable over brighter moving footage. *\/\r\n.gta-hero-content { isolation:isolate; }\r\n.gta-hero-content::before {\r\n    content:\"\"; position:absolute; inset:-24px -20px; z-index:-1;\r\n    background:rgba(5,5,9,.30); border-radius:20px; pointer-events:none;\r\n}\r\n.gta-hero-title { filter:drop-shadow(0 2px 5px rgba(0,0,0,.8)); }\r\n.gta-hero-copy { color:rgba(255,255,255,.92); text-shadow:0 2px 4px #050509; }\r\n.gta-hero-button-secondary { background:rgba(5,5,9,.72) !important; }\r\n.gta-hero-button:focus-visible { outline:3px solid #fff; outline-offset:4px; }\r\n@media(max-width:1100px) {\r\n    .gta-hero-overlay {\r\n        background:linear-gradient(180deg,rgba(5,5,9,.22) 0%,rgba(5,5,9,.32) 45%,rgba(5,5,9,.55) 100%);\r\n    }\r\n}\r\n@media(max-width:700px) {\r\n    .gta-hero-content::before { inset:-18px -10px; }\r\n}\r\n\r\n\r\n\/* MIAMI NIGHTS \u2014 complete visual redesign, original functionality retained. *\/\r\n#home.gta-hero {\r\n    background:#100b25; min-height:100svh; isolation:isolate;\r\n    --miami-pink:#ff62bb; --miami-aqua:#7af4e4; --miami-sunset:#ffb782;\r\n}\r\n#home .gta-hero-video {opacity:.85;filter:saturate(1.15) contrast(1.04);}\r\n#home .gta-hero-overlay {\r\n    background:linear-gradient(90deg,rgba(12,8,30,.83),rgba(22,9,43,.45) 55%,rgba(18,8,34,.18)),linear-gradient(0deg,#100b25 0%,rgba(23,11,44,.06) 45%,rgba(42,12,49,.3));\r\n}\r\n#home::after {width:65vw;height:65vw;right:-20vw;top:45%;background:rgba(255,71,176,.12);filter:blur(90px);}\r\n#home .gta-hero-inner {width:min(1440px,88vw);padding:145px 0 105px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:60px;}\r\n#home .gta-hero-content {max-width:790px;}\r\n#home .gta-hero-content::before {display:none;}\r\n#home .gta-hero-label {min-height:34px;padding:8px 14px;color:var(--miami-aqua);border:1px solid #7af4e44d;background:#102b314d;border-radius:30px;clip-path:none;font-size:9px;letter-spacing:2.5px;box-shadow:0 0 24px #63efcb12;}\r\n#home .gta-miami-kicker {color:#ffd2ae;font:700 10px\/1.5 Arial,sans-serif;letter-spacing:4px;margin:0 0 18px;text-transform:uppercase;}\r\n#home .gta-hero-title {font-size:clamp(48px,5.5vw,90px);line-height:.96;letter-spacing:-1.4px;filter:drop-shadow(0 4px 20px #120a29);}\r\n#home .gta-hero-title-white {color:#fff5ee;}\r\n#home .gta-hero-title-gradient {margin-top:8px;background:linear-gradient(130deg,#ffd0a1 4%,#ff77be 45%,#c18aff 90%);background-clip:text;-webkit-background-clip:text;color:transparent;}\r\n#home .gta-hero-copy {max-width:590px;margin-top:24px;color:#eee1f4;font-size:15px;line-height:1.8;text-shadow:0 2px 12px #10091f;}\r\n#home .gta-hero-subscriber-block {width:100%;margin-top:28px;padding:22px 24px;border:1px solid #ffd2ef26;border-radius:18px;background:linear-gradient(120deg,#251432d9,#12132acd);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);clip-path:none;box-shadow:0 16px 48px #09051a30;}\r\n#home .gta-sub-main-row {gap:20px;}\r\n#home .gta-hero-subscriber-number {font-size:46px;color:#fff1e6;}\r\n#home .gta-hero-subscriber-label {color:var(--miami-aqua);font-size:9px;letter-spacing:2px;}\r\n#home .gta-hero-subscriber-copy strong {font-size:10px;letter-spacing:1px;}\r\n#home .gta-hero-subscriber-copy > span {color:#d6c5e2;font-size:11px;}\r\n#home .gta-5k-special {margin-top:18px;border-radius:12px;border-color:#ff87c344;background:linear-gradient(105deg,#75234a30,#68377930);clip-path:none;}\r\n#home .gta-5k-title {font-size:18px;}\r\n#home .gta-5k-title span {color:#ffb1d4;}\r\n#home .gta-5k-progress-fill {background:linear-gradient(90deg,#8ae9e3,#c88aef,#ff8dbd);}\r\n#home .gta-hero-actions {gap:10px;margin-top:24px;}\r\n#home .gta-hero-button {height:48px !important;padding:0 19px !important;border-radius:9px;clip-path:none;font-size:9px !important;letter-spacing:1px !important;}\r\n#home .gta-hero-button-primary {background:linear-gradient(110deg,#fb70ba,#ac70ed) !important;border:1px solid #ffc1df !important;box-shadow:0 6px 26px #f460a42b;}\r\n#home .gta-hero-button-secondary {background:#160d2dbd !important;border-color:#f4c3ef45 !important;}\r\n#home .gta-hero-button:hover {filter:brightness(1.15);}\r\n#home .gta-hero-right {gap:32px;}\r\n#home .gta-hero-logo-wrap {width:min(420px,100%);padding:30px;isolation:isolate;}\r\n#home .gta-hero-logo-wrap::before {\r\n    width:105%;height:auto;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;\r\n    background:linear-gradient(180deg,#ffd39b 0%,#ff92a8 35%,#f95cb8 67%,#a85cdd 100%);\r\n    opacity:.65;filter:none;animation:none;z-index:-2;\r\n    -webkit-mask-image:linear-gradient(#000 0 52%,transparent 52% 54%,#000 54% 63%,transparent 63% 66%,#000 66% 73%,transparent 73% 77%,#000 77% 83%,transparent 83% 89%,#000 89% 94%,transparent 94%);\r\n    mask-image:linear-gradient(#000 0 52%,transparent 52% 54%,#000 54% 63%,transparent 63% 66%,#000 66% 73%,transparent 73% 77%,#000 77% 83%,transparent 83% 89%,#000 89% 94%,transparent 94%);\r\n}\r\n#home .gta-hero-logo-wrap::after {inset:0;width:100%;height:100%;background:#ed57964a;filter:blur(50px);opacity:.7;animation:none;z-index:-3;}\r\n#home .gta-hero-logo {width:min(300px,100%);filter:drop-shadow(0 12px 18px #1708278c);}\r\n#home .gta-countdown {width:100%;padding:24px 12px 18px;border-top:1px solid #ffd3ed3b;background:linear-gradient(180deg,#140e293d,transparent);}\r\n#home .gta-countdown-label {color:#ffdbbd;font-size:10px;letter-spacing:3px;}\r\n#home .gta-countdown-time {margin-top:14px;font-size:clamp(30px,3.3vw,54px);color:#fff7f1;text-shadow:0 3px 20px #120526;white-space:nowrap;}\r\n#home .gta-countdown-units {color:#c5c0e7;font-size:8px;letter-spacing:2px;}\r\n#home .gta-miami-scenery {position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;}\r\n#home .gta-miami-palm {position:absolute;bottom:-25px;height:85%;width:auto;color:#090e22;opacity:.65;filter:drop-shadow(2px 0 0 #f694d036);}\r\n#home .gta-miami-palm-left {left:-125px;transform:rotate(9deg);transform-origin:bottom;}\r\n#home .gta-miami-palm-right {right:-90px;transform:scaleX(-1) rotate(7deg);height:99%;opacity:.75;transform-origin:bottom;}\r\n#home .gta-miami-horizon {position:absolute;bottom:30px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:20px;color:#d6badd;font:700 8px\/1.4 Arial,sans-serif;letter-spacing:3px;text-transform:uppercase;}\r\n@media(max-width:1100px) {\r\n    #home .gta-hero-inner {width:88vw;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:30px;padding-top:125px;}\r\n    #home .gta-hero-right {order:0;}\r\n    #home .gta-hero-title {font-size:clamp(44px,6.1vw,70px);}\r\n    #home .gta-hero-subscriber-block {padding:18px;}\r\n    #home .gta-sub-main-row {flex-wrap:wrap;}\r\n    #home .gta-hero-logo-wrap {padding:20px;}\r\n    #home .gta-countdown-time {font-size:clamp(25px,3.6vw,42px);}\r\n}\r\n@media(max-width:760px) {\r\n    #home .gta-hero-inner {width:calc(100% - 40px);grid-template-columns:1fr;gap:58px;padding:105px 0 95px;}\r\n    #home .gta-hero-title {font-size:clamp(42px,10.5vw,73px);letter-spacing:-.8px;}\r\n    #home .gta-hero-copy {font-size:14px;}\r\n    #home .gta-miami-kicker {font-size:8px;letter-spacing:3px;}\r\n    #home .gta-hero-overlay {background:linear-gradient(180deg,#10091ee0,#1c103f80 55%,#100b25);}\r\n    #home .gta-hero-right {width:min(380px,100%);margin:auto;gap:26px;}\r\n    #home .gta-hero-logo-wrap {width:260px;padding:25px;}\r\n    #home .gta-hero-logo {width:210px;}\r\n    #home .gta-countdown-time {font-size:clamp(28px,8vw,44px);}\r\n    #home .gta-miami-palm-left {height:52%;left:-170px;opacity:.4;}\r\n    #home .gta-miami-palm-right {height:61%;right:-155px;opacity:.65;}\r\n    #home .gta-miami-horizon {left:20px;right:20px;font-size:7px;letter-spacing:1.5px;}\r\n    #home .gta-hero-subscriber-number {font-size:40px;}\r\n    #home .gta-hero-subscriber-count {min-width:0;}\r\n    #home .gta-5k-title {font-size:15px;}\r\n}\r\n\r\n\/* GTA-inspired mission panels and HUD typography. *\/\r\n#home .gta-hero-subscriber-block {\r\n    border-radius:0; border:1px solid #ffffff36; border-left:4px solid #ef77be;\r\n    background:linear-gradient(110deg,rgba(8,9,17,.94),rgba(24,13,34,.83));\r\n    box-shadow:0 15px 35px #0005; padding:24px;\r\n}\r\n#home .gta-hero-subscriber-number {\r\n    color:#fff; font-family:Impact,'Arial Narrow',Arial,sans-serif;\r\n    font-size:58px; letter-spacing:-1px; text-shadow:3px 3px 0 #000;\r\n}\r\n#home .gta-hero-subscriber-label {color:#f6acd6;font-size:10px;letter-spacing:2px;}\r\n#home .gta-hero-subscriber-copy strong {font:900 12px\/1.5 Arial,sans-serif;letter-spacing:.8px;}\r\n#home .gta-hero-subscriber-copy > span {font-size:12px;line-height:1.6;color:#d2cbd9;}\r\n#home .gta-5k-special {\r\n    border-radius:0;border:1px solid #ffffff29;border-top:2px solid #da80bd;\r\n    background:linear-gradient(110deg,#32203b88,#0c0b1599);padding:16px 18px;\r\n}\r\n#home .gta-5k-top {flex-wrap:wrap;gap:12px;}\r\n#home .gta-5k-title-wrap {min-width:0;flex:1 1 250px;}\r\n#home .gta-party-icon {display:none;}\r\n#home .gta-confetti-layer {display:none;}\r\n#home .gta-5k-kicker {font:800 9px\/1.5 Arial,sans-serif;letter-spacing:2px;color:#dcb5d8;}\r\n#home .gta-5k-title {font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:22px;line-height:1.25;letter-spacing:.4px;color:#fff;text-shadow:2px 2px #0009;}\r\n#home .gta-5k-title span {color:#f6a6d0;}\r\n#home .gta-5k-counter {margin-left:auto;white-space:nowrap;}\r\n#home .gta-5k-current {font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:25px;color:#fff;}\r\n#home .gta-5k-target {font-size:11px;color:#d6c8dc;}\r\n#home .gta-5k-progress {height:7px;border-radius:0;background:#ffffff20;margin-top:14px;}\r\n#home .gta-5k-progress-fill {border-radius:0;background:linear-gradient(90deg,#ad74e3,#f393c6);box-shadow:0 0 12px #f393c640;}\r\n#home .gta-hero-actions {gap:12px;}\r\n#home .gta-hero-button {\r\n    border-radius:0;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);\r\n    height:50px !important;padding:0 20px !important;\r\n    font:900 10px\/1 Arial,sans-serif !important;letter-spacing:1px !important;\r\n}\r\n#home .gta-hero-button-primary {background:linear-gradient(100deg,#e785c1,#ad7edb) !important;border-color:#ffc7e8 !important;color:#160c20 !important;box-shadow:none;}\r\n#home .gta-hero-button-secondary {background:#0b0b16dd !important;border:1px solid #ffffff54 !important;color:#fff !important;}\r\n#home .gta-hero-button:hover {filter:brightness(1.16);}\r\n#home .gta-countdown {\r\n    border:1px solid #ffffff29;border-top:3px solid #ec96c8;\r\n    background:linear-gradient(110deg,#080913e8,#211128c4);padding:24px 16px;\r\n    box-shadow:0 12px 32px #0004;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);\r\n}\r\n#home .gta-countdown-label {font:900 11px\/1.5 Arial,sans-serif;color:#f5b2d9;letter-spacing:2px;margin-bottom:12px;}\r\n#home .gta-countdown-time {font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(28px,3.1vw,50px);letter-spacing:.5px;color:#fff;text-shadow:3px 3px #000;}\r\n#home .gta-countdown-units {font:800 9px\/1.4 Arial,sans-serif;letter-spacing:1.2px;color:#cbbdd5;}\r\n#home .gta-hero-title-gradient {line-height:1.02;overflow-wrap:normal;}\r\n@media(max-width:1100px) and (min-width:761px) {\r\n    #home .gta-countdown {padding:20px 10px;}\r\n    #home .gta-countdown-time {font-size:clamp(25px,3.3vw,38px);}\r\n}\r\n@media(max-width:760px) {\r\n    #home .gta-hero-subscriber-block {padding:20px 16px;}\r\n    #home .gta-hero-subscriber-number {font-size:48px;}\r\n    #home .gta-5k-special {padding:14px 12px;}\r\n    #home .gta-5k-title {font-size:20px;}\r\n    #home .gta-5k-title-wrap {flex-basis:200px;}\r\n    #home .gta-countdown-time {font-size:clamp(26px,7.8vw,44px);}\r\n    #home .gta-hero-button {padding:0 15px !important;font-size:9px !important;}\r\n}\r\n\r\n\r\n\/* Original vivid purple \/ magenta palette; layout and behaviour unchanged. *\/\r\n#home.gta-hero {background:#07080b;--miami-pink:#bf30db;--miami-aqua:#a44bff;--miami-sunset:#b637e5;}\r\n#home .gta-hero-title-white {color:#fff;}\r\n#home .gta-hero-title-gradient {background:linear-gradient(100deg,#8b3dff 0%,#a633ef 48%,#be2dce 100%);background-clip:text;-webkit-background-clip:text;color:transparent;}\r\n#home .gta-miami-kicker,#home .gta-hero-subscriber-label,#home .gta-5k-kicker,#home .gta-countdown-label {color:#b775ff;}\r\n#home .gta-hero-label {color:#c69aff;border-color:#9c40ff66;background:#25113899;box-shadow:0 0 24px #8b3dff12;}\r\n#home .gta-hero-overlay {background:linear-gradient(90deg,rgba(5,5,9,.83),rgba(15,6,27,.45) 55%,rgba(17,5,27,.18)),linear-gradient(0deg,#07080b 0%,rgba(15,6,27,.06) 45%,rgba(25,8,42,.3));}\r\n#home::after {background:rgba(139,61,255,.12);}\r\n#home .gta-hero-subscriber-block {border-left-color:#943bfa;background:linear-gradient(110deg,rgba(8,8,13,.94),rgba(21,10,32,.83));}\r\n#home .gta-5k-special {border-top-color:#a33ef2;background:linear-gradient(110deg,#32134b88,#0c0b1599);}\r\n#home .gta-5k-title span {color:#c77aff;}\r\n#home .gta-5k-progress-fill {background:linear-gradient(90deg,#8b3dff,#be2dce);box-shadow:0 0 12px #9d3dfb40;}\r\n#home .gta-hero-button-primary {background:linear-gradient(105deg,#8134e8,#ac26be) !important;border-color:#c074ff !important;color:#fff !important;}\r\n#home .gta-hero-button-secondary {border-color:#a66ade66 !important;background:#0c0915dd !important;}\r\n#home .gta-hero-logo-wrap::before {background:linear-gradient(180deg,#a64cff 0%,#9039f5 40%,#b330df 72%,#bc2dcc 100%);}\r\n#home .gta-hero-logo-wrap::after {background:#903dff4a;}\r\n#home .gta-countdown {border-top-color:#9c3ff2;background:linear-gradient(110deg,#080913e8,#1c0c2cc4);}\r\n#home .gta-countdown-time,#home .gta-hero-subscriber-number {color:#fff;}\r\n#home .gta-miami-horizon {color:#b49ac9;}\r\n@media(max-width:760px) {#home .gta-hero-overlay {background:linear-gradient(180deg,#0a0615e0,#190b3280 55%,#07080b);}}\r\n\r\n\r\n\/* Larger subscriber callout with room to wrap at every screen width. *\/\r\n#home .gta-sub-main-row {flex-wrap:wrap;gap:22px;}\r\n#home .gta-hero-subscriber-copy {flex:1 1 280px;min-width:0;}\r\n#home .gta-hero-subscriber-copy-head {align-items:flex-start;gap:12px;}\r\n#home .gta-hero-subscriber-copy strong {\r\n    display:block;font:900 20px\/1.4 Arial,Helvetica,sans-serif;\r\n    letter-spacing:.4px;color:#fff;white-space:normal;\r\n}\r\n#home .gta-hero-subscriber-copy > span {\r\n    display:block;margin-top:9px;font:400 17px\/1.65 Arial,Helvetica,sans-serif;\r\n    color:#eee7f4;white-space:normal;\r\n}\r\n#home .gta-hero-subscriber-copy-head .gta-hero-green-dot {flex:0 0 10px;width:10px;height:10px;margin-top:9px;}\r\n@media(max-width:700px) {\r\n    #home .gta-hero-subscriber-copy {flex-basis:100%;}\r\n    #home .gta-hero-subscriber-copy strong {font-size:18px;}\r\n    #home .gta-hero-subscriber-copy > span {font-size:16px;}\r\n    #home .gta-hero-subscriber-copy-head .gta-hero-green-dot {margin-top:8px;}\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<section\r\n    id=\"home\"\r\n    class=\"gta-hero\"\r\n>\r\n\r\n\r\n    <!-- BACKGROUND VIDEO -->\r\n\r\n    <video\r\n        class=\"gta-hero-video\"\r\n        autoplay\r\n        muted\r\n        loop\r\n        playsinline\r\n        preload=\"metadata\"\r\n    >\r\n\r\n        <source\r\n            src=\"https:\/\/grandtheftautoclips.com\/wp-content\/uploads\/2026\/08\/Website-video.mp4\"\r\n            type=\"video\/mp4\"\r\n        >\r\n\r\n    <\/video>\r\n\r\n\r\n    <div class=\"gta-hero-overlay\"><\/div>\r\n<div class=\"gta-miami-scenery\" aria-hidden=\"true\">\r\n\r\n\r\n<div class=\"gta-miami-horizon\"><span>LOS SANTOS \u2192 VICE CITY<\/span><span>GOOD TIMES. WILD MOMENTS.<\/span><\/div>\r\n<\/div>\r\n\r\n\r\n    <div class=\"gta-hero-inner\">\r\n\r\n\r\n        <!-- =====================================================\r\n             LEFT\r\n        ====================================================== -->\r\n\r\n        <div class=\"gta-hero-content\">\r\n<p class=\"gta-miami-kicker\">BIG PLAYS. WILD CHASES. GTA MOMENTS.<\/p>\r\n\r\n\r\n            <div\r\n                id=\"gta-hero-status-label\"\r\n                class=\"gta-hero-label\"\r\n            >\r\n                CLIP SUBMISSIONS OPEN\r\n            <\/div>\r\n\r\n\r\n            <h1 class=\"gta-hero-title\">\r\n\r\n                <span class=\"gta-hero-title-white\">\r\n                    YOUR GTA MOMENT\r\n                <\/span>\r\n\r\n                <span class=\"gta-hero-title-gradient\">\r\n                    DESERVES THE\r\n                    <br>\r\n                    SPOTLIGHT.\r\n                <\/span>\r\n\r\n            <\/h1>\r\n\r\n\r\n            <p\r\n                id=\"gta-hero-copy\"\r\n                class=\"gta-hero-copy\"\r\n            >\r\n                The home of the best Grand Theft Auto moments.\r\n                From hilarious fails and insane stunts to epic police\r\n                chases, crazy crashes and unforgettable gameplay.\r\n            <\/p>\r\n\r\n\r\n            <!-- =================================================\r\n                 SUBSCRIBERS + 5K SPECIAL\r\n            ================================================== -->\r\n\r\n            <div class=\"gta-hero-subscriber-block\">\r\n\r\n\r\n                <div class=\"gta-sub-main-row\">\r\n\r\n\r\n                    <div class=\"gta-hero-subscriber-count\">\r\n\r\n                        <span\r\n                            id=\"gta-hero-exact-subs\"\r\n                            class=\"gta-hero-subscriber-number\"\r\n                        >\r\n                            --\r\n                        <\/span>\r\n\r\n                        <span class=\"gta-hero-subscriber-label\">\r\n                            SUBSCRIBERS\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"gta-hero-subscriber-copy\">\r\n\r\n\r\n                        <div class=\"gta-hero-subscriber-copy-head\">\r\n\r\n                            <span class=\"gta-hero-green-dot\"><\/span>\r\n\r\n                            <strong>\r\n                                SUBSCRIBE TO STAY UPDATED\r\n                            <\/strong>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <span>\r\n                            Funny moments, GTA 6 clips,\r\n                            fails, livestreams and more.\r\n                        <\/span>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =============================================\r\n                     5K PARTY SPECIAL\r\n                ============================================== -->\r\n\r\n                <div\r\n                    id=\"gta-5k-special\"\r\n                    class=\"gta-5k-special\"\r\n                >\r\n\r\n\r\n                    <!-- FALLING CONFETTI -->\r\n\r\n                    <div\r\n                        class=\"gta-confetti-layer\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <span class=\"gta-confetti c1\"><\/span>\r\n                        <span class=\"gta-confetti c2\"><\/span>\r\n                        <span class=\"gta-confetti c3\"><\/span>\r\n                        <span class=\"gta-confetti c4\"><\/span>\r\n                        <span class=\"gta-confetti c5\"><\/span>\r\n                        <span class=\"gta-confetti c6\"><\/span>\r\n                        <span class=\"gta-confetti c7\"><\/span>\r\n                        <span class=\"gta-confetti c8\"><\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"gta-5k-top\">\r\n\r\n\r\n                        <div class=\"gta-5k-title-wrap\">\r\n\r\n\r\n                            <!-- PARTY ICON -->\r\n\r\n                            <span\r\n                                class=\"gta-party-icon\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n\r\n                                <span class=\"gta-party-cone\"><\/span>\r\n\r\n                                <span class=\"gta-party-line one\"><\/span>\r\n                                <span class=\"gta-party-line two\"><\/span>\r\n                                <span class=\"gta-party-line three\"><\/span>\r\n\r\n                            <\/span>\r\n\r\n\r\n                            <div>\r\n\r\n                                <span\r\n                                    id=\"gta-5k-kicker\"\r\n                                    class=\"gta-5k-kicker\"\r\n                                >\r\n                                    SOMETHING SPECIAL IS COMING\r\n                                <\/span>\r\n\r\n                                <span\r\n                                    id=\"gta-5k-title\"\r\n                                    class=\"gta-5k-title\"\r\n                                >\r\n                                    SPECIAL VIDEO AT\r\n                                    <span>5,000 SUBSCRIBERS<\/span>\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"gta-5k-counter\">\r\n\r\n                            <span\r\n                                id=\"gta-5k-current\"\r\n                                class=\"gta-5k-current\"\r\n                            >\r\n                                --\r\n                            <\/span>\r\n\r\n                            <span class=\"gta-5k-target\">\r\n                                \/ 5,000\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"gta-5k-progress\">\r\n\r\n                        <div\r\n                            id=\"gta-5k-progress-fill\"\r\n                            class=\"gta-5k-progress-fill\"\r\n                        ><\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 BUTTONS\r\n            ================================================== -->\r\n\r\n            <div class=\"gta-hero-actions\">\r\n\r\n                <a class=\"gta-hero-button gta-hero-button-secondary\" href=\"https:\/\/grandtheftautoclips.com\/?page_id=142\">PLAY THE GTA QUIZ<\/a>\r\n\r\n\r\n                <a class=\"gta-hero-button gta-hero-button-primary\" href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfMPNotoHN7AiuxOEX4yHtpULougm8pUlX_Y1y52FQR-2kp6A\/viewform\" target=\"_blank\" rel=\"noopener\">\r\n\r\n                    <span id=\"gta-primary-submit-text\">\r\n                        SUBMIT YOUR CLIP\r\n                    <\/span>\r\n\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <path\r\n                            d=\"M5 12H19M13 6L19 12L13 18\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n\r\n                <a class=\"gta-hero-button gta-hero-button-secondary\" href=\"https:\/\/youtube.com\/@grandtheftauto_clips\" target=\"_blank\" rel=\"noopener\">\r\n\r\n                    WATCH LATEST CLIPS\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <path\r\n                            d=\"M8 5L18 12L8 19Z\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             RIGHT\r\n        ====================================================== -->\r\n\r\n        <div class=\"gta-hero-right\">\r\n\r\n\r\n            <div class=\"gta-hero-logo-wrap\">\r\n\r\n                <img decoding=\"async\"\r\n                    class=\"gta-hero-logo\"\r\n                    src=\"https:\/\/grandtheftautoclips.com\/wp-content\/uploads\/2026\/08\/PNG-LOgo.png\"\r\n                    alt=\"Grand Theft Auto Clips\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- COUNTDOWN -->\r\n\r\n            <div\r\n                id=\"gta-countdown\"\r\n                class=\"gta-countdown\"\r\n            >\r\n\r\n                <div class=\"gta-countdown-label\">\r\n                    GTA VI RELEASE COUNTDOWN\r\n                <\/div>\r\n\r\n\r\n                <div\r\n                    id=\"gta-countdown-time\"\r\n                    class=\"gta-countdown-time\"\r\n                >\r\n                    00 : 00 : 00 : 00\r\n                <\/div>\r\n\r\n\r\n                <div class=\"gta-countdown-units\">\r\n\r\n                    <span>DAYS<\/span>\r\n                    <span>HOURS<\/span>\r\n                    <span>MINUTES<\/span>\r\n                    <span>SECONDS<\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- AFTER RELEASE -->\r\n\r\n            <div\r\n                id=\"gta-release-message\"\r\n                class=\"gta-release-message\"\r\n            >\r\n\r\n                <div class=\"gta-release-small\">\r\n                    GTA VI HAS ARRIVED\r\n                <\/div>\r\n\r\n                <div class=\"gta-release-title\">\r\n                    GTA VI IS HERE\r\n                <\/div>\r\n\r\n                <div class=\"gta-release-subtitle\">\r\n                    WELCOME TO VICE CITY.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n\r\n    \/* =========================================================\r\n       SETTINGS\r\n    ========================================================= *\/\r\n\r\n    const API_KEY =\r\n        \"AIzaSyB-mjYA379OCuY-gauqzYU21WtDv1Qp2QU\";\r\n\r\n    const CHANNEL_ID =\r\n        \"UCQyx4qo5cVU-xWfYfQElUmg\";\r\n\r\n    const SPECIAL_TARGET =\r\n        5000;\r\n\r\n    const GTA_RELEASE =\r\n        new Date(\r\n            \"2026-11-19T00:00:00\"\r\n        );\r\n\r\n\r\n    \/* =========================================================\r\n       ELEMENTS\r\n    ========================================================= *\/\r\n\r\n    const hero =\r\n        document.getElementById(\"home\");\r\n\r\n    const countdownOutput =\r\n        document.getElementById(\"gta-countdown-time\");\r\n\r\n    const statusLabel =\r\n        document.getElementById(\"gta-hero-status-label\");\r\n\r\n    const heroCopy =\r\n        document.getElementById(\"gta-hero-copy\");\r\n\r\n    const submitText =\r\n        document.getElementById(\"gta-primary-submit-text\");\r\n\r\n    const subscriberOutput =\r\n        document.getElementById(\"gta-hero-exact-subs\");\r\n\r\n    const special =\r\n        document.getElementById(\"gta-5k-special\");\r\n\r\n    const specialCurrent =\r\n        document.getElementById(\"gta-5k-current\");\r\n\r\n    const specialProgress =\r\n        document.getElementById(\"gta-5k-progress-fill\");\r\n\r\n    const specialKicker =\r\n        document.getElementById(\"gta-5k-kicker\");\r\n\r\n    const specialTitle =\r\n        document.getElementById(\"gta-5k-title\");\r\n\r\n\r\n    let releaseModeActive =\r\n        false;\r\n\r\n\r\n    \/* =========================================================\r\n       COUNTDOWN\r\n    ========================================================= *\/\r\n\r\n    function pad(value) {\r\n\r\n        return String(value)\r\n            .padStart(2,\"0\");\r\n\r\n    }\r\n\r\n\r\n    function activateReleaseMode() {\r\n\r\n        if(releaseModeActive) {\r\n            return;\r\n        }\r\n\r\n        releaseModeActive =\r\n            true;\r\n\r\n        hero.classList.add(\r\n            \"is-released\"\r\n        );\r\n\r\n        statusLabel.textContent =\r\n            \"GTA VI CLIP SUBMISSIONS OPEN\";\r\n\r\n        heroCopy.textContent =\r\n            \"Captured something crazy in GTA VI? Send us your funniest fails, insane stunts, police chases and unforgettable Vice City moments.\";\r\n\r\n        submitText.textContent =\r\n            \"SUBMIT YOUR GTA VI CLIP\";\r\n\r\n    }\r\n\r\n\r\n    function updateHeroMode() {\r\n\r\n        let difference =\r\n            GTA_RELEASE.getTime()\r\n            -\r\n            Date.now();\r\n\r\n\r\n        if(difference <= 0) {\r\n\r\n            activateReleaseMode();\r\n\r\n            countdownOutput.textContent =\r\n                \"00 : 00 : 00 : 00\";\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        const days =\r\n            Math.floor(\r\n                difference \/ 86400000\r\n            );\r\n\r\n        difference %= 86400000;\r\n\r\n\r\n        const hours =\r\n            Math.floor(\r\n                difference \/ 3600000\r\n            );\r\n\r\n        difference %= 3600000;\r\n\r\n\r\n        const minutes =\r\n            Math.floor(\r\n                difference \/ 60000\r\n            );\r\n\r\n        difference %= 60000;\r\n\r\n\r\n        const seconds =\r\n            Math.floor(\r\n                difference \/ 1000\r\n            );\r\n\r\n\r\n        countdownOutput.textContent =\r\n            pad(days)\r\n            + \" : \"\r\n            + pad(hours)\r\n            + \" : \"\r\n            + pad(minutes)\r\n            + \" : \"\r\n            + pad(seconds);\r\n\r\n    }\r\n\r\n\r\n    updateHeroMode();\r\n\r\n    setInterval(\r\n        updateHeroMode,\r\n        1000\r\n    );\r\n\r\n\r\n    \/* =========================================================\r\n       UPDATE 5K SPECIAL\r\n    ========================================================= *\/\r\n\r\n    function update5KSpecial(subscribers) {\r\n\r\n\r\n        const safeSubscribers =\r\n            Math.max(\r\n                0,\r\n                subscribers\r\n            );\r\n\r\n\r\n        specialCurrent.textContent =\r\n            safeSubscribers.toLocaleString(\r\n                \"en-US\"\r\n            );\r\n\r\n\r\n        const percentage =\r\n            Math.min(\r\n                100,\r\n                (\r\n                    safeSubscribers\r\n                    \/\r\n                    SPECIAL_TARGET\r\n                )\r\n                *\r\n                100\r\n            );\r\n\r\n\r\n        specialProgress.style.width =\r\n            percentage + \"%\";\r\n\r\n\r\n        \/* -----------------------------------------\r\n           TARGET REACHED\r\n        ----------------------------------------- *\/\r\n\r\n        if(\r\n            safeSubscribers\r\n            >=\r\n            SPECIAL_TARGET\r\n        ) {\r\n\r\n\r\n            special.classList.add(\r\n                \"is-reached\"\r\n            );\r\n\r\n\r\n            specialKicker.textContent =\r\n                \"WE DID IT\";\r\n\r\n\r\n            specialTitle.innerHTML =\r\n                '5K REACHED \u2014 <span>SPECIAL VIDEO INCOMING<\/span>';\r\n\r\n\r\n        }\r\n\r\n        else {\r\n\r\n\r\n            special.classList.remove(\r\n                \"is-reached\"\r\n            );\r\n\r\n\r\n            specialKicker.textContent =\r\n                \"SOMETHING SPECIAL IS COMING\";\r\n\r\n\r\n            specialTitle.innerHTML =\r\n                'SPECIAL VIDEO AT <span>5,000 SUBSCRIBERS<\/span>';\r\n\r\n\r\n        }\r\n\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       YOUTUBE SUBSCRIBERS\r\n    ========================================================= *\/\r\n\r\n    async function loadSubscribers() {\r\n\r\n\r\n        if(\r\n            !subscriberOutput\r\n            ||\r\n            releaseModeActive\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n        try {\r\n\r\n\r\n            const url =\r\n\r\n                \"https:\/\/www.googleapis.com\/youtube\/v3\/channels\"\r\n\r\n                +\r\n\r\n                \"?part=statistics\"\r\n\r\n                +\r\n\r\n                \"&id=\"\r\n\r\n                +\r\n\r\n                encodeURIComponent(\r\n                    CHANNEL_ID\r\n                )\r\n\r\n                +\r\n\r\n                \"&key=\"\r\n\r\n                +\r\n\r\n                encodeURIComponent(\r\n                    API_KEY\r\n                );\r\n\r\n\r\n            const response =\r\n                await fetch(\r\n                    url,\r\n                    {\r\n                        cache:\"no-store\"\r\n                    }\r\n                );\r\n\r\n\r\n            if(!response.ok) {\r\n\r\n                throw new Error(\r\n                    \"YouTube API request failed\"\r\n                );\r\n\r\n            }\r\n\r\n\r\n            const data =\r\n                await response.json();\r\n\r\n\r\n            const statistics =\r\n                data.items?.[0]?.statistics;\r\n\r\n\r\n            if(\r\n                !statistics\r\n                ||\r\n                statistics.hiddenSubscriberCount\r\n            ) {\r\n\r\n                throw new Error(\r\n                    \"Subscriber count unavailable\"\r\n                );\r\n\r\n            }\r\n\r\n\r\n            const subscribers =\r\n                Number(\r\n                    statistics.subscriberCount\r\n                );\r\n\r\n\r\n            if(\r\n                !Number.isFinite(\r\n                    subscribers\r\n                )\r\n            ) {\r\n\r\n                throw new Error(\r\n                    \"Invalid subscriber count\"\r\n                );\r\n\r\n            }\r\n\r\n\r\n            \/* MAIN SUBSCRIBER NUMBER *\/\r\n\r\n            subscriberOutput.textContent =\r\n                subscribers.toLocaleString(\r\n                    \"en-US\"\r\n                );\r\n\r\n\r\n            \/* 5K SPECIAL *\/\r\n\r\n            update5KSpecial(\r\n                subscribers\r\n            );\r\n\r\n\r\n        }\r\n\r\n        catch(error) {\r\n\r\n\r\n            console.error(\r\n                \"Hero YouTube subscriber error:\",\r\n                error\r\n            );\r\n\r\n\r\n            subscriberOutput.textContent =\r\n                \"--\";\r\n\r\n            specialCurrent.textContent =\r\n                \"--\";\r\n\r\n\r\n        }\r\n\r\n\r\n    }\r\n\r\n\r\n    \/* LOAD NOW *\/\r\n\r\n    loadSubscribers();\r\n\r\n\r\n    \/* REFRESH EVERY 5 MINUTES *\/\r\n\r\n    setInterval(\r\n        loadSubscribers,\r\n        5 * 60 * 1000\r\n    );\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n<script>\r\n(function () {\r\n    const headline = document.querySelector('#home .gta-hero-title-gradient');\r\n    if (!headline) return;\r\n    \/\/ Each pair follows the existing \"YOUR GTA MOMENT\" heading.\r\n    const variants = [\r\n        ['DESERVES THE', 'SPOTLIGHT.'],\r\n        ['COULD BE', 'LEGENDARY.'],\r\n        ['BELONGS ON', 'THE BIG SCREEN.'],\r\n        ['IS TOO GOOD', 'TO STAY HIDDEN.'],\r\n        ['COULD STEAL', 'THE SHOW.'],\r\n        ['DESERVES', 'AN AUDIENCE.'],\r\n        ['BRINGS', 'THE CHAOS.'],\r\n        ['STARTS HERE.', 'GOES EVERYWHERE.']\r\n    ];\r\n    const storageKey = 'gta-hero-last-slogan-v1';\r\n    let previous = -1;\r\n    try {\r\n        const stored = localStorage.getItem(storageKey);\r\n        if (stored !== null) previous = Number(stored);\r\n    } catch (_) { \/* Random selection also works without browser storage. *\/ }\r\n    const choices = variants.map((_, index) => index).filter(index => index !== previous);\r\n    const selected = choices[Math.floor(Math.random() * choices.length)];\r\n    headline.replaceChildren(\r\n        document.createTextNode(variants[selected][0]),\r\n        document.createElement('br'),\r\n        document.createTextNode(variants[selected][1])\r\n    );\r\n    try { localStorage.setItem(storageKey, String(selected)); } catch (_) {}\r\n})();\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8147491 e-con e-atomic-element e-flexbox-base e-878f2e1 \" data-id=\"8147491\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8147491\">\n    \t\t<div class=\"elementor-element elementor-element-15a6d2d elementor-widget elementor-widget-html\" data-id=\"15a6d2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n#gtc-discord-home,\n#gtc-discord-home * {\n  box-sizing: border-box;\n}\n\n#gtc-discord-home {\n  width: 100%;\n  padding: 70px 24px;\n  color: #fff;\n  background:\n    radial-gradient(\n      ellipse at 90% 20%,\n      rgba(150,61,255,.14),\n      transparent 60%\n    ),\n    #100b19;\n  border-top: 1px solid rgba(174,105,255,.18);\n  border-bottom: 1px solid rgba(174,105,255,.18);\n  font-family: Arial, Helvetica, sans-serif;\n  scroll-margin-top: 100px;\n}\n\n#gtc-discord-home .gtc-discord-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 40px;\n  width: 100%;\n  max-width: 1440px;\n  margin: 0 auto;\n}\n\n#gtc-discord-home .gtc-discord-kicker {\n  margin: 0 0 14px;\n  color: #b775ff;\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: 2.5px;\n}\n\n#gtc-discord-home h2 {\n  margin: 0;\n  color: #fff;\n  font: 400 clamp(38px, 4.5vw, 64px)\/1\n    Impact, \"Arial Narrow\", Arial, sans-serif;\n  text-transform: uppercase;\n}\n\n#gtc-discord-home h2 span {\n  color: #bb78ff;\n}\n\n#gtc-discord-home p {\n  max-width: 620px;\n  margin: 20px 0 0;\n  color: #cfc5d9;\n  font-size: 15px;\n  line-height: 1.8;\n}\n\n#gtc-discord-home .gtc-discord-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  flex-shrink: 0;\n  min-height: 54px;\n  padding: 17px 28px;\n  color: #fff;\n  border: 1px solid #bc79ff;\n  background: linear-gradient(110deg, #8134e8, #ac26be);\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 1.4px;\n}\n\n#gtc-discord-home .gtc-discord-button:hover {\n  background: linear-gradient(110deg, #994bfa, #bf39d1);\n}\n\n#gtc-discord-home .gtc-discord-button:focus-visible {\n  outline: 3px solid #fff;\n  outline-offset: 5px;\n}\n\n@media (max-width: 760px) {\n  #gtc-discord-home {\n    padding: 48px 20px;\n  }\n\n  #gtc-discord-home .gtc-discord-inner {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 26px;\n  }\n\n  #gtc-discord-home p {\n    font-size: 14px;\n  }\n}\n<\/style>\n\n<section\n  id=\"gtc-discord-home\"\n  aria-labelledby=\"gtc-discord-home-title\"\n>\n  <div class=\"gtc-discord-inner\">\n    <div>\n      <div class=\"gtc-discord-kicker\">JOIN THE COMMUNITY<\/div>\n\n      <h2 id=\"gtc-discord-home-title\">\n        GOOD CHAOS. <span>GREAT CREW.<\/span>\n      <\/h2>\n\n      <p>\n        Share your GTA clips, find players and talk about\n        everything happening in Los Santos and beyond.\n        Join the Grand Theft Auto Clips community on Discord.\n      <\/p>\n    <\/div>\n\n    <a class=\"gtc-discord-button\" href=\"https:\/\/discord.gg\/BFkwfqBhp\" target=\"_blank\" rel=\"noopener noreferrer\">\n      JOIN DISCORD <span aria-hidden=\"true\">\u2197<\/span>\n    <\/a>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a39f715 e-con e-atomic-element e-flexbox-base e-fb40de9 \" data-id=\"a39f715\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a39f715\">\n    \t\t<div class=\"elementor-element elementor-element-7b9ed56 elementor-widget elementor-widget-html\" data-id=\"7b9ed56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   ELEMENTOR FIX\r\n========================================================= *\/\r\n\r\nhtml,\r\nbody,\r\n#page,\r\n#content,\r\n.site,\r\n.site-content,\r\n.content-area,\r\nmain,\r\n.elementor,\r\n.elementor-section,\r\n.elementor-widget-html,\r\n.elementor-widget-html > .elementor-widget-container,\r\n.e-con,\r\n.e-con-inner {\r\n    background-color:#07080b !important;\r\n}\r\n\r\n.elementor-widget-html,\r\n.elementor-widget-html > .elementor-widget-container {\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n}\r\n\r\n.elementor-element,\r\n.e-con,\r\n.e-con-inner {\r\n    --widgets-spacing:0px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.gta-process-section {\r\n    position:relative;\r\n\r\n    width:100vw;\r\n\r\n    margin:0 calc(50% - 50vw) -2px;\r\n\r\n    overflow:hidden;\r\n\r\n    color:#fff;\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 75% 0%,\r\n            rgba(135,43,190,.15),\r\n            transparent 35%\r\n        ),\r\n        linear-gradient(\r\n            to bottom,\r\n            #100619 0%,\r\n            #09080d 20%,\r\n            #07080b 100%\r\n        );\r\n}\r\n\r\n\r\n.gta-process-section::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:600px;\r\n    height:600px;\r\n\r\n    left:-300px;\r\n    top:250px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(151,54,255,.08);\r\n\r\n    filter:blur(100px);\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.gta-process-inner {\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:min(1600px,92vw);\r\n\r\n    margin:0 auto;\r\n\r\n    padding:75px 0 100px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP STATS\r\n========================================================= *\/\r\n\r\n.gta-process-stats {\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,1fr);\r\n\r\n    margin-bottom:80px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(255,255,255,.08);\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(255,255,255,.08);\r\n}\r\n\r\n\r\n.gta-process-stat {\r\n    min-height:105px;\r\n\r\n    padding:24px 18px;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    text-align:center;\r\n\r\n    border-right:\r\n        1px solid\r\n        rgba(255,255,255,.08);\r\n}\r\n\r\n\r\n.gta-process-stat:last-child {\r\n    border-right:0;\r\n}\r\n\r\n\r\n.gta-process-stat strong {\r\n    display:block;\r\n\r\n    margin-bottom:11px;\r\n\r\n    color:#fff;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:clamp(34px,2.7vw,46px);\r\n\r\n    font-weight:900;\r\n\r\n    line-height:1;\r\n}\r\n\r\n\r\n.gta-process-stat span {\r\n    display:block;\r\n\r\n    color:\r\n        rgba(255,255,255,.50);\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n\r\n    line-height:1.3;\r\n\r\n    letter-spacing:1.8px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.gta-process-label {\r\n    margin-bottom:10px;\r\n\r\n    color:#ff48ab;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:2.6px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-process-title {\r\n    margin:0;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:clamp(50px,6vw,82px);\r\n\r\n    font-weight:900;\r\n\r\n    line-height:.9;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-process-title span {\r\n    display:block;\r\n\r\n    color:transparent;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #8d3fff,\r\n            #ff2b99\r\n        );\r\n\r\n    background-clip:text;\r\n\r\n    -webkit-background-clip:text;\r\n}\r\n\r\n\r\n.gta-process-intro {\r\n    max-width:760px;\r\n\r\n    margin:22px 0 52px;\r\n\r\n    color:\r\n        rgba(255,255,255,.54);\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEPS\r\n========================================================= *\/\r\n\r\n.gta-steps {\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,1fr);\r\n\r\n    gap:18px;\r\n}\r\n\r\n\r\n.gta-step {\r\n    position:relative;\r\n\r\n    min-height:350px;\r\n\r\n    padding:35px;\r\n\r\n    box-sizing:border-box;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.08);\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255,255,255,.025),\r\n            rgba(255,255,255,.009)\r\n        );\r\n\r\n    clip-path:\r\n        polygon(\r\n            15px 0,\r\n            100% 0,\r\n            100% calc(100% - 15px),\r\n            calc(100% - 15px) 100%,\r\n            0 100%,\r\n            0 15px\r\n        );\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        border-color .25s ease,\r\n        background .25s ease;\r\n}\r\n\r\n\r\n.gta-step:hover {\r\n    transform:translateY(-3px);\r\n\r\n    border-color:\r\n        rgba(255,42,158,.23);\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(132,52,255,.05),\r\n            rgba(255,42,158,.02)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP LINE\r\n========================================================= *\/\r\n\r\n.gta-step-top {\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:15px;\r\n}\r\n\r\n\r\n.gta-step-number {\r\n    color:#ff3da5;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:28px;\r\n\r\n    font-weight:900;\r\n\r\n    line-height:1;\r\n}\r\n\r\n\r\n.gta-step-line {\r\n    flex:1;\r\n\r\n    height:1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,49,162,.48),\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.gta-step-icon {\r\n    width:52px;\r\n    height:52px;\r\n\r\n    margin:45px 0 28px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    transform:rotate(45deg);\r\n\r\n    color:#fff;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.14);\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #7f3cff,\r\n            #ff2799\r\n        );\r\n}\r\n\r\n\r\n.gta-step-icon svg {\r\n    width:23px;\r\n    height:23px;\r\n\r\n    transform:rotate(-45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLES\r\n========================================================= *\/\r\n\r\n.gta-step h3 {\r\n    margin:0 0 16px;\r\n\r\n    color:#fff;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:clamp(31px,2.15vw,38px);\r\n\r\n    font-weight:900;\r\n\r\n    line-height:1;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTIONS - LARGER\r\n========================================================= *\/\r\n\r\n.gta-step p {\r\n    max-width:95%;\r\n\r\n    margin:0;\r\n\r\n    color:\r\n        rgba(255,255,255,.54);\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL STEP\r\n========================================================= *\/\r\n\r\n.gta-featured-label {\r\n    position:absolute;\r\n\r\n    z-index:10;\r\n\r\n    top:20px;\r\n    right:20px;\r\n\r\n    padding:8px 11px;\r\n\r\n    color:#ff40a8;\r\n\r\n    background:#0b0710;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,43,153,.33);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:900;\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:1.5px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.gta-process-cta {\r\n    margin-top:30px;\r\n\r\n    padding:34px 35px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:30px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.08);\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(126,52,255,.07),\r\n            rgba(255,39,151,.05)\r\n        );\r\n}\r\n\r\n\r\n.gta-process-cta-small {\r\n    margin-bottom:7px;\r\n\r\n    color:#ff49ad;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:2.2px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-process-cta-title {\r\n    color:#fff;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:clamp(32px,3vw,46px);\r\n\r\n    line-height:1;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBMIT BUTTON\r\n========================================================= *\/\r\n\r\n.gta-process-submit {\r\n    display:inline-flex !important;\r\n\r\n    width:auto !important;\r\n\r\n    min-width:0 !important;\r\n\r\n    max-width:max-content !important;\r\n\r\n    height:42px !important;\r\n\r\n    min-height:42px !important;\r\n\r\n    padding:0 16px !important;\r\n\r\n    margin:0 !important;\r\n\r\n    align-items:center !important;\r\n\r\n    justify-content:center !important;\r\n\r\n    gap:8px !important;\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,39,151,.50) !important;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #893cff,\r\n            #ff2698\r\n        ) !important;\r\n\r\n    font-size:10px !important;\r\n\r\n    font-weight:900 !important;\r\n\r\n    line-height:1 !important;\r\n\r\n    letter-spacing:1.5px !important;\r\n\r\n    white-space:nowrap !important;\r\n}\r\n\r\n\r\n.gta-process-submit svg {\r\n    display:block;\r\n\r\n    width:14px;\r\n    height:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL BACK\r\n========================================================= *\/\r\n\r\n.gta-back {\r\n    position:absolute !important;\r\n\r\n    z-index:50 !important;\r\n\r\n    top:13px !important;\r\n\r\n    right:18px !important;\r\n\r\n    display:inline-flex !important;\r\n\r\n    width:auto !important;\r\n\r\n    min-width:0 !important;\r\n\r\n    max-width:max-content !important;\r\n\r\n    height:24px !important;\r\n\r\n    min-height:24px !important;\r\n\r\n    max-height:24px !important;\r\n\r\n    padding:0 7px !important;\r\n\r\n    margin:0 !important;\r\n\r\n    align-items:center !important;\r\n\r\n    justify-content:center !important;\r\n\r\n    gap:4px !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,41,153,.23) !important;\r\n\r\n    background:\r\n        rgba(5,5,8,.68) !important;\r\n\r\n    color:\r\n        rgba(255,255,255,.48) !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-family:\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size:5px !important;\r\n\r\n    font-weight:900 !important;\r\n\r\n    line-height:1 !important;\r\n\r\n    letter-spacing:.9px !important;\r\n\r\n    white-space:nowrap !important;\r\n}\r\n\r\n\r\n.gta-back svg {\r\n    display:block;\r\n\r\n    width:8px !important;\r\n    height:8px !important;\r\n\r\n    flex:0 0 8px !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px) {\r\n\r\n    .gta-process-stats {\r\n        grid-template-columns:\r\n            repeat(2,1fr);\r\n    }\r\n\r\n\r\n    .gta-process-stat:nth-child(2) {\r\n        border-right:0;\r\n    }\r\n\r\n\r\n    .gta-process-stat:nth-child(-n+2) {\r\n        border-bottom:\r\n            1px solid\r\n            rgba(255,255,255,.08);\r\n    }\r\n\r\n\r\n    .gta-steps {\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n\r\n    .gta-step {\r\n        min-height:300px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:600px) {\r\n\r\n    .gta-process-inner {\r\n        width:\r\n            calc(100% - 34px);\r\n\r\n        padding:60px 0 65px;\r\n    }\r\n\r\n\r\n    .gta-process-stats {\r\n        margin-bottom:55px;\r\n    }\r\n\r\n\r\n    .gta-process-stat {\r\n        min-height:90px;\r\n\r\n        padding:15px 8px;\r\n    }\r\n\r\n\r\n    .gta-process-stat strong {\r\n        font-size:31px;\r\n    }\r\n\r\n\r\n    .gta-process-stat span {\r\n        font-size:8px;\r\n\r\n        letter-spacing:1.3px;\r\n    }\r\n\r\n\r\n    .gta-process-title {\r\n        font-size:48px;\r\n    }\r\n\r\n\r\n    .gta-process-intro {\r\n        font-size:13px;\r\n    }\r\n\r\n\r\n    .gta-step {\r\n        padding:28px;\r\n\r\n        min-height:320px;\r\n    }\r\n\r\n\r\n    .gta-step-number {\r\n        font-size:24px;\r\n    }\r\n\r\n\r\n    .gta-step h3 {\r\n        font-size:30px;\r\n    }\r\n\r\n\r\n    .gta-step p {\r\n        font-size:13px;\r\n\r\n        line-height:1.7;\r\n    }\r\n\r\n\r\n    .gta-featured-label {\r\n        font-size:8px;\r\n\r\n        padding:7px 9px;\r\n    }\r\n\r\n\r\n    .gta-process-cta {\r\n        flex-direction:column;\r\n\r\n        align-items:flex-start;\r\n\r\n        padding:24px;\r\n    }\r\n\r\n\r\n    .gta-process-cta-small {\r\n        font-size:9px;\r\n    }\r\n\r\n\r\n    .gta-process-submit {\r\n        font-size:9px !important;\r\n    }\r\n\r\n\r\n    .gta-back {\r\n        top:8px !important;\r\n\r\n        right:9px !important;\r\n\r\n        height:22px !important;\r\n\r\n        min-height:22px !important;\r\n\r\n        max-height:22px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* Keep the section heading below the fixed navigation on anchor clicks. *\/\r\n#how-it-works.gta-process-section {scroll-margin-top:90px;}\r\n@media(max-width:700px) {\r\n    #how-it-works.gta-process-section {scroll-margin-top:78px;}\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section\r\n    id=\"how-it-works\"\r\n    class=\"gta-process-section\"\r\n>\r\n\r\n    <a\r\n        href=\"#discord\"\r\n        class=\"gta-back\"\r\n        aria-label=\"Back to Discord\"\r\n    >\r\n\r\n        <svg\r\n            viewBox=\"0 0 24 24\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <path\r\n                d=\"M12 18V6M7 11L12 6L17 11\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n        <\/svg>\r\n\r\n        <span>BACK<\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <div class=\"gta-process-inner\">\r\n\r\n\r\n        <!-- STATS -->\r\n\r\n        <div class=\"gta-process-stats\">\r\n\r\n            <div class=\"gta-process-stat\">\r\n\r\n                <strong id=\"gta-subscriber-count\">\r\n                    5K+\r\n                <\/strong>\r\n\r\n                <span>\r\n                    SUBSCRIBERS\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gta-process-stat\">\r\n\r\n                <strong>\r\n                    FRESH\r\n                <\/strong>\r\n\r\n                <span>\r\n                    CLIPS &amp; SHORTS\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gta-process-stat\">\r\n\r\n                <strong>\r\n                    100%\r\n                <\/strong>\r\n\r\n                <span>\r\n                    SUBMISSIONS REVIEWED\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gta-process-stat\">\r\n\r\n                <strong>\r\n                    YOUR NAME\r\n                <\/strong>\r\n\r\n                <span>\r\n                    WHEN FEATURED\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- TITLE -->\r\n\r\n        <div class=\"gta-process-label\">\r\n            HOW IT WORKS\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"gta-process-title\">\r\n\r\n            FROM YOUR GAME\r\n\r\n            <span>\r\n                TO OUR CHANNEL.\r\n            <\/span>\r\n\r\n        <\/h2>\r\n\r\n\r\n        <p class=\"gta-process-intro\">\r\n            Got a GTA moment worth sharing? Send it our way.\r\n            We review your clip and select the best moments\r\n            for upcoming videos and Shorts.\r\n        <\/p>\r\n\r\n\r\n        <!-- STEPS -->\r\n\r\n        <div class=\"gta-steps\">\r\n\r\n\r\n            <!-- STEP 1 -->\r\n\r\n            <article class=\"gta-step\">\r\n\r\n                <div class=\"gta-step-top\">\r\n\r\n                    <span class=\"gta-step-number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <span class=\"gta-step-line\"><\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"gta-step-icon\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <path\r\n                            d=\"M12 16V4M7 9L12 4L17 9M5 14V19H19V14\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    SEND YOUR CLIP\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n                    Share your best GTA moment with us.\r\n                    Add your name and clip information\r\n                    and you're done.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- STEP 2 -->\r\n\r\n            <article class=\"gta-step\">\r\n\r\n                <div class=\"gta-step-top\">\r\n\r\n                    <span class=\"gta-step-number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <span class=\"gta-step-line\"><\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"gta-step-icon\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n\r\n                        <path\r\n                            d=\"M2.5 12S6 6.5 12 6.5S21.5 12 21.5 12S18 17.5 12 17.5S2.5 12 2.5 12Z\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                        \/>\r\n\r\n                        <circle\r\n                            cx=\"12\"\r\n                            cy=\"12\"\r\n                            r=\"2.5\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                        \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    WE CHECK IT OUT\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n                    Every submission gets reviewed.\r\n                    Funny, chaotic and unforgettable moments\r\n                    have the best chance of making the cut.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- STEP 3 -->\r\n\r\n            <article class=\"gta-step\">\r\n\r\n                <div class=\"gta-featured-label\">\r\n                    FINAL STEP\r\n                <\/div>\r\n\r\n\r\n                <div class=\"gta-step-top\">\r\n\r\n                    <span class=\"gta-step-number\">\r\n                        03\r\n                    <\/span>\r\n\r\n                    <span class=\"gta-step-line\"><\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"gta-step-icon\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <path\r\n                            d=\"M12 3L14.8 8.7L21 9.6L16.5 14L17.6 20.3L12 17.3L6.4 20.3L7.5 14L3 9.6L9.2 8.7Z\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3>\r\n                    GET FEATURED\r\n                <\/h3>\r\n\r\n\r\n                <p>\r\n                    Selected clips appear on Grand Theft Auto Clips\r\n                    with your name credited on screen.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CTA -->\r\n\r\n        <div class=\"gta-process-cta\">\r\n\r\n            <div>\r\n\r\n                <div class=\"gta-process-cta-small\">\r\n                    READY TO GET FEATURED?\r\n                <\/div>\r\n\r\n                <div class=\"gta-process-cta-title\">\r\n                    SHOW US WHAT YOU'VE GOT.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a class=\"gta-process-submit\" href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfMPNotoHN7AiuxOEX4yHtpULougm8pUlX_Y1y52FQR-2kp6A\/viewform\" target=\"_blank\" rel=\"noopener\">\r\n\r\n                <span>\r\n                    SUBMIT A CLIP\r\n                <\/span>\r\n\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path\r\n                        d=\"M5 12H19M13 6L19 12L13 18\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n    const API_KEY =\r\n        \"AIzaSyB-mjYA379OCuY-gauqzYU21WtDv1Qp2QU\";\r\n\r\n\r\n    const HANDLE =\r\n        \"grandtheftautoclipss\";\r\n\r\n\r\n    const subscriberElement =\r\n        document.getElementById(\r\n            \"gta-subscriber-count\"\r\n        );\r\n\r\n\r\n    if(!subscriberElement) {\r\n        return;\r\n    }\r\n\r\n\r\n    async function loadSubscriberCount() {\r\n\r\n        try {\r\n\r\n            const response =\r\n                await fetch(\r\n\r\n                    \"https:\/\/www.googleapis.com\/youtube\/v3\/channels\"\r\n\r\n                    +\r\n\r\n                    \"?part=statistics\"\r\n\r\n                    +\r\n\r\n                    \"&forHandle=\"\r\n\r\n                    +\r\n\r\n                    encodeURIComponent(\r\n                        HANDLE\r\n                    )\r\n\r\n                    +\r\n\r\n                    \"&key=\"\r\n\r\n                    +\r\n\r\n                    encodeURIComponent(\r\n                        API_KEY\r\n                    )\r\n\r\n                );\r\n\r\n\r\n            if(!response.ok) {\r\n\r\n                throw new Error(\r\n                    \"YouTube request failed\"\r\n                );\r\n\r\n            }\r\n\r\n\r\n            const data =\r\n                await response.json();\r\n\r\n\r\n            const subscribers =\r\n                Number(\r\n                    data.items?.[0]\r\n                        ?.statistics\r\n                        ?.subscriberCount\r\n                    || 0\r\n                );\r\n\r\n\r\n            if(!subscribers) {\r\n                return;\r\n            }\r\n\r\n\r\n            subscriberElement.textContent =\r\n\r\n                Math.ceil(\r\n                    subscribers \/ 1000\r\n                )\r\n\r\n                +\r\n\r\n                \"K+\";\r\n\r\n\r\n            subscriberElement.title =\r\n                subscribers.toLocaleString();\r\n\r\n        }\r\n        catch(error) {\r\n\r\n            console.error(\r\n                \"Subscriber API error:\",\r\n                error\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    loadSubscriberCount();\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-679c50c e-con e-atomic-element e-flexbox-base e-00b3211 \" data-id=\"679c50c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"679c50c\">\n    \t\t<div class=\"elementor-element elementor-element-0019b20 elementor-widget elementor-widget-html\" data-id=\"0019b20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   SUBMIT SECTION\r\n========================================================= *\/\r\n\r\n.gta-submit-v2 {\r\n    position:relative;\r\n\r\n    width:100vw;\r\n\r\n    margin:0 calc(50% - 50vw);\r\n\r\n    overflow:hidden;\r\n\r\n    color:#fff;\r\n\r\n    font-family:\r\n        Arial,\r\n        sans-serif;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 82% 50%,\r\n            rgba(160,49,255,.12),\r\n            transparent 32%\r\n        ),\r\n        linear-gradient(\r\n            145deg,\r\n            #08070b,\r\n            #100719\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.gta-submit-inner {\r\n    width:min(1500px,92vw);\r\n\r\n    margin:0 auto;\r\n\r\n    padding:90px 0 75px;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1.1fr .9fr;\r\n\r\n    gap:75px;\r\n\r\n    align-items:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n.gta-submit-label {\r\n    margin-bottom:10px;\r\n\r\n    color:#ff48ac;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:2.6px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-submit-title {\r\n    margin:0;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            58px,\r\n            6vw,\r\n            88px\r\n        );\r\n\r\n    line-height:.88;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-submit-title span {\r\n    display:block;\r\n\r\n    color:transparent;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #913dff,\r\n            #ff2798\r\n        );\r\n\r\n    background-clip:text;\r\n\r\n    -webkit-background-clip:text;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBTITLE\r\n========================================================= *\/\r\n\r\n.gta-submit-subtitle {\r\n    margin-top:24px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:14px;\r\n\r\n    font-weight:900;\r\n\r\n    line-height:1.2;\r\n\r\n    letter-spacing:2.2px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN COPY\r\n========================================================= *\/\r\n\r\n.gta-submit-copy {\r\n    max-width:680px;\r\n\r\n    margin:18px 0 30px;\r\n\r\n    color:\r\n        rgba(255,255,255,.55);\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GET YOUR MOMENT SEEN\r\n========================================================= *\/\r\n\r\n.gta-submit-note {\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:14px;\r\n\r\n    padding:14px 0;\r\n}\r\n\r\n\r\n.gta-submit-note-icon {\r\n    width:42px;\r\n    height:42px;\r\n\r\n    flex:0 0 42px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    color:#ff45aa;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,41,154,.30);\r\n}\r\n\r\n\r\n.gta-submit-note-icon svg {\r\n    width:18px;\r\n    height:18px;\r\n}\r\n\r\n\r\n.gta-submit-note strong {\r\n    display:block;\r\n\r\n    margin-bottom:6px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:900;\r\n\r\n    line-height:1.2;\r\n\r\n    letter-spacing:1.5px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-submit-note span {\r\n    display:block;\r\n\r\n    color:\r\n        rgba(255,255,255,.46);\r\n\r\n    font-size:11px;\r\n\r\n    line-height:1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT PANEL\r\n========================================================= *\/\r\n\r\n.gta-submit-panel {\r\n    position:relative;\r\n\r\n    padding:30px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.09);\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255,255,255,.032),\r\n            rgba(255,255,255,.010)\r\n        );\r\n\r\n    clip-path:\r\n        polygon(\r\n            18px 0,\r\n            100% 0,\r\n            100% calc(100% - 18px),\r\n            calc(100% - 18px) 100%,\r\n            0 100%,\r\n            0 18px\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL HEADER\r\n========================================================= *\/\r\n\r\n.gta-submit-panel-head {\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:20px;\r\n\r\n    padding-bottom:20px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(255,255,255,.07);\r\n}\r\n\r\n\r\n.gta-submit-panel-head strong {\r\n    color:#fff;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-submit-open {\r\n    color:#46d77c;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1.7px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS\r\n========================================================= *\/\r\n\r\n.gta-submit-process {\r\n    display:grid;\r\n\r\n    gap:12px;\r\n\r\n    padding:20px 0;\r\n}\r\n\r\n\r\n.gta-submit-process-row {\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        48px 1fr;\r\n\r\n    gap:16px;\r\n\r\n    align-items:center;\r\n\r\n    min-height:82px;\r\n\r\n    padding:16px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.06);\r\n\r\n    background:\r\n        rgba(255,255,255,.015);\r\n}\r\n\r\n\r\n\/* NUMBERS *\/\r\n\r\n.gta-submit-process-number {\r\n    color:#ff3ca5;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:27px;\r\n\r\n    line-height:1;\r\n}\r\n\r\n\r\n\/* ROW TITLE *\/\r\n\r\n.gta-submit-process-row strong {\r\n    display:block;\r\n\r\n    margin-bottom:6px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:900;\r\n\r\n    line-height:1.2;\r\n\r\n    letter-spacing:1.2px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* ROW DESCRIPTION *\/\r\n\r\n.gta-submit-process-row span {\r\n    display:block;\r\n\r\n    color:\r\n        rgba(255,255,255,.48);\r\n\r\n    font-size:11px;\r\n\r\n    line-height:1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SEND BUTTON\r\n========================================================= *\/\r\n\r\n.gta-submit-main-button {\r\n    display:flex !important;\r\n\r\n    width:100% !important;\r\n\r\n    min-height:52px !important;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:0 17px !important;\r\n\r\n    align-items:center !important;\r\n\r\n    justify-content:center !important;\r\n\r\n    gap:10px !important;\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,39,151,.52) !important;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #8d3dff,\r\n            #ff2798\r\n        ) !important;\r\n\r\n    font-size:11px !important;\r\n\r\n    font-weight:900 !important;\r\n\r\n    line-height:1 !important;\r\n\r\n    letter-spacing:1.7px !important;\r\n\r\n    text-transform:uppercase !important;\r\n}\r\n\r\n\r\n.gta-submit-main-button svg {\r\n    display:block;\r\n\r\n    width:16px;\r\n    height:16px;\r\n\r\n    flex:0 0 16px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL BOTTOM\r\n========================================================= *\/\r\n\r\n.gta-submit-panel-bottom {\r\n    display:flex;\r\n\r\n    justify-content:space-between;\r\n\r\n    align-items:center;\r\n\r\n    gap:20px;\r\n\r\n    margin-top:17px;\r\n\r\n    color:\r\n        rgba(255,255,255,.34);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:900;\r\n\r\n    line-height:1.3;\r\n\r\n    letter-spacing:1.3px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM STRIP\r\n========================================================= *\/\r\n\r\n.gta-submit-strip {\r\n    width:100%;\r\n\r\n    box-sizing:border-box;\r\n\r\n    padding:19px 25px;\r\n\r\n    text-align:center;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(255,255,255,.06);\r\n\r\n    color:\r\n        rgba(255,255,255,.40);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:900;\r\n\r\n    line-height:1.5;\r\n\r\n    letter-spacing:1.8px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL BACK BUTTON\r\n========================================================= *\/\r\n\r\n.gta-submit-back {\r\n    position:absolute !important;\r\n\r\n    z-index:50 !important;\r\n\r\n    top:12px !important;\r\n    right:18px !important;\r\n\r\n    display:inline-flex !important;\r\n\r\n    width:auto !important;\r\n\r\n    min-width:0 !important;\r\n\r\n    max-width:max-content !important;\r\n\r\n    height:23px !important;\r\n\r\n    min-height:23px !important;\r\n\r\n    max-height:23px !important;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:0 7px !important;\r\n\r\n    align-items:center !important;\r\n\r\n    justify-content:center !important;\r\n\r\n    gap:4px !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,41,153,.22) !important;\r\n\r\n    background:\r\n        rgba(4,4,7,.67) !important;\r\n\r\n    color:\r\n        rgba(255,255,255,.48) !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-family:\r\n        Arial,\r\n        sans-serif !important;\r\n\r\n    font-size:5px !important;\r\n\r\n    font-weight:900 !important;\r\n\r\n    line-height:1 !important;\r\n\r\n    letter-spacing:.8px !important;\r\n\r\n    white-space:nowrap !important;\r\n}\r\n\r\n\r\n.gta-submit-back svg {\r\n    display:block;\r\n\r\n    width:8px;\r\n\r\n    height:8px;\r\n\r\n    flex:0 0 8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n@media\r\n(hover:hover)\r\nand\r\n(pointer:fine) {\r\n\r\n    .gta-submit-main-button:hover {\r\n        filter:brightness(1.08);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:900px) {\r\n\r\n    .gta-submit-inner {\r\n        grid-template-columns:1fr;\r\n\r\n        gap:45px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:600px) {\r\n\r\n    .gta-submit-inner {\r\n        width:\r\n            calc(100% - 34px);\r\n\r\n        padding:62px 0 55px;\r\n    }\r\n\r\n\r\n    .gta-submit-title {\r\n        font-size:52px;\r\n    }\r\n\r\n\r\n    .gta-submit-subtitle {\r\n        font-size:11px;\r\n\r\n        letter-spacing:1.6px;\r\n    }\r\n\r\n\r\n    .gta-submit-copy {\r\n        font-size:13px;\r\n\r\n        line-height:1.7;\r\n    }\r\n\r\n\r\n    .gta-submit-note strong {\r\n        font-size:10px;\r\n    }\r\n\r\n\r\n    .gta-submit-note span {\r\n        font-size:10px;\r\n    }\r\n\r\n\r\n    .gta-submit-panel {\r\n        padding:20px;\r\n    }\r\n\r\n\r\n    .gta-submit-panel-head strong {\r\n        font-size:9px;\r\n    }\r\n\r\n\r\n    .gta-submit-open {\r\n        font-size:8px;\r\n    }\r\n\r\n\r\n    .gta-submit-process-row {\r\n        grid-template-columns:\r\n            42px 1fr;\r\n\r\n        min-height:75px;\r\n\r\n        padding:13px;\r\n    }\r\n\r\n\r\n    .gta-submit-process-number {\r\n        font-size:24px;\r\n    }\r\n\r\n\r\n    .gta-submit-process-row strong {\r\n        font-size:10px;\r\n    }\r\n\r\n\r\n    .gta-submit-process-row span {\r\n        font-size:10px;\r\n    }\r\n\r\n\r\n    .gta-submit-main-button {\r\n        min-height:48px !important;\r\n\r\n        font-size:10px !important;\r\n    }\r\n\r\n\r\n    .gta-submit-panel-bottom {\r\n        font-size:7px;\r\n\r\n        gap:10px;\r\n    }\r\n\r\n\r\n    .gta-submit-strip {\r\n        padding:16px 20px;\r\n\r\n        font-size:8px;\r\n\r\n        letter-spacing:1.3px;\r\n    }\r\n\r\n\r\n    .gta-submit-back {\r\n        top:8px !important;\r\n\r\n        right:9px !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section\r\n    id=\"submit\"\r\n    class=\"gta-submit-v2\"\r\n>\r\n\r\n    <!-- BACK -->\r\n\r\n    <a\r\n        href=\"#shorts\"\r\n        class=\"gta-submit-back\"\r\n        aria-label=\"Back to Shorts\"\r\n    >\r\n\r\n        <svg\r\n            viewBox=\"0 0 24 24\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <path\r\n                d=\"M12 18V6M7 11L12 6L17 11\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n        <\/svg>\r\n\r\n        <span>BACK<\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <div class=\"gta-submit-inner\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT\r\n        ================================================== -->\r\n\r\n        <div class=\"gta-submit-left\">\r\n\r\n            <div class=\"gta-submit-label\">\r\n                CLIP SUBMISSIONS\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"gta-submit-title\">\r\n\r\n                YOUR CLIP\r\n\r\n                <span>\r\n                    COULD BE NEXT.\r\n                <\/span>\r\n\r\n            <\/h2>\r\n\r\n\r\n            <div class=\"gta-submit-subtitle\">\r\n                FUNNY. CHAOTIC. UNEXPECTED.\r\n            <\/div>\r\n\r\n\r\n            <p class=\"gta-submit-copy\">\r\n                Captured something worth sharing?\r\n                Send us your GTA clip. We review every submission\r\n                and select standout moments for future videos\r\n                and Shorts.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"gta-submit-note\">\r\n\r\n                <div class=\"gta-submit-note-icon\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <path\r\n                            d=\"M12 3L14.8 8.7L21 9.6L16.5 14L17.6 20.3L12 17.3L6.4 20.3L7.5 14L3 9.6L9.2 8.7Z\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div>\r\n\r\n                    <strong>\r\n                        GET YOUR MOMENT SEEN\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Selected clips may be featured on\r\n                        Grand Theft Auto Clips.\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT PANEL\r\n        ================================================== -->\r\n\r\n        <div class=\"gta-submit-panel\">\r\n\r\n\r\n            <!-- HEADER -->\r\n\r\n            <div class=\"gta-submit-panel-head\">\r\n\r\n                <strong>\r\n                    SUBMISSION PROCESS\r\n                <\/strong>\r\n\r\n                <span class=\"gta-submit-open\">\r\n                    OPEN\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- PROCESS -->\r\n\r\n            <div class=\"gta-submit-process\">\r\n\r\n\r\n                <!-- 01 -->\r\n\r\n                <div class=\"gta-submit-process-row\">\r\n\r\n                    <div class=\"gta-submit-process-number\">\r\n                        01\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            UPLOAD YOUR CLIP\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Send us your GTA moment.\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- 02 -->\r\n\r\n                <div class=\"gta-submit-process-row\">\r\n\r\n                    <div class=\"gta-submit-process-number\">\r\n                        02\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            ADD YOUR NAME\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Tell us who should get the credit.\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- 03 -->\r\n\r\n                <div class=\"gta-submit-process-row\">\r\n\r\n                    <div class=\"gta-submit-process-number\">\r\n                        03\r\n                    <\/div>\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            SEND IT IN\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            We'll take it from here.\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- BUTTON -->\r\n\r\n            <a class=\"gta-submit-main-button\" href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfMPNotoHN7AiuxOEX4yHtpULougm8pUlX_Y1y52FQR-2kp6A\/viewform\" target=\"_blank\" rel=\"noopener\">\r\n\r\n                <span>\r\n                    SEND MY CLIP\r\n                <\/span>\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path\r\n                        d=\"M5 12H19M13 6L19 12L13 18\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n\r\n            <!-- PANEL FOOTER -->\r\n\r\n            <div class=\"gta-submit-panel-bottom\">\r\n\r\n                <span>\r\n                    GRAND THEFT AUTO CLIPS\r\n                <\/span>\r\n\r\n                <span>\r\n                    SUBMISSIONS OPEN\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         BOTTOM STRIP\r\n    ====================================================== -->\r\n\r\n    <div class=\"gta-submit-strip\">\r\n        SELECTED CLIPS MAY BE FEATURED ON GRAND THEFT AUTO CLIPS \/ VIDEOS \/ SHORTS\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5997356 e-con e-atomic-element e-flexbox-base e-674ddc9 \" data-id=\"5997356\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5997356\">\n    \t\t<div class=\"elementor-element elementor-element-73d9375 elementor-widget elementor-widget-html\" data-id=\"73d9375\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.gta-channel-stats,\n.gta-channel-stats * {\n  box-sizing: border-box;\n}\n\n.gta-channel-stats {\n  position: relative;\n  width: 100vw;\n  margin: 0 calc(50% - 50vw);\n  overflow: hidden;\n  color: #fff;\n  font-family: Arial, sans-serif;\n  background:\n    radial-gradient(\n      circle at 75% 20%,\n      rgba(157,45,255,.12),\n      transparent 32%\n    ),\n    linear-gradient(180deg, #09070d, #07070a);\n}\n\n.gta-channel-stats::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 2px;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    #843cff,\n    #ff2798,\n    transparent\n  );\n}\n\n.gta-stats-inner {\n  width: min(1500px, 92vw);\n  margin: 0 auto;\n  padding: 82px 0 72px;\n}\n\n.gta-stats-label {\n  margin-bottom: 9px;\n  color: #ff48ab;\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n}\n\n.gta-stats-title {\n  margin: 0;\n  color: #fff;\n  font-family: Impact, \"Arial Narrow\", Arial, sans-serif;\n  font-size: clamp(52px, 5.4vw, 78px);\n  line-height: .9;\n  text-transform: uppercase;\n}\n\n.gta-stats-title span {\n  color: transparent;\n  background: linear-gradient(90deg, #913cff, #ff299b);\n  background-clip: text;\n  -webkit-background-clip: text;\n}\n\n.gta-stats-description {\n  max-width: 720px;\n  margin: 17px 0 38px;\n  color: rgba(255,255,255,.52);\n  font-size: 15px;\n  line-height: 1.7;\n}\n\n.gta-stats-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 12px;\n}\n\n.gta-stat-card {\n  position: relative;\n  min-height: 190px;\n  padding: 24px;\n  overflow: hidden;\n  border: 1px solid rgba(255,255,255,.075);\n  background: linear-gradient(\n    145deg,\n    rgba(255,255,255,.026),\n    rgba(255,255,255,.009)\n  );\n  transition:\n    transform .22s ease,\n    border-color .22s ease,\n    background .22s ease;\n}\n\n.gta-stat-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 48px;\n  height: 2px;\n  background: linear-gradient(90deg, #913cff, #ff299b);\n  transition: width .25s ease;\n}\n\n.gta-stat-card-head {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 32px;\n}\n\n.gta-stat-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 44px;\n  height: 44px;\n  flex: 0 0 44px;\n  color: #ff45aa;\n  border: 1px solid rgba(255,47,158,.26);\n  background: rgba(255,41,155,.025);\n}\n\n.gta-stat-icon svg {\n  display: block;\n  width: 20px;\n  height: 20px;\n}\n\n.gta-stat-name {\n  color: rgba(255,255,255,.62);\n  font-size: 10px;\n  font-weight: 900;\n  line-height: 1.25;\n  letter-spacing: 1.6px;\n  text-transform: uppercase;\n}\n\n.gta-stat-value {\n  display: block;\n  margin: 0;\n  color: #fff;\n  font-family: Impact, \"Arial Narrow\", Arial, sans-serif;\n  font-size: clamp(42px, 3.5vw, 58px);\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: .2px;\n  overflow-wrap: anywhere;\n}\n\n.gta-stat-note {\n  display: block;\n  margin-top: 9px;\n  color: rgba(255,255,255,.42);\n  font-size: 9px;\n  font-weight: 700;\n  line-height: 1.4;\n  letter-spacing: .6px;\n}\n\n.gta-stats-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  margin-top: 25px;\n  padding-top: 21px;\n  border-top: 1px solid rgba(255,255,255,.065);\n}\n\n.gta-stats-live {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  color: rgba(255,255,255,.57);\n  font-size: 10px;\n  font-weight: 900;\n  line-height: 1.5;\n  letter-spacing: 1.6px;\n  text-transform: uppercase;\n}\n\n.gta-stats-live-dot {\n  position: relative;\n  width: 9px;\n  height: 9px;\n  flex: 0 0 9px;\n  border-radius: 50%;\n  background: #606066;\n  transition: background .3s ease, box-shadow .3s ease;\n}\n\n.gta-stats-live.is-live .gta-stats-live-dot {\n  background: #43dc7a;\n  box-shadow: 0 0 8px rgba(67,220,122,.65);\n}\n\n.gta-stats-live.is-live .gta-stats-live-dot::before {\n  content: \"\";\n  position: absolute;\n  inset: -5px;\n  border-radius: 50%;\n  border: 1px solid rgba(67,220,122,.55);\n  animation: gtaLivePulse 1.8s ease-out infinite;\n}\n\n@keyframes gtaLivePulse {\n  0% {\n    transform: scale(.6);\n    opacity: .9;\n  }\n  65%, 100% {\n    transform: scale(1.9);\n    opacity: 0;\n  }\n}\n\n.gta-stats-link {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  width: auto !important;\n  color: rgba(255,255,255,.65) !important;\n  text-decoration: none !important;\n  font-size: 10px !important;\n  font-weight: 900 !important;\n  line-height: 1 !important;\n  letter-spacing: 1.4px !important;\n  text-transform: uppercase;\n}\n\n.gta-stats-link svg {\n  width: 14px;\n  height: 14px;\n}\n\n.gta-stats-back {\n  position: absolute !important;\n  z-index: 5;\n  top: 12px;\n  right: 18px;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  gap: 5px;\n  width: auto !important;\n  margin: 0 !important;\n  padding: 6px 8px !important;\n  color: rgba(255,255,255,.58) !important;\n  text-decoration: none !important;\n  border: 1px solid rgba(255,41,153,.22);\n  background: rgba(4,4,7,.67);\n  font-size: 8px !important;\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: .8px;\n}\n\n.gta-stats-back svg {\n  width: 10px;\n  height: 10px;\n}\n\n.gta-channel-stats a:focus-visible {\n  outline: 3px solid #bd83ff;\n  outline-offset: 5px;\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .gta-stat-card:hover {\n    transform: translateY(-3px);\n    border-color: rgba(255,43,155,.20);\n    background: linear-gradient(\n      145deg,\n      rgba(143,55,255,.045),\n      rgba(255,41,155,.015)\n    );\n  }\n\n  .gta-stat-card:hover::before {\n    width: 100%;\n  }\n}\n\n@media (max-width: 950px) {\n  .gta-stats-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 600px) {\n  .gta-stats-inner {\n    width: calc(100% - 34px);\n    padding: 62px 0 55px;\n  }\n\n  .gta-stats-title {\n    font-size: 52px;\n  }\n\n  .gta-stats-description {\n    font-size: 13px;\n  }\n\n  .gta-stats-grid {\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n\n  .gta-stat-card {\n    min-height: auto;\n    padding: 20px;\n  }\n\n  .gta-stat-card-head {\n    margin-bottom: 22px;\n  }\n\n  .gta-stat-value {\n    font-size: 44px;\n  }\n\n  .gta-stats-footer {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 17px;\n  }\n\n  .gta-stats-live {\n    font-size: 9px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .gta-channel-stats *,\n  .gta-channel-stats *::before {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n<\/style>\n\n<section\n  id=\"stats\"\n  class=\"gta-channel-stats\"\n  aria-labelledby=\"gta-channel-stats-title\"\n>\n  <a\n    href=\"#submit\"\n    class=\"gta-stats-back\"\n    aria-label=\"Back to Submit Clip\"\n  >\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n      <path\n        d=\"M12 18V6M7 11L12 6L17 11\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n      \/>\n    <\/svg>\n    BACK\n  <\/a>\n\n  <div class=\"gta-stats-inner\">\n    <div class=\"gta-stats-label\">\n      GRAND THEFT AUTO CLIPS\n    <\/div>\n\n    <h2 class=\"gta-stats-title\" id=\"gta-channel-stats-title\">\n      CHANNEL <span>STATS.<\/span>\n    <\/h2>\n\n    <p class=\"gta-stats-description\">\n      Updated numbers from the Grand Theft Auto Clips YouTube channel.\n    <\/p>\n\n    <div class=\"gta-stats-grid\">\n      <div class=\"gta-stat-card\">\n        <div class=\"gta-stat-card-head\">\n          <div class=\"gta-stat-icon\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              aria-hidden=\"true\"\n            >\n              <circle cx=\"9\" cy=\"8\" r=\"3\"\/>\n              <path d=\"M3 19c0-3.3 2.7-6 6-6s6 2.7 6 6\"\/>\n              <path d=\"M15 6.5c2 0 3.5 1.5 3.5 3.5 0 1.3-.7 2.4-1.7 3M16 14c2.8.2 5 2.4 5 5\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"gta-stat-name\">SUBSCRIBERS<\/span>\n        <\/div>\n\n        <strong id=\"gta-stat-subscribers\" class=\"gta-stat-value\">--<\/strong>\n        <span class=\"gta-stat-note\">YouTube channel subscribers<\/span>\n      <\/div>\n\n      <div class=\"gta-stat-card\">\n        <div class=\"gta-stat-card-head\">\n          <div class=\"gta-stat-icon\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              aria-hidden=\"true\"\n            >\n              <path d=\"M2.5 12S6 6.5 12 6.5 21.5 12 21.5 12 18 17.5 12 17.5 2.5 12 2.5 12Z\"\/>\n              <circle cx=\"12\" cy=\"12\" r=\"2.5\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"gta-stat-name\">TOTAL VIEWS<\/span>\n        <\/div>\n\n        <strong id=\"gta-stat-views\" class=\"gta-stat-value\">--<\/strong>\n        <span class=\"gta-stat-note\">Views across all uploads<\/span>\n      <\/div>\n\n      <div class=\"gta-stat-card\">\n        <div class=\"gta-stat-card-head\">\n          <div class=\"gta-stat-icon\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linejoin=\"round\"\n              aria-hidden=\"true\"\n            >\n              <path d=\"M8 11 11 4c.5-1.1 2-.7 2 .5V9h5c1.7 0 2.8 1.7 2.2 3.2l-2 5.8c-.3.8-1 1.3-1.9 1.3H8M8 11v8M8 11H4v8h4\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"gta-stat-name\">TOTAL LIKES<\/span>\n        <\/div>\n\n        <strong id=\"gta-stat-likes\" class=\"gta-stat-value\">--<\/strong>\n        <span class=\"gta-stat-note\">Likes across available public uploads<\/span>\n      <\/div>\n\n      <div class=\"gta-stat-card\">\n        <div class=\"gta-stat-card-head\">\n          <div class=\"gta-stat-icon\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              aria-hidden=\"true\"\n            >\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\n              <path d=\"m10 9 5 3-5 3Z\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"gta-stat-name\">PUBLIC UPLOADS<\/span>\n        <\/div>\n\n        <strong id=\"gta-stat-uploads\" class=\"gta-stat-value\">--<\/strong>\n        <span class=\"gta-stat-note\">Videos and Shorts published<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"gta-stats-footer\">\n      <div id=\"gta-stats-live\" class=\"gta-stats-live\">\n        <span class=\"gta-stats-live-dot\" aria-hidden=\"true\"><\/span>\n        <span id=\"gta-stats-live-text\" role=\"status\">\n          CONNECTING TO YOUTUBE\n        <\/span>\n      <\/div>\n\n      <a class=\"gta-stats-link\" href=\"https:\/\/www.youtube.com\/channel\/UCQyx4qo5cVU-xWfYfQElUmg\" target=\"_blank\" rel=\"noopener noreferrer\">\n        VIEW CHANNEL\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path\n            d=\"M5 12h14m-6-6 6 6-6 6\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n          \/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const API_KEY = \"AIzaSyB-mjYA379OCuY-gauqzYU21WtDv1Qp2QU\";\n  const CHANNEL_ID = \"UCQyx4qo5cVU-xWfYfQElUmg\";\n\n  const section = document.getElementById(\"stats\");\n  if (!section) return;\n\n  function element(id) {\n    return section.querySelector(\"#\" + id);\n  }\n\n  function setValue(id, value) {\n    const output = element(id);\n    if (!output) return;\n\n    output.textContent = value === null\n      ? \"--\"\n      : value.toLocaleString(\"en-US\");\n  }\n\n  function readNumber(value) {\n    if (value === undefined || value === null || value === \"\") {\n      return null;\n    }\n\n    const number = Number(value);\n\n    return Number.isFinite(number) && number >= 0\n      ? number\n      : null;\n  }\n\n  function setStatus(message, connected) {\n    const indicator = element(\"gta-stats-live\");\n    const label = element(\"gta-stats-live-text\");\n\n    if (indicator) {\n      indicator.classList.toggle(\"is-live\", connected);\n    }\n\n    if (label) label.textContent = message;\n  }\n\n  async function request(endpoint, parameters) {\n    const url = new URL(\n      \"https:\/\/www.googleapis.com\/youtube\/v3\/\" + endpoint\n    );\n\n    for (const [name, value] of Object.entries({\n      ...parameters,\n      key: API_KEY\n    })) {\n      url.searchParams.set(name, value);\n    }\n\n    const controller = new AbortController();\n    const timeout = setTimeout(() => controller.abort(), 15000);\n\n    try {\n      const response = await fetch(url.href, {\n        signal: controller.signal\n      });\n\n      const data = await response.json();\n\n      if (!response.ok || data.error) {\n        throw new Error(\n          data.error?.message || \"YouTube request failed\"\n        );\n      }\n\n      if (!Array.isArray(data.items)) {\n        throw new Error(\"Invalid YouTube response\");\n      }\n\n      return data;\n    } finally {\n      clearTimeout(timeout);\n    }\n  }\n\n  async function getUploadIds(playlistId) {\n    const ids = new Set();\n    const seenTokens = new Set();\n\n    let pageToken = \"\";\n\n    do {\n      const data = await request(\"playlistItems\", {\n        part: \"contentDetails\",\n        maxResults: 50,\n        playlistId,\n        ...(pageToken ? { pageToken } : {})\n      });\n\n      for (const item of data.items) {\n        const id = item.contentDetails?.videoId;\n        if (id) ids.add(id);\n      }\n\n      pageToken = data.nextPageToken || \"\";\n\n      if (pageToken && seenTokens.has(pageToken)) {\n        throw new Error(\"Repeated uploads page\");\n      }\n\n      seenTokens.add(pageToken);\n    } while (pageToken);\n\n    return [...ids];\n  }\n\n  async function getTotalLikes(videoIds) {\n    let total = 0;\n\n    for (let index = 0; index < videoIds.length; index += 50) {\n      const data = await request(\"videos\", {\n        part: \"statistics,status\",\n        id: videoIds.slice(index, index + 50).join(\",\")\n      });\n\n      for (const video of data.items) {\n        if (video.status?.privacyStatus !== \"public\") continue;\n\n        const count = readNumber(video.statistics?.likeCount);\n\n        if (count === null) {\n          throw new Error(\"A public like count is unavailable\");\n        }\n\n        total += count;\n      }\n    }\n\n    return total;\n  }\n\n  async function loadStats() {\n    setStatus(\"CONNECTING TO YOUTUBE\", false);\n\n    try {\n      const data = await request(\"channels\", {\n        part: \"statistics,contentDetails\",\n        id: CHANNEL_ID\n      });\n\n      const channel = data.items[0];\n\n      if (!channel?.statistics) {\n        throw new Error(\"Channel not found\");\n      }\n\n      const statistics = channel.statistics;\n\n      setValue(\n        \"gta-stat-subscribers\",\n        statistics.hiddenSubscriberCount\n          ? null\n          : readNumber(statistics.subscriberCount)\n      );\n\n      setValue(\n        \"gta-stat-views\",\n        readNumber(statistics.viewCount)\n      );\n\n      setValue(\n        \"gta-stat-uploads\",\n        readNumber(statistics.videoCount)\n      );\n\n      setStatus(\"CHANNEL DATA UPDATED \u00b7 LOADING LIKES\", true);\n\n      try {\n        const playlistId =\n          channel.contentDetails?.relatedPlaylists?.uploads;\n\n        if (!playlistId) {\n          throw new Error(\"Uploads playlist unavailable\");\n        }\n\n        const videoIds = await getUploadIds(playlistId);\n        const totalLikes = await getTotalLikes(videoIds);\n\n        setValue(\"gta-stat-likes\", totalLikes);\n        setStatus(\"YOUTUBE DATA UPDATED\", true);\n      } catch (error) {\n        setValue(\"gta-stat-likes\", null);\n        setStatus(\"CHANNEL UPDATED \u00b7 LIKES UNAVAILABLE\", true);\n\n        console.error(\"GTA Clips likes:\", error.message);\n      }\n    } catch (error) {\n      setStatus(\"DATA OFFLINE \u2014 CHECK API SETTINGS\", false);\n\n      console.error(\"GTA Clips channel stats:\", error.message);\n    }\n  }\n\n  loadStats();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-db23c02 e-con e-atomic-element e-flexbox-base e-7b62f56 \" data-id=\"db23c02\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"db23c02\">\n    \t\t<div class=\"elementor-element elementor-element-68c0623 elementor-widget elementor-widget-html\" data-id=\"68c0623\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Standalone Elementor HTML widget: videos -->\r\n<style>\r\n\r\n\/* =========================================================\r\n   LATEST VIDEOS\r\n========================================================= *\/\r\n\r\n.gta-video-slider-section {\r\n    position:relative;\r\n    width:100vw;\r\n\r\n    margin:0 calc(50% - 50vw);\r\n\r\n    overflow:hidden;\r\n\r\n    color:#fff;\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 80% 15%,\r\n            rgba(151,42,255,.11),\r\n            transparent 30%\r\n        ),\r\n        #07080b;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.gta-video-slider-inner {\r\n    width:min(1500px,92vw);\r\n\r\n    margin:0 auto;\r\n\r\n    padding:85px 0 88px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.gta-video-header {\r\n    display:flex;\r\n\r\n    align-items:flex-end;\r\n    justify-content:space-between;\r\n\r\n    gap:30px;\r\n\r\n    margin-bottom:34px;\r\n}\r\n\r\n\r\n.gta-video-eyebrow {\r\n    margin-bottom:9px;\r\n\r\n    color:#ff46aa;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:2.4px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-video-title {\r\n    margin:0;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            52px,\r\n            5.8vw,\r\n            78px\r\n        );\r\n\r\n    line-height:.9;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-video-title span {\r\n    color:transparent;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #873dff,\r\n            #ff2698\r\n        );\r\n\r\n    background-clip:text;\r\n\r\n    -webkit-background-clip:text;\r\n}\r\n\r\n\r\n.gta-video-copy {\r\n    max-width:680px;\r\n\r\n    margin:17px 0 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.52);\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   YOUTUBE BUTTON\r\n========================================================= *\/\r\n\r\n.gta-video-youtube {\r\n    display:inline-flex !important;\r\n\r\n    width:auto !important;\r\n\r\n    min-width:0 !important;\r\n\r\n    max-width:max-content !important;\r\n\r\n    height:42px !important;\r\n\r\n    min-height:42px !important;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:0 15px !important;\r\n\r\n    align-items:center !important;\r\n\r\n    justify-content:center !important;\r\n\r\n    gap:8px !important;\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,42,153,.38) !important;\r\n\r\n    background:\r\n        rgba(255,255,255,.024) !important;\r\n\r\n    font-size:10px !important;\r\n\r\n    font-weight:900 !important;\r\n\r\n    line-height:1 !important;\r\n\r\n    letter-spacing:1.5px !important;\r\n\r\n    text-transform:uppercase;\r\n\r\n    white-space:nowrap !important;\r\n}\r\n\r\n\r\n.gta-video-youtube svg {\r\n    display:block;\r\n\r\n    width:14px;\r\n    height:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRACK\r\n========================================================= *\/\r\n\r\n.gta-video-track {\r\n    display:flex;\r\n\r\n    gap:16px;\r\n\r\n    overflow-x:auto;\r\n    overflow-y:hidden;\r\n\r\n    padding:2px 1px 5px;\r\n\r\n    scroll-snap-type:x mandatory;\r\n\r\n    scroll-behavior:smooth;\r\n\r\n    scrollbar-width:none;\r\n\r\n    -webkit-overflow-scrolling:touch;\r\n}\r\n\r\n\r\n.gta-video-track::-webkit-scrollbar {\r\n    display:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.gta-video-card {\r\n    position:relative;\r\n\r\n    flex:\r\n        0 0\r\n        calc(\r\n            (100% - 32px) \/ 3\r\n        );\r\n\r\n    box-sizing:border-box;\r\n\r\n    scroll-snap-align:start;\r\n\r\n    overflow:hidden;\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.08);\r\n\r\n    background:\r\n        rgba(255,255,255,.018);\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        border-color .25s ease,\r\n        box-shadow .25s ease;\r\n}\r\n\r\n\r\n@media\r\n(hover:hover)\r\nand\r\n(pointer:fine) {\r\n\r\n    .gta-video-card:hover {\r\n        transform:\r\n            translateY(-3px);\r\n\r\n        border-color:\r\n            rgba(255,42,153,.25);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIVE CARD\r\n========================================================= *\/\r\n\r\n.gta-video-card.gta-video-is-live {\r\n    border-color:\r\n        rgba(255,33,79,.38);\r\n\r\n    box-shadow:\r\n        0 0 25px\r\n        rgba(255,33,79,.08);\r\n}\r\n\r\n\r\n.gta-video-card.gta-video-is-live::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    z-index:8;\r\n\r\n    top:0;\r\n    left:0;\r\n    right:0;\r\n\r\n    height:2px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #ff214f,\r\n            #ff299b\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   THUMB\r\n========================================================= *\/\r\n\r\n.gta-video-thumb {\r\n    position:relative;\r\n\r\n    aspect-ratio:16 \/ 9;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#111;\r\n}\r\n\r\n\r\n.gta-video-thumb img {\r\n    display:block;\r\n\r\n    width:100% !important;\r\n    height:100% !important;\r\n\r\n    object-fit:cover !important;\r\n\r\n    transition:\r\n        transform .35s ease;\r\n}\r\n\r\n\r\n.gta-video-card:hover\r\n.gta-video-thumb img {\r\n    transform:\r\n        scale(1.035);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLAY BUTTON\r\n========================================================= *\/\r\n\r\n.gta-video-play {\r\n    position:absolute;\r\n\r\n    z-index:4;\r\n\r\n    left:18px;\r\n    bottom:18px;\r\n\r\n    width:44px;\r\n    height:44px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    color:#fff;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.32);\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #833cff,\r\n            #ff299b\r\n        );\r\n}\r\n\r\n\r\n.gta-video-play svg {\r\n    width:18px;\r\n    height:18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIVE BADGE\r\n========================================================= *\/\r\n\r\n.gta-video-live-badge {\r\n    position:absolute;\r\n\r\n    z-index:7;\r\n\r\n    top:14px;\r\n    left:14px;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    padding:8px 10px;\r\n\r\n    color:#fff;\r\n\r\n    background:\r\n        rgba(14,5,9,.88);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,33,79,.48);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(10px);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1.4px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-video-live-dot {\r\n    position:relative;\r\n\r\n    width:9px;\r\n    height:9px;\r\n\r\n    flex:0 0 9px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#ff214f;\r\n\r\n    box-shadow:\r\n        0 0 9px\r\n        rgba(255,33,79,.95);\r\n}\r\n\r\n\r\n.gta-video-live-dot::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:-5px;\r\n\r\n    border-radius:50%;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,33,79,.55);\r\n\r\n    animation:\r\n        gtaVideoLivePulse\r\n        1.7s ease-out\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes gtaVideoLivePulse {\r\n\r\n    0% {\r\n        transform:scale(.65);\r\n        opacity:.9;\r\n    }\r\n\r\n    70% {\r\n        transform:scale(2);\r\n        opacity:0;\r\n    }\r\n\r\n    100% {\r\n        transform:scale(2);\r\n        opacity:0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMPLETED LIVESTREAM BADGE\r\n========================================================= *\/\r\n\r\n.gta-video-stream-badge {\r\n    position:absolute;\r\n\r\n    z-index:6;\r\n\r\n    top:14px;\r\n    left:14px;\r\n\r\n    padding:7px 9px;\r\n\r\n    color:#fff;\r\n\r\n    background:\r\n        rgba(8,5,12,.80);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.14);\r\n\r\n    font-size:7px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1.2px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.gta-video-content {\r\n    padding:20px 18px 19px;\r\n}\r\n\r\n\r\n.gta-video-card-title {\r\n    margin:0;\r\n\r\n    min-height:52px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:17px;\r\n\r\n    font-weight:700;\r\n\r\n    line-height:1.45;\r\n}\r\n\r\n\r\n.gta-video-meta {\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    margin-top:12px;\r\n\r\n    color:\r\n        rgba(255,255,255,.42);\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1.2;\r\n\r\n    letter-spacing:1px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-video-meta-live {\r\n    color:#ff4668;\r\n}\r\n\r\n\r\n.gta-video-meta-live-dot {\r\n    width:7px;\r\n    height:7px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#ff214f;\r\n\r\n    box-shadow:\r\n        0 0 7px\r\n        rgba(255,33,79,.7);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTROLS\r\n========================================================= *\/\r\n\r\n.gta-video-controls {\r\n    display:flex;\r\n\r\n    justify-content:flex-end;\r\n\r\n    gap:8px;\r\n\r\n    margin-top:19px;\r\n}\r\n\r\n\r\n.gta-video-control {\r\n    display:flex !important;\r\n\r\n    width:38px !important;\r\n    min-width:38px !important;\r\n    max-width:38px !important;\r\n\r\n    height:38px !important;\r\n    min-height:38px !important;\r\n    max-height:38px !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.09) !important;\r\n\r\n    background:\r\n        rgba(255,255,255,.025) !important;\r\n\r\n    color:#fff !important;\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n\r\n.gta-video-control svg {\r\n    width:17px;\r\n    height:17px;\r\n}\r\n\r\n\r\n.gta-video-control:disabled {\r\n    opacity:.22;\r\n\r\n    cursor:default;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n.gta-video-dots {\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n\r\n    gap:7px;\r\n\r\n    margin-top:12px;\r\n}\r\n\r\n\r\n.gta-video-dot {\r\n    width:7px !important;\r\n    min-width:7px !important;\r\n    max-width:7px !important;\r\n\r\n    height:7px !important;\r\n    min-height:7px !important;\r\n    max-height:7px !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    border:0 !important;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.22) !important;\r\n}\r\n\r\n\r\n.gta-video-dot.active {\r\n    background:\r\n        #ff299b !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACK\r\n========================================================= *\/\r\n\r\n.gta-video-back {\r\n    position:absolute !important;\r\n\r\n    z-index:50 !important;\r\n\r\n    top:12px !important;\r\n    right:18px !important;\r\n\r\n    display:inline-flex !important;\r\n\r\n    width:auto !important;\r\n    max-width:max-content !important;\r\n\r\n    height:23px !important;\r\n    min-height:23px !important;\r\n\r\n    padding:0 7px !important;\r\n    margin:0 !important;\r\n\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n\r\n    gap:4px !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,41,153,.22) !important;\r\n\r\n    background:\r\n        rgba(4,4,7,.67) !important;\r\n\r\n    color:\r\n        rgba(255,255,255,.48) !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:5px !important;\r\n\r\n    font-weight:900 !important;\r\n\r\n    letter-spacing:.8px !important;\r\n}\r\n\r\n\r\n.gta-video-back svg {\r\n    width:8px;\r\n    height:8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px) {\r\n\r\n    .gta-video-card {\r\n        flex:\r\n            0 0\r\n            calc(\r\n                (100% - 16px) \/ 2\r\n            );\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:700px) {\r\n\r\n    .gta-video-slider-inner {\r\n        width:\r\n            calc(100% - 34px);\r\n\r\n        padding:60px 0 65px;\r\n    }\r\n\r\n\r\n    .gta-video-header {\r\n        display:block;\r\n    }\r\n\r\n\r\n    .gta-video-youtube {\r\n        margin-top:18px !important;\r\n\r\n        height:40px !important;\r\n\r\n        min-height:40px !important;\r\n\r\n        font-size:9px !important;\r\n    }\r\n\r\n\r\n    .gta-video-copy {\r\n        font-size:13px;\r\n    }\r\n\r\n\r\n    .gta-video-card {\r\n        flex:0 0 100%;\r\n    }\r\n\r\n\r\n    .gta-video-card-title {\r\n        min-height:auto;\r\n\r\n        font-size:15px;\r\n    }\r\n\r\n\r\n    .gta-video-meta {\r\n        font-size:9px;\r\n    }\r\n\r\n\r\n    .gta-video-live-badge {\r\n        font-size:7px;\r\n\r\n        padding:7px 9px;\r\n    }\r\n\r\n\r\n    .gta-video-back {\r\n        top:8px !important;\r\n\r\n        right:9px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n\r\n    .gta-video-live-dot::before {\r\n        animation:none;\r\n    }\r\n\r\n}\r\n\r\n\r\n#videos,#videos *{box-sizing:border-box;}\r\n#videos{scroll-margin-top:90px;}\r\n#videos .gta-media-categories{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:8px;width:fit-content;max-width:100%;border:1px solid #ffffff24;background:rgba(17,10,26,.6);}\r\n#videos .gta-media-categories button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:auto;margin:0;padding:12px 22px;border:1px solid transparent;border-radius:0;background:transparent;color:#d8cce2;font:900 11px\/1.4 Arial,sans-serif;letter-spacing:1.5px;cursor:pointer;}\r\n#videos .gta-media-categories button[aria-pressed=\"true\"]{background:linear-gradient(110deg,#843bdf,#d1288b);border-color:#e666b7;color:#fff;}\r\n#videos .gta-media-categories button:hover{color:#fff;border-color:#b981d6;}\r\n#videos .gta-media-categories button:focus-visible{outline:3px solid #fff;outline-offset:3px;}\r\n@media(max-width:450px){#videos .gta-media-categories button{padding:12px 14px;font-size:10px;letter-spacing:1px;}\r\n}\r\n#gta-media-status,#gta-media-empty-videos{color:#c7bed1;font:13px\/1.6 Arial,sans-serif;}\r\n#gta-media-empty-videos:empty{display:none;}\r\n#gta-video-track > a:focus-visible{outline:3px solid #fff;outline-offset:-4px;}\r\n#gta-video-prev:disabled,#gta-video-next:disabled{opacity:.35;cursor:default;}\r\n#gta-video-dots button{padding:0;width:12px;height:12px;min-height:12px;border:1px solid #b884d6;border-radius:50%;background:#33223f;cursor:pointer;}\r\n#gta-video-dots button.is-active{background:#fa39ac;}\r\n@media(prefers-reduced-motion:reduce){#videos *{animation:none !important;scroll-behavior:auto !important;}\r\n}\r\n<\/style>\r\n<section\r\n    id=\"videos\"\r\n    class=\"gta-video-slider-section\"\r\n>\r\n\r\n\r\n    <a\r\n        href=\"#home\"\r\n        class=\"gta-video-back\"\r\n        aria-label=\"Back to How It Works\"\r\n    >\r\n\r\n        <svg\r\n            viewBox=\"0 0 24 24\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <path\r\n                d=\"M12 18V6M7 11L12 6L17 11\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n        <\/svg>\r\n\r\n        <span>BACK<\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <div class=\"gta-video-slider-inner\">\r\n\r\n\r\n        <div class=\"gta-video-header\">\r\n\r\n\r\n            <div>\r\n\r\n                <div class=\"gta-video-eyebrow\">\r\n                    WATCH THE LATEST\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"gta-video-title\">\r\n                    LATEST\r\n                    <span>VIDEOS<\/span>\r\n                <\/h2>\r\n\r\n\r\n                <p class=\"gta-video-copy\">\r\n                    Watch the newest Grand Theft Auto Clips uploads,\r\n                    GTA moments and livestreams.\r\n                    Active livestreams always appear first.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a class=\"gta-video-youtube\" href=\"https:\/\/www.youtube.com\/channel\/UCQyx4qo5cVU-xWfYfQElUmg\" target=\"_blank\" rel=\"noopener\">\r\n\r\n                <span>\r\n                    VISIT YOUTUBE\r\n                <\/span>\r\n\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path\r\n                        d=\"M5 12H19M13 6L19 12L13 18\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gta-media-categories\" role=\"group\" aria-label=\"Choose video category\">\r\n    <button type=\"button\" id=\"gta-category-videos\" aria-pressed=\"true\" aria-controls=\"gta-video-track\">VIDEOS<\/button>\r\n    <button type=\"button\" id=\"gta-category-streams\" aria-pressed=\"false\" aria-controls=\"gta-video-track\">LIVESTREAMS<\/button>\r\n<\/div>\r\n<p id=\"gta-media-status\" role=\"status\">LOADING YOUTUBE CONTENT<\/p><p id=\"gta-media-empty-videos\"><\/p>\r\n<div\r\n            id=\"gta-video-track\"\r\n            class=\"gta-video-track\"\r\n        ><\/div>\r\n\r\n\r\n        <div class=\"gta-video-controls\">\r\n\r\n\r\n            <button\r\n                id=\"gta-video-prev\"\r\n                class=\"gta-video-control\"\r\n                type=\"button\"\r\n                aria-label=\"Previous videos\"\r\n            >\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path\r\n                        d=\"M15 5L8 12L15 19\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n                <\/svg>\r\n\r\n            <\/button>\r\n\r\n\r\n            <button\r\n                id=\"gta-video-next\"\r\n                class=\"gta-video-control\"\r\n                type=\"button\"\r\n                aria-label=\"Next videos\"\r\n            >\r\n\r\n                <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <path\r\n                        d=\"M9 5L16 12L9 19\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n                <\/svg>\r\n\r\n            <\/button>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n            id=\"gta-video-dots\"\r\n            class=\"gta-video-dots\"\r\n        ><\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n<script>\r\n(() => {\r\n    'use strict';\r\n    const SECTION_ID = 'videos';\r\n    const API_KEY = 'AIzaSyB-mjYA379OCuY-gauqzYU21WtDv1Qp2QU';\r\n    const CHANNEL_ID = 'UCQyx4qo5cVU-xWfYfQElUmg';\r\n    const CHANNEL_URL = 'https:\/\/www.youtube.com\/channel\/' + CHANNEL_ID;\r\n    const CACHE_KEY = 'gta-split-media-v1-' + SECTION_ID + '-' + CHANNEL_ID;\r\n    const REFRESH_MS = 15 * 60 * 1000;\r\n    const section = document.getElementById(SECTION_ID);\r\n    const byId = id => id === SECTION_ID ? section : section?.querySelector('#' + id);\r\n    if (!section || section.dataset.mediaReady) return;\r\n    section.dataset.mediaReady = 'true';\r\n    const esc = value => String(value ?? '').replace(\/[&<>\"']\/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c]));\r\n    const validId = id => \/^[A-Za-z0-9_-]{11}$\/.test(id || '');\r\n    const isLive = v => v.snippet?.liveBroadcastContent === 'live' || Boolean(v.liveStreamingDetails?.actualStartTime && !v.liveStreamingDetails?.actualEndTime);\r\n    const isUpcoming = v => v.snippet?.liveBroadcastContent === 'upcoming';\r\n    function seconds(v) {\r\n        const m = String(v.contentDetails?.duration || '').match(\/^P(?:(\\d+)D)?T(?:(\\d+)H)?(?:(\\d+)M)?(?:(\\d+(?:\\.\\d+)?)S)?$\/);\r\n        return m ? Number(m[1]||0)*86400+Number(m[2]||0)*3600+Number(m[3]||0)*60+Number(m[4]||0) : 0;\r\n    }\r\n    \/\/ Public video metadata has no definitive Shorts flag. Use explicit labels,\r\n    \/\/ not duration alone: short landscape videos must stay in Latest Videos.\r\n    function isShort(v) {\r\n        if (typeof v.gtaIsShort === \"boolean\") return v.gtaIsShort;\r\n        if (v.liveStreamingDetails || isLive(v) || isUpcoming(v)) return false;\r\n        const text = [v.snippet?.title,v.snippet?.description,...(v.snippet?.tags||[])].join(' ');\r\n        return seconds(v)>0 && seconds(v)<=180 && \/(?:#shorts?\\b|\\byoutube shorts?\\b|\\bshorts\\b)\/i.test(text);\r\n    }\r\n    const play = '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 5L19 12L8 19Z\" fill=\"currentColor\"\/><\/svg>';\r\n    function card(v, short = false) {\r\n        const href = short ? 'https:\/\/www.youtube.com\/shorts\/'+v.id : 'https:\/\/www.youtube.com\/watch?v='+v.id;\r\n        const thumbnails = v.snippet?.thumbnails || {};\r\n        const candidates = [...new Set(['maxres','standard','high','medium','default']\r\n            .map(size => thumbnails[size]?.url).filter(Boolean)\r\n            .concat('https:\/\/i.ytimg.com\/vi\/'+v.id+'\/hqdefault.jpg'))];\r\n        const image = esc(candidates[0]);\r\n        const fallback = esc(JSON.stringify(candidates.slice(1)));\r\n        if (short) return `<a class=\"gta-shorts-new-card\" href=\"${href}\" target=\"_blank\" rel=\"noopener\"><img class=\"gta-shorts-new-image\" src=\"${image}\" data-thumbnail-fallback=\"${fallback}\" alt=\"\" loading=\"lazy\" decoding=\"async\"><span class=\"gta-shorts-new-overlay\"><\/span><span class=\"gta-shorts-new-play\">${play}<\/span><div class=\"gta-shorts-new-info\"><div class=\"gta-shorts-new-label\">YOUTUBE SHORT<\/div><h3 class=\"gta-shorts-new-card-title\">${esc(v.snippet.title)}<\/h3><\/div><\/a>`;\r\n        const live = isLive(v);\r\n        const label = live ? 'LIVE NOW' : isUpcoming(v) ? 'UPCOMING STREAM' : v.liveStreamingDetails ? 'LIVESTREAM REPLAY' : 'VIDEO';\r\n        const badge = live ? '<span class=\"gta-video-live-badge\"><span class=\"gta-video-live-dot\"><\/span>LIVE NOW<\/span>' : `<span class=\"gta-video-stream-badge\">${label}<\/span>`;\r\n        const views = Number(v.statistics?.viewCount);\r\n        return `<a class=\"gta-video-card${live?' gta-video-is-live':''}\" href=\"${href}\" target=\"_blank\" rel=\"noopener\"><div class=\"gta-video-thumb\"><img src=\"${image}\" data-thumbnail-fallback=\"${fallback}\" alt=\"\" loading=\"lazy\" decoding=\"async\">${badge}<span class=\"gta-video-play\">${play}<\/span><\/div><div class=\"gta-video-content\"><h3 class=\"gta-video-card-title\">${esc(v.snippet.title)}<\/h3><div class=\"gta-video-meta\">${Number.isFinite(views)?views.toLocaleString('en-US')+' VIEWS':label}<\/div><\/div><\/a>`;\r\n    }\r\n    function carousel(trackId, prevId, nextId, dotsId, prefix) {\r\n        const track=byId(trackId), prev=byId(prevId), next=byId(nextId), dots=byId(dotsId);\r\n        \/\/ Image errors do not bubble: capture errors for current and future cards.\r\n        track.addEventListener('error',event=>{\r\n            const image=event.target;\r\n            if(image.tagName!=='IMG' || !image.dataset.thumbnailFallback)return;\r\n            let candidates=[];\r\n            try {candidates=JSON.parse(image.dataset.thumbnailFallback);}catch{}\r\n            const next=candidates.shift();\r\n            image.dataset.thumbnailFallback=JSON.stringify(candidates);\r\n            if(next)image.src=next;\r\n        },true);\r\n        let count=0;\r\n        const step=()=>track.firstElementChild?.getBoundingClientRect().width + (parseFloat(getComputedStyle(track).gap)||0) || track.clientWidth;\r\n        const move=i=>track.scrollTo({left:i*step(),behavior:matchMedia('(prefers-reduced-motion: reduce)').matches?'auto':'smooth'});\r\n        function update() {\r\n            const max=Math.max(0,track.scrollWidth-track.clientWidth);\r\n            prev.disabled=track.scrollLeft<2;\r\n            next.disabled=track.scrollLeft>=max-2;\r\n            const index=Math.round(track.scrollLeft\/step());\r\n            [...dots.children].forEach((button,i)=>{button.classList.toggle('is-active',i===index);button.setAttribute('aria-current',String(i===index));});\r\n        }\r\n        prev.addEventListener('click',()=>move(Math.round(track.scrollLeft\/step())-1));\r\n        next.addEventListener('click',()=>move(Math.round(track.scrollLeft\/step())+1));\r\n        track.addEventListener('scroll',update,{passive:true});\r\n        window.addEventListener('resize',update);\r\n        return items=>{\r\n            count=items.length;\r\n            track.innerHTML=items.join('');\r\n            dots.replaceChildren();\r\n            for(let i=0;i<count;i++) {\r\n                const button=document.createElement('button');button.type='button';button.className=prefix+'-dot';button.setAttribute('aria-label','Show item '+(i+1));button.addEventListener('click',()=>move(i));dots.append(button);\r\n            }\r\n            requestAnimationFrame(update);\r\n        };\r\n    }\r\n    const videos=SECTION_ID === 'videos' ? carousel('gta-video-track','gta-video-prev','gta-video-next','gta-video-dots','gta-video') : () => {};\r\n    const shorts=SECTION_ID === 'shorts' ? carousel('gta-shorts-new-track','gta-shorts-new-prev','gta-shorts-new-next','gta-shorts-new-dots','gta-shorts-new') : () => {};\r\n    let selectedCategory='videos';\r\n    let latestItems=[];\r\n    function isMinecraft(video) {\r\n        const snippet = video.snippet || {};\r\n        const tags = Array.isArray(snippet.tags) ? snippet.tags : [];\r\n        const metadata = [snippet.title || \"\", snippet.description || \"\", ...tags].join(\" \" );\r\n        return \/minecraft\/i.test(metadata);\r\n    }\r\n    const isStream=v=>Boolean(v.liveStreamingDetails) || isLive(v) || isUpcoming(v);\r\n    function renderCategory() {\r\n        if (SECTION_ID !== 'videos') return;\r\n        const streams=selectedCategory==='streams';\r\n        \/\/ Strict regular-video list: unlabelled Shorts must never fall through.\r\n        \/\/ Clips up to 180 seconds are ambiguous in public API metadata.\r\n        \/\/ Leave those out of Videos, without assuming they are all Shorts.\r\n        const items=latestItems.filter(v=>!isMinecraft(v) && (streams?isStream(v):!isStream(v)&&!isShort(v)&&seconds(v)>180));\r\n        if(streams)items.sort((a,b)=>Number(isLive(b))-Number(isLive(a)));\r\n        videos(items.slice(0,9).map(v=>card(v)));\r\n        text('gta-media-empty-videos',items.length?'':streams?'No livestreams found in recent uploads. View all streams on YouTube.':'No regular videos longer than 3 minutes found in recent uploads. Visit our YouTube channel.');\r\n        for(const category of ['videos','streams']) {\r\n            const button=byId('gta-category-'+category);\r\n            button.setAttribute('aria-pressed',String(category===selectedCategory));\r\n        }\r\n    }\r\n    for(const category of ['videos','streams']) {\r\n        byId('gta-category-'+category)?.addEventListener('click',()=>{\r\n            if(category===selectedCategory)return;\r\n            selectedCategory=category;\r\n            byId('gta-video-track').scrollLeft=0;\r\n            renderCategory();\r\n        });\r\n    }\r\n    function status(value) { text('gta-media-status',value); }\r\n    function text(id,value) { const el=byId(id);if(el)el.textContent=value; }\r\n    let currentLive='';\r\n    function liveTV(video, failed=false) {\r\n        if (SECTION_ID !== 'live-tv') return;\r\n        const live=Boolean(video), root=byId('live-tv'), offline=byId('gta-live-offline');\r\n        root.classList.toggle('is-live',live);\r\n        root.dataset.live=String(live);\r\n        text('gta-live-status-text',live?'LIVE NOW':failed?'STATUS UNAVAILABLE':'OFFLINE');\r\n        text('gta-live-eyebrow',live?'ON AIR NOW':'GRAND THEFT AUTO CLIPS');\r\n        text('gta-live-program-label',live?'NOW PLAYING':'TV STATION');\r\n        text('gta-live-program-title',video?.snippet.title || 'Grand Theft Auto Clips Live TV');\r\n        text('gta-live-tech-text',failed?'LIVE STATUS COULD NOT BE CHECKED':'YOUTUBE DATA UPDATED');\r\n        text('gta-live-offline-small',failed?'CONNECTION UNAVAILABLE':'OFF AIR');\r\n        text('gta-live-offline-title',failed?'CHECK YOUTUBE DIRECTLY':'WE ARE NOT LIVE RIGHT NOW');\r\n        text('gta-live-offline-copy',failed?'We could not confirm the live status. Open the channel on YouTube to check.':'Watch the latest clips above or visit our channel for more streams.');\r\n        const link=byId('gta-live-youtube-link');\r\n        link.href=live?'https:\/\/www.youtube.com\/watch?v='+video.id:CHANNEL_URL+'\/streams';\r\n        text('gta-live-youtube-text',live?'WATCH ON YOUTUBE':'VIEW STREAMS');\r\n        offline.hidden=live && video.status?.embeddable!==false;\r\n        const id=live && video.status?.embeddable!==false?video.id:'';\r\n        if(id!==currentLive) {\r\n            byId('gta-restored-live-frame')?.remove();\r\n            if(id) {\r\n                const frame=document.createElement('iframe');frame.id='gta-restored-live-frame';frame.title=video.snippet.title;\r\n                frame.src='https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&mute=1&playsinline=1&rel=0';\r\n                frame.allow='autoplay; encrypted-media; picture-in-picture; fullscreen';frame.allowFullscreen=true;frame.referrerPolicy='strict-origin-when-cross-origin';\r\n                byId('gta-live-player').append(frame);\r\n            }\r\n            currentLive=id;\r\n        }\r\n        if(live && video.status?.embeddable===false) {\r\n            text('gta-live-offline-title','WE ARE LIVE ON YOUTUBE');\r\n            text('gta-live-offline-copy','This stream can only be watched on YouTube. Use WATCH ON YOUTUBE below.');\r\n        }\r\n    }\r\n    function render(data) {\r\n        const items=data.items.filter(v=>validId(v.id)&&v.snippet);\r\n        const latest=[...items].sort((a,b)=>Date.parse(b.snippet.publishedAt)-Date.parse(a.snippet.publishedAt));\r\n        latestItems=latest;\r\n        const short=latest.filter(isShort).slice(0,9);\r\n        renderCategory();\r\n        shorts(short.map(v=>card(v,true)));\r\n        text('gta-media-empty-shorts',data.shortsFailed\r\n            ? (short.length?'The Shorts collection is temporarily unavailable. Showing Shorts identified in recent uploads.':'Shorts could not be loaded. Use VIEW ALL SHORTS to watch them on YouTube.')\r\n            : (short.length?'':'No public Shorts found. View all Shorts on YouTube.'));\r\n        liveTV(items.find(isLive),data.liveFailed);\r\n        status(data.liveFailed?'Videos updated. Live status could not be fully checked.':'LATEST YOUTUBE CONTENT \u00b7 UPDATED AUTOMATICALLY');\r\n    }\r\n    const requests = window.GTAClipsMediaRequestPool || (window.GTAClipsMediaRequestPool = new Map());\r\n    async function api(resource,params) {\r\n        const signature = JSON.stringify([API_KEY,resource,params]);\r\n        const existing = requests.get(signature);\r\n        if(existing && Date.now()-existing.time<60000)return existing.promise;\r\n        const promise = directApi(resource,params);\r\n        const entry = {promise,time:Date.now()};\r\n        requests.set(signature,entry);\r\n        promise.catch(()=>{if(requests.get(signature)===entry)requests.delete(signature);});\r\n        return promise;\r\n    }\r\n    async function directApi(resource,params) {\r\n        const controller=new AbortController();const timeout=setTimeout(()=>controller.abort(),15000);\r\n        try {\r\n            const query=new URLSearchParams({...params,key:API_KEY});\r\n            const response=await fetch('https:\/\/www.googleapis.com\/youtube\/v3\/'+resource+'?'+query,{signal:controller.signal});\r\n            if(!response.ok)throw new Error('YouTube request failed');\r\n            const data=await response.json();if(data.error)throw new Error('YouTube response error');return data;\r\n        } finally {clearTimeout(timeout);}\r\n    }\r\n    async function load() {\r\n        const channel=(await api('channels',{part:'contentDetails',id:CHANNEL_ID})).items?.[0];\r\n        if(!channel?.contentDetails?.relatedPlaylists?.uploads)throw new Error('Channel unavailable');\r\n        const ids=new Set();let pageToken='';\r\n        \/\/ This channel's Shorts collection was verified with playlistItems.list.\r\n        \/\/ YouTube does not document the derived playlist prefix as a stable contract;\r\n        \/\/ keep a labelled fallback if the collection becomes unavailable.\r\n        const shortIds=new Set();let shortsFailed=false;\r\n        try {\r\n            const data=await api('playlistItems',{part:'contentDetails',playlistId:'UUSH'+channel.id.slice(2),maxResults:'50'});\r\n            for(const item of data.items||[]) {\r\n                const id=item.contentDetails?.videoId;\r\n                if(validId(id)){shortIds.add(id);ids.add(id);}\r\n            }\r\n        } catch { shortsFailed=true; }\r\n\r\n        \/\/ Scan the latest 150 uploads so Shorts do not crowd out regular videos.\r\n        for(let page=0;page<3;page++) {\r\n            const data=await api('playlistItems',{part:'contentDetails',playlistId:channel.contentDetails.relatedPlaylists.uploads,maxResults:'50',...(pageToken?{pageToken}:{})});\r\n            for(const item of data.items||[]) if(validId(item.contentDetails?.videoId))ids.add(item.contentDetails.videoId);\r\n            pageToken=data.nextPageToken;if(!pageToken)break;\r\n        }\r\n        let liveFailed=false;\r\n        try {\r\n            const live=await api('search',{part:'snippet',channelId:channel.id,type:'video',eventType:'live',maxResults:'5'});\r\n            for(const item of live.items||[])if(validId(item.id?.videoId))ids.add(item.id.videoId);\r\n        } catch { liveFailed=true; }\r\n        const all=[...ids],items=[];\r\n        for(let i=0;i<all.length;i+=50) items.push(...((await api('videos',{part:'snippet,contentDetails,statistics,liveStreamingDetails,status',id:all.slice(i,i+50).join(',')})).items||[]));\r\n        for(const video of items) {\r\n            if(!shortsFailed) video.gtaIsShort=shortIds.has(video.id);\r\n        }\r\n        return {items,liveFailed,shortsFailed,time:Date.now()};\r\n    }\r\n    let busy=false,lastSuccess=0;\r\n    async function refresh() {\r\n        if(busy || !section.isConnected || document.hidden)return;\r\n        busy=true;\r\n        try {const data=await load();render(data);lastSuccess=data.time;try{sessionStorage.setItem(CACHE_KEY,JSON.stringify(data));}catch{}}\r\n        catch {\r\n            text('gta-media-empty-videos',lastSuccess?'YouTube update failed. Previously loaded videos remain available.':'YouTube content could not be loaded. Visit our YouTube channel.');\r\n            text('gta-media-empty-shorts',lastSuccess?'YouTube update failed. Previously loaded Shorts remain available.':'Shorts could not be loaded. Use VIEW ALL SHORTS to watch them on YouTube.');\r\n            status(lastSuccess?'YouTube update failed. Showing previously loaded videos.':'YouTube content could not be loaded. Use the YouTube links to view videos and streams.');\r\n            liveTV(null,true);\r\n        } finally {busy=false;}\r\n    }\r\n    let cached=null;\r\n    try {cached=JSON.parse(sessionStorage.getItem(CACHE_KEY)||'null');}catch{}\r\n    if(cached && Array.isArray(cached.items) && Number.isFinite(cached.time) && Date.now()-cached.time<REFRESH_MS) {\r\n        render(cached);lastSuccess=cached.time;\r\n    } else {refresh();}\r\n    const interval=setInterval(()=>{if(!section.isConnected){clearInterval(interval);return;}refresh();},REFRESH_MS);\r\n    document.addEventListener('visibilitychange',()=>{if(!document.hidden && Date.now()-lastSuccess>=REFRESH_MS)refresh();});\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7f51161 e-con e-atomic-element e-flexbox-base e-420f5ee \" data-id=\"7f51161\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7f51161\">\n    \t\t<div class=\"elementor-element elementor-element-295b3af elementor-widget elementor-widget-html\" data-id=\"295b3af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Standalone Elementor HTML widget: shorts -->\r\n<style>\r\n\r\n\/* =========================================================\r\n   SHORTS SECTION\r\n========================================================= *\/\r\n\r\n.gta-shorts-new {\r\n    position:relative;\r\n\r\n    width:100vw;\r\n\r\n    margin:0 calc(50% - 50vw);\r\n\r\n    overflow:hidden;\r\n\r\n    color:#fff;\r\n\r\n    font-family:Arial,sans-serif;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 18% 10%,\r\n            rgba(137,52,255,.14),\r\n            transparent 32%\r\n        ),\r\n        radial-gradient(\r\n            circle at 85% 70%,\r\n            rgba(255,38,151,.07),\r\n            transparent 36%\r\n        ),\r\n        linear-gradient(\r\n            180deg,\r\n            #09070d 0%,\r\n            #07080b 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.gta-shorts-new-inner {\r\n    width:min(1500px,92vw);\r\n\r\n    margin:0 auto;\r\n\r\n    padding:82px 0 85px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.gta-shorts-new-head {\r\n    display:flex;\r\n\r\n    align-items:flex-end;\r\n    justify-content:space-between;\r\n\r\n    gap:35px;\r\n\r\n    margin-bottom:36px;\r\n}\r\n\r\n\r\n.gta-shorts-new-eyebrow {\r\n    margin-bottom:10px;\r\n\r\n    color:#ff45aa;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:2.6px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-shorts-new-title {\r\n    margin:0;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:clamp(52px,5.8vw,82px);\r\n\r\n    line-height:.88;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-shorts-new-title span {\r\n    color:transparent;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #883cff 0%,\r\n            #c72fdb 45%,\r\n            #ff2698 100%\r\n        );\r\n\r\n    background-clip:text;\r\n    -webkit-background-clip:text;\r\n}\r\n\r\n\r\n.gta-shorts-new-copy {\r\n    max-width:700px;\r\n\r\n    margin:17px 0 0;\r\n\r\n    color:rgba(255,255,255,.52);\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIEW ALL BUTTON\r\n========================================================= *\/\r\n\r\n.gta-shorts-new-all {\r\n    display:inline-flex !important;\r\n\r\n    width:auto !important;\r\n    min-width:0 !important;\r\n    max-width:max-content !important;\r\n\r\n    height:43px !important;\r\n    min-height:43px !important;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:0 16px !important;\r\n\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n\r\n    gap:9px !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,40,153,.38) !important;\r\n\r\n    background:\r\n        rgba(255,255,255,.025) !important;\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:10px !important;\r\n\r\n    font-weight:900 !important;\r\n\r\n    letter-spacing:1.5px !important;\r\n\r\n    text-transform:uppercase;\r\n\r\n    white-space:nowrap !important;\r\n}\r\n\r\n\r\n.gta-shorts-new-all svg {\r\n    width:15px;\r\n    height:15px;\r\n\r\n    display:block;\r\n\r\n    flex:0 0 15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER WRAPPER\r\n========================================================= *\/\r\n\r\n.gta-shorts-new-slider {\r\n    width:min(1220px,100%);\r\n\r\n    margin:0 auto;\r\n}\r\n\r\n\r\n.gta-shorts-new-track {\r\n    display:flex;\r\n\r\n    width:100%;\r\n\r\n    gap:18px;\r\n\r\n    overflow-x:auto;\r\n    overflow-y:hidden;\r\n\r\n    scroll-snap-type:x mandatory;\r\n\r\n    scroll-behavior:smooth;\r\n\r\n    scrollbar-width:none;\r\n\r\n    -webkit-overflow-scrolling:touch;\r\n}\r\n\r\n\r\n.gta-shorts-new-track::-webkit-scrollbar {\r\n    display:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHORT CARD\r\n========================================================= *\/\r\n\r\n.gta-shorts-new-card {\r\n    position:relative;\r\n\r\n    flex:\r\n        0 0\r\n        calc(\r\n            (100% - 36px) \/ 3\r\n        );\r\n\r\n    width:\r\n        calc(\r\n            (100% - 36px) \/ 3\r\n        );\r\n\r\n    aspect-ratio:9 \/ 14;\r\n\r\n    scroll-snap-align:start;\r\n\r\n    overflow:hidden;\r\n\r\n    box-sizing:border-box;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.085);\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #15091e,\r\n            #08070b\r\n        );\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    clip-path:\r\n        polygon(\r\n            12px 0,\r\n            100% 0,\r\n            100% calc(100% - 12px),\r\n            calc(100% - 12px) 100%,\r\n            0 100%,\r\n            0 12px\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FULL CARD IMAGE\r\n========================================================= *\/\r\n\r\n.gta-shorts-new-image {\r\n    position:absolute !important;\r\n\r\n    z-index:1 !important;\r\n\r\n    inset:0 !important;\r\n\r\n    display:block !important;\r\n\r\n    width:100% !important;\r\n    height:100% !important;\r\n\r\n    max-width:none !important;\r\n    max-height:none !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    object-fit:cover !important;\r\n\r\n    object-position:center center !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OVERLAY\r\n========================================================= *\/\r\n\r\n.gta-shorts-new-overlay {\r\n    position:absolute;\r\n\r\n    z-index:2;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(5,4,8,.08) 0%,\r\n            rgba(5,4,8,.04) 35%,\r\n            rgba(5,4,8,.35) 62%,\r\n            rgba(5,4,8,.96) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLAY ICON\r\n========================================================= *\/\r\n\r\n.gta-shorts-new-play {\r\n    position:absolute;\r\n\r\n    z-index:4;\r\n\r\n    top:17px;\r\n    right:17px;\r\n\r\n    width:42px;\r\n    height:42px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    color:#fff;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.25);\r\n\r\n    background:\r\n        rgba(7,5,12,.65);\r\n\r\n    backdrop-filter:blur(10px);\r\n\r\n    -webkit-backdrop-filter:blur(10px);\r\n}\r\n\r\n\r\n.gta-shorts-new-play svg {\r\n    width:17px;\r\n    height:17px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.gta-shorts-new-info {\r\n    position:absolute;\r\n\r\n    z-index:4;\r\n\r\n    left:20px;\r\n    right:20px;\r\n    bottom:20px;\r\n}\r\n\r\n\r\n.gta-shorts-new-label {\r\n    margin-bottom:8px;\r\n\r\n    color:#ff41a5;\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1.8px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-shorts-new-card-title {\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:16px;\r\n\r\n    font-weight:700;\r\n\r\n    line-height:1.45;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLACEHOLDER\r\n========================================================= *\/\r\n\r\n.gta-shorts-new-placeholder {\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n.gta-shorts-new-placeholder::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:260px;\r\n    height:260px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(136,53,255,.17);\r\n\r\n    filter:blur(75px);\r\n}\r\n\r\n\r\n.gta-shorts-placeholder-content {\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    width:75%;\r\n}\r\n\r\n\r\n.gta-shorts-placeholder-logo {\r\n    display:block !important;\r\n\r\n    width:70% !important;\r\n\r\n    max-width:190px !important;\r\n\r\n    height:auto !important;\r\n\r\n    margin:0 auto 25px !important;\r\n}\r\n\r\n\r\n.gta-shorts-placeholder-small {\r\n    margin-bottom:10px;\r\n\r\n    color:#ff48aa;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:2.3px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-shorts-placeholder-title {\r\n    margin:0;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:30px;\r\n\r\n    line-height:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTROLS\r\n========================================================= *\/\r\n\r\n.gta-shorts-new-controls {\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n\r\n    margin-top:22px;\r\n}\r\n\r\n\r\n.gta-shorts-new-control {\r\n    display:flex !important;\r\n\r\n    width:42px !important;\r\n    min-width:42px !important;\r\n    max-width:42px !important;\r\n\r\n    height:42px !important;\r\n    min-height:42px !important;\r\n    max-height:42px !important;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.10) !important;\r\n\r\n    background:\r\n        rgba(255,255,255,.025) !important;\r\n\r\n    color:#fff !important;\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n\r\n.gta-shorts-new-control svg {\r\n    width:18px;\r\n    height:18px;\r\n}\r\n\r\n\r\n.gta-shorts-new-control:disabled {\r\n    opacity:.2;\r\n\r\n    cursor:default;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n.gta-shorts-new-dots {\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n\r\n    gap:8px;\r\n\r\n    margin-top:12px;\r\n}\r\n\r\n\r\n.gta-shorts-new-dot {\r\n    width:7px !important;\r\n    min-width:7px !important;\r\n    max-width:7px !important;\r\n\r\n    height:7px !important;\r\n    min-height:7px !important;\r\n    max-height:7px !important;\r\n\r\n    padding:0 !important;\r\n    margin:0 !important;\r\n\r\n    border:0 !important;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.22) !important;\r\n}\r\n\r\n\r\n.gta-shorts-new-dot.active {\r\n    background:#ff2698 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACK\r\n========================================================= *\/\r\n\r\n.gta-shorts-back {\r\n    position:absolute !important;\r\n\r\n    z-index:20 !important;\r\n\r\n    top:12px !important;\r\n    right:18px !important;\r\n\r\n    display:inline-flex !important;\r\n\r\n    width:auto !important;\r\n    min-width:0 !important;\r\n    max-width:max-content !important;\r\n\r\n    height:23px !important;\r\n    min-height:23px !important;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:0 7px !important;\r\n\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n\r\n    gap:4px !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,41,153,.22) !important;\r\n\r\n    background:\r\n        rgba(4,4,7,.67) !important;\r\n\r\n    color:\r\n        rgba(255,255,255,.48) !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:5px !important;\r\n\r\n    font-weight:900 !important;\r\n\r\n    line-height:1 !important;\r\n\r\n    letter-spacing:.8px !important;\r\n}\r\n\r\n\r\n.gta-shorts-back svg {\r\n    display:block;\r\n\r\n    width:8px;\r\n    height:8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px) {\r\n\r\n    .gta-shorts-new-card {\r\n        flex:\r\n            0 0\r\n            calc(\r\n                (100% - 18px) \/ 2\r\n            );\r\n\r\n        width:\r\n            calc(\r\n                (100% - 18px) \/ 2\r\n            );\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:700px) {\r\n\r\n    .gta-shorts-new-inner {\r\n        width:calc(100% - 34px);\r\n\r\n        padding:62px 0 68px;\r\n    }\r\n\r\n\r\n    .gta-shorts-new-head {\r\n        display:block;\r\n    }\r\n\r\n\r\n    .gta-shorts-new-title {\r\n        font-size:50px;\r\n    }\r\n\r\n\r\n    .gta-shorts-new-copy {\r\n        font-size:13px;\r\n    }\r\n\r\n\r\n    .gta-shorts-new-all {\r\n        margin-top:18px !important;\r\n\r\n        height:40px !important;\r\n        min-height:40px !important;\r\n\r\n        font-size:9px !important;\r\n    }\r\n\r\n\r\n    .gta-shorts-new-card {\r\n        flex:0 0 100%;\r\n\r\n        width:100%;\r\n\r\n        aspect-ratio:9 \/ 14;\r\n    }\r\n\r\n\r\n    .gta-shorts-new-card-title {\r\n        font-size:15px;\r\n    }\r\n\r\n\r\n    .gta-shorts-new-label {\r\n        font-size:7px;\r\n    }\r\n\r\n\r\n    .gta-shorts-placeholder-small {\r\n        font-size:9px;\r\n    }\r\n\r\n\r\n    .gta-shorts-placeholder-title {\r\n        font-size:27px;\r\n    }\r\n\r\n\r\n    .gta-shorts-new-control {\r\n        width:38px !important;\r\n        min-width:38px !important;\r\n        max-width:38px !important;\r\n\r\n        height:38px !important;\r\n        min-height:38px !important;\r\n        max-height:38px !important;\r\n    }\r\n\r\n\r\n    .gta-shorts-new-control svg {\r\n        width:16px;\r\n        height:16px;\r\n    }\r\n\r\n\r\n    .gta-shorts-new-dot {\r\n        width:6px !important;\r\n        min-width:6px !important;\r\n        max-width:6px !important;\r\n\r\n        height:6px !important;\r\n        min-height:6px !important;\r\n        max-height:6px !important;\r\n    }\r\n\r\n\r\n    .gta-shorts-back {\r\n        top:8px !important;\r\n        right:9px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n#shorts,#shorts *{box-sizing:border-box;}\r\n#shorts{scroll-margin-top:90px;}\r\n#gta-media-empty-shorts{color:#c7bed1;font:13px\/1.6 Arial,sans-serif;}\r\n#gta-media-empty-shorts:empty{display:none;}\r\n#gta-shorts-new-track > a:focus-visible{outline:3px solid #fff;outline-offset:-4px;}\r\n#gta-shorts-new-prev:disabled,#gta-shorts-new-next:disabled{opacity:.35;cursor:default;}\r\n#gta-shorts-new-dots button{padding:0;width:12px;height:12px;min-height:12px;border:1px solid #b884d6;border-radius:50%;background:#33223f;cursor:pointer;}\r\n#gta-shorts-new-dots button.is-active{background:#fa39ac;}\r\n@media(prefers-reduced-motion:reduce){#shorts *{animation:none !important;scroll-behavior:auto !important;}\r\n}\r\n<\/style>\r\n<section\r\n    id=\"shorts\"\r\n    class=\"gta-shorts-new\"\r\n>\r\n\r\n    <a\r\n        class=\"gta-shorts-back\"\r\n        href=\"#videos\"\r\n        aria-label=\"Back to videos\"\r\n    >\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path\r\n                d=\"M12 18V6M7 11L12 6L17 11\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n        <\/svg>\r\n\r\n        <span>BACK<\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <div class=\"gta-shorts-new-inner\">\r\n\r\n        <div class=\"gta-shorts-new-head\">\r\n\r\n            <div>\r\n\r\n                <div class=\"gta-shorts-new-eyebrow\">\r\n                    QUICK ACTION. EPIC MOMENTS.\r\n                <\/div>\r\n\r\n                <h2 class=\"gta-shorts-new-title\">\r\n                    LATEST\r\n                    <span>SHORTS<\/span>\r\n                <\/h2>\r\n\r\n                <p class=\"gta-shorts-new-copy\">\r\n                    Watch the latest fast-paced GTA clips,\r\n                    fails, chaos, stunts and community moments.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a class=\"gta-shorts-new-all\" href=\"https:\/\/www.youtube.com\/@grandtheftautoclipss\/shorts\" target=\"_blank\" rel=\"noopener\">\r\n\r\n                <span>VIEW ALL SHORTS<\/span>\r\n\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path\r\n                        d=\"M5 12H19M13 6L19 12L13 18\"\r\n                        fill=\"none\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n                <\/svg>\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gta-shorts-new-slider\">\r\n\r\n            <p id=\"gta-media-empty-shorts\" role=\"status\"><\/p>\r\n<div\r\n                id=\"gta-shorts-new-track\"\r\n                class=\"gta-shorts-new-track\"\r\n            ><\/div>\r\n\r\n\r\n            <div class=\"gta-shorts-new-controls\">\r\n\r\n                <button\r\n                    id=\"gta-shorts-new-prev\"\r\n                    class=\"gta-shorts-new-control\"\r\n                    type=\"button\"\r\n                    aria-label=\"Previous Shorts\"\r\n                >\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path\r\n                            d=\"M15 5L8 12L15 19\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n                    <\/svg>\r\n\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    id=\"gta-shorts-new-next\"\r\n                    class=\"gta-shorts-new-control\"\r\n                    type=\"button\"\r\n                    aria-label=\"Next Shorts\"\r\n                >\r\n\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                        <path\r\n                            d=\"M9 5L16 12L9 19\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n                    <\/svg>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                id=\"gta-shorts-new-dots\"\r\n                class=\"gta-shorts-new-dots\"\r\n            ><\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n<script>\r\n(() => {\r\n    'use strict';\r\n    const SECTION_ID = 'shorts';\r\n    const API_KEY = 'AIzaSyB-mjYA379OCuY-gauqzYU21WtDv1Qp2QU';\r\n    const CHANNEL_ID = 'UCQyx4qo5cVU-xWfYfQElUmg';\r\n    const CHANNEL_URL = 'https:\/\/www.youtube.com\/channel\/' + CHANNEL_ID;\r\n    const CACHE_KEY = 'gta-split-media-v1-' + SECTION_ID + '-' + CHANNEL_ID;\r\n    const REFRESH_MS = 15 * 60 * 1000;\r\n    const section = document.getElementById(SECTION_ID);\r\n    const byId = id => id === SECTION_ID ? section : section?.querySelector('#' + id);\r\n    if (!section || section.dataset.mediaReady) return;\r\n    section.dataset.mediaReady = 'true';\r\n    const esc = value => String(value ?? '').replace(\/[&<>\"']\/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c]));\r\n    const validId = id => \/^[A-Za-z0-9_-]{11}$\/.test(id || '');\r\n    const isLive = v => v.snippet?.liveBroadcastContent === 'live' || Boolean(v.liveStreamingDetails?.actualStartTime && !v.liveStreamingDetails?.actualEndTime);\r\n    const isUpcoming = v => v.snippet?.liveBroadcastContent === 'upcoming';\r\n    function seconds(v) {\r\n        const m = String(v.contentDetails?.duration || '').match(\/^P(?:(\\d+)D)?T(?:(\\d+)H)?(?:(\\d+)M)?(?:(\\d+(?:\\.\\d+)?)S)?$\/);\r\n        return m ? Number(m[1]||0)*86400+Number(m[2]||0)*3600+Number(m[3]||0)*60+Number(m[4]||0) : 0;\r\n    }\r\n    \/\/ Public video metadata has no definitive Shorts flag. Use explicit labels,\r\n    \/\/ not duration alone: short landscape videos must stay in Latest Videos.\r\n    function isShort(v) {\r\n        if (typeof v.gtaIsShort === \"boolean\") return v.gtaIsShort;\r\n        if (v.liveStreamingDetails || isLive(v) || isUpcoming(v)) return false;\r\n        const text = [v.snippet?.title,v.snippet?.description,...(v.snippet?.tags||[])].join(' ');\r\n        return seconds(v)>0 && seconds(v)<=180 && \/(?:#shorts?\\b|\\byoutube shorts?\\b|\\bshorts\\b)\/i.test(text);\r\n    }\r\n    const play = '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 5L19 12L8 19Z\" fill=\"currentColor\"\/><\/svg>';\r\n    function card(v, short = false) {\r\n        const href = short ? 'https:\/\/www.youtube.com\/shorts\/'+v.id : 'https:\/\/www.youtube.com\/watch?v='+v.id;\r\n        const thumbnails = v.snippet?.thumbnails || {};\r\n        const candidates = [...new Set(['maxres','standard','high','medium','default']\r\n            .map(size => thumbnails[size]?.url).filter(Boolean)\r\n            .concat('https:\/\/i.ytimg.com\/vi\/'+v.id+'\/hqdefault.jpg'))];\r\n        const image = esc(candidates[0]);\r\n        const fallback = esc(JSON.stringify(candidates.slice(1)));\r\n        if (short) return `<a class=\"gta-shorts-new-card\" href=\"${href}\" target=\"_blank\" rel=\"noopener\"><img class=\"gta-shorts-new-image\" src=\"${image}\" data-thumbnail-fallback=\"${fallback}\" alt=\"\" loading=\"lazy\" decoding=\"async\"><span class=\"gta-shorts-new-overlay\"><\/span><span class=\"gta-shorts-new-play\">${play}<\/span><div class=\"gta-shorts-new-info\"><div class=\"gta-shorts-new-label\">YOUTUBE SHORT<\/div><h3 class=\"gta-shorts-new-card-title\">${esc(v.snippet.title)}<\/h3><\/div><\/a>`;\r\n        const live = isLive(v);\r\n        const label = live ? 'LIVE NOW' : isUpcoming(v) ? 'UPCOMING STREAM' : v.liveStreamingDetails ? 'LIVESTREAM REPLAY' : 'VIDEO';\r\n        const badge = live ? '<span class=\"gta-video-live-badge\"><span class=\"gta-video-live-dot\"><\/span>LIVE NOW<\/span>' : `<span class=\"gta-video-stream-badge\">${label}<\/span>`;\r\n        const views = Number(v.statistics?.viewCount);\r\n        return `<a class=\"gta-video-card${live?' gta-video-is-live':''}\" href=\"${href}\" target=\"_blank\" rel=\"noopener\"><div class=\"gta-video-thumb\"><img src=\"${image}\" data-thumbnail-fallback=\"${fallback}\" alt=\"\" loading=\"lazy\" decoding=\"async\">${badge}<span class=\"gta-video-play\">${play}<\/span><\/div><div class=\"gta-video-content\"><h3 class=\"gta-video-card-title\">${esc(v.snippet.title)}<\/h3><div class=\"gta-video-meta\">${Number.isFinite(views)?views.toLocaleString('en-US')+' VIEWS':label}<\/div><\/div><\/a>`;\r\n    }\r\n    function carousel(trackId, prevId, nextId, dotsId, prefix) {\r\n        const track=byId(trackId), prev=byId(prevId), next=byId(nextId), dots=byId(dotsId);\r\n        \/\/ Image errors do not bubble: capture errors for current and future cards.\r\n        track.addEventListener('error',event=>{\r\n            const image=event.target;\r\n            if(image.tagName!=='IMG' || !image.dataset.thumbnailFallback)return;\r\n            let candidates=[];\r\n            try {candidates=JSON.parse(image.dataset.thumbnailFallback);}catch{}\r\n            const next=candidates.shift();\r\n            image.dataset.thumbnailFallback=JSON.stringify(candidates);\r\n            if(next)image.src=next;\r\n        },true);\r\n        let count=0;\r\n        const step=()=>track.firstElementChild?.getBoundingClientRect().width + (parseFloat(getComputedStyle(track).gap)||0) || track.clientWidth;\r\n        const move=i=>track.scrollTo({left:i*step(),behavior:matchMedia('(prefers-reduced-motion: reduce)').matches?'auto':'smooth'});\r\n        function update() {\r\n            const max=Math.max(0,track.scrollWidth-track.clientWidth);\r\n            prev.disabled=track.scrollLeft<2;\r\n            next.disabled=track.scrollLeft>=max-2;\r\n            const index=Math.round(track.scrollLeft\/step());\r\n            [...dots.children].forEach((button,i)=>{button.classList.toggle('is-active',i===index);button.setAttribute('aria-current',String(i===index));});\r\n        }\r\n        prev.addEventListener('click',()=>move(Math.round(track.scrollLeft\/step())-1));\r\n        next.addEventListener('click',()=>move(Math.round(track.scrollLeft\/step())+1));\r\n        track.addEventListener('scroll',update,{passive:true});\r\n        window.addEventListener('resize',update);\r\n        return items=>{\r\n            count=items.length;\r\n            track.innerHTML=items.join('');\r\n            dots.replaceChildren();\r\n            for(let i=0;i<count;i++) {\r\n                const button=document.createElement('button');button.type='button';button.className=prefix+'-dot';button.setAttribute('aria-label','Show item '+(i+1));button.addEventListener('click',()=>move(i));dots.append(button);\r\n            }\r\n            requestAnimationFrame(update);\r\n        };\r\n    }\r\n    const videos=SECTION_ID === 'videos' ? carousel('gta-video-track','gta-video-prev','gta-video-next','gta-video-dots','gta-video') : () => {};\r\n    const shorts=SECTION_ID === 'shorts' ? carousel('gta-shorts-new-track','gta-shorts-new-prev','gta-shorts-new-next','gta-shorts-new-dots','gta-shorts-new') : () => {};\r\n    let selectedCategory='videos';\r\n    let latestItems=[];\r\n    const isStream=v=>Boolean(v.liveStreamingDetails) || isLive(v) || isUpcoming(v);\r\n    function renderCategory() {\r\n        if (SECTION_ID !== 'videos') return;\r\n        const streams=selectedCategory==='streams';\r\n        \/\/ Strict regular-video list: unlabelled Shorts must never fall through.\r\n        \/\/ Clips up to 180 seconds are ambiguous in public API metadata.\r\n        \/\/ Leave those out of Videos, without assuming they are all Shorts.\r\n        const items=latestItems.filter(v=>streams?isStream(v):!isStream(v)&&!isShort(v)&&seconds(v)>180);\r\n        if(streams)items.sort((a,b)=>Number(isLive(b))-Number(isLive(a)));\r\n        videos(items.slice(0,9).map(v=>card(v)));\r\n        text('gta-media-empty-videos',items.length?'':streams?'No livestreams found in recent uploads. View all streams on YouTube.':'No regular videos longer than 3 minutes found in recent uploads. Visit our YouTube channel.');\r\n        for(const category of ['videos','streams']) {\r\n            const button=byId('gta-category-'+category);\r\n            button.setAttribute('aria-pressed',String(category===selectedCategory));\r\n        }\r\n    }\r\n    for(const category of ['videos','streams']) {\r\n        byId('gta-category-'+category)?.addEventListener('click',()=>{\r\n            if(category===selectedCategory)return;\r\n            selectedCategory=category;\r\n            byId('gta-video-track').scrollLeft=0;\r\n            renderCategory();\r\n        });\r\n    }\r\n    function status(value) { text('gta-media-status',value); }\r\n    function text(id,value) { const el=byId(id);if(el)el.textContent=value; }\r\n    let currentLive='';\r\n    function liveTV(video, failed=false) {\r\n        if (SECTION_ID !== 'live-tv') return;\r\n        const live=Boolean(video), root=byId('live-tv'), offline=byId('gta-live-offline');\r\n        root.classList.toggle('is-live',live);\r\n        root.dataset.live=String(live);\r\n        text('gta-live-status-text',live?'LIVE NOW':failed?'STATUS UNAVAILABLE':'OFFLINE');\r\n        text('gta-live-eyebrow',live?'ON AIR NOW':'GRAND THEFT AUTO CLIPS');\r\n        text('gta-live-program-label',live?'NOW PLAYING':'TV STATION');\r\n        text('gta-live-program-title',video?.snippet.title || 'Grand Theft Auto Clips Live TV');\r\n        text('gta-live-tech-text',failed?'LIVE STATUS COULD NOT BE CHECKED':'YOUTUBE DATA UPDATED');\r\n        text('gta-live-offline-small',failed?'CONNECTION UNAVAILABLE':'OFF AIR');\r\n        text('gta-live-offline-title',failed?'CHECK YOUTUBE DIRECTLY':'WE ARE NOT LIVE RIGHT NOW');\r\n        text('gta-live-offline-copy',failed?'We could not confirm the live status. Open the channel on YouTube to check.':'Watch the latest clips above or visit our channel for more streams.');\r\n        const link=byId('gta-live-youtube-link');\r\n        link.href=live?'https:\/\/www.youtube.com\/watch?v='+video.id:CHANNEL_URL+'\/streams';\r\n        text('gta-live-youtube-text',live?'WATCH ON YOUTUBE':'VIEW STREAMS');\r\n        offline.hidden=live && video.status?.embeddable!==false;\r\n        const id=live && video.status?.embeddable!==false?video.id:'';\r\n        if(id!==currentLive) {\r\n            byId('gta-restored-live-frame')?.remove();\r\n            if(id) {\r\n                const frame=document.createElement('iframe');frame.id='gta-restored-live-frame';frame.title=video.snippet.title;\r\n                frame.src='https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&mute=1&playsinline=1&rel=0';\r\n                frame.allow='autoplay; encrypted-media; picture-in-picture; fullscreen';frame.allowFullscreen=true;frame.referrerPolicy='strict-origin-when-cross-origin';\r\n                byId('gta-live-player').append(frame);\r\n            }\r\n            currentLive=id;\r\n        }\r\n        if(live && video.status?.embeddable===false) {\r\n            text('gta-live-offline-title','WE ARE LIVE ON YOUTUBE');\r\n            text('gta-live-offline-copy','This stream can only be watched on YouTube. Use WATCH ON YOUTUBE below.');\r\n        }\r\n    }\r\n    function render(data) {\r\n        const items=data.items.filter(v=>validId(v.id)&&v.snippet);\r\n        const latest=[...items].sort((a,b)=>Date.parse(b.snippet.publishedAt)-Date.parse(a.snippet.publishedAt));\r\n        latestItems=latest;\r\n        const short=latest.filter(isShort).slice(0,9);\r\n        renderCategory();\r\n        shorts(short.map(v=>card(v,true)));\r\n        text('gta-media-empty-shorts',data.shortsFailed\r\n            ? (short.length?'The Shorts collection is temporarily unavailable. Showing Shorts identified in recent uploads.':'Shorts could not be loaded. Use VIEW ALL SHORTS to watch them on YouTube.')\r\n            : (short.length?'':'No public Shorts found. View all Shorts on YouTube.'));\r\n        liveTV(items.find(isLive),data.liveFailed);\r\n        status(data.liveFailed?'Videos updated. Live status could not be fully checked.':'LATEST YOUTUBE CONTENT \u00b7 UPDATED AUTOMATICALLY');\r\n    }\r\n    const requests = window.GTAClipsMediaRequestPool || (window.GTAClipsMediaRequestPool = new Map());\r\n    async function api(resource,params) {\r\n        const signature = JSON.stringify([API_KEY,resource,params]);\r\n        const existing = requests.get(signature);\r\n        if(existing && Date.now()-existing.time<60000)return existing.promise;\r\n        const promise = directApi(resource,params);\r\n        const entry = {promise,time:Date.now()};\r\n        requests.set(signature,entry);\r\n        promise.catch(()=>{if(requests.get(signature)===entry)requests.delete(signature);});\r\n        return promise;\r\n    }\r\n    async function directApi(resource,params) {\r\n        const controller=new AbortController();const timeout=setTimeout(()=>controller.abort(),15000);\r\n        try {\r\n            const query=new URLSearchParams({...params,key:API_KEY});\r\n            const response=await fetch('https:\/\/www.googleapis.com\/youtube\/v3\/'+resource+'?'+query,{signal:controller.signal});\r\n            if(!response.ok)throw new Error('YouTube request failed');\r\n            const data=await response.json();if(data.error)throw new Error('YouTube response error');return data;\r\n        } finally {clearTimeout(timeout);}\r\n    }\r\n    async function load() {\r\n        const channel=(await api('channels',{part:'contentDetails',id:CHANNEL_ID})).items?.[0];\r\n        if(!channel?.contentDetails?.relatedPlaylists?.uploads)throw new Error('Channel unavailable');\r\n        const ids=new Set();let pageToken='';\r\n        \/\/ This channel's Shorts collection was verified with playlistItems.list.\r\n        \/\/ YouTube does not document the derived playlist prefix as a stable contract;\r\n        \/\/ keep a labelled fallback if the collection becomes unavailable.\r\n        const shortIds=new Set();let shortsFailed=false;\r\n        try {\r\n            const data=await api('playlistItems',{part:'contentDetails',playlistId:'UUSH'+channel.id.slice(2),maxResults:'50'});\r\n            for(const item of data.items||[]) {\r\n                const id=item.contentDetails?.videoId;\r\n                if(validId(id)){shortIds.add(id);ids.add(id);}\r\n            }\r\n        } catch { shortsFailed=true; }\r\n\r\n        \/\/ Scan the latest 150 uploads so Shorts do not crowd out regular videos.\r\n        for(let page=0;page<3;page++) {\r\n            const data=await api('playlistItems',{part:'contentDetails',playlistId:channel.contentDetails.relatedPlaylists.uploads,maxResults:'50',...(pageToken?{pageToken}:{})});\r\n            for(const item of data.items||[]) if(validId(item.contentDetails?.videoId))ids.add(item.contentDetails.videoId);\r\n            pageToken=data.nextPageToken;if(!pageToken)break;\r\n        }\r\n        let liveFailed=false;\r\n        try {\r\n            const live=await api('search',{part:'snippet',channelId:channel.id,type:'video',eventType:'live',maxResults:'5'});\r\n            for(const item of live.items||[])if(validId(item.id?.videoId))ids.add(item.id.videoId);\r\n        } catch { liveFailed=true; }\r\n        const all=[...ids],items=[];\r\n        for(let i=0;i<all.length;i+=50) items.push(...((await api('videos',{part:'snippet,contentDetails,statistics,liveStreamingDetails,status',id:all.slice(i,i+50).join(',')})).items||[]));\r\n        for(const video of items) {\r\n            if(!shortsFailed) video.gtaIsShort=shortIds.has(video.id);\r\n        }\r\n        return {items,liveFailed,shortsFailed,time:Date.now()};\r\n    }\r\n    let busy=false,lastSuccess=0;\r\n    async function refresh() {\r\n        if(busy || !section.isConnected || document.hidden)return;\r\n        busy=true;\r\n        try {const data=await load();render(data);lastSuccess=data.time;try{sessionStorage.setItem(CACHE_KEY,JSON.stringify(data));}catch{}}\r\n        catch {\r\n            text('gta-media-empty-videos',lastSuccess?'YouTube update failed. Previously loaded videos remain available.':'YouTube content could not be loaded. Visit our YouTube channel.');\r\n            text('gta-media-empty-shorts',lastSuccess?'YouTube update failed. Previously loaded Shorts remain available.':'Shorts could not be loaded. Use VIEW ALL SHORTS to watch them on YouTube.');\r\n            status(lastSuccess?'YouTube update failed. Showing previously loaded videos.':'YouTube content could not be loaded. Use the YouTube links to view videos and streams.');\r\n            liveTV(null,true);\r\n        } finally {busy=false;}\r\n    }\r\n    let cached=null;\r\n    try {cached=JSON.parse(sessionStorage.getItem(CACHE_KEY)||'null');}catch{}\r\n    if(cached && Array.isArray(cached.items) && Number.isFinite(cached.time) && Date.now()-cached.time<REFRESH_MS) {\r\n        render(cached);lastSuccess=cached.time;\r\n    } else {refresh();}\r\n    const interval=setInterval(()=>{if(!section.isConnected){clearInterval(interval);return;}refresh();},REFRESH_MS);\r\n    document.addEventListener('visibilitychange',()=>{if(!document.hidden && Date.now()-lastSuccess>=REFRESH_MS)refresh();});\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-674df97 e-con e-atomic-element e-flexbox-base e-887ce97 \" data-id=\"674df97\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"674df97\">\n    \t\t<div class=\"elementor-element elementor-element-88ca683 elementor-widget elementor-widget-html\" data-id=\"88ca683\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Standalone Elementor HTML widget: live-tv -->\r\n<style>\r\n\r\n\/* =========================================================\r\n   GRAND THEFT AUTO CLIPS - LIVE TV\r\n========================================================= *\/\r\n\r\n.gta-live-tv {\r\n    position:relative;\r\n\r\n    width:100vw;\r\n\r\n    margin:0 calc(50% - 50vw);\r\n\r\n    overflow:hidden;\r\n\r\n    color:#fff;\r\n\r\n    font-family:\r\n        Arial,\r\n        sans-serif;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 80% 25%,\r\n            rgba(255,30,85,.08),\r\n            transparent 32%\r\n        ),\r\n        radial-gradient(\r\n            circle at 20% 70%,\r\n            rgba(132,49,255,.10),\r\n            transparent 34%\r\n        ),\r\n        linear-gradient(\r\n            180deg,\r\n            #09070d 0%,\r\n            #07080b 100%\r\n        );\r\n}\r\n\r\n\r\n\/* TOP ACCENT *\/\r\n\r\n.gta-live-tv::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:0;\r\n    left:0;\r\n    right:0;\r\n\r\n    height:2px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            #8f3cff,\r\n            #ff275e,\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.gta-live-tv-inner {\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:min(1500px,92vw);\r\n\r\n    margin:0 auto;\r\n\r\n    padding:85px 0 90px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.gta-live-tv-header {\r\n    display:flex;\r\n\r\n    align-items:flex-end;\r\n    justify-content:space-between;\r\n\r\n    gap:35px;\r\n\r\n    margin-bottom:34px;\r\n}\r\n\r\n\r\n.gta-live-tv-eyebrow {\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    margin-bottom:11px;\r\n\r\n    color:#ff456d;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:2.6px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BIG LIVE DOT\r\n========================================================= *\/\r\n\r\n.gta-live-tv-dot {\r\n    position:relative;\r\n\r\n    display:block;\r\n\r\n    width:13px;\r\n    height:13px;\r\n\r\n    flex:0 0 13px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#4d4d54;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n\r\n\/* ACTUAL LIVE *\/\r\n\r\n.gta-live-tv.is-live\r\n.gta-live-tv-dot {\r\n    background:#ff214f;\r\n\r\n    box-shadow:\r\n        0 0 10px rgba(255,33,79,.95),\r\n        0 0 25px rgba(255,33,79,.42);\r\n}\r\n\r\n\r\n\/* LARGE PULSE *\/\r\n\r\n.gta-live-tv.is-live\r\n.gta-live-tv-dot::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:-7px;\r\n\r\n    border:\r\n        2px solid\r\n        rgba(255,33,79,.60);\r\n\r\n    border-radius:50%;\r\n\r\n    animation:\r\n        gtaLiveTvPulse\r\n        1.8s ease-out\r\n        infinite;\r\n}\r\n\r\n\r\n.gta-live-tv.is-live\r\n.gta-live-tv-dot::after {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:-3px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(255,33,79,.28);\r\n\r\n    animation:\r\n        gtaLiveTvGlow\r\n        1.8s ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n@keyframes gtaLiveTvPulse {\r\n\r\n    0% {\r\n        transform:scale(.65);\r\n        opacity:1;\r\n    }\r\n\r\n    70% {\r\n        transform:scale(2.3);\r\n        opacity:0;\r\n    }\r\n\r\n    100% {\r\n        transform:scale(2.3);\r\n        opacity:0;\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes gtaLiveTvGlow {\r\n\r\n    0%,\r\n    100% {\r\n        transform:scale(.85);\r\n        opacity:.30;\r\n    }\r\n\r\n    50% {\r\n        transform:scale(1.4);\r\n        opacity:.8;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN TITLE\r\n========================================================= *\/\r\n\r\n.gta-live-tv-title {\r\n    margin:0;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            52px,\r\n            5.7vw,\r\n            82px\r\n        );\r\n\r\n    font-weight:900;\r\n\r\n    line-height:.88;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-live-tv-title span {\r\n    display:block;\r\n\r\n    color:transparent;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #923cff,\r\n            #da2cb8,\r\n            #ff285f\r\n        );\r\n\r\n    -webkit-background-clip:text;\r\n\r\n    background-clip:text;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.gta-live-tv-description {\r\n    max-width:760px;\r\n\r\n    margin:18px 0 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.52);\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATUS\r\n========================================================= *\/\r\n\r\n.gta-live-tv-status {\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    padding:12px 15px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.09);\r\n\r\n    background:\r\n        rgba(255,255,255,.025);\r\n\r\n    color:\r\n        rgba(255,255,255,.52);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1.5px;\r\n\r\n    white-space:nowrap;\r\n}\r\n\r\n\r\n.gta-live-tv.is-live\r\n.gta-live-tv-status {\r\n    color:#fff;\r\n\r\n    border-color:\r\n        rgba(255,35,80,.35);\r\n\r\n    background:\r\n        rgba(255,35,80,.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLAYER SHELL\r\n========================================================= *\/\r\n\r\n.gta-live-player-shell {\r\n    position:relative;\r\n\r\n    width:min(1250px,100%);\r\n\r\n    margin:0 auto;\r\n\r\n    overflow:hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.09);\r\n\r\n    background:#030305;\r\n\r\n    clip-path:\r\n        polygon(\r\n            16px 0,\r\n            100% 0,\r\n            100% calc(100% - 16px),\r\n            calc(100% - 16px) 100%,\r\n            0 100%,\r\n            0 16px\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO\r\n========================================================= *\/\r\n\r\n.gta-live-player {\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    aspect-ratio:16 \/ 9;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #0d0813,\r\n            #040406\r\n        );\r\n}\r\n\r\n\r\n.gta-live-player iframe {\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    border:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OFF AIR SCREEN\r\n========================================================= *\/\r\n\r\n.gta-live-offline {\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    text-align:center;\r\n\r\n    padding:30px;\r\n\r\n    box-sizing:border-box;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at center,\r\n            rgba(136,52,255,.10),\r\n            transparent 32%\r\n        ),\r\n        #050507;\r\n}\r\n\r\n\r\n.gta-live-offline-logo {\r\n    display:block;\r\n\r\n    width:min(245px,50%);\r\n\r\n    height:auto;\r\n\r\n    margin-bottom:27px;\r\n\r\n    opacity:.82;\r\n}\r\n\r\n\r\n.gta-live-offline-small {\r\n    margin-bottom:9px;\r\n\r\n    color:\r\n        rgba(255,255,255,.35);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:2.2px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-live-offline-title {\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-family:\r\n        Impact,\r\n        \"Arial Narrow\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            32px,\r\n            4vw,\r\n            55px\r\n        );\r\n\r\n    line-height:1;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-live-offline-copy {\r\n    max-width:560px;\r\n\r\n    margin:15px auto 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.38);\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLAYER INFORMATION BAR\r\n========================================================= *\/\r\n\r\n.gta-live-player-info {\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:25px;\r\n\r\n    padding:20px 22px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(255,255,255,.08);\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.025),\r\n            rgba(138,48,255,.025)\r\n        );\r\n}\r\n\r\n\r\n.gta-live-program {\r\n    min-width:0;\r\n}\r\n\r\n\r\n.gta-live-program-label {\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    margin-bottom:7px;\r\n\r\n    color:#ff3e69;\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1.7px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-live-program-title {\r\n    margin:0;\r\n\r\n    color:#fff;\r\n\r\n    font-size:17px;\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1.4;\r\n\r\n    overflow:hidden;\r\n\r\n    text-overflow:ellipsis;\r\n\r\n    white-space:nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   YOUTUBE BUTTON\r\n========================================================= *\/\r\n\r\n.gta-live-youtube {\r\n    display:inline-flex !important;\r\n\r\n    width:auto !important;\r\n\r\n    min-width:0 !important;\r\n\r\n    max-width:max-content !important;\r\n\r\n    height:42px !important;\r\n\r\n    min-height:42px !important;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:0 15px !important;\r\n\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n\r\n    gap:8px !important;\r\n\r\n    flex:0 0 auto;\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,39,85,.38) !important;\r\n\r\n    background:\r\n        rgba(255,39,85,.055) !important;\r\n\r\n    font-size:9px !important;\r\n\r\n    font-weight:900 !important;\r\n\r\n    letter-spacing:1.4px !important;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n.gta-live-youtube svg {\r\n    display:block;\r\n\r\n    width:15px;\r\n    height:15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM TECH INFO\r\n========================================================= *\/\r\n\r\n.gta-live-tech {\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    gap:20px;\r\n\r\n    width:min(1250px,100%);\r\n\r\n    margin:15px auto 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.28);\r\n\r\n    font-size:8px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1.1px;\r\n}\r\n\r\n\r\n.gta-live-tech-status {\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:7px;\r\n}\r\n\r\n\r\n.gta-live-tech-dot {\r\n    width:6px;\r\n    height:6px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#555;\r\n}\r\n\r\n\r\n.gta-live-tv.is-live\r\n.gta-live-tech-dot {\r\n    background:#ff214f;\r\n\r\n    box-shadow:\r\n        0 0 8px\r\n        rgba(255,33,79,.7);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL BACK\r\n========================================================= *\/\r\n\r\n.gta-live-back {\r\n    position:absolute !important;\r\n\r\n    z-index:50 !important;\r\n\r\n    top:12px !important;\r\n    right:18px !important;\r\n\r\n    display:inline-flex !important;\r\n\r\n    width:auto !important;\r\n\r\n    min-width:0 !important;\r\n\r\n    max-width:max-content !important;\r\n\r\n    height:23px !important;\r\n\r\n    min-height:23px !important;\r\n\r\n    margin:0 !important;\r\n\r\n    padding:0 7px !important;\r\n\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n\r\n    gap:4px !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,41,91,.23) !important;\r\n\r\n    background:\r\n        rgba(4,4,7,.67) !important;\r\n\r\n    color:\r\n        rgba(255,255,255,.48) !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    font-size:5px !important;\r\n\r\n    font-weight:900 !important;\r\n\r\n    line-height:1 !important;\r\n\r\n    letter-spacing:.8px !important;\r\n}\r\n\r\n\r\n.gta-live-back svg {\r\n    display:block;\r\n\r\n    width:8px;\r\n    height:8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:700px) {\r\n\r\n    .gta-live-tv-inner {\r\n        width:\r\n            calc(100% - 34px);\r\n\r\n        padding:62px 0 68px;\r\n    }\r\n\r\n\r\n    .gta-live-tv-header {\r\n        display:block;\r\n    }\r\n\r\n\r\n    .gta-live-tv-title {\r\n        font-size:50px;\r\n    }\r\n\r\n\r\n    .gta-live-tv-description {\r\n        font-size:13px;\r\n    }\r\n\r\n\r\n    .gta-live-tv-status {\r\n        width:max-content;\r\n\r\n        margin-top:20px;\r\n\r\n        font-size:8px;\r\n    }\r\n\r\n\r\n    .gta-live-player-info {\r\n        align-items:flex-start;\r\n\r\n        flex-direction:column;\r\n\r\n        padding:17px;\r\n    }\r\n\r\n\r\n    .gta-live-program-title {\r\n        font-size:14px;\r\n\r\n        white-space:normal;\r\n    }\r\n\r\n\r\n    .gta-live-youtube {\r\n        height:40px !important;\r\n\r\n        min-height:40px !important;\r\n\r\n        font-size:8px !important;\r\n    }\r\n\r\n\r\n    .gta-live-tech {\r\n        align-items:flex-start;\r\n\r\n        flex-direction:column;\r\n\r\n        gap:7px;\r\n\r\n        font-size:7px;\r\n    }\r\n\r\n\r\n    .gta-live-offline-logo {\r\n        width:min(180px,55%);\r\n\r\n        margin-bottom:18px;\r\n    }\r\n\r\n\r\n    .gta-live-offline-copy {\r\n        font-size:11px;\r\n    }\r\n\r\n\r\n    .gta-live-back {\r\n        top:8px !important;\r\n        right:9px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n\r\n    .gta-live-tv.is-live\r\n    .gta-live-tv-dot::before,\r\n\r\n    .gta-live-tv.is-live\r\n    .gta-live-tv-dot::after {\r\n        animation:none;\r\n    }\r\n\r\n}\r\n\r\n\r\n#live-tv,#live-tv *{box-sizing:border-box;}\r\n#live-tv{scroll-margin-top:90px;}\r\n#gta-live-offline[hidden]{display:none !important;}\r\n@media(prefers-reduced-motion:reduce){#live-tv *{animation:none !important;scroll-behavior:auto !important;}\r\n}\r\n<\/style>\r\n<section\r\n    id=\"live-tv\"\r\n    class=\"gta-live-tv\"\r\n>\r\n\r\n\r\n    <!-- BACK -->\r\n\r\n    <a\r\n        href=\"#shorts\"\r\n        class=\"gta-live-back\"\r\n        aria-label=\"Back to Shorts\"\r\n    >\r\n\r\n        <svg\r\n            viewBox=\"0 0 24 24\"\r\n            aria-hidden=\"true\"\r\n        >\r\n            <path\r\n                d=\"M12 18V6M7 11L12 6L17 11\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n            \/>\r\n        <\/svg>\r\n\r\n        <span>BACK<\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <div class=\"gta-live-tv-inner\">\r\n\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================== -->\r\n\r\n        <div class=\"gta-live-tv-header\">\r\n\r\n\r\n            <div>\r\n\r\n                <div class=\"gta-live-tv-eyebrow\">\r\n\r\n                    <span\r\n                        class=\"gta-live-tv-dot\"\r\n                        aria-hidden=\"true\"\r\n                    ><\/span>\r\n\r\n                    <span id=\"gta-live-eyebrow\">\r\n                        CHECKING LIVE STATUS\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"gta-live-tv-title\">\r\n\r\n                    GRAND THEFT AUTO CLIPS\r\n\r\n                    <span>\r\n                        LIVE TV STATION\r\n                    <\/span>\r\n\r\n                <\/h2>\r\n\r\n\r\n                <p class=\"gta-live-tv-description\">\r\n                    Watch Grand Theft Auto Clips live.\r\n                    When our YouTube channel goes live,\r\n                    the active broadcast automatically appears here.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n                id=\"gta-live-status\"\r\n                class=\"gta-live-tv-status\"\r\n            >\r\n\r\n                <span\r\n                    class=\"gta-live-tv-dot\"\r\n                    aria-hidden=\"true\"\r\n                ><\/span>\r\n\r\n                <span id=\"gta-live-status-text\">\r\n                    CHECKING CHANNEL\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             PLAYER\r\n        ================================================== -->\r\n\r\n        <div class=\"gta-live-player-shell\">\r\n\r\n\r\n            <div\r\n                id=\"gta-live-player\"\r\n                class=\"gta-live-player\"\r\n            >\r\n\r\n\r\n                <!-- OFFLINE SCREEN -->\r\n\r\n                <div\r\n                    id=\"gta-live-offline\"\r\n                    class=\"gta-live-offline\"\r\n                >\r\n\r\n                    <img decoding=\"async\"\r\n                        class=\"gta-live-offline-logo\"\r\n                        src=\"https:\/\/grandtheftautoclips.com\/wp-content\/uploads\/2026\/08\/PNG-LOgo.png\"\r\n                        alt=\"Grand Theft Auto Clips\"\r\n                    >\r\n\r\n\r\n                    <div\r\n                        id=\"gta-live-offline-small\"\r\n                        class=\"gta-live-offline-small\"\r\n                    >\r\n                        CHECKING YOUTUBE\r\n                    <\/div>\r\n\r\n\r\n                    <h3\r\n                        id=\"gta-live-offline-title\"\r\n                        class=\"gta-live-offline-title\"\r\n                    >\r\n                        CHECKING LIVE STATUS\r\n                    <\/h3>\r\n\r\n\r\n                    <p\r\n                        id=\"gta-live-offline-copy\"\r\n                        class=\"gta-live-offline-copy\"\r\n                    >\r\n                        Checking whether Grand Theft Auto Clips\r\n                        is currently broadcasting live.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 PROGRAM BAR\r\n            ================================================== -->\r\n\r\n            <div class=\"gta-live-player-info\">\r\n\r\n\r\n                <div class=\"gta-live-program\">\r\n\r\n\r\n                    <div class=\"gta-live-program-label\">\r\n\r\n                        <span\r\n                            class=\"gta-live-tv-dot\"\r\n                            aria-hidden=\"true\"\r\n                        ><\/span>\r\n\r\n                        <span id=\"gta-live-program-label\">\r\n                            TV STATION\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h3\r\n                        id=\"gta-live-program-title\"\r\n                        class=\"gta-live-program-title\"\r\n                    >\r\n                        Grand Theft Auto Clips Live TV\r\n                    <\/h3>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n                <a id=\"gta-live-youtube-link\" class=\"gta-live-youtube\" href=\"https:\/\/www.youtube.com\/channel\/UCQyx4qo5cVU-xWfYfQElUmg\" target=\"_blank\" rel=\"noopener\">\r\n\r\n                    <span id=\"gta-live-youtube-text\">\r\n                        VIEW CHANNEL\r\n                    <\/span>\r\n\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 24 24\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <path\r\n                            d=\"M5 12H19M13 6L19 12L13 18\"\r\n                            fill=\"none\"\r\n                            stroke=\"currentColor\"\r\n                            stroke-width=\"2\"\r\n                            stroke-linecap=\"round\"\r\n                            stroke-linejoin=\"round\"\r\n                        \/>\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             TECH \/ STATUS\r\n        ================================================== -->\r\n\r\n        <div class=\"gta-live-tech\">\r\n\r\n\r\n            <div class=\"gta-live-tech-status\">\r\n\r\n                <span\r\n                    class=\"gta-live-tech-dot\"\r\n                    aria-hidden=\"true\"\r\n                ><\/span>\r\n\r\n                <span id=\"gta-live-tech-text\">\r\n                    CONNECTING TO YOUTUBE DATA\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n                VIDEO AUDIO STARTS MUTED\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n<script>\r\n(() => {\r\n    'use strict';\r\n    const SECTION_ID = 'live-tv';\r\n    const API_KEY = 'AIzaSyB-mjYA379OCuY-gauqzYU21WtDv1Qp2QU';\r\n    const CHANNEL_ID = 'UCQyx4qo5cVU-xWfYfQElUmg';\r\n    const CHANNEL_URL = 'https:\/\/www.youtube.com\/channel\/' + CHANNEL_ID;\r\n    const CACHE_KEY = 'gta-split-media-v1-' + SECTION_ID + '-' + CHANNEL_ID;\r\n    const REFRESH_MS = 15 * 60 * 1000;\r\n    const section = document.getElementById(SECTION_ID);\r\n    const byId = id => id === SECTION_ID ? section : section?.querySelector('#' + id);\r\n    if (!section || section.dataset.mediaReady) return;\r\n    section.dataset.mediaReady = 'true';\r\n    const esc = value => String(value ?? '').replace(\/[&<>\"']\/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c]));\r\n    const validId = id => \/^[A-Za-z0-9_-]{11}$\/.test(id || '');\r\n    const isLive = v => v.snippet?.liveBroadcastContent === 'live' || Boolean(v.liveStreamingDetails?.actualStartTime && !v.liveStreamingDetails?.actualEndTime);\r\n    const isUpcoming = v => v.snippet?.liveBroadcastContent === 'upcoming';\r\n    function seconds(v) {\r\n        const m = String(v.contentDetails?.duration || '').match(\/^P(?:(\\d+)D)?T(?:(\\d+)H)?(?:(\\d+)M)?(?:(\\d+(?:\\.\\d+)?)S)?$\/);\r\n        return m ? Number(m[1]||0)*86400+Number(m[2]||0)*3600+Number(m[3]||0)*60+Number(m[4]||0) : 0;\r\n    }\r\n    \/\/ Public video metadata has no definitive Shorts flag. Use explicit labels,\r\n    \/\/ not duration alone: short landscape videos must stay in Latest Videos.\r\n    function isShort(v) {\r\n        if (typeof v.gtaIsShort === \"boolean\") return v.gtaIsShort;\r\n        if (v.liveStreamingDetails || isLive(v) || isUpcoming(v)) return false;\r\n        const text = [v.snippet?.title,v.snippet?.description,...(v.snippet?.tags||[])].join(' ');\r\n        return seconds(v)>0 && seconds(v)<=180 && \/(?:#shorts?\\b|\\byoutube shorts?\\b|\\bshorts\\b)\/i.test(text);\r\n    }\r\n    const play = '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 5L19 12L8 19Z\" fill=\"currentColor\"\/><\/svg>';\r\n    function card(v, short = false) {\r\n        const href = short ? 'https:\/\/www.youtube.com\/shorts\/'+v.id : 'https:\/\/www.youtube.com\/watch?v='+v.id;\r\n        const thumbnails = v.snippet?.thumbnails || {};\r\n        const candidates = [...new Set(['maxres','standard','high','medium','default']\r\n            .map(size => thumbnails[size]?.url).filter(Boolean)\r\n            .concat('https:\/\/i.ytimg.com\/vi\/'+v.id+'\/hqdefault.jpg'))];\r\n        const image = esc(candidates[0]);\r\n        const fallback = esc(JSON.stringify(candidates.slice(1)));\r\n        if (short) return `<a class=\"gta-shorts-new-card\" href=\"${href}\" target=\"_blank\" rel=\"noopener\"><img class=\"gta-shorts-new-image\" src=\"${image}\" data-thumbnail-fallback=\"${fallback}\" alt=\"\" loading=\"lazy\" decoding=\"async\"><span class=\"gta-shorts-new-overlay\"><\/span><span class=\"gta-shorts-new-play\">${play}<\/span><div class=\"gta-shorts-new-info\"><div class=\"gta-shorts-new-label\">YOUTUBE SHORT<\/div><h3 class=\"gta-shorts-new-card-title\">${esc(v.snippet.title)}<\/h3><\/div><\/a>`;\r\n        const live = isLive(v);\r\n        const label = live ? 'LIVE NOW' : isUpcoming(v) ? 'UPCOMING STREAM' : v.liveStreamingDetails ? 'LIVESTREAM REPLAY' : 'VIDEO';\r\n        const badge = live ? '<span class=\"gta-video-live-badge\"><span class=\"gta-video-live-dot\"><\/span>LIVE NOW<\/span>' : `<span class=\"gta-video-stream-badge\">${label}<\/span>`;\r\n        const views = Number(v.statistics?.viewCount);\r\n        return `<a class=\"gta-video-card${live?' gta-video-is-live':''}\" href=\"${href}\" target=\"_blank\" rel=\"noopener\"><div class=\"gta-video-thumb\"><img src=\"${image}\" data-thumbnail-fallback=\"${fallback}\" alt=\"\" loading=\"lazy\" decoding=\"async\">${badge}<span class=\"gta-video-play\">${play}<\/span><\/div><div class=\"gta-video-content\"><h3 class=\"gta-video-card-title\">${esc(v.snippet.title)}<\/h3><div class=\"gta-video-meta\">${Number.isFinite(views)?views.toLocaleString('en-US')+' VIEWS':label}<\/div><\/div><\/a>`;\r\n    }\r\n    function carousel(trackId, prevId, nextId, dotsId, prefix) {\r\n        const track=byId(trackId), prev=byId(prevId), next=byId(nextId), dots=byId(dotsId);\r\n        \/\/ Image errors do not bubble: capture errors for current and future cards.\r\n        track.addEventListener('error',event=>{\r\n            const image=event.target;\r\n            if(image.tagName!=='IMG' || !image.dataset.thumbnailFallback)return;\r\n            let candidates=[];\r\n            try {candidates=JSON.parse(image.dataset.thumbnailFallback);}catch{}\r\n            const next=candidates.shift();\r\n            image.dataset.thumbnailFallback=JSON.stringify(candidates);\r\n            if(next)image.src=next;\r\n        },true);\r\n        let count=0;\r\n        const step=()=>track.firstElementChild?.getBoundingClientRect().width + (parseFloat(getComputedStyle(track).gap)||0) || track.clientWidth;\r\n        const move=i=>track.scrollTo({left:i*step(),behavior:matchMedia('(prefers-reduced-motion: reduce)').matches?'auto':'smooth'});\r\n        function update() {\r\n            const max=Math.max(0,track.scrollWidth-track.clientWidth);\r\n            prev.disabled=track.scrollLeft<2;\r\n            next.disabled=track.scrollLeft>=max-2;\r\n            const index=Math.round(track.scrollLeft\/step());\r\n            [...dots.children].forEach((button,i)=>{button.classList.toggle('is-active',i===index);button.setAttribute('aria-current',String(i===index));});\r\n        }\r\n        prev.addEventListener('click',()=>move(Math.round(track.scrollLeft\/step())-1));\r\n        next.addEventListener('click',()=>move(Math.round(track.scrollLeft\/step())+1));\r\n        track.addEventListener('scroll',update,{passive:true});\r\n        window.addEventListener('resize',update);\r\n        return items=>{\r\n            count=items.length;\r\n            track.innerHTML=items.join('');\r\n            dots.replaceChildren();\r\n            for(let i=0;i<count;i++) {\r\n                const button=document.createElement('button');button.type='button';button.className=prefix+'-dot';button.setAttribute('aria-label','Show item '+(i+1));button.addEventListener('click',()=>move(i));dots.append(button);\r\n            }\r\n            requestAnimationFrame(update);\r\n        };\r\n    }\r\n    const videos=SECTION_ID === 'videos' ? carousel('gta-video-track','gta-video-prev','gta-video-next','gta-video-dots','gta-video') : () => {};\r\n    const shorts=SECTION_ID === 'shorts' ? carousel('gta-shorts-new-track','gta-shorts-new-prev','gta-shorts-new-next','gta-shorts-new-dots','gta-shorts-new') : () => {};\r\n    let selectedCategory='videos';\r\n    let latestItems=[];\r\n    const isStream=v=>Boolean(v.liveStreamingDetails) || isLive(v) || isUpcoming(v);\r\n    function renderCategory() {\r\n        if (SECTION_ID !== 'videos') return;\r\n        const streams=selectedCategory==='streams';\r\n        \/\/ Strict regular-video list: unlabelled Shorts must never fall through.\r\n        \/\/ Clips up to 180 seconds are ambiguous in public API metadata.\r\n        \/\/ Leave those out of Videos, without assuming they are all Shorts.\r\n        const items=latestItems.filter(v=>streams?isStream(v):!isStream(v)&&!isShort(v)&&seconds(v)>180);\r\n        if(streams)items.sort((a,b)=>Number(isLive(b))-Number(isLive(a)));\r\n        videos(items.slice(0,9).map(v=>card(v)));\r\n        text('gta-media-empty-videos',items.length?'':streams?'No livestreams found in recent uploads. View all streams on YouTube.':'No regular videos longer than 3 minutes found in recent uploads. Visit our YouTube channel.');\r\n        for(const category of ['videos','streams']) {\r\n            const button=byId('gta-category-'+category);\r\n            button.setAttribute('aria-pressed',String(category===selectedCategory));\r\n        }\r\n    }\r\n    for(const category of ['videos','streams']) {\r\n        byId('gta-category-'+category)?.addEventListener('click',()=>{\r\n            if(category===selectedCategory)return;\r\n            selectedCategory=category;\r\n            byId('gta-video-track').scrollLeft=0;\r\n            renderCategory();\r\n        });\r\n    }\r\n    function status(value) { text('gta-media-status',value); }\r\n    function text(id,value) { const el=byId(id);if(el)el.textContent=value; }\r\n    let currentLive='';\r\n    function liveTV(video, failed=false) {\r\n        if (SECTION_ID !== 'live-tv') return;\r\n        const live=Boolean(video), root=byId('live-tv'), offline=byId('gta-live-offline');\r\n        root.classList.toggle('is-live',live);\r\n        root.dataset.live=String(live);\r\n        text('gta-live-status-text',live?'LIVE NOW':failed?'STATUS UNAVAILABLE':'OFFLINE');\r\n        text('gta-live-eyebrow',live?'ON AIR NOW':'GRAND THEFT AUTO CLIPS');\r\n        text('gta-live-program-label',live?'NOW PLAYING':'TV STATION');\r\n        text('gta-live-program-title',video?.snippet.title || 'Grand Theft Auto Clips Live TV');\r\n        text('gta-live-tech-text',failed?'LIVE STATUS COULD NOT BE CHECKED':'YOUTUBE DATA UPDATED');\r\n        text('gta-live-offline-small',failed?'CONNECTION UNAVAILABLE':'OFF AIR');\r\n        text('gta-live-offline-title',failed?'CHECK YOUTUBE DIRECTLY':'WE ARE NOT LIVE RIGHT NOW');\r\n        text('gta-live-offline-copy',failed?'We could not confirm the live status. Open the channel on YouTube to check.':'Watch the latest clips above or visit our channel for more streams.');\r\n        const link=byId('gta-live-youtube-link');\r\n        link.href=live?'https:\/\/www.youtube.com\/watch?v='+video.id:CHANNEL_URL+'\/streams';\r\n        text('gta-live-youtube-text',live?'WATCH ON YOUTUBE':'VIEW STREAMS');\r\n        offline.hidden=live && video.status?.embeddable!==false;\r\n        const id=live && video.status?.embeddable!==false?video.id:'';\r\n        if(id!==currentLive) {\r\n            byId('gta-restored-live-frame')?.remove();\r\n            if(id) {\r\n                const frame=document.createElement('iframe');frame.id='gta-restored-live-frame';frame.title=video.snippet.title;\r\n                frame.src='https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&mute=1&playsinline=1&rel=0';\r\n                frame.allow='autoplay; encrypted-media; picture-in-picture; fullscreen';frame.allowFullscreen=true;frame.referrerPolicy='strict-origin-when-cross-origin';\r\n                byId('gta-live-player').append(frame);\r\n            }\r\n            currentLive=id;\r\n        }\r\n        if(live && video.status?.embeddable===false) {\r\n            text('gta-live-offline-title','WE ARE LIVE ON YOUTUBE');\r\n            text('gta-live-offline-copy','This stream can only be watched on YouTube. Use WATCH ON YOUTUBE below.');\r\n        }\r\n    }\r\n    function render(data) {\r\n        const items=data.items.filter(v=>validId(v.id)&&v.snippet);\r\n        const latest=[...items].sort((a,b)=>Date.parse(b.snippet.publishedAt)-Date.parse(a.snippet.publishedAt));\r\n        latestItems=latest;\r\n        const short=latest.filter(isShort).slice(0,9);\r\n        renderCategory();\r\n        shorts(short.map(v=>card(v,true)));\r\n        text('gta-media-empty-shorts',data.shortsFailed\r\n            ? (short.length?'The Shorts collection is temporarily unavailable. Showing Shorts identified in recent uploads.':'Shorts could not be loaded. Use VIEW ALL SHORTS to watch them on YouTube.')\r\n            : (short.length?'':'No public Shorts found. View all Shorts on YouTube.'));\r\n        liveTV(items.find(isLive),data.liveFailed);\r\n        status(data.liveFailed?'Videos updated. Live status could not be fully checked.':'LATEST YOUTUBE CONTENT \u00b7 UPDATED AUTOMATICALLY');\r\n    }\r\n    const requests = window.GTAClipsMediaRequestPool || (window.GTAClipsMediaRequestPool = new Map());\r\n    async function api(resource,params) {\r\n        const signature = JSON.stringify([API_KEY,resource,params]);\r\n        const existing = requests.get(signature);\r\n        if(existing && Date.now()-existing.time<60000)return existing.promise;\r\n        const promise = directApi(resource,params);\r\n        const entry = {promise,time:Date.now()};\r\n        requests.set(signature,entry);\r\n        promise.catch(()=>{if(requests.get(signature)===entry)requests.delete(signature);});\r\n        return promise;\r\n    }\r\n    async function directApi(resource,params) {\r\n        const controller=new AbortController();const timeout=setTimeout(()=>controller.abort(),15000);\r\n        try {\r\n            const query=new URLSearchParams({...params,key:API_KEY});\r\n            const response=await fetch('https:\/\/www.googleapis.com\/youtube\/v3\/'+resource+'?'+query,{signal:controller.signal});\r\n            if(!response.ok)throw new Error('YouTube request failed');\r\n            const data=await response.json();if(data.error)throw new Error('YouTube response error');return data;\r\n        } finally {clearTimeout(timeout);}\r\n    }\r\n    async function load() {\r\n        const channel=(await api('channels',{part:'contentDetails',id:CHANNEL_ID})).items?.[0];\r\n        if(!channel?.contentDetails?.relatedPlaylists?.uploads)throw new Error('Channel unavailable');\r\n        const ids=new Set();let pageToken='';\r\n        \/\/ This channel's Shorts collection was verified with playlistItems.list.\r\n        \/\/ YouTube does not document the derived playlist prefix as a stable contract;\r\n        \/\/ keep a labelled fallback if the collection becomes unavailable.\r\n        const shortIds=new Set();let shortsFailed=false;\r\n        try {\r\n            const data=await api('playlistItems',{part:'contentDetails',playlistId:'UUSH'+channel.id.slice(2),maxResults:'50'});\r\n            for(const item of data.items||[]) {\r\n                const id=item.contentDetails?.videoId;\r\n                if(validId(id)){shortIds.add(id);ids.add(id);}\r\n            }\r\n        } catch { shortsFailed=true; }\r\n\r\n        \/\/ Scan the latest 150 uploads so Shorts do not crowd out regular videos.\r\n        for(let page=0;page<3;page++) {\r\n            const data=await api('playlistItems',{part:'contentDetails',playlistId:channel.contentDetails.relatedPlaylists.uploads,maxResults:'50',...(pageToken?{pageToken}:{})});\r\n            for(const item of data.items||[]) if(validId(item.contentDetails?.videoId))ids.add(item.contentDetails.videoId);\r\n            pageToken=data.nextPageToken;if(!pageToken)break;\r\n        }\r\n        let liveFailed=false;\r\n        try {\r\n            const live=await api('search',{part:'snippet',channelId:channel.id,type:'video',eventType:'live',maxResults:'5'});\r\n            for(const item of live.items||[])if(validId(item.id?.videoId))ids.add(item.id.videoId);\r\n        } catch { liveFailed=true; }\r\n        const all=[...ids],items=[];\r\n        for(let i=0;i<all.length;i+=50) items.push(...((await api('videos',{part:'snippet,contentDetails,statistics,liveStreamingDetails,status',id:all.slice(i,i+50).join(',')})).items||[]));\r\n        for(const video of items) {\r\n            if(!shortsFailed) video.gtaIsShort=shortIds.has(video.id);\r\n        }\r\n        return {items,liveFailed,shortsFailed,time:Date.now()};\r\n    }\r\n    let busy=false,lastSuccess=0;\r\n    async function refresh() {\r\n        if(busy || !section.isConnected || document.hidden)return;\r\n        busy=true;\r\n        try {const data=await load();render(data);lastSuccess=data.time;try{sessionStorage.setItem(CACHE_KEY,JSON.stringify(data));}catch{}}\r\n        catch {\r\n            text('gta-media-empty-videos',lastSuccess?'YouTube update failed. Previously loaded videos remain available.':'YouTube content could not be loaded. Visit our YouTube channel.');\r\n            text('gta-media-empty-shorts',lastSuccess?'YouTube update failed. Previously loaded Shorts remain available.':'Shorts could not be loaded. Use VIEW ALL SHORTS to watch them on YouTube.');\r\n            status(lastSuccess?'YouTube update failed. Showing previously loaded videos.':'YouTube content could not be loaded. Use the YouTube links to view videos and streams.');\r\n            liveTV(null,true);\r\n        } finally {busy=false;}\r\n    }\r\n    let cached=null;\r\n    try {cached=JSON.parse(sessionStorage.getItem(CACHE_KEY)||'null');}catch{}\r\n    if(cached && Array.isArray(cached.items) && Number.isFinite(cached.time) && Date.now()-cached.time<REFRESH_MS) {\r\n        render(cached);lastSuccess=cached.time;\r\n    } else {refresh();}\r\n    const interval=setInterval(()=>{if(!section.isConnected){clearInterval(interval);return;}refresh();},REFRESH_MS);\r\n    document.addEventListener('visibilitychange',()=>{if(!document.hidden && Date.now()-lastSuccess>=REFRESH_MS)refresh();});\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-857f8de e-con e-atomic-element e-flexbox-base e-519ed45 \" data-id=\"857f8de\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"857f8de\">\n    \t\t<div class=\"elementor-element elementor-element-2bd406a elementor-widget elementor-widget-html\" data-id=\"2bd406a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n.gta-legal-disclaimer {\r\n    width:min(1500px,90vw);\r\n\r\n    margin:0 auto;\r\n\r\n    padding:34px 0 40px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(255,255,255,.08);\r\n\r\n    font-family:\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.8;\r\n\r\n    letter-spacing:.2px;\r\n\r\n    color:\r\n        rgba(255,255,255,.42);\r\n}\r\n\r\n\r\n.gta-legal-disclaimer p {\r\n    max-width:1250px;\r\n\r\n    margin:0 0 14px;\r\n}\r\n\r\n\r\n.gta-legal-disclaimer p:last-child {\r\n    margin-bottom:0;\r\n}\r\n\r\n\r\n.gta-legal-disclaimer strong {\r\n    display:inline-block;\r\n\r\n    margin-bottom:7px;\r\n\r\n    color:\r\n        rgba(255,255,255,.68);\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:2.4px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:700px) {\r\n\r\n    .gta-legal-disclaimer {\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n        padding:28px 0 34px;\r\n\r\n        font-size:11px;\r\n\r\n        line-height:1.75;\r\n    }\r\n\r\n\r\n    .gta-legal-disclaimer strong {\r\n        font-size:9px;\r\n\r\n        letter-spacing:2px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"gta-legal-disclaimer\">\r\n\r\n    <p>\r\n        <strong>DISCLAIMER<\/strong><br>\r\n        Grand Theft Auto Clips is an independent fan-made website and is not affiliated with, endorsed by, sponsored by, or associated with Rockstar Games, Take-Two Interactive, or any of their subsidiaries. Grand Theft Auto, GTA, Grand Theft Auto VI, and related names, logos, characters, artwork, and other intellectual property are trademarks and\/or property of their respective owners.\r\n    <\/p>\r\n\r\n    <p>\r\n        Videos and clips featured on this website remain the property of their respective creators and copyright holders. Submitted clips may be featured on Grand Theft Auto Clips with appropriate credit where provided.\r\n    <\/p>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a9d0874 e-con e-atomic-element e-flexbox-base e-b37302f \" data-id=\"a9d0874\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a9d0874\">\n    \t\t<div class=\"elementor-element elementor-element-8c1e63b elementor-widget elementor-widget-html\" data-id=\"8c1e63b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   GTA ELEMENTOR GLOBAL GAP FIX\r\n========================================================= *\/\r\n\r\nhtml,\r\nbody {\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    background:#07080b !important;\r\n}\r\n\r\n\r\n\/* HTML WIDGET ITSELF *\/\r\n\r\n.elementor-widget-html.gta-clean-widget,\r\n.elementor-widget-html.gta-clean-widget > .elementor-widget-container {\r\n    margin-top:0 !important;\r\n    margin-bottom:0 !important;\r\n\r\n    padding-top:0 !important;\r\n    padding-bottom:0 !important;\r\n\r\n    min-height:0 !important;\r\n\r\n    background:transparent !important;\r\n}\r\n\r\n\r\n\/* OUTER ELEMENTOR CONTAINER THAT HOLDS OUR GTA HTML *\/\r\n\r\n.gta-clean-shell {\r\n    margin-top:0 !important;\r\n    margin-bottom:0 !important;\r\n\r\n    padding-top:0 !important;\r\n    padding-bottom:0 !important;\r\n\r\n    min-height:0 !important;\r\n\r\n    --widgets-spacing:0px !important;\r\n\r\n    row-gap:0 !important;\r\n}\r\n\r\n\r\n\/* INNER WRAPPER *\/\r\n\r\n.gta-clean-shell > .e-con-inner {\r\n    margin-top:0 !important;\r\n    margin-bottom:0 !important;\r\n\r\n    padding-top:0 !important;\r\n    padding-bottom:0 !important;\r\n\r\n    min-height:0 !important;\r\n\r\n    --widgets-spacing:0px !important;\r\n\r\n    row-gap:0 !important;\r\n}\r\n\r\n\r\n\/* REMOVE TINY RENDERING SEAM *\/\r\n\r\n.gta-clean-widget {\r\n    transform:translateY(-1px);\r\n}\r\n\r\n\r\n\/* PAGE BACKGROUND FALLBACK *\/\r\n\r\nbody,\r\n#page,\r\n#content,\r\n.site,\r\n.site-content,\r\n.content-area,\r\nmain,\r\n.elementor {\r\n    background-color:#07080b !important;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n    const GTA_SECTION_IDS = [\r\n\r\n        \"home\",\r\n\r\n        \"discord\",\r\n\r\n        \"how-it-works\",\r\n\r\n        \"videos\",\r\n\r\n        \"shorts\",\r\n\r\n        \"submit\",\r\n\r\n        \"stats\"\r\n\r\n    ];\r\n\r\n\r\n    function cleanElementorSpacing() {\r\n\r\n        GTA_SECTION_IDS.forEach(\r\n            function(sectionId) {\r\n\r\n                const section =\r\n                    document.getElementById(\r\n                        sectionId\r\n                    );\r\n\r\n\r\n                if(!section) {\r\n                    return;\r\n                }\r\n\r\n\r\n                \/*\r\n                 Find the HTML widget Elementor generated\r\n                 around this section.\r\n                *\/\r\n\r\n                const widget =\r\n                    section.closest(\r\n                        \".elementor-widget-html\"\r\n                    );\r\n\r\n\r\n                if(!widget) {\r\n                    return;\r\n                }\r\n\r\n\r\n                widget.classList.add(\r\n                    \"gta-clean-widget\"\r\n                );\r\n\r\n\r\n                \/*\r\n                 Direct widget container.\r\n                *\/\r\n\r\n                const widgetContainer =\r\n                    widget.querySelector(\r\n                        \":scope > .elementor-widget-container\"\r\n                    );\r\n\r\n\r\n                if(widgetContainer) {\r\n\r\n                    widgetContainer.style.setProperty(\r\n                        \"margin-top\",\r\n                        \"0\",\r\n                        \"important\"\r\n                    );\r\n\r\n                    widgetContainer.style.setProperty(\r\n                        \"margin-bottom\",\r\n                        \"0\",\r\n                        \"important\"\r\n                    );\r\n\r\n                    widgetContainer.style.setProperty(\r\n                        \"padding-top\",\r\n                        \"0\",\r\n                        \"important\"\r\n                    );\r\n\r\n                    widgetContainer.style.setProperty(\r\n                        \"padding-bottom\",\r\n                        \"0\",\r\n                        \"important\"\r\n                    );\r\n\r\n                }\r\n\r\n\r\n                \/*\r\n                 Find first Elementor container around widget.\r\n                *\/\r\n\r\n                let parent =\r\n                    widget.parentElement;\r\n\r\n\r\n                let levels =\r\n                    0;\r\n\r\n\r\n                while(\r\n                    parent &&\r\n                    levels < 3\r\n                ) {\r\n\r\n                    if(\r\n                        parent.classList.contains(\r\n                            \"e-con\"\r\n                        )\r\n                        ||\r\n                        parent.classList.contains(\r\n                            \"elementor-section\"\r\n                        )\r\n                        ||\r\n                        parent.classList.contains(\r\n                            \"elementor-column\"\r\n                        )\r\n                    ) {\r\n\r\n                        \/*\r\n                         Only clean containers closely related\r\n                         to our HTML widget.\r\n                        *\/\r\n\r\n                        parent.classList.add(\r\n                            \"gta-clean-shell\"\r\n                        );\r\n\r\n\r\n                        parent.style.setProperty(\r\n                            \"margin-top\",\r\n                            \"0\",\r\n                            \"important\"\r\n                        );\r\n\r\n\r\n                        parent.style.setProperty(\r\n                            \"margin-bottom\",\r\n                            \"0\",\r\n                            \"important\"\r\n                        );\r\n\r\n\r\n                        parent.style.setProperty(\r\n                            \"padding-top\",\r\n                            \"0\",\r\n                            \"important\"\r\n                        );\r\n\r\n\r\n                        parent.style.setProperty(\r\n                            \"padding-bottom\",\r\n                            \"0\",\r\n                            \"important\"\r\n                        );\r\n\r\n\r\n                        parent.style.setProperty(\r\n                            \"min-height\",\r\n                            \"0\",\r\n                            \"important\"\r\n                        );\r\n\r\n\r\n                        parent.style.setProperty(\r\n                            \"--widgets-spacing\",\r\n                            \"0px\",\r\n                            \"important\"\r\n                        );\r\n\r\n\r\n                        parent.style.setProperty(\r\n                            \"row-gap\",\r\n                            \"0\",\r\n                            \"important\"\r\n                        );\r\n\r\n                    }\r\n\r\n\r\n                    parent =\r\n                        parent.parentElement;\r\n\r\n\r\n                    levels++;\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function removeEmptyGtaSeparators() {\r\n\r\n        const gtaSections =\r\n            GTA_SECTION_IDS\r\n\r\n            .map(\r\n                function(id) {\r\n                    return document.getElementById(id);\r\n                }\r\n            )\r\n\r\n            .filter(Boolean);\r\n\r\n\r\n        gtaSections.forEach(\r\n            function(section,index) {\r\n\r\n                if(index === 0) {\r\n                    return;\r\n                }\r\n\r\n\r\n                const currentWidget =\r\n                    section.closest(\r\n                        \".elementor-widget-html\"\r\n                    );\r\n\r\n\r\n                const previousSection =\r\n                    gtaSections[index - 1];\r\n\r\n\r\n                const previousWidget =\r\n                    previousSection\r\n                        ?.closest(\r\n                            \".elementor-widget-html\"\r\n                        );\r\n\r\n\r\n                if(\r\n                    !currentWidget ||\r\n                    !previousWidget\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                \/*\r\n                 Removes margins that Elementor may\r\n                 calculate between consecutive widgets.\r\n                *\/\r\n\r\n                currentWidget.style.setProperty(\r\n                    \"margin-top\",\r\n                    \"0\",\r\n                    \"important\"\r\n                );\r\n\r\n\r\n                previousWidget.style.setProperty(\r\n                    \"margin-bottom\",\r\n                    \"0\",\r\n                    \"important\"\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function runGapFix() {\r\n\r\n        cleanElementorSpacing();\r\n\r\n        removeEmptyGtaSeparators();\r\n\r\n    }\r\n\r\n\r\n    if(\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            runGapFix\r\n        );\r\n\r\n    }\r\n    else {\r\n\r\n        runGapFix();\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n     Elementor sometimes recalculates layout\r\n     shortly after first load.\r\n    *\/\r\n\r\n    window.addEventListener(\r\n        \"load\",\r\n        runGapFix\r\n    );\r\n\r\n\r\n    window.setTimeout(\r\n        runGapFix,\r\n        300\r\n    );\r\n\r\n\r\n    window.setTimeout(\r\n        runGapFix,\r\n        1000\r\n    );\r\n\r\n\r\n    window.setTimeout(\r\n        runGapFix,\r\n        2500\r\n    );\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d9576d8 e-con e-atomic-element e-flexbox-base e-f5e8598 \" data-id=\"d9576d8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d9576d8\">\n    \t\t<div class=\"elementor-element elementor-element-64a9ce6 elementor-widget elementor-widget-html\" data-id=\"64a9ce6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   FIXED SOCIAL BAR\r\n========================================================= *\/\r\n\r\n#gta-social-bar,\r\n#gta-social-bar * {\r\n    box-sizing:border-box;\r\n}\r\n\r\n#gta-social-bar {\r\n    position:fixed;\r\n    right:22px;\r\n    bottom:22px;\r\n    z-index:99999;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:flex-end;\r\n\r\n    gap:8px;\r\n\r\n    font-family:Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOLLOW US LABEL\r\n========================================================= *\/\r\n\r\n.gta-social-label {\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n    margin:0 3px 2px 0;\r\n\r\n    color:rgba(255,255,255,.68);\r\n\r\n    font-size:9px;\r\n    font-weight:900;\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    text-shadow:\r\n        0 1px 8px rgba(0,0,0,.75);\r\n}\r\n\r\n.gta-social-label-dot {\r\n    position:relative;\r\n\r\n    width:7px;\r\n    height:7px;\r\n\r\n    flex:0 0 7px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#ff35a3;\r\n\r\n    box-shadow:\r\n        0 0 9px rgba(255,53,163,.75);\r\n}\r\n\r\n.gta-social-label-dot::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    inset:-4px;\r\n\r\n    border-radius:50%;\r\n\r\n    border:1px solid rgba(255,53,163,.55);\r\n\r\n    animation:\r\n        gtaSocialPinkPulse\r\n        1.9s ease-out\r\n        infinite;\r\n}\r\n\r\n@keyframes gtaSocialPinkPulse {\r\n    0% {\r\n        transform:scale(.55);\r\n        opacity:.95;\r\n    }\r\n\r\n    75%,\r\n    100% {\r\n        transform:scale(2);\r\n        opacity:0;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOCIAL ITEM\r\n========================================================= *\/\r\n\r\n.gta-social-item {\r\n    position:relative;\r\n\r\n    display:flex !important;\r\n\r\n    align-items:center !important;\r\n    justify-content:flex-start !important;\r\n\r\n    width:48px;\r\n    height:48px;\r\n\r\n    overflow:hidden;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.12);\r\n\r\n    background:\r\n        linear-gradient(\r\n            110deg,\r\n            rgba(8,8,13,.95),\r\n            rgba(20,8,29,.92)\r\n        );\r\n\r\n    box-shadow:\r\n        0 9px 26px rgba(0,0,0,.28),\r\n        inset 0 0 24px rgba(151,45,255,.025);\r\n\r\n    backdrop-filter:blur(12px);\r\n    -webkit-backdrop-filter:blur(12px);\r\n\r\n    clip-path:\r\n        polygon(\r\n            8px 0,\r\n            100% 0,\r\n            100% calc(100% - 8px),\r\n            calc(100% - 8px) 100%,\r\n            0 100%,\r\n            0 8px\r\n        );\r\n\r\n    transition:\r\n        width .28s ease,\r\n        transform .22s ease,\r\n        border-color .22s ease,\r\n        box-shadow .22s ease,\r\n        background .22s ease;\r\n}\r\n\r\n\r\n\/* LEFT ACCENT *\/\r\n\r\n.gta-social-item::before {\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    top:0;\r\n    bottom:0;\r\n\r\n    width:2px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to bottom,\r\n            #8b3dff,\r\n            #ff2d9d\r\n        );\r\n\r\n    opacity:.85;\r\n}\r\n\r\n\r\n\/* ICON WRAP *\/\r\n\r\n.gta-social-icon-wrap {\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    width:48px;\r\n    height:48px;\r\n\r\n    flex:0 0 48px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n.gta-social-icon-wrap svg {\r\n    display:block;\r\n\r\n    width:21px;\r\n    height:21px;\r\n\r\n    color:#fff;\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 0 5px\r\n            rgba(255,255,255,.08)\r\n        );\r\n}\r\n\r\n\r\n\/* NAME *\/\r\n\r\n.gta-social-name {\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    display:block;\r\n\r\n    min-width:86px;\r\n\r\n    padding-right:16px;\r\n\r\n    opacity:0;\r\n\r\n    transform:translateX(5px);\r\n\r\n    white-space:nowrap;\r\n\r\n    color:#fff;\r\n\r\n    font-size:10px;\r\n    font-weight:900;\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:1.25px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    transition:\r\n        opacity .2s ease .02s,\r\n        transform .2s ease .02s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP HOVER\r\n========================================================= *\/\r\n\r\n@media(hover:hover) and (pointer:fine) {\r\n\r\n    .gta-social-item:hover {\r\n        width:145px;\r\n\r\n        transform:translateX(-3px);\r\n    }\r\n\r\n    .gta-social-item:hover .gta-social-name {\r\n        opacity:1;\r\n\r\n        transform:translateX(0);\r\n    }\r\n\r\n\r\n    \/* YOUTUBE *\/\r\n\r\n    .gta-social-item[data-social=\"youtube\"]:hover {\r\n        border-color:rgba(255,70,90,.48);\r\n\r\n        background:\r\n            linear-gradient(\r\n                110deg,\r\n                rgba(32,7,13,.97),\r\n                rgba(51,8,18,.94)\r\n            );\r\n\r\n        box-shadow:\r\n            0 10px 30px rgba(0,0,0,.32),\r\n            0 0 20px rgba(255,52,78,.12);\r\n    }\r\n\r\n\r\n    \/* INSTAGRAM *\/\r\n\r\n    .gta-social-item[data-social=\"instagram\"]:hover {\r\n        border-color:rgba(255,62,157,.52);\r\n\r\n        background:\r\n            linear-gradient(\r\n                110deg,\r\n                rgba(31,7,25,.97),\r\n                rgba(57,9,40,.94)\r\n            );\r\n\r\n        box-shadow:\r\n            0 10px 30px rgba(0,0,0,.32),\r\n            0 0 21px rgba(255,53,159,.14);\r\n    }\r\n\r\n\r\n    \/* TIKTOK *\/\r\n\r\n    .gta-social-item[data-social=\"tiktok\"]:hover {\r\n        border-color:rgba(168,85,255,.52);\r\n\r\n        background:\r\n            linear-gradient(\r\n                110deg,\r\n                rgba(19,8,31,.97),\r\n                rgba(37,10,55,.94)\r\n            );\r\n\r\n        box-shadow:\r\n            0 10px 30px rgba(0,0,0,.32),\r\n            0 0 21px rgba(170,75,255,.14);\r\n    }\r\n\r\n\r\n    \/* FACEBOOK *\/\r\n\r\n    .gta-social-item[data-social=\"facebook\"]:hover {\r\n        border-color:rgba(151,119,255,.5);\r\n\r\n        background:\r\n            linear-gradient(\r\n                110deg,\r\n                rgba(15,10,34,.97),\r\n                rgba(29,18,58,.94)\r\n            );\r\n\r\n        box-shadow:\r\n            0 10px 30px rgba(0,0,0,.32),\r\n            0 0 21px rgba(150,118,255,.12);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:700px) {\r\n\r\n    #gta-social-bar {\r\n        right:10px;\r\n        bottom:14px;\r\n\r\n        gap:7px;\r\n    }\r\n\r\n    .gta-social-label {\r\n        display:none;\r\n    }\r\n\r\n    .gta-social-item {\r\n        width:42px !important;\r\n        height:42px !important;\r\n    }\r\n\r\n    .gta-social-icon-wrap {\r\n        width:42px;\r\n        height:42px;\r\n\r\n        flex-basis:42px;\r\n    }\r\n\r\n    .gta-social-icon-wrap svg {\r\n        width:19px;\r\n        height:19px;\r\n    }\r\n\r\n    .gta-social-name {\r\n        display:none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n\r\n    .gta-social-label-dot::before {\r\n        animation:none !important;\r\n    }\r\n\r\n    .gta-social-item,\r\n    .gta-social-name {\r\n        transition:none !important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div\r\n    id=\"gta-social-bar\"\r\n    aria-label=\"Grand Theft Auto Clips social media\"\r\n>\r\n\r\n\r\n    <!-- FOLLOW LABEL -->\r\n\r\n    <div\r\n        class=\"gta-social-label\"\r\n        aria-hidden=\"true\"\r\n    >\r\n\r\n        <span class=\"gta-social-label-dot\"><\/span>\r\n\r\n        <span>FOLLOW US<\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         YOUTUBE\r\n    ====================================================== -->\r\n\r\n    <a class=\"gta-social-item\" data-social=\"youtube\" href=\"https:\/\/youtube.com\/@grandtheftautoclipss\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Grand Theft Auto Clips on YouTube\">\r\n\r\n        <span class=\"gta-social-icon-wrap\">\r\n\r\n            <svg\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n            >\r\n\r\n                <path\r\n                    d=\"M21.6 7.1c-.2-1.4-1.3-2.5-2.7-2.7C17.1 4.1 14.7 4 12 4s-5.1.1-6.9.4C3.7 4.6 2.6 5.7 2.4 7.1 2.1 8.6 2 10.2 2 12s.1 3.4.4 4.9c.2 1.4 1.3 2.5 2.7 2.7 1.8.3 4.2.4 6.9.4s5.1-.1 6.9-.4c1.4-.2 2.5-1.3 2.7-2.7.3-1.5.4-3.1.4-4.9s-.1-3.4-.4-4.9Z\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.8\"\r\n                    stroke-linejoin=\"round\"\r\n                \/>\r\n\r\n                <path\r\n                    d=\"M10 9L15 12L10 15Z\"\r\n                    fill=\"currentColor\"\r\n                \/>\r\n\r\n            <\/svg>\r\n\r\n        <\/span>\r\n\r\n        <span class=\"gta-social-name\">\r\n            YouTube\r\n        <\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <!-- =====================================================\r\n         INSTAGRAM\r\n    ====================================================== -->\r\n\r\n    <a class=\"gta-social-item\" data-social=\"instagram\" href=\"https:\/\/www.instagram.com\/grandtheftautoclipss\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Grand Theft Auto Clips on Instagram\">\r\n\r\n        <span class=\"gta-social-icon-wrap\">\r\n\r\n            <svg\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n            >\r\n\r\n                <rect\r\n                    x=\"3.5\"\r\n                    y=\"3.5\"\r\n                    width=\"17\"\r\n                    height=\"17\"\r\n                    rx=\"5\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.8\"\r\n                \/>\r\n\r\n                <circle\r\n                    cx=\"12\"\r\n                    cy=\"12\"\r\n                    r=\"4\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.8\"\r\n                \/>\r\n\r\n                <circle\r\n                    cx=\"17.3\"\r\n                    cy=\"6.8\"\r\n                    r=\"1\"\r\n                    fill=\"currentColor\"\r\n                \/>\r\n\r\n            <\/svg>\r\n\r\n        <\/span>\r\n\r\n        <span class=\"gta-social-name\">\r\n            Instagram\r\n        <\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <!-- =====================================================\r\n         TIKTOK\r\n    ====================================================== -->\r\n\r\n    <a class=\"gta-social-item\" data-social=\"tiktok\" href=\"https:\/\/www.tiktok.com\/@realgtaclipss\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Grand Theft Auto Clips on TikTok\">\r\n\r\n        <span class=\"gta-social-icon-wrap\">\r\n\r\n            <svg\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n            >\r\n\r\n                <path\r\n                    d=\"M14 4v9.2a4.2 4.2 0 1 1-3.3-4.1\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.9\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                \/>\r\n\r\n                <path\r\n                    d=\"M14 4c.7 2.3 2.3 3.9 4.8 4.3\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.9\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                \/>\r\n\r\n            <\/svg>\r\n\r\n        <\/span>\r\n\r\n        <span class=\"gta-social-name\">\r\n            TikTok\r\n        <\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n    <!-- =====================================================\r\n         FACEBOOK\r\n    ====================================================== -->\r\n\r\n    <a class=\"gta-social-item\" data-social=\"facebook\" href=\"https:\/\/www.facebook.com\/share\/1CtVY71aJ6\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Grand Theft Auto Clips on Facebook\">\r\n\r\n        <span class=\"gta-social-icon-wrap\">\r\n\r\n            <svg\r\n                viewBox=\"0 0 24 24\"\r\n                aria-hidden=\"true\"\r\n            >\r\n\r\n                <path\r\n                    d=\"M14 8h3V4.5c-.5-.1-1.8-.2-3.4-.2-3.3 0-5.6 2-5.6 5.8V13H5v4h3v7h4.3v-7h3.4l.5-4h-3.9v-2.5c0-1.2.3-2.5 1.7-2.5Z\"\r\n                    fill=\"currentColor\"\r\n                \/>\r\n\r\n            <\/svg>\r\n\r\n        <\/span>\r\n\r\n        <span class=\"gta-social-name\">\r\n            Facebook\r\n        <\/span>\r\n\r\n    <\/a>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b3fb16a e-con e-atomic-element e-flexbox-base e-2b3fec2 \" data-id=\"b3fb16a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b3fb16a\">\n    \t\t<div class=\"elementor-element elementor-element-7dd059f elementor-widget elementor-widget-html\" data-id=\"7dd059f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n#gta-fixed-subscriber-bar,\n#gta-fixed-subscriber-bar * {\n  box-sizing: border-box;\n}\n\n#gta-fixed-subscriber-bar {\n  position: fixed;\n  left: 50%;\n  bottom: 92px;\n  transform: translateX(-50%) translateY(14px);\n  z-index: 99990;\n  display: flex;\n  align-items: center;\n  min-height: 54px;\n  padding: 7px 8px 7px 18px;\n  color: #fff;\n  border: 1px solid rgba(255,255,255,.13);\n  background: linear-gradient(\n    110deg,\n    rgba(7,7,12,.94),\n    rgba(22,8,31,.94)\n  );\n  box-shadow:\n    0 15px 40px rgba(0,0,0,.38),\n    0 0 28px rgba(150,45,255,.07);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  clip-path: polygon(\n    10px 0,\n    100% 0,\n    100% calc(100% - 10px),\n    calc(100% - 10px) 100%,\n    0 100%,\n    0 10px\n  );\n  font-family: Arial, Helvetica, sans-serif;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition:\n    opacity .28s ease,\n    transform .28s ease,\n    visibility .28s ease;\n}\n\n#gta-fixed-subscriber-bar.is-visible {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n  transform: translateX(-50%) translateY(0);\n}\n\n#gta-fixed-subscriber-bar .gta-subbar-channel {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding-right: 18px;\n}\n\n#gta-fixed-subscriber-bar .gta-subbar-dot {\n  position: relative;\n  width: 9px;\n  height: 9px;\n  flex: 0 0 9px;\n  border-radius: 50%;\n  background: #777;\n  transition: background .3s ease, box-shadow .3s ease;\n}\n\n#gta-fixed-subscriber-bar.is-connected .gta-subbar-dot {\n  background: #43e27f;\n  box-shadow:\n    0 0 9px rgba(67,226,127,.85),\n    0 0 18px rgba(67,226,127,.35);\n}\n\n#gta-fixed-subscriber-bar.is-connected .gta-subbar-dot::before {\n  content: \"\";\n  position: absolute;\n  inset: -5px;\n  border-radius: 50%;\n  border: 1px solid rgba(67,226,127,.6);\n  animation: gtaSubBarPulse 1.8s ease-out infinite;\n}\n\n@keyframes gtaSubBarPulse {\n  0% {\n    transform: scale(.55);\n    opacity: .9;\n  }\n  75%, 100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n\n#gta-fixed-subscriber-bar .gta-subbar-channel-name {\n  white-space: nowrap;\n  color: rgba(255,255,255,.72);\n  font-size: 9px;\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: 1.7px;\n  text-transform: uppercase;\n}\n\n#gta-fixed-subscriber-bar .gta-subbar-stats {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-height: 32px;\n  padding: 0 19px;\n  border-left: 1px solid rgba(255,255,255,.10);\n  border-right: 1px solid rgba(255,255,255,.10);\n}\n\n#gta-fixed-subscriber-bar .gta-subbar-number {\n  color: #fff;\n  font-family: Impact, \"Arial Narrow\", Arial, sans-serif;\n  font-size: 27px;\n  line-height: 1;\n  letter-spacing: .4px;\n}\n\n#gta-fixed-subscriber-bar .gta-subbar-label {\n  color: #ff38a3;\n  font-size: 9px;\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n}\n\n#gta-fixed-subscriber-bar .gta-subbar-button {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  min-height: 40px !important;\n  margin-left: 8px !important;\n  padding: 0 16px !important;\n  color: #fff !important;\n  text-decoration: none !important;\n  border: 1px solid rgba(255,48,158,.58) !important;\n  background: linear-gradient(100deg, #8a3cff, #ff299c) !important;\n  font-size: 9px !important;\n  font-weight: 900 !important;\n  line-height: 1 !important;\n  letter-spacing: 1.5px !important;\n  text-transform: uppercase;\n  clip-path: polygon(\n    7px 0,\n    100% 0,\n    100% calc(100% - 7px),\n    calc(100% - 7px) 100%,\n    0 100%,\n    0 7px\n  );\n  transition: transform .2s ease, box-shadow .2s ease;\n}\n\n#gta-fixed-subscriber-bar .gta-subbar-button svg {\n  width: 14px;\n  height: 14px;\n  flex: 0 0 14px;\n}\n\n#gta-fixed-subscriber-bar .gta-subbar-button:focus-visible {\n  outline: 3px solid #fff;\n  outline-offset: 3px;\n  clip-path: none;\n}\n\n@media (hover: hover) and (pointer: fine) {\n  #gta-fixed-subscriber-bar .gta-subbar-button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 0 22px rgba(255,46,158,.17);\n  }\n}\n\n@media (max-width: 700px) {\n  #gta-fixed-subscriber-bar {\n    bottom: 76px;\n    width: calc(100% - 76px);\n    min-height: 50px;\n    padding: 6px 6px 6px 13px;\n  }\n\n  #gta-fixed-subscriber-bar .gta-subbar-channel {\n    display: none;\n  }\n\n  #gta-fixed-subscriber-bar .gta-subbar-stats {\n    flex: 1;\n    justify-content: center;\n    border-left: none;\n    padding: 0 10px;\n  }\n\n  #gta-fixed-subscriber-bar .gta-subbar-number {\n    font-size: 23px;\n  }\n\n  #gta-fixed-subscriber-bar .gta-subbar-label {\n    font-size: 7px;\n    letter-spacing: 1.2px;\n  }\n\n  #gta-fixed-subscriber-bar .gta-subbar-button {\n    min-height: 38px !important;\n    padding: 0 11px !important;\n    font-size: 7px !important;\n    letter-spacing: 1px !important;\n  }\n\n  #gta-fixed-subscriber-bar .gta-subbar-button svg {\n    width: 12px;\n    height: 12px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #gta-fixed-subscriber-bar,\n  #gta-fixed-subscriber-bar .gta-subbar-button {\n    transition: none !important;\n  }\n\n  #gta-fixed-subscriber-bar .gta-subbar-dot::before {\n    animation: none !important;\n  }\n}\n<\/style>\n\n<div\n  id=\"gta-fixed-subscriber-bar\"\n  aria-label=\"Grand Theft Auto Clips subscriber count\"\n>\n  <div class=\"gta-subbar-channel\">\n    <span class=\"gta-subbar-dot\" aria-hidden=\"true\"><\/span>\n    <span class=\"gta-subbar-channel-name\">\n      GRAND THEFT AUTO CLIPS\n    <\/span>\n  <\/div>\n\n  <div class=\"gta-subbar-stats\">\n    <span id=\"gta-subbar-count\" class=\"gta-subbar-number\">--<\/span>\n    <span class=\"gta-subbar-label\">SUBSCRIBERS<\/span>\n  <\/div>\n\n  <a class=\"gta-subbar-button\" href=\"https:\/\/www.youtube.com\/channel\/UCQyx4qo5cVU-xWfYfQElUmg?sub_confirmation=1\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Subscribe to Grand Theft Auto Clips\">\n    <span>SUBSCRIBE<\/span>\n\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n      <path\n        d=\"M5 12h14m-6-6 6 6-6 6\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      \/>\n    <\/svg>\n  <\/a>\n<\/div>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const API_KEY = \"AIzaSyB-mjYA379OCuY-gauqzYU21WtDv1Qp2QU\";\n  const CHANNEL_ID = \"UCQyx4qo5cVU-xWfYfQElUmg\";\n\n  const bar = document.getElementById(\"gta-fixed-subscriber-bar\");\n  const output = document.getElementById(\"gta-subbar-count\");\n\n  if (!bar || !output || bar.dataset.subbarReady) return;\n\n  bar.dataset.subbarReady = \"true\";\n\n  let busy = false;\n  let lastCount = null;\n  let scrollPending = false;\n\n  function updateVisibility() {\n    const hero = document.getElementById(\"home\");\n\n    const visible = hero\n      ? hero.getBoundingClientRect().bottom <= 40\n      : window.scrollY > window.innerHeight * .8;\n\n    bar.classList.toggle(\"is-visible\", visible);\n  }\n\n  function scheduleVisibility() {\n    if (scrollPending) return;\n\n    scrollPending = true;\n\n    requestAnimationFrame(() => {\n      updateVisibility();\n      scrollPending = false;\n    });\n  }\n\n  async function updateSubscribers() {\n    if (busy || !bar.isConnected || document.hidden) return;\n\n    busy = true;\n\n    const controller = new AbortController();\n    const timeout = setTimeout(() => controller.abort(), 15000);\n\n    try {\n      const url = new URL(\n        \"https:\/\/www.googleapis.com\/youtube\/v3\/channels\"\n      );\n\n      url.searchParams.set(\"part\", \"statistics\");\n      url.searchParams.set(\"id\", CHANNEL_ID);\n      url.searchParams.set(\"key\", API_KEY);\n\n      const response = await fetch(url.href, {\n        signal: controller.signal\n      });\n\n      const data = await response.json();\n\n      if (!response.ok || data.error) {\n        throw new Error(\n          data.error?.message || \"YouTube request failed\"\n        );\n      }\n\n      const stats = data.items?.[0]?.statistics;\n\n      if (!stats) {\n        throw new Error(\"Channel statistics unavailable\");\n      }\n\n      if (stats.hiddenSubscriberCount) {\n        lastCount = null;\n        output.textContent = \"--\";\n        output.title = \"Subscriber count is hidden\";\n        bar.classList.remove(\"is-connected\");\n        return;\n      }\n\n      const value = stats.subscriberCount;\n\n      if (value === undefined || value === null || value === \"\") {\n        throw new Error(\"Subscriber count unavailable\");\n      }\n\n      const subscribers = Number(value);\n\n      if (!Number.isFinite(subscribers) || subscribers < 0) {\n        throw new Error(\"Invalid subscriber count\");\n      }\n\n      lastCount = subscribers;\n\n      output.textContent = subscribers.toLocaleString(\"en-US\");\n      output.title = \"Latest subscriber count returned by YouTube\";\n\n      bar.classList.add(\"is-connected\");\n    } catch (error) {\n      bar.classList.remove(\"is-connected\");\n\n      output.textContent = lastCount === null\n        ? \"--\"\n        : lastCount.toLocaleString(\"en-US\");\n\n      output.title = lastCount === null\n        ? \"Subscriber count unavailable\"\n        : \"Last loaded count; update failed\";\n\n      console.error(\"Subscriber bar:\", error.message);\n    } finally {\n      clearTimeout(timeout);\n      busy = false;\n    }\n  }\n\n  window.addEventListener(\"scroll\", scheduleVisibility, {\n    passive: true\n  });\n\n  window.addEventListener(\"resize\", scheduleVisibility);\n  window.addEventListener(\"load\", scheduleVisibility);\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      updateVisibility,\n      { once: true }\n    );\n  }\n\n  document.addEventListener(\"visibilitychange\", () => {\n    if (!document.hidden) {\n      updateVisibility();\n      updateSubscribers();\n    }\n  });\n\n  updateVisibility();\n  updateSubscribers();\n\n  const interval = setInterval(() => {\n    if (!bar.isConnected) {\n      clearInterval(interval);\n      return;\n    }\n\n    updateSubscribers();\n  }, 5 * 60 * 1000);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>GRAND THEFT AUTO CLIPS YOUR GAME. YOUR MOMENTS. HOME VIDEOS DISCORD ACHIEVEMENTS QUIZ SUBMIT YOUR CLIP \u2197 LOS SANTOS \u2192 VICE CITYGOOD TIMES. WILD MOMENTS. BIG PLAYS. WILD CHASES. GTA MOMENTS. CLIP SUBMISSIONS OPEN YOUR GTA MOMENT DESERVES THE SPOTLIGHT. The home of the best Grand Theft Auto moments. From hilarious fails and insane stunts [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/grandtheftautoclips.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grandtheftautoclips.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grandtheftautoclips.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grandtheftautoclips.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grandtheftautoclips.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":166,"href":"https:\/\/grandtheftautoclips.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":239,"href":"https:\/\/grandtheftautoclips.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/239"}],"wp:attachment":[{"href":"https:\/\/grandtheftautoclips.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}