<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
    <meta content="width=device-width,initial-scale=1" name="viewport" />
    <link rel="canonical" href="https://retronick.com/" />

    <title>Retro Nick</title>

    
<meta name="description" content="Retro Nick explores the wildest stories in retro gaming, from forgotten hardware failures to legendary game design, with fun, high-energy deep dives." />
<meta property="og:site_name" content="Retro Nick" />
<meta property="og:url" content="https://retronick.com/" />
<meta property="og:description" content="Retro Nick explores the wildest stories in retro gaming, from forgotten hardware failures to legendary game design, with fun, high-energy deep dives." />





<meta property="og:title" content="Retro Nick" />
<meta property="og:type" content="website" />


  <meta property="og:image" content="https://imgproxy.fourthwall.dev/xMLXRtERFXACnZjLAR0uvBLVockO191eRSniKUwH3Ss/w:1200/sm:1/enc/dR11lAa9QDqh2diI/BHVKFHjEbdWQcHhu/pEIV0nmHwWwhdn3h/DMa95bXQp6jUiplc/TQwn8v3J6ci0N22i/hHIoQwDpLhEZEral/GJNXGALz05a9ArSz/emLv5IPk-s0tSqf0/goLVGocxC182nlQx/aHp6IvVC5DTmSWvF/eFyxLM38sVVt6prO/n7uKPa5yvFbuG7rj/DWu-CN6xDMqMqekX/zqGrEY96NvrsxEsq/9H6fBQBH__k8q-T3/4866Hgly4Fy6UdK3.png" />
  <meta property="og:image:secure_url" content="https://imgproxy.fourthwall.dev/xMLXRtERFXACnZjLAR0uvBLVockO191eRSniKUwH3Ss/w:1200/sm:1/enc/dR11lAa9QDqh2diI/BHVKFHjEbdWQcHhu/pEIV0nmHwWwhdn3h/DMa95bXQp6jUiplc/TQwn8v3J6ci0N22i/hHIoQwDpLhEZEral/GJNXGALz05a9ArSz/emLv5IPk-s0tSqf0/goLVGocxC182nlQx/aHp6IvVC5DTmSWvF/eFyxLM38sVVt6prO/n7uKPa5yvFbuG7rj/DWu-CN6xDMqMqekX/zqGrEY96NvrsxEsq/9H6fBQBH__k8q-T3/4866Hgly4Fy6UdK3.png" />
  <meta property="twitter:image" content="https://imgproxy.fourthwall.dev/xMLXRtERFXACnZjLAR0uvBLVockO191eRSniKUwH3Ss/w:1200/sm:1/enc/dR11lAa9QDqh2diI/BHVKFHjEbdWQcHhu/pEIV0nmHwWwhdn3h/DMa95bXQp6jUiplc/TQwn8v3J6ci0N22i/hHIoQwDpLhEZEral/GJNXGALz05a9ArSz/emLv5IPk-s0tSqf0/goLVGocxC182nlQx/aHp6IvVC5DTmSWvF/eFyxLM38sVVt6prO/n7uKPa5yvFbuG7rj/DWu-CN6xDMqMqekX/zqGrEY96NvrsxEsq/9H6fBQBH__k8q-T3/4866Hgly4Fy6UdK3.png" />

  <meta name="twitter:site" content="@Retron8" />
  <meta name="twitter:creator" content="@Retron8" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Retro Nick" />
<meta name="twitter:description" content="Retro Nick explores the wildest stories in retro gaming, from forgotten hardware failures to legendary game design, with fun, high-energy deep dives." />

    
    <link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/4pNL6jHaDXscZ2ZJDWzsEIA3gUwO_LqK5JKvciJt0Eo/s:96:96/sm:1/enc/lJRQ5pCoiY6gvaer/XoUD7XPcouOypBoO/K4bsOos33gJ7QQ5n/0VEo-LzKpn5v2Jk2/sRAtzk0__9uzzqYG/Ohkm8EUBSnygEFWr/Dv2LvEWilKCcdvAU/5bM-QHCtnfNuqAiY/VoB72jjwjxgMTTXY/5_Gr91HX8TPJal7R/h3ZWpo0-rPRCbxeA/FkOCNyGg7aoR9gyM/4wxLGnhPPs4w4lNY/C5_n22ZMljISw6-6/VG7_6RFE7B9V3bHE/vPxgWsYD5R0JiJ0M.webp" sizes="96x96" type="image/png" />
<link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/fJz4BaAnPlUTipzp0gGSHyOHuQiPh0KdUattHcHpY9E/s:48:48/sm:1/enc/lJRQ5pCoiY6gvaer/XoUD7XPcouOypBoO/K4bsOos33gJ7QQ5n/0VEo-LzKpn5v2Jk2/sRAtzk0__9uzzqYG/Ohkm8EUBSnygEFWr/Dv2LvEWilKCcdvAU/5bM-QHCtnfNuqAiY/VoB72jjwjxgMTTXY/5_Gr91HX8TPJal7R/h3ZWpo0-rPRCbxeA/FkOCNyGg7aoR9gyM/4wxLGnhPPs4w4lNY/C5_n22ZMljISw6-6/VG7_6RFE7B9V3bHE/vPxgWsYD5R0JiJ0M.webp" sizes="48x48" type="image/png" />


  <link rel="apple-touch-icon" href="https://imgproxy.fourthwall.dev/8dScVyFgoz2HDcOVlynv1CayO-j8XvT7zF04yV8i814/s:180:180/sm:1/enc/lJRQ5pCoiY6gvaer/XoUD7XPcouOypBoO/K4bsOos33gJ7QQ5n/0VEo-LzKpn5v2Jk2/sRAtzk0__9uzzqYG/Ohkm8EUBSnygEFWr/Dv2LvEWilKCcdvAU/5bM-QHCtnfNuqAiY/VoB72jjwjxgMTTXY/5_Gr91HX8TPJal7R/h3ZWpo0-rPRCbxeA/FkOCNyGg7aoR9gyM/4wxLGnhPPs4w4lNY/C5_n22ZMljISw6-6/VG7_6RFE7B9V3bHE/vPxgWsYD5R0JiJ0M.webp" sizes="180x180" type="image/png" />


<meta content="#ffffff" name="msapplication-TileColor" />
<meta content="1.0.0" name="version" />


    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes-library/assets/eec52324-03cd-4851-a640-09608b64fd14/assets/vendor.css?v=b1b11eb5397f6f25bd27f727622a7b127d42cd4e0ede0f0b643a4ec082686d92" media="all" integrity="sha256-sbEetTl/byW9J/cnYip7En1CzU4O3g8LZDpOwIJobZI=" crossorigin="anonymous" />

    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/576b4f50-8366-462e-a669-78bc286ba1c6/assets/styles/css-variables.scss.css?v=8cada391e7de3c64f38041f3a20a9aebb51d05151eef1c9959905cffc711020d" media="all" integrity="sha256-jK2jkefePGTzgEHzogqa67UdBRUe7xyZWZBc/8cRAg0=" crossorigin="anonymous" />
    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/576b4f50-8366-462e-a669-78bc286ba1c6/assets/styles/theme.scss.css?v=75e96bc4e79d7141038f8edf75536bfc99a0e93d983250d31144e3e1e1bbb9a4" media="all" integrity="sha256-delrxOedcUEDj47fdVNr/Jmg6T2YMlDTEUTj4eG7uaQ=" crossorigin="anonymous" />
    
    <link rel="preconnect" href="https://imgproxy.fourthwall.com" crossorigin>
