About / Contact - Fangamer

<!DOCTYPE html> <html class="no-js" lang="en"> <head><meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <link rel="apple-touch-icon" sizes="180x180" href="//www.fangamer.com/cdn/shop/t/59/assets/apple-touch-icon.png?v=17250463774996058071692224301"> <link rel="icon" type="image/png" href="//www.fangamer.com/cdn/shop/t/59/assets/favicon-32x32.png?v=86409261548028616111696378380" sizes="32x32"> <link rel="icon" type="image/png" href="//www.fangamer.com/cdn/shop/t/59/assets/favicon-16x16.png?v=49246750899188900791696378379" sizes="16x16"> <link rel="manifest" href="//www.fangamer.com/cdn/shop/t/59/assets/manifest.json?43132"> <link rel="mask-icon" href="//www.fangamer.com/cdn/shop/t/59/assets/safari-pinned-tab.svg?v=72459585493950780111692224306" color="#70d800"> <meta name="apple-mobile-web-app-title" content="Fangamer"> <meta name="application-name" content="Fangamer"> <meta name="theme-color" content="#052f47"> <link rel="canonical" href="https://www.fangamer.com/pages/about"> <title>About / Contact - Fangamer</title> <meta name="description" content="Photo credit: Ray Cleveland About Us Fangamer is a video game merchandise company based in鈥攁nd shipping from鈥擳ucson, Arizona. We got started in 2008 with one goal: To celebrate our favorite games with the kind of merchandise we want to own. Well, actually we started with a different goal: To somehow make a living creat" /> <meta name="og:description" content="Photo credit: Ray Cleveland About Us Fangamer is a video game merchandise company based in鈥攁nd shipping from鈥擳ucson, Arizona. We got started in 2008 with one goal: To celebrate our favorite games with the kind of merchandise we want to own. Well, actually we started with a different goal: To somehow make a living creat" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="og:title" content="About / Contact" /> <meta name="twitter:title" content="About / Contact" /> <meta name="twitter:site" content="@fangamer" /> <meta name="google-site-verification" content="3_PtS4cHjf9IV68oiD7WgMGBaxlrXEu-uQGWHK-aVWo" /> <meta name="google-site-verification" content="GEKVjIQjSGePPZVk3ESd-bc19ahlBt81Gu385OT132M" /> <meta name="google-site-verification" content="NGMRJhUsmdzN_HC7zjLQ_DHAaJvr9Zzo4TyZiC9grfk" /> <style data-shopify> @font-face { font-display: optional; font-family: Montserrat Variable; font-style: normal; font-weight: 100 900; src: url("//www.fangamer.com/cdn/shop/t/59/assets/montserrat.woff2") format("woff2"); } @font-face { font-display: optional; font-family: Montserrat Variable; font-style: italic; font-weight: 100 900; src: url("//www.fangamer.com/cdn/shop/t/59/assets/montserrat-italic.woff2") format("woff2"); } </style> <link rel="preload" href="//www.fangamer.com/cdn/shop/t/59/assets/montserrat.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="//www.fangamer.com/cdn/shop/t/59/assets/montserrat-italic.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link href="//www.fangamer.com/cdn/shop/t/59/assets/main-Riq5A4wu.css" rel="stylesheet" type="text/css" media="all" /> <script src="//www.fangamer.com/cdn/shop/t/59/assets/main-_q8JWpcl.js" type="module" crossorigin="anonymous"></script> <link href="//www.fangamer.com/cdn/shop/t/59/assets/main-CeEOhuk0.css" rel="stylesheet" type="text/css" media="all" /> <script>document.documentElement.className = 'js';</script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="NGMRJhUsmdzN_HC7zjLQ_DHAaJvr9Zzo4TyZiC9grfk"> <meta name="facebook-domain-verification" content="575ddd2gy0dplhmh14xlah9vs8kr0z"> <meta name="google-site-verification" content="hnRoQpnEcCJEB9N8ySupjw_75gkDoAsXfCcA1KY1qEA"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/141962/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="b3f998e5bcde1fc6f0acb5aee119dea5"> <meta id="in-context-paypal-metadata" data-shop-id="141962" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <link rel="alternate" hreflang="x-default" href="https://www.fangamer.com/pages/about"> <link rel="alternate" hreflang="ja-US" href="https://jp.fangamer.com/pages/about"> <link rel="alternate" hreflang="en-US" href="https://www.fangamer.com/pages/about"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=141962" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":141962,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/141962","merchantName":"Fangamer","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Fangamer","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"b3f998e5bcde1fc6f0acb5aee119dea5","betas":["rich-media-storefront-analytics"],"domain":"www.fangamer.com","predictiveSearch":true,"shopId":141962,"smart_payment_buttons_url":"https:\/\/www.fangamer.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/www.fangamer.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "fangamer.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"Fangamer V6","id":130718203961,"schema_name":"Fangamer","schema_version":"6.1.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "www.fangamer.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_CTbTrDJS.en.esm.js","modules/v2/chunk.common_N3BdFaNT.esm.js"],"init-windoid":["modules/v2/client.init-windoid_4n1mgTaW.en.esm.js","modules/v2/chunk.common_N3BdFaNT.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_BGNrsib9.en.esm.js","modules/v2/chunk.common_N3BdFaNT.esm.js","modules/v2/chunk.modal_BNI_8EVl.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_B6FXiFAg.en.esm.js","modules/v2/chunk.common_N3BdFaNT.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_CkMYpILf.en.esm.js","modules/v2/chunk.common_N3BdFaNT.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_PYEZlQMm.en.esm.js","modules/v2/chunk.common_N3BdFaNT.esm.js","modules/v2/chunk.modal_BNI_8EVl.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_zLCnrUDl.en.esm.js","modules/v2/client.shop-login-button_C0Ba0R4r.en.esm.js","modules/v2/chunk.common_N3BdFaNT.esm.js","modules/v2/chunk.modal_BNI_8EVl.esm.js"],"pay-button":["modules/v2/client.pay-button_DzzD4esL.en.esm.js","modules/v2/chunk.common_N3BdFaNT.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_DCua3w1Z.en.esm.js","modules/v2/client.shop-login-button_C0Ba0R4r.en.esm.js","modules/v2/chunk.common_N3BdFaNT.esm.js","modules/v2/chunk.modal_BNI_8EVl.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_C0Ba0R4r.en.esm.js","modules/v2/chunk.common_N3BdFaNT.esm.js","modules/v2/chunk.modal_BNI_8EVl.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_CcYfTc0j.en.esm.js","modules/v2/client.shop-login-button_C0Ba0R4r.en.esm.js","modules/v2/chunk.common_N3BdFaNT.esm.js","modules/v2/chunk.modal_BNI_8EVl.esm.js"],"lead-capture":["modules/v2/client.lead-capture_Bew0QC1H.en.esm.js","modules/v2/chunk.common_N3BdFaNT.esm.js","modules/v2/chunk.modal_BNI_8EVl.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_C5RaJEVd.en.esm.js","modules/v2/chunk.common_N3BdFaNT.esm.js","modules/v2/chunk.modal_BNI_8EVl.esm.js"],"payment-terms":["modules/v2/client.payment-terms_CcnhBM77.en.esm.js","modules/v2/chunk.common_N3BdFaNT.esm.js","modules/v2/chunk.modal_BNI_8EVl.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/scripts.juniphq.com\/v1\/junip_shopify.js?shop=fangamer.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":141962,"offset":-25200,"reqid":"3af10545-aeac-467b-af95-20db3632e916-1744394085","pageurl":"www.fangamer.com\/pages\/about","s":"pages-299862","u":"308efb632214","p":"page","rtyp":"page","rid":299862};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.fangamer.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//www.fangamer.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//www.fangamer.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <script id='scb4127' type='text/javascript' async='' src='https://www.fangamer.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script> <link rel="stylesheet" media="screen" href="https://www.fangamer.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 240px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <meta property="og:image" content="https://cdn.shopify.com/s/files/1/0014/1962/files/social.png?v=1715712594" /> <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0014/1962/files/social.png?v=1715712594" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="628" /> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 141962,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 141962,storefrontBaseUrl: "https://www.fangamer.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"30244921","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"4","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Plausible"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "com",initData: {"shop":{"name":"Fangamer","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"fangamer.myshopify.com","countryCode":"US","storefrontUrl":"https://www.fangamer.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://www.fangamer.com/cdn","b9d83f05w9aeb09c6pae9c4307m7e4c8c74",{"modern":"","legacy":""},{"shopId":"141962","storefrontBaseUrl":"https://www.fangamer.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"b9d83f05w9aeb09c6pae9c4307m7e4c8c74"});</script><script> window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":299862}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; } </script> <script class="analytics"> (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 141962, theme_id: 130718203961, app_name: "storefront", context_url: window.location.href, source_url: "//www.fangamer.com/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//www.fangamer.com/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//www.fangamer.com/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":141962,"isMerchantRequest":null,"themeId":130718203961,"themeCityHash":"13893853772355052149","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":299862,"shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//www.fangamer.com/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script defer src="https://www.fangamer.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.6.1.min.js" data-application="storefront-renderer" data-shop-id="141962" data-render-region="gcp-asia-southeast1" data-page-type="page" data-theme-instance-id="130718203961" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" data-shs="false" ></script> </head> <body class="bg-fangamer-background" data-controller="plausible" data-market="us"> <header id="header"> <nav id="nav_top" class="fixed w-full z-50 bg-fangamer-darkblue shadow shadow-gray-900/50" data-controller="megamenu drawer" data-megamenu-target="nav" data-action="product:openDrawer@window->drawer#expandById beforeCache@document->drawer#close"> <a id="skip_to_content" href="#main" class="motion-safe:transition-all left-0 bg-access-green text-fangamer-background rounded-lg absolute p-2 m-2 -top-16 focus:top-0" data-turbo="false">Skip to Content</a> <div id="nav_navbar" class="flex items-center bg-fangamer-darkblue"> <button class="nav-icon cursor-pointer flex shrink-0 items-center w-(--spacing-navbar) h-(--spacing-navbar) justify-center text-2xl text-fangamer-green lg:hidden hover:!text-fangamer-background hover:bg-fangamer-green" type="button" data-drawer-target="button" data-drawer-element-param="nav_drawer_menu" data-action="drawer#expand:prevent" aria-controls="nav_drawer_menu" aria-expanded="false"> <span class="sr-only">Open main menu</span> <span class="icon-[fa6-solid--bars]" aria-hidden="true"></span> </button> <a id="nav_logo" href="/" class="flex shrink-0 items-center px-3 md:px-6 py-3 h-(--spacing-navbar) fill-fangamer-green hover:!fill-fangamer-background hover:bg-fangamer-green hidden md:block" aria-label="Fangamer"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 133.03 24.64" class="h-full overflow-visible" alt="Fangamer" aria-label="Fangamer"><path id="fan" d="M7.73,10.84V9.19a.58.58,0,0,0-.61-.61H4.63v-.1c0-1.74.36-2.16,1.52-2.16h1a.57.57,0,0,0,.55-.59V3.82a.56.56,0,0,0-.57-.47H4.68C1.39,3.35,0,4.8,0,8.56V19.38A.59.59,0,0,0,.62,20H4a.59.59,0,0,0,.61-.62V11.45H7.12A.58.58,0,0,0,7.73,10.84ZM30.09,8.58H21.27a.29.29,0,0,0-.23.15c-.1.2.11.38.11.38h0a4.4,4.4,0,0,1,1.42,3v7.3a.59.59,0,0,0,.62.61h3.44a.58.58,0,0,0,.57-.62V11.79H29c1.32,0,1.68.66,1.68,2.42v5.17a.59.59,0,0,0,.61.61h3.42a.57.57,0,0,0,.6-.61V13.89C35.32,10.32,33.69,8.58,30.09,8.58Zm-14.44,0H10.57A.59.59,0,0,0,10,9.2v1.66a.58.58,0,0,0,.61.61h3.69c1.08,0,1.44.55,1.5,1.66H11.37c-2.29,0-3.89.89-3.89,3.44S9,20,11.37,20h8.24a.58.58,0,0,0,.61-.61V13.73C20.22,10.37,18.73,8.58,15.65,8.58Zm.11,8.73H13.15c-.73,0-1.15-.24-1.15-1s.39-1,1.15-1h2.61Z"/><path id="gamer" d="M60,8.58H53.58a.56.56,0,0,0-.58.6v1.67a.59.59,0,0,0,.61.62h5c1.08,0,1.44.55,1.5,1.66H55.71c-2.29,0-3.89.89-3.89,3.44S53.37,20,55.71,20H64a.59.59,0,0,0,.61-.62V13.73C64.57,10.37,63.07,8.58,60,8.58Zm.11,8.73H57.49c-.73,0-1.15-.24-1.15-1s.39-1,1.15-1H60.1ZM43.92,11.48h5.73a.58.58,0,0,0,.61-.59V9.19h0a.59.59,0,0,0-.62-.61h-6.9c-3.52,0-5.55,1.89-5.55,5.55s2.24,5.65,5.79,5.65h2.65c-.08,1.21-.55,1.79-1.89,1.79H39.32a.59.59,0,0,0-.62.61V24a.61.61,0,0,0,.63.62h5.49c3.57,0,5.44-1.87,5.44-5.28v-5.6a.6.6,0,0,0-.62-.62H46.22a.59.59,0,0,0-.59.62v3.13H43.92c-1.42,0-1.94-.84-1.94-2.74S42.5,11.48,43.92,11.48Zm65.69-2.9h-9a.32.32,0,0,0-.2.15.33.33,0,0,0,.07.37,5.6,5.6,0,0,1,1.73,4.48c0,.08,0,.15,0,.23v5.56a.58.58,0,0,0,.61.61h3.4a.59.59,0,0,0,.62-.61V14.26c0-1.68.37-2.31,1.6-2.31h1.31a.58.58,0,0,0,.51-.56V9.19A.59.59,0,0,0,109.61,8.58Zm-29.26,0H65.1a.27.27,0,0,0-.21.15.45.45,0,0,0,.12.4h0a5.69,5.69,0,0,1,1.66,4.19V19.4a.56.56,0,0,0,.6.59H70.9a.59.59,0,0,0,.61-.62V11.8h1.16c1.34,0,1.65.66,1.65,2.42v5.15a.57.57,0,0,0,.6.61h2.61a.57.57,0,0,0,.59-.61V11.79h1.16c1.34,0,1.65.66,1.65,2.42v5.16a.6.6,0,0,0,.62.62H85a.59.59,0,0,0,.61-.62V13.89C85.56,10.32,83.93,8.58,80.35,8.58Zm13.48-.26c-4.18,0-6.7,1.76-6.7,5.91S89.67,20,93.33,20h5.32a.59.59,0,0,0,.62-.61V17.71a.59.59,0,0,0-.62-.61H94.2c-1.32,0-2-.34-2.26-1.87h7.68a.55.55,0,0,0,.57-.59v-.7C100.19,10.29,98.22,8.32,93.83,8.32Zm-2,4.86c.19-1.81.87-2.26,2.05-2.26s1.84.55,1.95,2.26Z"/><path id="mark" d="M132,0h-9.49A3.83,3.83,0,0,0,120,1l-6,6a3.82,3.82,0,0,0-1,2.49V19a1,1,0,0,0,1,1h9.5A3.82,3.82,0,0,0,126,19l6-6a3.83,3.83,0,0,0,1-2.5V1A1,1,0,0,0,132,0Zm0,3.71a.54.54,0,0,1-.54.54h-2.17a.53.53,0,0,0-.54.54V7a.54.54,0,0,0,.54.55h2.17A.54.54,0,0,1,132,8V10.2a.54.54,0,0,1-.54.54h-2.17a.53.53,0,0,0-.54.55v2.16a.54.54,0,0,1-.54.54h-2.16a.55.55,0,0,1-.55-.54V11.29a.54.54,0,0,0-.54-.55h-2.16a.54.54,0,0,1-.54-.54V8a.54.54,0,0,1,.54-.54H125a.53.53,0,0,0,.54-.55V4.79a.55.55,0,0,1,.55-.54h2.16a.53.53,0,0,0,.54-.54V1.54a.54.54,0,0,1,.54-.54h2.17a.54.54,0,0,1,.54.54Z"/></svg> <div class="hidden" itemscope itemtype="http://schema.org/Organization">Fangamer</div> </a> <a id="nav_icon" href="/" class="flex shrink-0 items-center px-3 md:px-6 py-3 h-(--spacing-navbar) fill-fangamer-green hover:!fill-fangamer-background hover:bg-fangamer-green block md:hidden" aria-label="Fangamer"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50.05 50.05" class="h-full overflow-visible" alt="Fangamer" aria-label="Fangamer"><path id="mark" d="M47.55,0H23.77a9.6,9.6,0,0,0-6.25,2.5l-15,15A9.56,9.56,0,0,0,0,23.77V47.55a2.45,2.45,0,0,0,2.5,2.5H26.28a9.6,9.6,0,0,0,6.26-2.5l15-15a9.6,9.6,0,0,0,2.5-6.26V2.5A2.45,2.45,0,0,0,47.55,0Zm0,9.28a1.36,1.36,0,0,1-1.36,1.36H40.77A1.33,1.33,0,0,0,39.41,12v5.41a1.33,1.33,0,0,0,1.36,1.36h5.42a1.36,1.36,0,0,1,1.36,1.36v5.42a1.35,1.35,0,0,1-1.36,1.35H40.77a1.33,1.33,0,0,0-1.36,1.36v5.42A1.35,1.35,0,0,1,38.06,35H32.64a1.36,1.36,0,0,1-1.36-1.36V28.26a1.33,1.33,0,0,0-1.35-1.36H24.51a1.35,1.35,0,0,1-1.36-1.35V20.13a1.36,1.36,0,0,1,1.36-1.36h5.42a1.33,1.33,0,0,0,1.35-1.36V12a1.36,1.36,0,0,1,1.36-1.36h5.42a1.33,1.33,0,0,0,1.35-1.36V3.86A1.36,1.36,0,0,1,40.77,2.5h5.42a1.36,1.36,0,0,1,1.36,1.36Z"/></svg> <div class="hidden" itemscope itemtype="http://schema.org/Organization">Fangamer</div> </a> <div id="nav_menu" class="items-center justify-between hidden w-auto lg:flex"> <ul class="flex"> <li> <a href="/collections/new-and-featured" id="nav_catalog_toggle" class="menu group flex items-center justify-between w-full h-(--spacing-navbar) px-2 lg:px-6 font-extrabold uppercase md:w-auto hover:bg-fangamer-green [&.active]:bg-fangamer-green text-fangamer-background [&.active]:text-fangamer-darkblue hover:text-fangamer-darkblue" aria-expanded="false" aria-label="Catalog" data-megamenu-target="button" data-megamenu-element-param="nav_catalog" data-action="megamenu#clickToggle:prevent mouseover->megamenu#hoverToggle mouseout->megamenu#unhoverToggle">Catalog <svg class="w-3 h-3 ml-2 text-fangamer-green pointer-events-none group-hover:!text-fangamer-background motion-safe:transition-transform group-[.active]:!text-fangamer-background group-[.toggled]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg></a> </li> <li> <a href="/collections" id="nav_collections_toggle" class="menu group flex items-center justify-between w-full h-(--spacing-navbar) px-2 lg:px-6 font-extrabold uppercase md:w-auto hover:bg-fangamer-green [&.active]:bg-fangamer-green text-fangamer-background [&.active]:text-fangamer-darkblue hover:text-fangamer-darkblue" aria-expanded="false" aria-label="Collections" data-megamenu-target="button" data-megamenu-element-param="nav_collections" data-action="megamenu#clickToggle:prevent mouseover->megamenu#hoverToggle mouseout->megamenu#unhoverToggle">Collections <svg class="w-3 h-3 ml-2 text-fangamer-green pointer-events-none group-hover:!text-fangamer-background motion-safe:transition-transform group-[.active]:!text-fangamer-background group-[.toggled]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg></a> </li> </ul> </div> <div id="nav_catalog" class="absolute left-0 right-0 top-(--spacing-navbar) bg-fangamer-background border-b-4 border-fangamer-green shadow-lg shadow-gray-900/25 hidden" data-megamenu-target="menu" data-action="mouseover->megamenu#hoverMenu keydown.esc->megamenu#close"> <h2 class="sr-only">Catalog</h2> <div class="menu grid px-6 py-6 text-sm font-bold grid-cols-5 shadow-inner shadow-gray-900/50"> <ul class="row-span-2 space-y-1 p-4 xl:p-6 bg-fangamer-darkblue rounded-lg md:mr-4"> <li> <a href="/collections/new-and-featured" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg !text-fangamer-background rounded-lg hover:!text-access-blue-900 hover:!bg-fangamer-green"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] !text-fangamer-green group-hover:!text-fangamer-background" aria-hidden="true"></span> </div> <span class="block grow">New & Featured</span> </a> </li> <li> <a href="/collections/new" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">New</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/popular" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Popular</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/restocked" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Restocked</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/on-sale" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Sale</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gifts-under-15" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">$15 & Under</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/products/giftcards" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Gift Cards</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/apparel" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--apparel] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Apparel</span> </a> </li> <li> <a href="/collections/t-shirts" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">T-Shirts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/long-sleeved-shirts" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Long-Sleeved Shirts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/hoodies" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Outerwear</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/bottoms" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Bottoms</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/hats" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Hats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/misc-apparel" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Accessories</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/video-games" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--video-games] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Games</span> </a> </li> <li> <a href="/collections/collectors-editions" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Collector's Editions</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/physical-games" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Physical Games</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/board-and-card-games" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Board & Card Games</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gaming-accessories" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Accessories</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/games-coming-soon" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Coming Soon</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/plushes-and-figurines" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--plushes-and-figurines] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Plushes & Figures</span> </a> </li> <li> <a href="/collections/plushes" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Plushes</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/figures" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Figures</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/home-and-office" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--home-and-office] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Home & Office</span> </a> </li> <li> <a href="/collections/home-goods" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Home Goods</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/drinkware" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Drinkware</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/bags-and-wallets" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Bags</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/stationery" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Stationery</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/desk-mats" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Desk Mats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/toys" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Toys & Activities</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/books" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--books] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Books</span> </a> </li> <li> <a href="/collections/guidebooks" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Guidebooks</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/art-books" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Art Books</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gaming-history" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Gaming History</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/arts-crafts" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Arts & Crafts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/comics" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Comics</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/music" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--music] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Music & Video</span> </a> </li> <li> <a href="/collections/vinyl-game-soundtracks" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Vinyl Albums</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/vinyl-slipmats" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Slipmats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/cds" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">CDs</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/video" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Videos</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/art-posters" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--art-posters] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Art & Posters</span> </a> </li> <li> <a href="/collections/art-posters" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Posters</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> <ul class="space-y-1 border-fangamer-background-darker border-l pl-4 xl:pl-8 pr-2 pb-4"> <li> <a href="/collections/accessories" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-access-blue-900"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--accessories] !text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Accessories</span> </a> </li> <li> <a href="/collections/lapel-pins" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Pins</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/pinverse" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">PINVERSE</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/pinboards" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Pinboards</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/jewelry" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Jewelry</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/keychains" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Keychains</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/stickers" class="group flex w-full p-1 rounded-lg hover:!bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Stickers & Patches</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </div> </div> <div id="nav_collections" class="absolute left-0 right-0 top-(--spacing-navbar) bg-fangamer-background border-b-4 border-fangamer-green shadow-lg shadow-gray-900/25 hidden" data-megamenu-target="menu" data-action="mouseover->megamenu#hoverMenu keydown.esc->megamenu#close"> <h2 class="sr-only">Collections</h2> <div class="menu grid px-6 py-6 text-sm font-bold grid-cols-5 shadow-inner shadow-gray-900/50"> <ul class="row-span-4 space-y-1 p-4 xl:p-6 bg-fangamer-darkblue rounded-lg md:mr-4"> <li> <a href="/collections" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-fangamer-green"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] !text-fangamer-green group-hover:!text-fangamer-background" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Collections</span> </a> </li> <li> <a href="/collections#games" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green" data-action="click->megamenu#closeIfSameURL" data-megamenu-new-url-param="/collections" data-megamenu-new-hash-param="games"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">By Game</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#studios" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green" data-action="click->megamenu#closeIfSameURL" data-megamenu-new-url-param="/collections" data-megamenu-new-hash-param="studios"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">By Studio</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#partners" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green" data-action="click->megamenu#closeIfSameURL" data-megamenu-new-url-param="/collections" data-megamenu-new-hash-param="partners"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">By Partner</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#artists" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green" data-action="click->megamenu#closeIfSameURL" data-megamenu-new-url-param="/collections" data-megamenu-new-hash-param="artists"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">By Artist</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections" class="group flex w-full p-1 font-extrabold uppercase lg:text-lg rounded-lg hover:!bg-fangamer-green"> <div class="flex items-center justify-center w-5 h-5 text-lg xl:text-xl mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] !text-fangamer-green group-hover:!text-fangamer-background" aria-hidden="true"></span> </div> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Themes</span> </a> </li> <li> <a href="/collections/fangamer-classic" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Fangamer Classic</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/mystery-sales" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Mystery Sales</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/fangamer-kids" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">For Kids</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/charity" class="group flex w-full p-1 rounded-lg hover:!bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-blue group-hover:!text-fangamer-background" aria-hidden="true"></span> <span class="block grow !text-fangamer-background group-hover:!text-access-blue-900">Charity</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 !text-transparent group-hover:!text-fangamer-background" aria-hidden="true"></span> </a> </li> </ul> <ul class="grid grid-cols-5 gap-2 col-span-4" data-debug-target="collection" data-section="Desktop Menu"> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/undertale" style="background-color: #f32b27" aria-label="UNDERTALE Official Collection" data-plausible-props-param='{"title":"UNDERTALE", "section":"Desktop Menu", "location":"Slot 1"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-undertale.svg?v=1692129753" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="UNDERTALE" aria-label="UNDERTALE" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/deltarune" style="background-color: #d1007a" aria-label="DELTARUNE Official Collection" data-plausible-props-param='{"title":"DELTARUNE", "section":"Desktop Menu", "location":"Slot 2"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-deltarune_new.svg?v=1692130941" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="DELTARUNE" aria-label="DELTARUNE" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/hollow-knight" style="background-color: #5897bf" aria-label="Hollow Knight Official Collection" data-plausible-props-param='{"title":"Hollow Knight", "section":"Desktop Menu", "location":"Slot 3"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-hollow-knight_new.svg?v=1692130661" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Hollow Knight" aria-label="Hollow Knight" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/stardew-valley" style="background-color: #7ad23f" aria-label="Stardew Valley Official Collection" data-plausible-props-param='{"title":"Stardew Valley", "section":"Desktop Menu", "location":"Slot 4"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-stardew-valley.svg?v=1692129769" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Stardew Valley" aria-label="Stardew Valley" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/omori" style="background-color: #94f0da" aria-label="OMORI Official Collection" data-plausible-props-param='{"title":"OMORI", "section":"Desktop Menu", "location":"Slot 5"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-omori_b9894128-f6b6-4d01-92f8-383080619dcd.svg?v=1676483359" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="OMORI" aria-label="OMORI" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/balatro" style="background-color: #033be7" aria-label="Balatro Official Collection" data-plausible-props-param='{"title":"Balatro", "section":"Desktop Menu", "location":"Slot 6"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/Balatro-logo-1color.svg?v=1731523993" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Balatro" aria-label="Balatro" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/metal-gear-solid" style="background-color: #ff0d17" aria-label="Metal Gear Solid Official Collection" data-plausible-props-param='{"title":"Metal Gear Solid", "section":"Desktop Menu", "location":"Slot 7"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/mgs-logo_4c72084a-d48c-4c4e-a98a-d44809e324df.svg?v=1692905175" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Metal Gear Solid" aria-label="Metal Gear Solid" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/outer-wilds" style="background-color: #ff8428" aria-label="Outer Wilds Official Collection" data-plausible-props-param='{"title":"Outer Wilds", "section":"Desktop Menu", "location":"Slot 8"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-outer-wilds_new.svg?v=1692131283" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Outer Wilds" aria-label="Outer Wilds" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/pizza-tower" style="background-color: #b80000" aria-label="Pizza Tower Official Collection" data-plausible-props-param='{"title":"Pizza Tower", "section":"Desktop Menu", "location":"Slot 9"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-pizza-tower.svg?v=1693953091" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Pizza Tower" aria-label="Pizza Tower" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/ena" style="background-color: #ff280c" aria-label="ENA Official Collection" data-plausible-props-param='{"title":"ENA", "section":"Desktop Menu", "location":"Slot 10"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-ena.svg?v=1676495242" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="ENA" aria-label="ENA" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/helldivers-2" style="background-color: #ffe800" aria-label="Helldivers 2 Official Collection" data-plausible-props-param='{"title":"Helldivers 2", "section":"Desktop Menu", "location":"Slot 11"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/hd2_primary_logo_mono_2.svg?v=1719008421" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Helldivers 2" aria-label="Helldivers 2" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/celeste" style="background-color: #81cce3" aria-label="Celeste Official Collection" data-plausible-props-param='{"title":"Celeste", "section":"Desktop Menu", "location":"Slot 12"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-celeste_new.svg?v=1692130883" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Celeste" aria-label="Celeste" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/elden-ring" style="background-color: #866600" aria-label="ELDEN RING Official Collection" data-plausible-props-param='{"title":"Elden Ring", "section":"Desktop Menu", "location":"Slot 13"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-elden-ring_new.svg?v=1692131251" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="ELDEN RING" aria-label="ELDEN RING" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/hades" style="background-color: #850a00" aria-label="Hades Official Collection" data-plausible-props-param='{"title":"Hades", "section":"Desktop Menu", "location":"Slot 14"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-hades_new.svg?v=1692131269" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Hades" aria-label="Hades" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/off" style="background-color: #ff2f4d" aria-label="OFF Official Collection" data-plausible-props-param='{"title":"OFF", "section":"Desktop Menu", "location":"Slot 15"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/OFF-vector-logo.svg?v=1734627837" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="OFF" aria-label="OFF" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/cult-of-the-lamb" style="background-color: #ff0000" aria-label="Cult of the Lamb Official Collection" data-plausible-props-param='{"title":"Cult of the Lamb", "section":"Desktop Menu", "location":"Slot 16"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/CotL-Logo-compressed.svg?v=1678485529" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Cult of the Lamb" aria-label="Cult of the Lamb" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/capcom" style="background-color: #ffcf40" aria-label="Capcom Official Collection" data-plausible-props-param='{"title":"Capcom", "section":"Desktop Menu", "location":"Slot 17"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-capcom_new.svg?v=1692130930" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Capcom" aria-label="Capcom" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/playstation" style="background-color: #1984ff" aria-label="PlayStation Official Collection" data-plausible-props-param='{"title":"PlayStation", "section":"Desktop Menu", "location":"Slot 18"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-playstation_new.svg?v=1692131065" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="PlayStation" aria-label="PlayStation" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/atlus" style="background-color: #ff1717" aria-label="Atlus Official Collection" data-plausible-props-param='{"title":"Atlus", "section":"Desktop Menu", "location":"Slot 19"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-atlus_new.svg?v=1692130971" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Atlus" aria-label="Atlus" /> </div> </a> </li> <li> <a class="group flex items-center justify-center w-full aspect-2/1 rounded-lg lazyload bg-access-blue-800 max-md:active:scale-95" href="/collections"> <div class="flex items-center justify-center w-full h-full rounded bg-fangamer-background-darker transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0"> <span class="block uppercase font-extrabold text-sm lg:text-xl z-10 text-access-blue-900 transition-all group-hover:text-fangamer-background group-hover:duration-0 group-active:text-fangamer-background group-active:duration-0 text-center">and more!</span> </div> </a> </li> </ul> </div> </div> <div id="nav_links" class="hidden lg:flex justify-end ml-auto lg:mr-1 lg:ml-8 xl:ml-16 w-auto xl:grow"> <ul class="flex"> <li class="relative"> <a id="nav_more_toggle" class="group flex justify-center items-center text-sm px-2 py-1 lg:mx-1 rounded-lg hover:bg-fangamer-green text-fangamer-background font-extrabold uppercase hover:text-fangamer-darkblue [&.active]:bg-fangamer-green [&.active]:text-fangamer-darkblue" href="/pages/help" aria-expanded="false" aria-label="More" data-megamenu-target="button" data-megamenu-element-param="nav_more" data-action="megamenu#clickToggle:prevent mouseover->megamenu#hoverToggle mouseout->megamenu#unhoverToggle"> <svg class="w-3 h-3 mr-2 text-fangamer-green pointer-events-none group-hover:!text-fangamer-background motion-safe:transition-transform group-[.active]:!text-fangamer-background group-[.toggled]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> More </a> <div id="nav_more" class="absolute top-8 -left-8 px-8 pb-4 pt-1 hidden" data-megamenu-target="menu" data-action="mouseover->megamenu#hoverMenu keydown.esc->megamenu#close"> <ul class="menu space-y-1 p-2 bg-fangamer-background w-48 border-b-4 border-fangamer-green shadow-lg shadow-gray-900/25"> <li> <a href="/blogs/news" class="group flex w-full p-1 text-fangamer-body text-sm font-bold rounded-lg hover:text-fangamer-background hover:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">News</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 text-transparent group-hover:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/events" class="group flex w-full p-1 text-fangamer-body text-sm font-bold rounded-lg hover:text-fangamer-background hover:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Events</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 text-transparent group-hover:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/about" class="group flex w-full p-1 text-fangamer-body text-sm font-bold rounded-lg hover:text-fangamer-background hover:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">About Us</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 text-transparent group-hover:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/help" class="group flex w-full p-1 text-fangamer-body text-sm font-bold rounded-lg hover:text-fangamer-background hover:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Help / FAQ</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 text-transparent group-hover:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/accessibility" class="group flex w-full p-1 text-fangamer-body text-sm font-bold rounded-lg hover:text-fangamer-background hover:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[6px] ml-[7px] mr-[15px] !text-fangamer-background-darkest group-hover:!text-fangamer-green" aria-hidden="true"></span> <span class="block grow !text-fangamer-body group-hover:!text-fangamer-background">Accessibility</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 text-transparent group-hover:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </div> </li> <li> <a class="group flex justify-center text-sm px-2 py-1 lg:mx-1 rounded-lg hover:bg-fangamer-green" href="/account/login"> <div class="flex items-center justify-center w-5 h-5 mr-1" aria-hidden="true"> <span class="nav-icon icon-[fa6-solid--user] text-fangamer-green group-hover:!text-fangamer-background" aria-hidden="true"></span> </div> <span class="text-fangamer-background font-extrabold uppercase group-hover:text-fangamer-darkblue">Login</span> </a> </li> </ul> </div> <form id="nav_search_form" class="relative grow" autocomplete="off" autocorrect="off" spellcheck="false" action="/search" method="get" role="search" data-controller="search" data-action="keydown.esc->search#clearSearch submit->search#fullSearch beforeCache@document->search#hide"> <label class="sr-only" for="nav_search">Search</label> <input id="nav_search" class="form-control w-full h-(--spacing-navbar) border-none pr-20 pl-4" name="q" type="text" aria-label="Search" placeholder="Search" data-search-target="queryField" data-action="search#search focus->search#search keydown.down->search#nextResult" data-turbo-permanent /> <input type="hidden" name="type" value="product" /> <input type="hidden" name="options[unavailable_products]" value="show" /> <button id="nav_clear_button" class="hidden cursor-pointer flex absolute right-10 lg:right-12 top-0 bottom-0 w-10 items-center justify-center text-access-red-700 hover:text-access-red-500" type="button" aria-label="Clear Query" data-search-target="clearButton" data-action="search#clearSearch" data-turbo-permanent> <span class="icon-[fa6-solid--xmark]" aria-hidden="true"></span> </button> <button id="nav_search_button" class="flex absolute right-0 top-0 bottom-0 w-10 lg:w-12 items-center justify-center text-fangamer-muted cursor-text [&.active]:cursor-pointer [&.active]:text-fangamer-darkblue [&.active]:hover:text-fangamer-green" type="submit" aria-label="Submit Search" data-search-target="searchButton" data-turbo-permanent> <span class="icon-[fa6-solid--magnifying-glass]" aria-hidden="true"></span> </button> <div id="nav_search_results" class="hidden fixed md:absolute top-(--spacing-navbar) md:mt-2 left-0 right-0 bg-white rounded-b md:rounded-t z-50 shadow-lg shadow-black/20" data-search-target="resultsBox"> <div class="flex items-center justify-center w-full h-16 text-fangamer-muted shadow-inner md:shadow-none shadow-black/20" data-search-target="loader"> <span class="icon-[fa6-solid--circle-notch] animate-spin"></span> </div> <div id="nav_search_result_list" class="empty:hidden shadow-inner md:shadow-none shadow-black/20" data-search-target="resultsList"></div> </div> </form> <a id="nav_cart_button" href="/cart" class="group lg:pl-1 flex flex-row h-(--spacing-navbar) items-center hover:bg-fangamer-green" type="button" data-drawer-target="button" data-drawer-element-param="nav_drawer_cart" data-action="drawer#expand:prevent" aria-controls="nav_drawer_menu" aria-expanded="false"> <div id="nav_cart_icon" class="relative flex w-(--spacing-navbar) h-(--spacing-navbar) justify-center items-center shrink-0" data-turbo-permanent> <span class="sr-only">Show Cart: 0 items</span> <span class="cart-item-count z-10 font-semibold text-fangamer-darkblue text-xs ml-1 mb-2" aria-hidden="true"> </span> <div class="nav-icon absolute flex items-center justify-center w-full h-full p-2 text-2xl text-fangamer-green group-hover:!text-fangamer-background" aria-hidden="true"> <span class="icon-[fa6-solid--cart-shopping]" aria-hidden="true"></span> </div> </div> <span class="hidden lg:inline uppercase font-extrabold text-lg text-fangamer-background -ml-1 mr-4 group-hover:text-fangamer-darkblue" aria-hidden="true">Cart</span> </a> </div> <nav id="nav_drawer_menu" class="fixed top-0 left-0 z-40 h-screen overflow-y-auto motion-safe:transition-transform bg-fangamer-background w-(--spacing-drawer) will-change-transform" data-drawer-target="menu" aria-labelledby="nav_drawer_menu_label" aria-orientation="vertical" inert data-action="keydown.esc->drawer#close" style="transform: translate(-300px, 0)" data-offset="-300px"> <div class="flex sticky top-0 z-50 items-center justify-center w-full h-(--spacing-navbar) bg-access-blue-900 text-fangamer-background text-xl shadow shadow-gray-900/50"> <h2 id="nav_drawer_menu_label" class="flex items-center gap-2 font-bold uppercase"> <span class="icon-[fa6-solid--bars]" aria-hidden="true"></span> <span>Menu</span> </h2> <button class="flex cursor-pointer items-center justify-center absolute right-0 top-0 h-(--spacing-navbar) w-(--spacing-navbar) text-fangamer-background hover:text-access-red-800 hover:bg-fangamer-background" data-drawer-target="closeButton" data-action="click->drawer#close"> <span class="sr-only">Close Menu</span> <span class="icon-[fa6-solid--xmark]" aria-hidden="true"></span> </button> </div> <div class="p-2 border-b border-b-fangamer-background-darkest"> <ul class="space-y-1 mb-1 p-1"> <li> <a id="nav_button_login" href="/account/login" class="flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fa6-solid--user] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Login</span> </a> </li> <ul class="space-y-1 mb-1" data-controller="collapse"> <li> <a id="nav_button_more" href="/pages/help" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_more"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fa6-solid--circle-question] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">More</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_more" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_more"> <li> <a href="/blogs/news" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">News</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/events" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Events</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/about" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">About Us</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/help" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Help / FAQ</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/pages/accessibility" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Accessibility</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> </ul> </div> <div class="p-2 border-b border-b-fangamer-background-darkest"> <ul class="space-y-1 mb-1 p-2 bg-fangamer-darkblue rounded-lg" data-controller="collapse"> <li> <a id="nav_button_new-featured" href="/collections/new-and-featured" class="group flex w-full p-1 font-extrabold uppercase text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_new-featured"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] text-fangamer-green group-hover:text-fangamer-background" aria-hidden="true"></span> </div> <span class="block grow">New & Featured</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-background pointer-events-none group-hover:!text-fangamer-background motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_new-featured" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_new-featured"> <li> <a href="/collections/new" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block grow font-semibold">New</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/popular" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block grow font-semibold">Popular</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/restocked" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block grow font-semibold">Restocked</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/on-sale" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block grow font-semibold">Sale</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gifts-under-15" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block grow font-semibold">$15 & Under</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> <li> <a href="/products/giftcards" class="group flex w-full p-1 text-fangamer-background rounded-lg hover:text-access-blue-900 hover:bg-fangamer-green"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[7px] mr-[15px] text-fangamer-blue group-hover:text-fangamer-background" aria-hidden="true"></span> <span class="block grow font-semibold">Gift Cards</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-1 text-transparent group-hover:text-fangamer-background" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_apparel" href="/collections/apparel" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_apparel"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--apparel] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Apparel</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_apparel" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_apparel"> <li> <a href="/collections/t-shirts" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">T-Shirts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/long-sleeved-shirts" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Long-Sleeved Shirts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/hoodies" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Outerwear</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/bottoms" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Bottoms</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/hats" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Hats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/misc-apparel" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Accessories</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/apparel" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">All Apparel</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_games" href="/collections/video-games" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_games"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--video-games] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Games</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_games" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_games"> <li> <a href="/collections/collectors-editions" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Collector's Editions</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/physical-games" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Physical Games</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/board-and-card-games" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Board & Card Games</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gaming-accessories" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Accessories</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/games-coming-soon" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Coming Soon</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/video-games" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">All Games</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_plushes-figures" href="/collections/plushes-and-figurines" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_plushes-figures"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--plushes-and-figurines] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Plushes & Figures</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_plushes-figures" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_plushes-figures"> <li> <a href="/collections/plushes" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Plushes</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/figures" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Figures</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/plushes-and-figurines" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">All Plushes & Figures</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_home-office" href="/collections/home-and-office" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_home-office"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--home-and-office] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Home & Office</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_home-office" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_home-office"> <li> <a href="/collections/home-goods" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Home Goods</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/drinkware" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Drinkware</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/bags-and-wallets" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Bags</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/stationery" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Stationery</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/desk-mats" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Desk Mats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/toys" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Toys & Activities</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/home-and-office" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">All Home & Office</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_books" href="/collections/books" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_books"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--books] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Books</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_books" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_books"> <li> <a href="/collections/guidebooks" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Guidebooks</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/art-books" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Art Books</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/gaming-history" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Gaming History</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/arts-crafts" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Arts & Crafts</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/comics" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Comics</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/books" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">All Books</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_music-video" href="/collections/music" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_music-video"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--music] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Music & Video</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_music-video" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_music-video"> <li> <a href="/collections/vinyl-game-soundtracks" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Vinyl Albums</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/vinyl-slipmats" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Slipmats</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/cds" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">CDs</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/video" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Videos</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/music" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">All Music & Video</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_art-posters" href="/collections/art-posters" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_art-posters"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--art-posters] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Art & Posters</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_art-posters" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_art-posters"> <li> <a href="/collections/art-posters" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Posters</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/art-posters" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">All Art & Posters</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_accessories" href="/collections/accessories" class="group flex w-full py-1 px-2 font-extrabold uppercase text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_accessories"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--accessories] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Accessories</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_accessories" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_accessories"> <li> <a href="/collections/lapel-pins" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Pins</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/pinverse" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">PINVERSE</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/pinboards" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Pinboards</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/jewelry" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Jewelry</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/keychains" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Keychains</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/stickers" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Stickers & Patches</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/accessories" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">All Accessories</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> </div> <div class="pt-2 px-2 pb-20"> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_collections" href="/collections" class="group flex w-full py-1 px-2 font-extrabold uppercase lg:text-lg text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_collections"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Collections</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_collections" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_collections"> <li> <a href="/collections#games" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-action="click->drawer#closeIfSameURL" data-drawer-new-url-param="/collections" data-drawer-new-hash-param="games"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">By Game</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#studios" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-action="click->drawer#closeIfSameURL" data-drawer-new-url-param="/collections" data-drawer-new-hash-param="studios"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">By Studio</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#partners" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-action="click->drawer#closeIfSameURL" data-drawer-new-url-param="/collections" data-drawer-new-hash-param="partners"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">By Partner</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections#artists" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-action="click->drawer#closeIfSameURL" data-drawer-new-url-param="/collections" data-drawer-new-hash-param="artists"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">By Artist</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="space-y-1 mb-1 p-1" data-controller="collapse"> <li> <a id="nav_button_themes" href="/collections" class="group flex w-full py-1 px-2 font-extrabold uppercase lg:text-lg text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900" data-collapse-target="button" data-action="click->collapse#toggle:prevent" aria-expanded="false" aria-controls="nav_collapse_themes"> <div class="flex items-center justify-center w-4 h-4 text-lg mt-[4px] mr-[8px]" aria-hidden="true"> <span class="icon-[fg--star] text-fangamer-green" aria-hidden="true"></span> </div> <span class="block grow">Themes</span> <svg class="w-4 h-4 mx-1 mt-1 text-fangamer-muted pointer-events-none group-hover:text-fangamer-green group-active:text-fangamer-green motion-safe:transition-transform group-[.open]:text-fangamer-green group-[.open]:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4"/> </svg> </a> </li> <ul id="nav_collapse_themes" class="hidden space-y-1" data-collapse-target="collapse" aria-labelledby="nav_button_themes"> <li> <a href="/collections/fangamer-classic" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Fangamer Classic</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/mystery-sales" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Mystery Sales</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/fangamer-kids" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">For Kids</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> <li> <a href="/collections/charity" class="group flex w-full p-1 text-fangamer-body rounded-lg hover:text-fangamer-background hover:bg-access-blue-900 active:text-fangamer-background active:bg-access-blue-900"> <span class="icon-[fa6-solid--circle] shrink-0 text-[7px] mt-[9px] ml-[9px] mr-[13px] text-fangamer-background-darkest group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> <span class="block grow font-semibold">Charity</span> <span class="icon-[fa6-solid--chevron-right] text-lg mx-1 mt-[2px] text-transparent group-hover:text-fangamer-green group-active:text-fangamer-green" aria-hidden="true"></span> </a> </li> </ul> </ul> <ul class="mt-2 mb-6 grid grid-cols-2 gap-2" data-debug-target="collection" data-section="Mobile Menu"> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/undertale" style="background-color: #f32b27" aria-label="UNDERTALE Official Collection" data-plausible-props-param='{"title":"UNDERTALE", "section":"Mobile Menu", "location":"Slot 1"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-undertale.svg?v=1692129753" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="UNDERTALE" aria-label="UNDERTALE" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/deltarune" style="background-color: #d1007a" aria-label="DELTARUNE Official Collection" data-plausible-props-param='{"title":"DELTARUNE", "section":"Mobile Menu", "location":"Slot 2"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-deltarune_new.svg?v=1692130941" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="DELTARUNE" aria-label="DELTARUNE" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/hollow-knight" style="background-color: #5897bf" aria-label="Hollow Knight Official Collection" data-plausible-props-param='{"title":"Hollow Knight", "section":"Mobile Menu", "location":"Slot 3"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-hollow-knight_new.svg?v=1692130661" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Hollow Knight" aria-label="Hollow Knight" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/stardew-valley" style="background-color: #7ad23f" aria-label="Stardew Valley Official Collection" data-plausible-props-param='{"title":"Stardew Valley", "section":"Mobile Menu", "location":"Slot 4"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-stardew-valley.svg?v=1692129769" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Stardew Valley" aria-label="Stardew Valley" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/omori" style="background-color: #94f0da" aria-label="OMORI Official Collection" data-plausible-props-param='{"title":"OMORI", "section":"Mobile Menu", "location":"Slot 5"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-omori_b9894128-f6b6-4d01-92f8-383080619dcd.svg?v=1676483359" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="OMORI" aria-label="OMORI" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/balatro" style="background-color: #033be7" aria-label="Balatro Official Collection" data-plausible-props-param='{"title":"Balatro", "section":"Mobile Menu", "location":"Slot 6"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/Balatro-logo-1color.svg?v=1731523993" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Balatro" aria-label="Balatro" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/metal-gear-solid" style="background-color: #ff0d17" aria-label="Metal Gear Solid Official Collection" data-plausible-props-param='{"title":"Metal Gear Solid", "section":"Mobile Menu", "location":"Slot 7"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/mgs-logo_4c72084a-d48c-4c4e-a98a-d44809e324df.svg?v=1692905175" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Metal Gear Solid" aria-label="Metal Gear Solid" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/outer-wilds" style="background-color: #ff8428" aria-label="Outer Wilds Official Collection" data-plausible-props-param='{"title":"Outer Wilds", "section":"Mobile Menu", "location":"Slot 8"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-outer-wilds_new.svg?v=1692131283" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Outer Wilds" aria-label="Outer Wilds" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/pizza-tower" style="background-color: #b80000" aria-label="Pizza Tower Official Collection" data-plausible-props-param='{"title":"Pizza Tower", "section":"Mobile Menu", "location":"Slot 9"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-pizza-tower.svg?v=1693953091" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="Pizza Tower" aria-label="Pizza Tower" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1 " href="/collections/ena" style="background-color: #ff280c" aria-label="ENA Official Collection" data-plausible-props-param='{"title":"ENA", "section":"Mobile Menu", "location":"Slot 10"}' data-turbo-frame="" data-action="click->plausible#sendEvent"> <div class="relative flex overflow-hidden items-center w-full h-full transition-all group-hover:bg-transparent group-hover:duration-0 group-active:bg-transparent group-active:duration-0 justify-center bg-fangamer-background-darker rounded "> <img src="//www.fangamer.com/cdn/shop/files/logo-ena.svg?v=1676495242" class="card-vector-logo h-full object-contain transition-all group-hover:!invert group-hover:duration-0 group-active:!invert group-active:duration-0 z-20 w-full px-2 xl:px-4 py-3 xl:py-6 " alt="ENA" aria-label="ENA" /> </div> </a> </li> <a href="/collections" class="col-span-full w-full text-center p-2 uppercase font-bold rounded-br-lg rounded-bl-lg text-fangamer-link hover:text-fangamer-link-hover bg-fangamer-background-darker">View all games <span class="icon-[fa6-solid--chevron-right] text-xs"></span></a> </li> </ul> </div> </nav> <nav id="nav_drawer_cart" class="fixed top-0 right-0 z-40 h-screen overflow-y-auto motion-safe:transition-transform bg-fangamer-background w-(--spacing-drawer) will-change-transform" data-drawer-target="menu" aria-labelledby="nav_drawer_cart_label" aria-orientation="vertical" inert data-action="keydown.esc->drawer#close" style="transform: translate(300px, 0)" data-offset="300px"> <div id="nav_drawer_cart_label" class="flex sticky top-0 z-50 items-center justify-center w-full h-(--spacing-navbar) bg-access-blue-900 text-fangamer-background text-xl shadow shadow-gray-900/50"> <h2 class="flex items-center gap-2 font-bold uppercase"> <div class="relative flex items-center justify-center text-2xl"> <span class="cart-item-count absolute w-full z-10 font-semibold text-fangamer-darkblue text-xs text-center pb-2 pl-1" aria-hidden="true"></span> <span class="icon-[fa6-solid--cart-shopping]" aria-hidden="true"></span> </div> <span>Cart</span> </h2> <button class="cursor-pointer flex items-center justify-center absolute left-0 top-0 h-(--spacing-navbar) w-(--spacing-navbar) text-fangamer-background hover:text-access-red-800 hover:bg-fangamer-background" data-drawer-target="closeButton" data-action="click->drawer#close"> <span class="sr-only">Close Menu</span> <span class="icon-[fa6-solid--xmark]" aria-hidden="true"></span> </button> </div> <div id="nav_cart_items_container" class="flex flex-col pb-20"> <div id="shopify-section-cart-header" class="shopify-section"><div id="cart_header" class="empty:hidden" data-turbo-permanent></div> </div> <div id="shopify-section-cart-items" class="shopify-section"><div id="cart_items_container" class="group" data-controller="cart" data-turbo-permanent> <ol id="cart_items" class="flex flex-col w-full text-fangamer-body overflow-x-hidden empty:hidden" data-bonus=""></ol><div class="hidden w-fit m-2 p-2 flex gap-x-2 items-center rounded-lg border-2 border-fangamer-green-200 bg-fangamer-green-100 text-fangamer-green-900" data-cart-target="discountCookieContainer"> <span class='icon-[fg--sale] text-4xl mx-2 shrink-0'></span> <div> Discount code will be applied at checkout: <div class="flex pl-2 py-1 mt-1 gap-2 border-2 border-fangamer-green-200 bg-fangamer-green-50 rounded-lg"> <span class="grow font-bold" data-cart-target="discountCookieCode"></span> <button class="text-access-red-600 hover:text-access-red-500 h-4 p-[0.2rem] px-2 cursor-pointer js" data-action="click->cart#clearDiscountCode:prevent" aria-label="Clear discount code"><span class="icon-[fa6-solid--xmark]" aria-hidden="true"></span></button> </div> </div> </div><div class="py-12 flex flex-col text-center justify-center gap-4"> <div class="flex items-center justify-center mb-8 text-transparent"> <img src="//www.fangamer.com/cdn/shop/t/59/assets/fang-cart.svg?v=9210649339761175491716499940" class="w-42 h-36 object-contain" width="1522" height="1257" alt="Fang with an empty shopping cart, with a bubble saying '0'" /> </div> <p>Your cart is empty!</p> <a class="text-fangamer-link hover:text-fangamer-link-hover hidden group-[.big-cart]:inline" href="/">Continue shopping &rsaquo;</a> <button class="text-fangamer-link hover:text-fangamer-link-hover cursor-pointer js group-[.big-cart]:hidden" data-drawer-target="closeButton" data-action="click->drawer#close:prevent">Continue shopping &rsaquo;</button> </div></div> </div> <div id="shopify-section-cart-footer" class="shopify-section"><div id="cart_footer" class="group scroll-mt-(--spacing-navbar) text-fangamer-body empty:hidden " data-controller="cart"></div> </div> <div id="shopify-section-cart-recommendations" class="shopify-section"><div id="cart_recommendations" class="lazyload empty:hidden"></div> </div> </div> </nav> <div id="nav_backdrop" class="hidden bg-gray-900/50 fixed inset-0 z-30" data-drawer-target="backdrop" data-action="click->drawer#close" aria-hidden="true"></div> </nav> </header> <main id="main" class="pt-(--spacing-navbar)"><div id="shopify-section-template--15911402602553__main" class="shopify-section"><div id="page_top" class="overflow-hidden bg-fangamer-darkblue-950 bg-[length:300px]" style="background-image: url('//www.fangamer.com/cdn/shop/t/59/assets/bg-gametime.png?v=41837159149954897181692659587')"> <h1 id="page_title" class="hidden">About / Contact</h1> <div id="page_banner_about" data-turbo-permanent> <div id="collection_logo" class="flex items-center justify-center h-64 lg:h-80 py-8 px-8 fill-fangamer-background"> <img src="//www.fangamer.com/cdn/shop/files/fg-logo-stacked-margins.png?height=500&v=1695396365" class="lazyload max-h-full max-w-full lg:max-w-xl" /> </div> </div> </div><div id="page" class="container mt-8 mb-24 text-fangamer-body max-w-4xl px-4 lg:px-6"><section id="page_body" class="prose"> <div style="float: left; width: 40%; margin-right: 2rem; margin-bottom: 2.5rem;"><a href="https://cdn.shopify.com/s/files/1/0014/1962/files/20210128-fangamer-058-HDR.jpg?v=1616460071" data-fancybox="about"><img src="https://cdn.shopify.com/s/files/1/0014/1962/files/20210128-fangamer-058-HDR_600x600.jpg?v=1616460071" alt="Photo of the new Fangamer Office and its mural" class="lazyload"> <small><em>Photo credit: Ray Cleveland</em></small> </a></div> <h2>About Us</h2> <p>Fangamer is a video game merchandise company based in鈥攁nd shipping from鈥擳ucson, Arizona. We got started in 2008 with one goal: To celebrate our favorite games with the kind of merchandise we want to own.</p> <p>Well, actually we started with a different goal: To somehow make a living creating Web 1.0 fan pages for our favorite games. But when that didn鈥檛 work, we pivoted to designing, shipping, and sometimes even producing merchandise, and we鈥檝e mostly done that ever since, with some very weird side projects along the way.</p> <h2>History</h2> <p>Fangamer was founded in 2007 by a group of friends who grew up running an EarthBound fan site called <a href="http://starmen.net/" target="_blank">Starmen.Net</a>.</p> <p>We launched the Fangamer Store in August 2008 with four products: two shirts, a pin set, and a mug.</p> <p>In 2009 we completed the <a href="http://handbook.fangamer.com/" target="_blank">MOTHER 3 Handbook</a>, and we finally moved out of a spare bedroom and into a proper office.</p> <p>In 2010 we began working with small, independent groups like 2 Player Productions and Far From Subtle. We also secured our first booth at PAX East.</p> <p>In 2011 we expanded our partnerships with independent game developers and other small gaming companies while also expanding our workforce.</p> <p>In 2012 we moved to a larger office space and started fulfilling projects like the <a href="http://www.kickstarter.com/projects/doublefine/double-fine-adventure" target="_blank">Double Fine Adventure</a> and our own <a href="http://www.kickstarter.com/projects/fangamer/fangamer-retrowear" target="_blank">Retrowear Kickstarter</a>.</p> <p>In 2013 we created partner stores for fan music master Mustin, the indie game FTL, our friends at Venus Patrol, and CAPY.</p> <p>In 2014 we licensed Papers, Please, Octodad, and Shovel Knight and successfully funded our <a href="https://www.kickstarter.com/projects/fangamer/you-are-now-earthbound" target="_blank">You Are Now EarthBound</a> Kickstarter project.</p> <p>In 2015 we ran a record-breaking Kickstarter project for <a href="https://www.kickstarter.com/projects/iga/bloodstained-ritual-of-the-night" target="_blank">Bloodstained: Ritual of the Night</a> and hosted our very own convention: Camp Fangamer.</p> <p>In 2016 we launched our first <a href="/collections/undertale">UNDERTALE</a> and <a href="/collections/stardew-valley">Stardew Valley</a> lines and our <a href="/products/earthbound-handbook">EarthBound Handbook</a>, held our second Camp Fangamer, and purchased a building!</p> <p>In 2017 we took our first steps as video game publishers with our <a href="/products/undertale-game-switch-ps4-vita">physical editions of UNDERTALE</a>.</p> <p>In 2018 we launched our first <a href="/collections/games-done-quick">Games Done Quick</a> lineup, developed the <a href="/products/flip-grip">Flip Grip</a>, and hosted our third Camp Fangamer to celebrate our tenth anniversary.</p> <p>In 2019 we secured licenses for several more huge games we love, published more physical games, and renovated yet another building to be our new home.</p> <p>In 2020 we moved into our new office building, published <a href="/products/stardew-valley-switch-pc-collectors-edition-game">physical editions of Stardew Valley</a>, and began working with MAGFest.</p> <p>In 2021 we hosted an event that we called <a href="https://www.youtube.com/watch?v=rksOYId-cNA" target="_blank">UNDERTALE 6th Anniversary So We Play DELTARUNE Chapter 1 For Some Reason</a>.</p> <p>In 2022 we hosted the <a href="https://deltarune.com/sweepstakes/" target="_blank">Spamton Sweepstakes</a> and launched our lineup of <a href="/collections/hades">Hades</a> merchandise.</p> <p>In 2023 we published physical versions of <a href="/products/tunic-deluxe-edition-game">TUNIC</a> and <a href="/products/celeste-deluxe-edition-game">Celeste</a>. We also completed our YANEB Kickstarter project by releasing the <em><a href="https://earthboundusa.com/">EarthBound, USA</a></em> documentary.</p> <h2>Contact</h2> <p>To get in touch with us, use one of these two email addresses:</p> <ul> <li> <strong><a href="mailto:orders@fangamer.com">orders@fangamer.com</a></strong> is the best way to reach our customer service team, for all questions about orders, tracking information, and product details. Please be patient while waiting for a reply. We generally do not read or respond to emails on weekends.</li> <li> <strong><a href="mailto:partners@fangamer.com">partners@fangamer.com</a></strong> is for all inquiries about working with us on licensing, marketing, and other projects. Please understand, however, that we get many requests like this, and we can not respond to every one.</li> </ul> </section> </div></div> </main> <footer id="footer" class="-mt-4"> <div id="footer_news" class="bg-fangamer-darkblue-800 text-fangamer-background pt-8 pb-12 shadow-footer lg:rounded-tl-xl lg:rounded-tr-xl"> <div class="grid gap-x-8 xl:gap-x-16 grid-cols-1 lg:grid-cols-3 container px-4 lg:px-6"> <div class="lg:col-span-2"> <div class="flex items-center mb-4"> <h3 class="grow font-black text-2xl text-fangamer-background uppercase"><span class="icon-[fg--star] text-fangamer-green text-xl mr-2" aria-hidden="true"></span>Recent Updates</h3> <a href="/blogs/news" class="text-sm px-3 py-1 ml-2 shrink-0 rounded-lg uppercase font-extrabold text-fangamer-background bg-fangamer-green-700 hover:bg-fangamer-green-600 active:bg-fangamer-green-800" aria-label="View All Recent Updates">View All</a> </div> <div class="grid gap-x-6 xl:gap-x-12 grid-cols-1 lg:grid-cols-2"> <div class="group dark block "> <figure class="mb-6"> <a class="block !duration-300 motion-safe:hover:scale-105" href="/blogs/news/bloodborne-faith-tunic" aria-hidden="true" tabindex="-1"> <img id="article_card_image_blogs-news-bloodborne-faith-tunic" src="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail473-124_a0c26afb-dd88-4ad2-9a4a-75a1e73ef5e0.png?v=1743712542&width=450" srcset="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail473-124_a0c26afb-dd88-4ad2-9a4a-75a1e73ef5e0.png?v=1743712542&width=900 2x" class="w-full object-contain rounded shadow-lg shadow-black/25 mb-4 aspect-video object-cover lazyload" loading="lazy" alt="Plain Doll plush! ENA sale! Way, way more!" aria-hidden="true" data-turbo-permanent /> </a> <figcaption class="mb-2"> <a class="block hover:opacity-90" href="/blogs/news/bloodborne-faith-tunic"> <h3 class="font-bold line-clamp-2 h-12 overflow-hidden mb-2">Plain Doll plush! ENA sale! Way, way more!</h3> </a> <h4 class="font-bold line-clamp-3 mb-2 text-fangamer-green-300 ">Apr 08, 2025</h4> <p class="block h-[76px] overflow-hidden">FAITH candles, Slay the Spire merch, TUNIC hats...</p> </figcaption> <a href="/blogs/news/bloodborne-faith-tunic" class="block lg:inline-block w-full lg:w-44 text-center py-2 text-fangamer-background bg-fangamer-green-700 font-bold uppercase rounded hover:bg-fangamer-green-600 active:bg-fangamer-green-800" aria-label="Read more: Plain Doll plush! ENA sale! Way, way more!">Read more</a> </figure> </div> <div class="group dark hidden lg:block "> <figure class="mb-6"> <a class="block !duration-300 motion-safe:hover:scale-105" href="/blogs/news/metal-gear-solid-celeste" aria-hidden="true" tabindex="-1"> <img id="article_card_image_blogs-news-metal-gear-solid-celeste" src="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail-472-123_7c2fd64d-8d4a-4a8b-b195-3d9fbce9b833.png?v=1742852186&width=450" srcset="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail-472-123_7c2fd64d-8d4a-4a8b-b195-3d9fbce9b833.png?v=1742852186&width=900 2x" class="w-full object-contain rounded shadow-lg shadow-black/25 mb-4 aspect-video object-cover lazyload" loading="lazy" alt="Snake & Otacon plush set returns! + new Metal Gear Solid shirts and pins" aria-hidden="true" data-turbo-permanent /> </a> <figcaption class="mb-2"> <a class="block hover:opacity-90" href="/blogs/news/metal-gear-solid-celeste"> <h3 class="font-bold line-clamp-2 h-12 overflow-hidden mb-2">Snake & Otacon plush set returns! + new Metal Gear Solid shirts and pins</h3> </a> <h4 class="font-bold line-clamp-3 mb-2 text-fangamer-green-300 ">Mar 25, 2025</h4> <p class="block h-[76px] overflow-hidden">And Celeste pajamas!</p> </figcaption> <a href="/blogs/news/metal-gear-solid-celeste" class="block lg:inline-block w-full lg:w-44 text-center py-2 text-fangamer-background bg-fangamer-green-700 font-bold uppercase rounded hover:bg-fangamer-green-600 active:bg-fangamer-green-800" aria-label="Read more: Snake & Otacon plush set returns! + new Metal Gear Solid shirts and pins">Read more</a> </figure> </div> </div> </div> <div class="bg-fangamer-darkblue-900 rounded-lg py-4 px-8 lg:px-4 xl:px-8 flex flex-col"> <h3 class="text-center p-4 font-black uppercase text-xl xl:text-2xl mb-2">Sign up for Fangamer news</h3> <img class="object-contain w-full pl-6 my-4" src="//www.fangamer.com/cdn/shop/t/59/assets/footer-subscribe.png?v=1021012737532436751694490701" width="786" height="245" aria-hidden="true" /> <div class="flex items-center justify-center grow my-4"> <p class="text-center leading-relaxed">New product releases, events, sales & more!</p> </div> <form action="https://fangamer.us1.list-manage.com/subscribe" method="get" target="_blank" class="flex flex-col rounded-lg w-full overflow-hidden"> <div class="block w-full"> <label for="newsletter_join" class="sr-only">Email</label> <input type="text" name="MERGE0" id="newsletter_join" placeholder="Email" required="true" class="form-input w-full border-0 text-fangamer-body" /> </div> <input type="hidden" name="u" value="8ecddd9dde1044ff680b01fb6" /> <input type="hidden" name="id" value="dd0d1abd00" /> <button type="submit" class="py-1 cursor-pointer text-fangamer-background bg-fangamer-green-700 font-bold uppercase hover:bg-fangamer-green-600 active:bg-fangamer-green-800">Join</button> </form> <div class="flex gap-x-1 my-2"><a href="https://twitter.com/fangamer" aria-label="Fangamer on Twitter" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fa6-brands--x-twitter]"></span></a><a href="https://bsky.app/profile/fangamer.com" aria-label="Fangamer on Bluesky" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fg--social-bluesky]"></span></a><a href="https://facebook.com/Fangamer" aria-label="Fangamer on Facebook" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fa6-brands--facebook]"></span></a><a href="https://instagram.com/fangamercom" aria-label="Fangamer on Instagram" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fa6-brands--instagram]"></span></a><a href="https://youtube.com/c/FangamerCom" aria-label="Fangamer on YouTube" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fa6-brands--youtube]"></span></a><a href="https://twitch.tv/fangamer" aria-label="Fangamer on Twitch" target="_blank" class="flex items-center justify-center text-2xl rounded h-12 w-full bg-fangamer-darkblue-800 hover:bg-fangamer-darkblue-700 active:bg-fangamer-darkblue-950"><span class="icon-[fa6-brands--twitch]"></span></a></div> </div> </div> </div> <div id="footer_links" class="bg-fangamer-blue-950 text-fangamer-background shadow-footer lg:rounded-tl-xl lg:rounded-tr-xl -mt-4"> <div class="container lg:pt-8"> <div class="max-w-md py-8 px-16 md:px-8 mx-auto fill-fangamer-background"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 133.03 24.64" class="h-full overflow-visible" alt="Fangamer" aria-label="Fangamer"><path id="fan" d="M7.73,10.84V9.19a.58.58,0,0,0-.61-.61H4.63v-.1c0-1.74.36-2.16,1.52-2.16h1a.57.57,0,0,0,.55-.59V3.82a.56.56,0,0,0-.57-.47H4.68C1.39,3.35,0,4.8,0,8.56V19.38A.59.59,0,0,0,.62,20H4a.59.59,0,0,0,.61-.62V11.45H7.12A.58.58,0,0,0,7.73,10.84ZM30.09,8.58H21.27a.29.29,0,0,0-.23.15c-.1.2.11.38.11.38h0a4.4,4.4,0,0,1,1.42,3v7.3a.59.59,0,0,0,.62.61h3.44a.58.58,0,0,0,.57-.62V11.79H29c1.32,0,1.68.66,1.68,2.42v5.17a.59.59,0,0,0,.61.61h3.42a.57.57,0,0,0,.6-.61V13.89C35.32,10.32,33.69,8.58,30.09,8.58Zm-14.44,0H10.57A.59.59,0,0,0,10,9.2v1.66a.58.58,0,0,0,.61.61h3.69c1.08,0,1.44.55,1.5,1.66H11.37c-2.29,0-3.89.89-3.89,3.44S9,20,11.37,20h8.24a.58.58,0,0,0,.61-.61V13.73C20.22,10.37,18.73,8.58,15.65,8.58Zm.11,8.73H13.15c-.73,0-1.15-.24-1.15-1s.39-1,1.15-1h2.61Z"/><path id="gamer" d="M60,8.58H53.58a.56.56,0,0,0-.58.6v1.67a.59.59,0,0,0,.61.62h5c1.08,0,1.44.55,1.5,1.66H55.71c-2.29,0-3.89.89-3.89,3.44S53.37,20,55.71,20H64a.59.59,0,0,0,.61-.62V13.73C64.57,10.37,63.07,8.58,60,8.58Zm.11,8.73H57.49c-.73,0-1.15-.24-1.15-1s.39-1,1.15-1H60.1ZM43.92,11.48h5.73a.58.58,0,0,0,.61-.59V9.19h0a.59.59,0,0,0-.62-.61h-6.9c-3.52,0-5.55,1.89-5.55,5.55s2.24,5.65,5.79,5.65h2.65c-.08,1.21-.55,1.79-1.89,1.79H39.32a.59.59,0,0,0-.62.61V24a.61.61,0,0,0,.63.62h5.49c3.57,0,5.44-1.87,5.44-5.28v-5.6a.6.6,0,0,0-.62-.62H46.22a.59.59,0,0,0-.59.62v3.13H43.92c-1.42,0-1.94-.84-1.94-2.74S42.5,11.48,43.92,11.48Zm65.69-2.9h-9a.32.32,0,0,0-.2.15.33.33,0,0,0,.07.37,5.6,5.6,0,0,1,1.73,4.48c0,.08,0,.15,0,.23v5.56a.58.58,0,0,0,.61.61h3.4a.59.59,0,0,0,.62-.61V14.26c0-1.68.37-2.31,1.6-2.31h1.31a.58.58,0,0,0,.51-.56V9.19A.59.59,0,0,0,109.61,8.58Zm-29.26,0H65.1a.27.27,0,0,0-.21.15.45.45,0,0,0,.12.4h0a5.69,5.69,0,0,1,1.66,4.19V19.4a.56.56,0,0,0,.6.59H70.9a.59.59,0,0,0,.61-.62V11.8h1.16c1.34,0,1.65.66,1.65,2.42v5.15a.57.57,0,0,0,.6.61h2.61a.57.57,0,0,0,.59-.61V11.79h1.16c1.34,0,1.65.66,1.65,2.42v5.16a.6.6,0,0,0,.62.62H85a.59.59,0,0,0,.61-.62V13.89C85.56,10.32,83.93,8.58,80.35,8.58Zm13.48-.26c-4.18,0-6.7,1.76-6.7,5.91S89.67,20,93.33,20h5.32a.59.59,0,0,0,.62-.61V17.71a.59.59,0,0,0-.62-.61H94.2c-1.32,0-2-.34-2.26-1.87h7.68a.55.55,0,0,0,.57-.59v-.7C100.19,10.29,98.22,8.32,93.83,8.32Zm-2,4.86c.19-1.81.87-2.26,2.05-2.26s1.84.55,1.95,2.26Z"/><path id="mark" d="M132,0h-9.49A3.83,3.83,0,0,0,120,1l-6,6a3.82,3.82,0,0,0-1,2.49V19a1,1,0,0,0,1,1h9.5A3.82,3.82,0,0,0,126,19l6-6a3.83,3.83,0,0,0,1-2.5V1A1,1,0,0,0,132,0Zm0,3.71a.54.54,0,0,1-.54.54h-2.17a.53.53,0,0,0-.54.54V7a.54.54,0,0,0,.54.55h2.17A.54.54,0,0,1,132,8V10.2a.54.54,0,0,1-.54.54h-2.17a.53.53,0,0,0-.54.55v2.16a.54.54,0,0,1-.54.54h-2.16a.55.55,0,0,1-.55-.54V11.29a.54.54,0,0,0-.54-.55h-2.16a.54.54,0,0,1-.54-.54V8a.54.54,0,0,1,.54-.54H125a.53.53,0,0,0,.54-.55V4.79a.55.55,0,0,1,.55-.54h2.16a.53.53,0,0,0,.54-.54V1.54a.54.54,0,0,1,.54-.54h2.17a.54.54,0,0,1,.54.54Z"/></svg> </div> <div class="grid gap-y-10 grid-cols-1 lg:grid-cols-3"> <div class="px-4 lg:px-8 text-center flex flex-col gap-y-4 lg:border-r-2 lg:border-r-fangamer-blue-900"> <h3 class="font-black text-2xl uppercase">About Fangamer</h3> <p class="grow">Fangamer is a small videogame merchandise company based in鈥攁nd shipping from鈥擳ucson, Arizona. We got started in 2008 with one goal: Celebrating our favorite games with products we actually wanted to own.</p><a class="w-48 py-2 mx-auto mt-4 text-lg uppercase rounded-lg font-black text-fangamer-blue-950 bg-fangamer-background hover:bg-fangamer-background-darker active:bg-fangamer-background-darkest" href="/pages/about">About Us</a></div> <div class="px-4 lg:px-8 text-center flex flex-col gap-y-4 lg:border-r-2 lg:border-r-fangamer-blue-900"> <h3 class="font-black text-2xl uppercase">Help</h3> <p class="grow">Need help with <strong>returns</strong>, <strong>exchanges</strong>, and other issues? Check our <a href='/pages/help' class='underline'><strong>FAQ</strong></a> for answers to common questions.</p> <a class="w-48 py-2 mx-auto mt-4 text-lg uppercase rounded-lg font-black text-fangamer-blue-950 bg-fangamer-background hover:bg-fangamer-background-darker active:bg-fangamer-background-darkest" href="/pages/help">Support/FAQ</a> </div> <div class="px-4 lg:px-8 text-center flex flex-col gap-y-4"> <h3 class="font-black text-2xl uppercase">International</h3> <p class="grow">We ship worldwide from our main warehouse in the US, but European and Japanese customers can find merch shipping closer to home in our regional storefronts:</p> <ul id="footer_shops" class="flex gap-x-1"> <li class="group relative grow h-28 w-28 active"> <a class="flex flex-col items-center justify-center text-xs uppercase w-full h-full rounded-lg bg-fangamer-blue-900 hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 border-2 border-fangamer-blue-900 group-[&.active]:border-fangamer-blue-800" href="https://www.fangamer.com?utm_source=fangamer&utm_campaign=footerlink" class="media" aria-label="Fangamer US: Worldwide"> <img class="rounded mt-1 mb-2" width="45" height="30" src="//www.fangamer.com/cdn/shop/t/59/assets/flag-us.png?v=73477074424072663711692224300" alt=" Flag" /> <span class="block w-full font-bold">Fangamer US</span> <span class="block w-full font-light">Worldwide</span> </a> </li> <li class="group relative grow h-28 w-28"> <a class="flex flex-col items-center justify-center text-xs uppercase w-full h-full rounded-lg bg-fangamer-blue-900 hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 border-2 border-fangamer-blue-900 group-[&.active]:border-fangamer-blue-800" href="https://www.fangamer.jp?utm_source=fangamer&utm_campaign=footerlink" class="media" aria-label="Fangamer JP: Japan"> <img class="rounded mt-1 mb-2" width="45" height="30" src="//www.fangamer.com/cdn/shop/t/59/assets/flag-jp.png?v=107537917320201875581692224300" alt=" Flag" /> <span class="block w-full font-bold">Fangamer JP</span> <span class="block w-full font-light">Japan</span> </a> </li> <li class="group relative grow h-28 w-28"> <a class="flex flex-col items-center justify-center text-xs uppercase w-full h-full rounded-lg bg-fangamer-blue-900 hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 border-2 border-fangamer-blue-900 group-[&.active]:border-fangamer-blue-800" href="https://www.fangamer.eu?utm_source=fangamer&utm_campaign=footerlink" class="media" aria-label="Fangamer EU: Europe / UK"> <img class="rounded mt-1 mb-2" width="45" height="30" src="//www.fangamer.com/cdn/shop/t/59/assets/flag-eu.png?v=107225554191587958561692224299" alt=" Flag" /> <span class="block w-full font-bold">Fangamer EU</span> <span class="block w-full font-light">Europe / UK</span> </a> </li> </ul></div> </div> <div class="w-full px-4 pb-8 mt-4 lg:mt-12"> <div class="flex h-12 text-center"> <div class="border-b-2 border-b-fangamer-blue-900 h-4 grow mr-6" aria-hidden="true"></div> <h3 class="font-black text-2xl uppercase">Catalog</h3> <div class="border-b-2 border-b-fangamer-blue-900 h-4 grow ml-6" aria-hidden="true"></div> </div> <div class="flex flex-col lg:flex-row gap-x-2 gap-y-1"> <a href="/collections/apparel" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Apparel</a> <a href="/collections/video-games" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Games</a> <a href="/collections/plushes-and-figurines" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Plushes & Figures</a> <a href="/collections/home-and-office" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Home & Office</a> <a href="/collections/books" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Books</a> <a href="/collections/music" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Music & Video</a> <a href="/collections/art-posters" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Art & Posters</a> <a href="/collections/accessories" class="flex items-center justify-center flex-1 text-center bg-fangamer-blue-900 p-1 rounded-lg hover:bg-fangamer-blue-800 active:bg-fangamer-blue-950 leading-tight">Accessories</a> </div> </div> </div> </div> <div id="footer_copyright" class="bg-fangamer-blue-900"> <div class="container flex flex-col items-center justify-center gap-y-1 px-4 py-2 text-fangamer-background text-center min-h-[60px]"> <span class="font-medium text-sm block">Copyright 2025 Fangamer LLC</span> <div class="flex gap-x-4 gap-y-1 flex-wrap justify-center"> <a href="/pages/privacy" class="font-light text-xs underline border-fangamer-teal-800 hover:opacity-80">Privacy Policy</a> <a href="/pages/accessibility" class="font-light text-xs underline border-fangamer-teal-800 hover:opacity-80">Accessibility</a> <a href="/pages/ccpa-opt-out" class="font-light text-xs underline border-fangamer-teal-800 hover:opacity-80">Do not sell or share my personal information</a> </div></div> </div> </footer> <script data-plausible-target="script" defer>if(!window.plausibleloaded){window.plausibleloaded=true;document.addEventListener("turbo:load", function() {!function(){"use strict";var t=window.location,e=window.document;function a(t,e){t&&console.warn("Ignoring Event: "+t),e&&e.callback&&e.callback()}function n(n,i){if(/^localhost$|^127(\.[0-9]+){0,2}\.[0-9]+$|^\[::1?\]$/.test(t.hostname)||"file:"===t.protocol)return a("localhost",i);if(window._phantom||window.__nightmare||window.navigator.webdriver||window.Cypress)return a(null,i);try{if("true"===window.localStorage.plausible_ignore)return a("localStorage flag",i)}catch(r){}var l={},o=(l.n=n,l.u=t.href,l.d="fangamer.com",l.r=e.referrer||null,i&&i.meta&&(l.m=JSON.stringify(i.meta)),i&&i.props&&(l.p=i.props),new XMLHttpRequest);o.open("POST","https://plausible.fangamer.eu/api/event",!0),o.setRequestHeader("Content-Type","text/plain"),o.send(JSON.stringify(l)),o.onreadystatechange=function(){4===o.readyState&&i&&i.callback&&i.callback()}}e.currentScript;var i=window.plausible&&window.plausible.q||[];window.plausible=n;for(var r,l=0;l<i.length;l++)n.apply(this,i[l]);function o(){r!==t.pathname&&(r=t.pathname,n("pageview"))};o();}();})}</script> <style data-plausible-target="css"></style> </body> </html>

CINXE.COM

About / Contact - Fangamer