<link rel="preconnect" href="https://storage.googleapis.com" crossorigin>
<script src="/platform/geo/redirect.js"></script>
<script src="https://js.stripe.com/v3/" async></script>
<link rel="alternate" href="https://retronick.com/" hreflang="x-default" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-AQ" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-AS" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-BQ" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-EC" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-FM" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-GU" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-IO" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-MH" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-MP" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-PR" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-PW" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-SV" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-TC" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-UM" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-US" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-VG" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-VI" />
<link rel="alternate" href="https://retronick.com/en-usd/" hreflang="en-ZW" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-AD" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-AT" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-AX" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-BE" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-BG" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-BL" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-CY" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-DE" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-EE" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-ES" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-FI" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-FR" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-GF" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-GP" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-GR" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-HR" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-IE" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-IT" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-LT" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-LU" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-LV" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-MC" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-ME" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-MF" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-MQ" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-MT" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-NL" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-PM" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-PT" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-RE" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-SI" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-SK" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-SM" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-TF" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-VA" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-YT" />
<link rel="alternate" href="https://retronick.com/en-eur/" hreflang="en-XK" />
<link rel="alternate" href="https://retronick.com/en-cad/" hreflang="en-CA" />
<link rel="alternate" href="https://retronick.com/en-gbp/" hreflang="en-GB" />
<link rel="alternate" href="https://retronick.com/en-gbp/" hreflang="en-GG" />
<link rel="alternate" href="https://retronick.com/en-gbp/" hreflang="en-GS" />
<link rel="alternate" href="https://retronick.com/en-gbp/" hreflang="en-IM" />
<link rel="alternate" href="https://retronick.com/en-gbp/" hreflang="en-JE" />
<link rel="alternate" href="https://retronick.com/en-aud/" hreflang="en-AU" />
<link rel="alternate" href="https://retronick.com/en-aud/" hreflang="en-CC" />
<link rel="alternate" href="https://retronick.com/en-aud/" hreflang="en-CX" />
<link rel="alternate" href="https://retronick.com/en-aud/" hreflang="en-HM" />
<link rel="alternate" href="https://retronick.com/en-aud/" hreflang="en-KI" />
<link rel="alternate" href="https://retronick.com/en-aud/" hreflang="en-NF" />
<link rel="alternate" href="https://retronick.com/en-aud/" hreflang="en-NR" />
<link rel="alternate" href="https://retronick.com/en-aud/" hreflang="en-TV" />
<link rel="alternate" href="https://retronick.com/en-nzd/" hreflang="en-CK" />
<link rel="alternate" href="https://retronick.com/en-nzd/" hreflang="en-NU" />
<link rel="alternate" href="https://retronick.com/en-nzd/" hreflang="en-NZ" />
<link rel="alternate" href="https://retronick.com/en-nzd/" hreflang="en-PN" />
<link rel="alternate" href="https://retronick.com/en-nzd/" hreflang="en-TK" />
<link rel="alternate" href="https://retronick.com/en-sek/" hreflang="en-SE" />
<link rel="alternate" href="https://retronick.com/en-nok/" hreflang="en-BV" />
<link rel="alternate" href="https://retronick.com/en-nok/" hreflang="en-NO" />
<link rel="alternate" href="https://retronick.com/en-nok/" hreflang="en-SJ" />
<link rel="alternate" href="https://retronick.com/en-dkk/" hreflang="en-DK" />
<link rel="alternate" href="https://retronick.com/en-dkk/" hreflang="en-FO" />
<link rel="alternate" href="https://retronick.com/en-dkk/" hreflang="en-GL" />
<link rel="alternate" href="https://retronick.com/en-pln/" hreflang="en-PL" />
<link rel="alternate" href="https://retronick.com/en-inr/" hreflang="en-IN" />
<link rel="alternate" href="https://retronick.com/en-jpy/" hreflang="en-JP" />
<link rel="alternate" href="https://retronick.com/en-myr/" hreflang="en-MY" />
<link rel="alternate" href="https://retronick.com/en-sgd/" hreflang="en-SG" />
<link rel="alternate" href="https://retronick.com/en-mxn/" hreflang="en-MX" />
<link rel="alternate" href="https://retronick.com/en-brl/" hreflang="en-BR" />
<link rel="alternate" href="https://retronick.com/en-chf/" hreflang="en-CH" />
<link rel="alternate" href="https://retronick.com/en-chf/" hreflang="en-LI" />
<script src="https://www.google.com/recaptcha/enterprise.js?render=6LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt" async></script>
<script>window.recaptchaSiteKey = '6LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt';</script>
<style>
  .grecaptcha-badge { display: none !important; }
</style>
<script type='module' src="https://cdn.fourthwall.dev/web-perf/instant.js" defer></script>
<script>
  window.shopName = 'Retro Nick';
  window.shopId = 'sh_4b5f9502-4497-4d78-8d0e-4821ad07b48e';
  window.cookie_policy = 'ShowInEu';
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'/_c/mtg.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PV2BBNN');</script>
<!-- End Google Tag Manager -->
<script>window.creatorGa4Id = ''; window.creatorFbPixelId = ''; window.creatorTiktokAnalyticsId = ''; window.creatorKlaviyoAnalyticsId = ''; window.useServerAnalytics = false;</script>
<script type='text/javascript'>var eventsListenerScript = document.createElement('script');eventsListenerScript.async = true;eventsListenerScript.src = "https://cdn.fourthwall.dev/shop-event-listener/shop-events-listener.js";document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);</script>
<meta name='theme-color' content='#0b0b0c' />
<meta name="google-site-verification" content="TAFl8gTcHQJOTQ8baAjJ4XRsvn7I9RgUd20J0wdZ9n8" />
<link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/576b4f50-8366-462e-a669-78bc286ba1c6/assets/styles/custom_sections.css?v=aa00e06c36cb668570d88ab579fa82ac82a50417d031aa911a039dc1647eee66" media="all">
<link rel="prefetch" href="https://cdn.fourthwall.com/express-checkout/v0.1.8/index.iife.js" as="script">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Retro Nick","description":"Retro Nick explores the wildest stories in retro gaming, from forgotten hardware failures to legendary game design, with fun, high-energy deep dives.","url":"https://retronick.com","sameAs":["https://youtube.com/channel/UCQSquQp84cMyLluRHCU8xHg","https://x.com/Retron8"]}</script>
<script type="module">
  function iframeReady(section, iframe, url, appId, settings) {
    const baseIframeUrl = url;
  
    function buildUrl(url, params) {
      if (!params) return url;
      var qs = Object.keys(params)
        .map((k) => encodeURIComponent(k) + '=' + encodeURIComponent(params[k]))
        .join('&');
      return url + (url.includes('?') ? '&' : '?') + qs + '&' + settings;
    }
  
    const appHmac = window.appHmac && window.appHmac[appId];
  
    const params = {
      hmac: appHmac,
      timestamp: window.hmacTimestamp,
      tier_id: window.tierId,
      supporter_id: window.supporterId,
      shop_id: window.shopId,
    };
  
    iframe.src = buildUrl(baseIframeUrl, appHmac ? params : null);
    iframe.onload = null
  
    // Extract origin from URL for security checking
    let expectedOrigin;
    try {
      expectedOrigin = new URL(url).origin;
    } catch (e) {
      console.warn('Could not parse URL origin:', url);
    }
  
    // Listen for messages specifically from this iframe
    const messageHandler = (event) => {
      // Check if the message is from this specific iframe
      if (event.source !== iframe.contentWindow) {
        return; // Ignore messages from other iframes/windows
      }
  
      // Optional: Also verify the origin for security
      if (expectedOrigin && event.origin !== expectedOrigin) {
        console.warn('Message received from unexpected origin:', event.origin);
        return;
      }
      
      if (event.data.type === 'RESIZE') {
        iframe.style.height = event.data.data.height + 'px';
      } else if (event.data.type === 'CLOSE') {
        section.style.height = '0px';
      }
    };
  
    window.addEventListener('message', messageHandler);
    
    // Store the handler for cleanup (optional)
    iframe._messageHandler = messageHandler;
  }
  
  class Hmac extends HTMLElement {
    constructor() {
      super()
      this.section = this.parentElement.parentElement;
      this.iframe = this.querySelector('iframe')
      this.url = this.getAttribute('url')
      this.appId = this.getAttribute('app_id')
      this.settings = this.getAttribute('settings')
    }
  
    connectedCallback() {
      if (this.iframe && this.iframe.contentDocument && this.iframe.contentDocument.readyState === 'complete') {
        iframeReady(this.section, this.iframe, this.url, this.appId, this.settings)
      } else {
        this.iframe.onload = () => iframeReady(this.section, this.iframe, this.url, this.appId, this.settings)
      }
    }
  
    disconnectedCallback() {
      if (this.iframe && this.iframe._messageHandler) {
        window.removeEventListener('message', this.iframe._messageHandler);
        delete this.iframe._messageHandler;
      }
    }
  }
  
  customElements.define('app-hmac-component', Hmac)
</script>

  </head>

  
  

  

  <body class="body  index  " >
 <!-- Google Tag Manager (noscript) -->
<noscript><iframe src='/_c/ns.html?id=GTM-PV2BBNN'
height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

    <a href="#main-content" class="skip-link">Skip to content</a>

    <div class="page">
      <div>
        <div id="fw-section-header" class="fw-section">





<header data-testid="main.single.section" class="header header--bordered header--shadow">
  <div class="wrapper">
    <div class="header__grid header--left-all header__size--sm header__grid--search">
      <div class="header__mobile-menu hidden@sm">
        <button data-drawer-trigger-primary="mobile-menu" class="header__icon" aria-label="Open menu">
          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M16 3.75H0V2.25H16V3.75ZM16 8.75H0V7.25H16V8.75ZM16 13.75H0V12.25H16V13.75Z" fill="currentColor"/>
</svg>

        </button>
      </div>

      

      <div class="header__logo-container"><h1 class="visually-hidden">Retro Nick</h1><div class="header__logo">
          <a href="/" class="header__logo-link">
            
            
  

  <img
    src="https://imgproxy.fourthwall.dev/GExl4aIp3ill_kDhiJsOHsMUGQ1gxV3rJnTNDhlArF4/w:320/sm:1/enc/eOyWnBGT4hPy_q56/Vr0oxO4F5NY4HDFa/sejalXmQD40a7Rap/YFHohv9-aPRtw0Ak/mgmZsWXfl9NCaGf8/MC1esMFB791prTD6/PZYeaSK75X6wWhv4/JG1mLzU0WMx30qmM/nOkAd79LpYdpI9F5/pBhNqp4U_Xa5WrpP/zNbtWdEjDB6RYfHR/pi3V8ZzDQvDGqFew/JojcDZaOa4mxBm8B/XAYgzxB5B9UIJ1sl/M_EM_E4kRJIGSh3x/y_BSBjYwtF1GC3AV.webp"
    srcset="https://imgproxy.fourthwall.dev/GExl4aIp3ill_kDhiJsOHsMUGQ1gxV3rJnTNDhlArF4/w:320/sm:1/enc/eOyWnBGT4hPy_q56/Vr0oxO4F5NY4HDFa/sejalXmQD40a7Rap/YFHohv9-aPRtw0Ak/mgmZsWXfl9NCaGf8/MC1esMFB791prTD6/PZYeaSK75X6wWhv4/JG1mLzU0WMx30qmM/nOkAd79LpYdpI9F5/pBhNqp4U_Xa5WrpP/zNbtWdEjDB6RYfHR/pi3V8ZzDQvDGqFew/JojcDZaOa4mxBm8B/XAYgzxB5B9UIJ1sl/M_EM_E4kRJIGSh3x/y_BSBjYwtF1GC3AV.webp 1x, https://imgproxy.fourthwall.dev/Nr1wFkuzv7XT1hlArgRo-a38Pzl9xgIqUc1DuBPdWn0/w:320/dpr:2/sm:1/enc/eOyWnBGT4hPy_q56/Vr0oxO4F5NY4HDFa/sejalXmQD40a7Rap/YFHohv9-aPRtw0Ak/mgmZsWXfl9NCaGf8/MC1esMFB791prTD6/PZYeaSK75X6wWhv4/JG1mLzU0WMx30qmM/nOkAd79LpYdpI9F5/pBhNqp4U_Xa5WrpP/zNbtWdEjDB6RYfHR/pi3V8ZzDQvDGqFew/JojcDZaOa4mxBm8B/XAYgzxB5B9UIJ1sl/M_EM_E4kRJIGSh3x/y_BSBjYwtF1GC3AV.webp 2x"
    alt="Retro Nick"
    class="header__logo-image header__logo-image--sm"
    itemprop="logo"
  >

          </a>
        </div>
      </div>

      
        <div class="header__nav-container visible@sm">
          <nav class="header__nav" aria-label="Primary">
            <ul class="header__list list--horizontal">
              
  <li class="header__list-item">
    <a
      href="/"
      class="header__link"
      
    >
      Home

      
    </a>

    
  </li>

  <li class="header__list-item">
    <a
      href="/pages/speaking-events"
      class="header__link"
      
    >
      Speaking &amp; Events

      
    </a>

    
  </li>

  <li class="header__list-item">
    <a
      href="/collections/all"
      class="header__link"
      
    >
      Shop

      
    </a>

    
  </li>

  <li class="header__list-item">
    <a
      href="/pages/about"
      class="header__link"
      
    >
      About

      
    </a>

    
  </li>

  <li class="header__list-item">
    <a
      href="/contact"
      class="header__link"
      
    >
      Contact

      
    </a>

    
  </li>

            </ul>
          </nav>
        </div>
      

      <div class="header__icons">
        <ul class="header__list list list--horizontal">
          
            



  
    <li class="header__list-item visible@sm">
      <a
        
          href="https://youtube.com/channel/UCQSquQp84cMyLluRHCU8xHg"
        
        target="_blank"
        class="header__icon"
        aria-label="Youtube (opens in a new tab)"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.7183 3.125H3.28167C1.4725 3.125 0 4.59833 0 6.4075V14.0083C0 15.8183 1.4725 17.2917 3.28167 17.2917H16.7192C18.5275 17.2917 20 15.8183 20 14.0083V6.4075C20 4.59833 18.5275 3.125 16.7183 3.125ZM13.7817 10.2342L8.14083 13.8433C8.0725 13.8867 7.99417 13.9092 7.91667 13.9092C7.8475 13.9092 7.77917 13.8917 7.71667 13.8575C7.58333 13.785 7.5 13.6442 7.5 13.4925V6.27417C7.5 6.12083 7.58333 5.98083 7.71667 5.9075C7.85083 5.835 8.01333 5.84083 8.14167 5.9225L13.7825 9.5325C13.9025 9.60917 13.975 9.74083 13.975 9.88333C13.9742 10.0258 13.9017 10.1575 13.7817 10.2342Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="header__list-item visible@sm">
      <a
        
          href="https://x.com/Retron8"
        
        target="_blank"
        class="header__icon"
        aria-label="Twitter (opens in a new tab)"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 4.52604C19.2746 4.84115 18.6633 4.85156 18.0155 4.53993C18.8514 4.05208 18.8897 3.7092 19.1918 2.78733C18.4094 3.23958 17.5423 3.56858 16.62 3.74566C15.8822 2.98003 14.8298 2.5 13.6651 2.5C11.4284 2.5 9.61593 4.26736 9.61593 6.44444C9.61593 6.75347 9.65158 7.05469 9.72019 7.34375C6.35537 7.17969 3.37106 5.60938 1.37409 3.22222C1.02566 3.80469 0.826056 4.48264 0.826056 5.20573C0.826056 6.57465 1.54161 7.78125 2.62698 8.48872C1.96311 8.46788 1.33933 8.2908 0.793976 7.99566C0.793085 8.01215 0.793085 8.02778 0.793085 8.04514C0.793085 9.9566 2.18856 11.5503 4.04206 11.9132C3.44858 12.0703 2.82303 12.0946 2.21262 11.9818C2.72857 13.5477 4.22385 14.6884 5.99537 14.7205C4.26216 16.0434 2.11371 16.5946 0 16.3533C1.79291 17.4722 3.91998 18.125 6.20745 18.125C13.6553 18.125 17.7277 12.1146 17.7277 6.90191C17.7277 6.73003 17.725 6.56076 17.717 6.39149C18.5074 5.83594 19.4573 5.31771 20 4.52604Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


          

          

          

          
            <li class='header__list-item'>
              <button class='header__icon' aria-label='Search' type='button' data-search-toggle>
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.37079C0 2.8523 2.8523 0 6.37079 0C9.88927 0 12.7416 2.8523 12.7416 6.37079C12.7416 7.85977 12.2308 9.22945 11.3748 10.3141L15.7803 14.7197L14.7197 15.7803L10.3141 11.3748C9.22945 12.2308 7.85977 12.7416 6.37079 12.7416C2.8523 12.7416 0 9.88927 0 6.37079ZM6.37079 1.5C3.68073 1.5 1.5 3.68073 1.5 6.37079C1.5 9.06085 3.68073 11.2416 6.37079 11.2416C9.06085 11.2416 11.2416 9.06085 11.2416 6.37079C11.2416 3.68073 9.06085 1.5 6.37079 1.5Z" fill="currentColor"/>
</svg>

              </button>
            </li>
          

          

          <li class="header__list-item">
            <a href="/cart" class="header__icon" aria-label="Cart">
              <div 
  data-cart-widget="widget"
  data-testid="cart.icon"
  class="cart-widget cart-widget--icons empty"
>
  
    <span data-cart-widget="quantity" class="cart-widget__items"></span>
    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99999 1.5C7.40211 1.5 6.83677 1.72464 6.4264 2.11207C6.0175 2.49812 5.79646 3.0122 5.79646 3.53846V4.46154H10.2035V3.53846C10.2035 3.0122 9.98249 2.49812 9.57359 2.11207C9.16322 1.72464 8.59788 1.5 7.99999 1.5ZM11.7035 4.46154V3.53846C11.7035 2.58564 11.3022 1.68119 10.6033 1.02137C9.90591 0.362928 8.96875 0 7.99999 0C7.03123 0 6.09408 0.362928 5.39666 1.02137C4.69777 1.68119 4.29646 2.58564 4.29646 3.53846V4.46154H2.96808C2.09126 4.46154 1.34979 5.11042 1.23353 5.97949L0.15814 14.018C0.0177587 15.0673 0.833995 16 1.89269 16H14.1073C15.166 16 15.9822 15.0673 15.8419 14.018L14.7665 5.97949C14.6502 5.11042 13.9087 4.46154 13.0319 4.46154H11.7035ZM2.96808 5.96154C2.84282 5.96154 2.73689 6.05424 2.72028 6.17839L1.64489 14.2169C1.62484 14.3668 1.74145 14.5 1.89269 14.5H14.1073C14.2586 14.5 14.3752 14.3668 14.3551 14.2169L13.2797 6.17839C13.2631 6.05424 13.1572 5.96154 13.0319 5.96154H2.96808Z" fill="currentColor"/>
</svg>

  
</div>
            </a>
          </li>
        </ul>

        <div data-cart-announcer aria-live="polite" aria-atomic="true" class="visually-hidden"></div>

      </div>
    </div>
    
      <search-header>
        <div class='search-header'>
  <div class='search-header__inner'>
    <form class='search-header__form' action='/search' method='get'>
      <button type='submit' class='search-header__button' aria-label='Search'>
        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.37079C0 2.8523 2.8523 0 6.37079 0C9.88927 0 12.7416 2.8523 12.7416 6.37079C12.7416 7.85977 12.2308 9.22945 11.3748 10.3141L15.7803 14.7197L14.7197 15.7803L10.3141 11.3748C9.22945 12.2308 7.85977 12.7416 6.37079 12.7416C2.8523 12.7416 0 9.88927 0 6.37079ZM6.37079 1.5C3.68073 1.5 1.5 3.68073 1.5 6.37079C1.5 9.06085 3.68073 11.2416 6.37079 11.2416C9.06085 11.2416 11.2416 9.06085 11.2416 6.37079C11.2416 3.68073 9.06085 1.5 6.37079 1.5Z" fill="currentColor"/>
</svg>

      </button>
      <input
        type='search'
        name='q'
        class='search-header__input'
        placeholder='Search'
        aria-label='Search'
        autocomplete='off'
      >
      <button class='search-header__button' type='button' aria-label='Close search'>
        <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
  <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/>
</svg>

      </button>
    </form>
  </div>
</div>

      </search-header>
    
  </div>
</header>


<aside 
  data-drawer="mobile-menu" 
  class="drawer hidden@sm"
>
  <div class="drawer__background" data-drawer-trigger-primary="mobile-menu"></div>
  <div class="drawer__content drawer__content--small mobile-menu">
    <div class="mobile-menu__section mobile-menu__section--header">
      <button type="button" class="mobile-menu__close" data-drawer-trigger-primary="mobile-menu" aria-label="Close menu">
        <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
  <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/>
</svg>

      </button>
    </div>
    <div class="mobile-menu__section mobile-menu__section--body">
      <div class="mobile-menu__nav">
        <ul class="mobile-menu__list">
          
            <li class="mobile-menu__list-item">
              
                <a
                  href="/"
                  class="mobile-menu__link"
                >
                  Home
                </a>
              

              
            </li>
          
            <li class="mobile-menu__list-item">
              
                <a
                  href="/pages/speaking-events"
                  class="mobile-menu__link"
                >
                  Speaking &amp; Events
                </a>
              

              
            </li>
          
            <li class="mobile-menu__list-item">
              
                <a
                  href="/collections/all"
                  class="mobile-menu__link"
                >
                  Shop
                </a>
              

              
            </li>
          
            <li class="mobile-menu__list-item">
              
                <a
                  href="/pages/about"
                  class="mobile-menu__link"
                >
                  About
                </a>
              

              
            </li>
          
            <li class="mobile-menu__list-item">
              
                <a
                  href="/contact"
                  class="mobile-menu__link"
                >
                  Contact
                </a>
              

              
            </li>
          

          
        </ul>
      </div>
    </div>
    <div class="mobile-menu__section mobile-menu__section--socials">
      <div class="mobile-menu__list-social">
        <ul class="mobile-menu__socials">
          



  
    <li class="mobile-menu__social">
      <a
        
          href="https://youtube.com/channel/UCQSquQp84cMyLluRHCU8xHg"
        
        target="_blank"
        class="mobile-menu__social-link"
        aria-label="Youtube (opens in a new tab)"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.7183 3.125H3.28167C1.4725 3.125 0 4.59833 0 6.4075V14.0083C0 15.8183 1.4725 17.2917 3.28167 17.2917H16.7192C18.5275 17.2917 20 15.8183 20 14.0083V6.4075C20 4.59833 18.5275 3.125 16.7183 3.125ZM13.7817 10.2342L8.14083 13.8433C8.0725 13.8867 7.99417 13.9092 7.91667 13.9092C7.8475 13.9092 7.77917 13.8917 7.71667 13.8575C7.58333 13.785 7.5 13.6442 7.5 13.4925V6.27417C7.5 6.12083 7.58333 5.98083 7.71667 5.9075C7.85083 5.835 8.01333 5.84083 8.14167 5.9225L13.7825 9.5325C13.9025 9.60917 13.975 9.74083 13.975 9.88333C13.9742 10.0258 13.9017 10.1575 13.7817 10.2342Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="mobile-menu__social">
      <a
        
          href="https://x.com/Retron8"
        
        target="_blank"
        class="mobile-menu__social-link"
        aria-label="Twitter (opens in a new tab)"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 4.52604C19.2746 4.84115 18.6633 4.85156 18.0155 4.53993C18.8514 4.05208 18.8897 3.7092 19.1918 2.78733C18.4094 3.23958 17.5423 3.56858 16.62 3.74566C15.8822 2.98003 14.8298 2.5 13.6651 2.5C11.4284 2.5 9.61593 4.26736 9.61593 6.44444C9.61593 6.75347 9.65158 7.05469 9.72019 7.34375C6.35537 7.17969 3.37106 5.60938 1.37409 3.22222C1.02566 3.80469 0.826056 4.48264 0.826056 5.20573C0.826056 6.57465 1.54161 7.78125 2.62698 8.48872C1.96311 8.46788 1.33933 8.2908 0.793976 7.99566C0.793085 8.01215 0.793085 8.02778 0.793085 8.04514C0.793085 9.9566 2.18856 11.5503 4.04206 11.9132C3.44858 12.0703 2.82303 12.0946 2.21262 11.9818C2.72857 13.5477 4.22385 14.6884 5.99537 14.7205C4.26216 16.0434 2.11371 16.5946 0 16.3533C1.79291 17.4722 3.91998 18.125 6.20745 18.125C13.6553 18.125 17.7277 12.1146 17.7277 6.90191C17.7277 6.73003 17.725 6.56076 17.717 6.39149C18.5074 5.83594 19.4573 5.31771 20 4.52604Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


        </ul>
      </div>
    </div>
  </div>
</aside>

<script>
  const currencyData = {
    locale: "en-US",
    currency: "USD",
    showTax: false
  }
</script>


</div>
      </div>

      <main id="main-content" class="page__main">
        <div class="main">
  <div data-testid="main.sections" class="main__sections">
    <div id="fw-section-rich-text-3e5e1190-2d6f-45c5-b18f-ffffbe3436d5" class="fw-section"><style>
  .section-fw-section-rich-text-3e5e1190-2d6f-45c5-b18f-ffffbe3436d5-padding {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  @media screen and (min-width: 640px) {
    .section-fw-section-rich-text-3e5e1190-2d6f-45c5-b18f-ffffbe3436d5-padding {
      padding-top: 48px;
      padding-bottom: 48px;
    }
  }
</style>

<section 
  data-section-id="fw-section-rich-text-3e5e1190-2d6f-45c5-b18f-ffffbe3436d5" 
  data-section-type="rich-text"
  data-testid="main.single.section"
  class="rich-text rich-text--fw-section-rich-text-3e5e1190-2d6f-45c5-b18f-ffffbe3436d5 section-fw-section-rich-text-3e5e1190-2d6f-45c5-b18f-ffffbe3436d5-padding" 
>
  <div class="rich-text__inner">
    <div class="container container--8 wrapper">
      
        <div class="rich-text__header">
          <h2 class="rich-text__heading">
            Preserving the Stories Behind Retro Gaming
          </h2>
        </div>
      

      <div class="rich-text__text">
        <div class="html-formatter html-formatter--center">
          <p><span>Welcome to Retro Nick: the Internet wild man who digs into the wildest, weirdest, and most fascinating stories in retro gaming. From forgotten hardware to legendary game design breakthroughs, every video breaks down the tech, artistry, and untold history behind the games that defined a generation. </span></p>
<ul></ul>
        </div>
      </div>
    </div>
  </div>
</section>

</div><div id="fw-section-recent-videos-6bdebeb2-81b0-42f4-9c09-2e3703c74574" class="fw-section">


<style>
  .section-fw-section-recent-videos-6bdebeb2-81b0-42f4-9c09-2e3703c74574-padding {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  @media screen and (min-width: 640px) {
    .section-fw-section-recent-videos-6bdebeb2-81b0-42f4-9c09-2e3703c74574-padding {
      padding-top: 48px;
      padding-bottom: 48px;
    }
  }
</style>

<section data-section-id="fw-section-recent-videos-6bdebeb2-81b0-42f4-9c09-2e3703c74574" data-testid="main.single.section" class="recent-videos recent-videos--fw-section-recent-videos-6bdebeb2-81b0-42f4-9c09-2e3703c74574 section-fw-section-recent-videos-6bdebeb2-81b0-42f4-9c09-2e3703c74574-padding">
  <div class="container wrapper">
    
      
        <div class="recent-videos__header">
          <div class="section-header">
            
              <h2 class="section-header__heading">Press Play</h2>
            

            
              <div class="section-header__cta visible@sm">
                <a 
                  href="https://youtube.com/channel/UCQSquQp84cMyLluRHCU8xHg" 
                  target="_blank"
                  class="button button--secondary button--small"
                >
                  Visit channel
                </a>
              </div>
            
          </div>
        </div>
      

      <div class="recent-videos__grid">
        <div class="col-grid col-grid--3-cols@md">
          
            
              <div>
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=omii8AoUj1w"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/omii8AoUj1w/maxresdefault.jpg"
                              alt="What Sank The Sega Dreamcast? 🏴‍☠️"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__image-overlay"></div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.dev/themes-library/assets/eec52324-03cd-4851-a640-09608b64fd14/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch Video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          What Sank The Sega Dreamcast? 🏴‍☠️
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
              <div>
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=uP0hYXO8bzk"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/uP0hYXO8bzk/maxresdefault.jpg"
                              alt="Games You Won't Play Anywhere Else"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__image-overlay"></div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.dev/themes-library/assets/eec52324-03cd-4851-a640-09608b64fd14/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch Video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          Games You Won't Play Anywhere Else
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
              <div>
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=Q0AKG1tkqII"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/Q0AKG1tkqII/maxresdefault.jpg"
                              alt="How the World's Largest Arcade Finds Rare Games!"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__image-overlay"></div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.dev/themes-library/assets/eec52324-03cd-4851-a640-09608b64fd14/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch Video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          How the World's Largest Arcade Finds Rare Games!
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
              <div>
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=tlZ75zYL9U8"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/tlZ75zYL9U8/maxresdefault.jpg"
                              alt="The Lost Superhero Arcade Game You Never Played 🦸‍♂️"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__image-overlay"></div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.dev/themes-library/assets/eec52324-03cd-4851-a640-09608b64fd14/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch Video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          The Lost Superhero Arcade Game You Never Played 🦸‍♂️
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
              <div>
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=r7TKQeUT0dU"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/r7TKQeUT0dU/maxresdefault.jpg"
                              alt="Atari Activision Collection"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__image-overlay"></div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.dev/themes-library/assets/eec52324-03cd-4851-a640-09608b64fd14/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch Video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          Atari Activision Collection
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
              <div>
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=i5yUgv-9CHc"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/i5yUgv-9CHc/maxresdefault.jpg"
                              alt="I Bought a GIANT Sega Saturn Game Lot from Japan! 📦"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__image-overlay"></div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.dev/themes-library/assets/eec52324-03cd-4851-a640-09608b64fd14/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch Video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          I Bought a GIANT Sega Saturn Game Lot from Japan! 📦
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
              <div>
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=v3T3M0sryXA"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/v3T3M0sryXA/maxresdefault.jpg"
                              alt="The most dangerous arcade game ever made? ⚠️ #sega #arcade #retro #shorts"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__image-overlay"></div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.dev/themes-library/assets/eec52324-03cd-4851-a640-09608b64fd14/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch Video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          The most dangerous arcade game ever made? ⚠️ #sega #arcade #retro #shorts
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
              <div>
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=5-fYisAPcTc"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/5-fYisAPcTc/maxresdefault.jpg"
                              alt="Learn Japanese with English Edutainment"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__image-overlay"></div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.dev/themes-library/assets/eec52324-03cd-4851-a640-09608b64fd14/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch Video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          Learn Japanese with English Edutainment
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
              <div>
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=D4sShntEN3c"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/D4sShntEN3c/maxresdefault.jpg"
                              alt="Pool Table Placement Gone HORRIBLY Wrong! 🎱😭"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__image-overlay"></div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.dev/themes-library/assets/eec52324-03cd-4851-a640-09608b64fd14/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch Video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          Pool Table Placement Gone HORRIBLY Wrong! 🎱😭
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
          
        </div>
      </div>

      
         <div class="recent-videos__cta-container hidden@sm">
          <div class="recent-videos__cta">
            <a href="https://youtube.com/channel/UCQSquQp84cMyLluRHCU8xHg" target="_blank" class="button button--secondary button--small">
              Visit channel
            </a>
          </div>
         </div>
      
    
  </div>
</section>


</div>

    
  <aside data-drawer="product" class="drawer">
    <div data-drawer-trigger-primary="product" class="drawer__background"></div>

    <div class="drawer__content" aria-hidden="true" tabindex="-1">
      <div class="drawer__content-inner">
        <div class="product-drawer">
          <div class="product-drawer__section">
            <div class="product-drawer__header">
              <div class="product-drawer__header-item product-drawer__header-item--tick">
                <svg class="svg-fill-current-color" width="23" height="20" viewBox="0 0 23 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
  <path d="M1 9.17l7.926 7.927L20.889 1" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="3" fill="none" fill-rule="evenodd"/>
</svg>

              </div>

              <div class="product-drawer__header-item product-drawer__header-item--heading">
                <h2 class="product-drawer__heading h4">Added to cart</h2>
              </div>

              <div class="product-drawer__header-item product-drawer__header-item--close">
                <button data-drawer-trigger-primary="product" class="product-drawer__close" data-testid="product.close.dialog">
                  <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
  <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/>
</svg>

                </button>
              </div>
            </div>
          </div>
          
          <div class="product-drawer__section">
            <div class="product-drawer__item-info">
              <div class="inline-image">
                <div class="inline-image__image">
                  <div class="image image--background-color">
                    <div data-product-info="image-container" class="image__object"></div>
                  </div>
                </div>

                <div class="inline-image__content">
                  <div data-product-info="title" class="inline-image__heading">
                    
                  </div>
                  <p data-product-info="price" class="inline-image__price"></p>
                  <p class="inline-image__quantity">
                    Quantity:
                    <span data-product-info="quantity"></span>
                  </p>
                </div>
              </div>
            </div>
          </div>

          <div class="product-drawer__section">
            <div class="product-drawer__subtotal">
              <div class="product-drawer__subtotal-item">
                <span class="product-drawer__subtotal-label">
                  Cart Subtotal (<span data-product-info="cart-quantity"></span>):
                </span>
              </div>

              <div class="product-drawer__subtotal-item product-drawer__subtotal-item--value">
                <span data-product-info="cart-price" class="product-drawer__subtotal-value"></span>
              </div>
            </div>
          </div>

          <div class="product-drawer__section">
            <div class="product-drawer__cta">
              <div class="product-drawer__cta-item product-drawer__cta-item--view-cart">
                <a 
                  href="/cart" 
                  class="button button--secondary button--expand"
                >
                  View Cart
                </a>
              </div>

              <div class="product-drawer__cta-item product-drawer__cta-item--checkout">
                <form
                  action="/cart"
                  method="post"
                  novalidate
                  class="product-drawer__checkout-form"
                >
                  <button
                    type="submit"
                    name="checkout"
                    class="button button--primary button--expand"
                  >
                    Checkout
                  </button>
                </form>
              </div>
            </div>
          </div>
          
          <product-recommendations-drawer product-id="" class="product-drawer__section" />

        </div>
      </div>
    </div>
  </aside>

  </div>
</div>

      </main>

      <div class="page__footer">
        <div id="fw-section-footer" class="fw-section"><style>
  .section-fw-section-footer-padding {
    padding-top: 15px;
    padding-bottom: 8px;
  }

  @media screen and (min-width: 640px) {
    .section-fw-section-footer-padding {
      padding-top: 20px;
      padding-bottom: 10px;
    }
  }
</style>
















<footer data-testid="main.single.section" class="footer footer--center section-fw-section-footer-padding">
  

  <div class="wrapper">
    <div class="footer__inner">
      
        <div class="footer__top">
          <div class="col-grid col-grid--middle">
            <div>
              
  <div class="footer__socials">
    <ul class="footer__list footer__list--socials">
      



  
    <li class="footer__list-item footer__list-item--social">
      <a
        
          href="https://youtube.com/channel/UCQSquQp84cMyLluRHCU8xHg"
        
        target="_blank"
        class="footer__social-link"
        aria-label="Youtube (opens in a new tab)"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.7183 3.125H3.28167C1.4725 3.125 0 4.59833 0 6.4075V14.0083C0 15.8183 1.4725 17.2917 3.28167 17.2917H16.7192C18.5275 17.2917 20 15.8183 20 14.0083V6.4075C20 4.59833 18.5275 3.125 16.7183 3.125ZM13.7817 10.2342L8.14083 13.8433C8.0725 13.8867 7.99417 13.9092 7.91667 13.9092C7.8475 13.9092 7.77917 13.8917 7.71667 13.8575C7.58333 13.785 7.5 13.6442 7.5 13.4925V6.27417C7.5 6.12083 7.58333 5.98083 7.71667 5.9075C7.85083 5.835 8.01333 5.84083 8.14167 5.9225L13.7825 9.5325C13.9025 9.60917 13.975 9.74083 13.975 9.88333C13.9742 10.0258 13.9017 10.1575 13.7817 10.2342Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="footer__list-item footer__list-item--social">
      <a
        
          href="https://x.com/Retron8"
        
        target="_blank"
        class="footer__social-link"
        aria-label="Twitter (opens in a new tab)"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 4.52604C19.2746 4.84115 18.6633 4.85156 18.0155 4.53993C18.8514 4.05208 18.8897 3.7092 19.1918 2.78733C18.4094 3.23958 17.5423 3.56858 16.62 3.74566C15.8822 2.98003 14.8298 2.5 13.6651 2.5C11.4284 2.5 9.61593 4.26736 9.61593 6.44444C9.61593 6.75347 9.65158 7.05469 9.72019 7.34375C6.35537 7.17969 3.37106 5.60938 1.37409 3.22222C1.02566 3.80469 0.826056 4.48264 0.826056 5.20573C0.826056 6.57465 1.54161 7.78125 2.62698 8.48872C1.96311 8.46788 1.33933 8.2908 0.793976 7.99566C0.793085 8.01215 0.793085 8.02778 0.793085 8.04514C0.793085 9.9566 2.18856 11.5503 4.04206 11.9132C3.44858 12.0703 2.82303 12.0946 2.21262 11.9818C2.72857 13.5477 4.22385 14.6884 5.99537 14.7205C4.26216 16.0434 2.11371 16.5946 0 16.3533C1.79291 17.4722 3.91998 18.125 6.20745 18.125C13.6553 18.125 17.7277 12.1146 17.7277 6.90191C17.7277 6.73003 17.725 6.56076 17.717 6.39149C18.5074 5.83594 19.4573 5.31771 20 4.52604Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


    </ul>
  </div>

            </div>

            <div>
              <nav class="footer__nav" aria-label="Footer">
                <ul class="footer__list footer__list--menu">
                  
  
    <li class="footer__list-item">
      <a class="footer__menu-link footer__menu-link--icon" tabindex="0" role="button" aria-label="Currency selector, current: USD">
        USD
        
          <span class="footer__link-icon">
            <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
  <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/>
</svg>

          </span>
        
      </a>
      
        <div class="footer__dropdown footer__dropdown--content">
          <ul class="footer__dropdown-inner">
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=USD&return_to=/">
                  USD
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=EUR&return_to=/">
                  EUR
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=CAD&return_to=/">
                  CAD
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=GBP&return_to=/">
                  GBP
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=AUD&return_to=/">
                  AUD
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=NZD&return_to=/">
                  NZD
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=SEK&return_to=/">
                  SEK
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=NOK&return_to=/">
                  NOK
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=DKK&return_to=/">
                  DKK
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=PLN&return_to=/">
                  PLN
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=INR&return_to=/">
                  INR
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=JPY&return_to=/">
                  JPY
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=MYR&return_to=/">
                  MYR
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=SGD&return_to=/">
                  SGD
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=MXN&return_to=/">
                  MXN
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=BRL&return_to=/">
                  BRL
                </a>
              </li>
            
              <li class="footer__dropdown-item">
                <a class="footer__dropdown-link" href="/localization?currency=CHF&return_to=/">
                  CHF
                </a>
              </li>
            
          </ul>
        </div>
      
    </li>
  

                  
  
    <li class="footer__list-item">
      <a href="/contact" class="footer__menu-link" >Contact</a>
    </li>
  
    <li class="footer__list-item">
      <a href="/pages/terms-of-service" class="footer__menu-link" >Terms of Service</a>
    </li>
  
    <li class="footer__list-item">
      <a href="/pages/privacy-policy" class="footer__menu-link" >Privacy Policy</a>
    </li>
  
    <li class="footer__list-item">
      <a href="/pages/returns-faq" class="footer__menu-link" >Returns &amp; FAQ</a>
    </li>
  

                </ul>
              </nav>
            </div>
          </div>
        </div>

        <div class="footer__bottom">
          <ul class="footer__list footer__list--bottom">
            <li class="footer__list-item"><div class="footer__copy">&copy; 2026 Copyright Retro Nick, a division of Animation Caffeinated LLC. All rights reserved.</div></li>
            
          </ul>
        </div>
      
    </div>
  </div>
</footer>


</div>
      </div>
    </div>

    <script>
  var fourthwallTheme = {
    strings: {
      addToCart: "Add to Cart",
      redeemGift: "Redeem Your Gift",
      viewCart: "View Cart",
      checkout: "Checkout",
      outOfStock: "Out of Stock",
      unavailable: "Not Available",
      soldOut: "Sold Out",
      soldOutSuffix: " - Sold Out",
      missingQuantityError: "Please choose the quantity.",
      generalError: "An error occurred. Please try refreshing the page.",
      item: "item",
      items: "items",
      startShopping: "Start Shopping",
      subtotal: "Subtotal",
      plusTax: "(plus tax)",
      backToShopping: "Back to Shopping",
      cart: {
        heading: "[item_count] [item_count_label] in your cart for [total]",
        emptyHeading: "Your Shopping Cart is Empty",
        tableHeader: {
          item: "Item",
          quantity: "Quantity",
          price: "Price"
        },
        deleteModal: {
          heading: "Are you sure you want to remove [title] from your cart?",
          cancel: "Cancel",
          delete: "Delete"
        }
      },
      newsletter: {
        missingEmailError: 'Please enter your email.',
        invalidEmailError: 'Please enter a valid email.',
        subscribeSuccess: 'Thanks for subscribing!'
      },
      donation: {
        missingAmountError: 'Please select or enter the donation amount.',
        invalidAmountError: 'Please enter a valid donation amount.',
        missingNameError: 'Please enter your name.',
        missingMessageError: 'Please enter the message.'
      },
      checkoutErrors: {
        default: "There was an issue with your checkout. Please review your cart and try again.",
        CHECKOUT_CART_ITEMS_CHANGED: "Your cart has changed since you started checkout. Please review your items and try again.",
        CHECKOUT_STOCK_NOT_ENOUGH_QUANTITY: "Some items in your cart are no longer available in the requested quantity. Please update your cart and try again."
      }
    },
    urls: {
      cart: "/cart",
      cartItemLocalizedPrefix: "",
      cartAddUrl: "/cart/add",
      cartChangeUrl: "/cart/change",
      productsUrlPrefix: "/products",
      allProductsCollection: "/collections/all",
    }
  };
</script>


    <script src="https://themes.fourthwall.dev/themes-library/assets/eec52324-03cd-4851-a640-09608b64fd14/assets/theme.js?v=e0b773bad3de7ec044f43d4f2468f6140841df2b7bc04a86bb1651dffa4b75b1" rel="preload" integrity="sha256-4LdzutPefsBE9D1PJGj2FAhB3yt7wEqGuxZR3/pLdbE=" crossorigin="anonymous"></script>

    
<div id="cookie-consent-banner-container" data-turbo-permanent="true"></div>


  <div class="admin-bar-container hidden">
  <div id="admin-bar" class="admin-bar sticky hidden">
    <div class="wrapper">
      <div>
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
          <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/>
        </svg>
      </div>
      <div class="actions">
        <div class='desktop'>
          <div class="dropdown">
            <button class="dropdown-button desktop-switcher pill" data-target="desktop-switcher">View as: </button>
            <div class="dropdown-content" id="desktop-switcher">
              <ul>
                <li class="dropdown-item" data-mode="creator">Admin</li>
                <li class="dropdown-item" data-mode="supporter">Supporter</li>
              </ul>
            </div>
          </div>
          <a href="/admin/dashboard/store-design/layout/index/" class='pill edit-page' rel='noopener noreferrer'>Edit page</a>
          <a href="/admin/dashboard" rel="noopener noreferrer" class="pill dashboard-link">Go to dashboard</a>
        </div>

        <div class='mobile'>
          <div class="dropdown">
            <button class="dropdown-button pill mobile-switcher" data-target="mobile-switcher">View as</button>
            <div class="dropdown-content" id="mobile-switcher">
              <ul>
                <li class="dropdown-item" data-mode="creator">Admin</li>
                <li class="dropdown-item" data-mode="supporter">Supporter</li>
              </ul>
            </div>
          </div>

          <div class="dropdown mobile">
            <button class="dropdown-button pill" data-target="mobile-links">
              <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g id="Dots horizontal">
                  <g>
                    <path d="M2.96875 7C2.96875 7.42284 2.62597 7.76562 2.20312 7.76562C1.78028 7.76562 1.4375 7.42284 1.4375 7C1.4375 6.57716 1.78028 6.23438 2.20312 6.23438C2.62597 6.23438 2.96875 6.57716 2.96875 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                    <path d="M8.76562 7C8.76562 7.42284 8.42284 7.76562 8 7.76562C7.57716 7.76562 7.23438 7.42284 7.23438 7C7.23438 6.57716 7.57716 6.23438 8 6.23438C8.42284 6.23438 8.76562 6.57716 8.76562 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                    <path d="M14.5625 7C14.5625 7.42284 14.2197 7.76562 13.7969 7.76562C13.374 7.76562 13.0312 7.42284 13.0312 7C13.0312 6.57716 13.374 6.23438 13.7969 6.23438C14.2197 6.23438 14.5625 6.57716 14.5625 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                  </g>
                </g>
              </svg>
            </button>
            <div class="dropdown-content" id="mobile-links">
              <a href="/admin/dashboard" rel="noopener noreferrer" class="dropdown-item">Go to dashboard</a>
            </div>
          </div>
        </div>

        <div class="pill close">
          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g>
              <path d="M0.875 13.125L13.125 0.875M13.125 13.125L0.875 0.875" stroke="#FDFCFB" stroke-width="1.5" stroke-linejoin="bevel"/>
            </g>
          </svg>
        </div>
      </div>
    </div>
  </div>

  <div id="admin-bar-small" class="admin-bar-small sticky hidden">
    <div class="wrapper">
      <div>
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
          <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/>
        </svg>
      </div>
    </div>
  </div>
</div>

<script>
  const cookieModule = {
    setCookie: function (name, value, days = 365, maxAge) {
      const expires = new Date(Date.now() + days * 24 * 60 * 60 * 1000).toUTCString();
      let cookieString = `${name}=${value}; expires=${expires}; path=/`;

      if (maxAge) {
        cookieString += `; max-age=${maxAge}`;
      }

      document.cookie = cookieString;
    },

    getCookie: function (name) {
      const cookie = document.cookie.split(';').find(c => c.trim().startsWith(`${name}=`));
      return cookie ? cookie.split('=')[1] : null;
    }
  };

  const AdminBar = {
    adminBar: document.getElementById("admin-bar"),
    adminBarContainer: document.querySelector(".admin-bar-container"),
    adminBarSmall: document.getElementById("admin-bar-small"),
    closeButton: document.querySelector('#admin-bar .close'),
    viewAsDesktopButton: document.querySelector(".desktop-switcher"),
    dropdownButtons: document.querySelectorAll(".dropdown-button"),
    dropdownContents: document.querySelectorAll(".dropdown-content"),
    inIframe: () => {
      try {
        return window.self !== window.top;
      } catch (e) {
        return true;
      }
    },
    inThemeEditor: () => cookieModule.getCookie('view_as') === 'theme_editor' || AdminBar.inIframe(),
    viewAsCreator: () => cookieModule.getCookie('view_as') === 'creator',
    viewAsSupporter: () => cookieModule.getCookie('view_as') === 'supporter',
    verifyCreator: () => {
      document.cookie = 'return_to=' + window.location.href + '; path=/; max-age=30;';
      window.location.href = '/platform/creators/handoff/start?return=' + encodeURIComponent(window.location.pathname + window.location.search);
    },
    getSelectedView: () => (AdminBar.viewAsCreator() ? 'Admin' : 'Supporter'),
    toggleDropdown: (dropdownContent) => {
      dropdownContent.style.display = dropdownContent.style.display === 'none' || dropdownContent.style.display === '' ? 'block' : 'none';
    },
    init() {
      if (
        !AdminBar.inThemeEditor() &&
        cookieModule.getCookie('core_dashboard_visited')
      ) {
        AdminBar.viewAsDesktopButton.textContent = 'View as: ' + AdminBar.getSelectedView();
        AdminBar.adminBarContainer.classList.toggle('hidden');
        if (cookieModule.getCookie('admin_bar_mode') === 'condensed') {
          AdminBar.adminBarSmall.classList.toggle('hidden');
        } else {
          AdminBar.adminBar.classList.toggle('hidden');
        }
      }

      AdminBar.closeButton.addEventListener('click', () => {
        cookieModule.setCookie('admin_bar_mode', 'condensed');
        AdminBar.adminBar.classList.toggle('hidden');
        AdminBar.adminBarSmall.classList.toggle('hidden');
      });

      AdminBar.adminBarSmall.addEventListener('click', () => {
        cookieModule.setCookie('admin_bar_mode', 'expanded');
        AdminBar.adminBar.classList.toggle('hidden');
        AdminBar.adminBarSmall.classList.toggle('hidden');
      });

      // Add event listeners to each dropdown button
      AdminBar.dropdownButtons.forEach((button) => {
        button.addEventListener("click", () => {
          const dropdownId = button.getAttribute("data-target");
          const dropdownContent = document.getElementById(dropdownId);
          AdminBar.toggleDropdown(dropdownContent);
        });
      });

      // Close the dropdowns when clicking outside
      document.addEventListener("click", (event) => {
        AdminBar.dropdownButtons.forEach((button) => {
          const dropdownId = button.getAttribute("data-target");
          const dropdownContent = document.getElementById(dropdownId);
          if (event.target !== button && !button.contains(event.target) && event.target !== dropdownContent) {
            dropdownContent.style.display = "none";
          }
        });
      });

      document.querySelectorAll(".dropdown-content li").forEach((item) => {
        item.addEventListener("click", (event) => {
          const mode = event.target.getAttribute("data-mode");
          if (mode === 'creator') {
            cookieModule.setCookie('view_as', 'creator');
            AdminBar.verifyCreator();
          } else {
            cookieModule.setCookie('view_as', 'supporter');
            window.location.reload();
          }
        });
      });
    },
  };

  AdminBar.init();
</script>

<style>
  .admin-bar-container {
    height: 56px;
  }

  .hidden {
    display: none;
  }

  .admin-bar,
  .admin-bar-small {
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    height: 56px;
    width: 100%;
  }

  .admin-bar-small {
    width: 73px;
    cursor: pointer;
  }

  .sticky {
    position: fixed;
    bottom: 0;
  }

  .admin-bar a {
    color: #FDFCFB;
    padding: 14px;
    font-size: 14px;
    text-decoration: none;
  }

  .admin-bar button {
    padding: 14px;
    font-size: 14px;
  }

  .admin-bar .wrapper,
  .admin-bar-small .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
  }

  .admin-bar-small .wrapper {
    padding: 12px 20px;
  }

  .admin-bar .pill {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-transform: capitalize;

    padding: 6px 14px;
    border-radius: 100px;
    background: rgba(253, 252, 251, 0.12);

    cursor: pointer;
  }

  .admin-bar .pill:hover {
    background: rgba(253, 252, 251, 0.22);
  }

  .admin-bar .close {
    padding: 6px 11px;
  }

  .admin-bar .actions,
  .admin-bar .actions .desktop,
  .admin-bar .actions .mobile {
    display: flex;
    gap: 10px;
  }

  .admin-bar .actions .desktop,
  .admin-bar .actions .edit-page {
    display: none;
  }

  @media (min-width: 768px) {
    .admin-bar a,
    .admin-bar button {
      font-size: 16px;
    }

    .admin-bar .actions .desktop,
    .admin-bar .actions .edit-page {
      display: flex;
      gap: 10px;
    }

    .admin-bar .actions .mobile {
      display: none;
    }
  }

  .dropdown {
    position: relative;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(0,0,0,0.9);
    min-width: 130px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    bottom: 100%; /* Position above the button */
    border-radius: 10px;
    bottom: calc((100% + 8px) - 0px);
    right: 0;
  }

  /* Style for each list item */
  .dropdown-content .dropdown-item {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    cursor: pointer;
    border-radius: 10px;
  }

  .dropdown-content .dropdown-item:hover {
    background-color: rgba(255,255,255,0.2)
  }

  /* Style for the button */
  .dropdown-button {
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    line-height: 24px;
  }
</style>

</body>
</html>
