CINXE.COM
Fangamer - Video game shirts, plushes, books, and more.
<!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?41056"> <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/"> <title>Fangamer - Video game shirts, plushes, books, and more.</title> <meta name="description" content="Fangamer creates merchandise inspired by the best video games of all time – shirts, plushes, figures, books, prints, pins, stickers, and more." /> <meta name="og:description" content="Fangamer creates merchandise inspired by the best video games of all time – shirts, plushes, figures, books, prints, pins, stickers, and more." /> <meta name="twitter:card" content="summary_large_image" /> <meta name="og:title" content="Video game shirts, plushes, books, and more." /> <meta name="twitter:title" content="Video game shirts, plushes, books, and more." /> <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-CP-eR4K0.css" rel="stylesheet" type="text/css" media="all" /> <script src="//www.fangamer.com/cdn/shop/t/59/assets/main-Dpp0eE8N.js" type="module" crossorigin="anonymous"></script> <link href="//www.fangamer.com/cdn/shop/t/59/assets/main-WqIZEPjk.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/"> <link rel="alternate" hreflang="ja-US" href="https://jp.fangamer.com/"> <link rel="alternate" hreflang="en-US" href="https://www.fangamer.com/"> <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.0.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":"index"}</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_OeEJaCCl.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_ebaeknJi.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_DFuavrNS.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_FYuhzIyB.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_BpgmfGjt.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_BeYjtKbh.en.esm.js","modules/v2/client.shop-login-button_lKeTheS8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_PZ5lYCet.en.esm.js","modules/v2/client.shop-login-button_lKeTheS8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_lKeTheS8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_BJjZdiwD.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"pay-button":["modules/v2/client.pay-button_Bg1kIsBL.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_ChDGiggf.en.esm.js","modules/v2/client.shop-login-button_lKeTheS8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"lead-capture":["modules/v2/client.lead-capture_aUqk28I9.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"payment-terms":["modules/v2/client.payment-terms_CgEU06X8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.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":"07207ea5-b234-4044-a3ef-e1eab948ec24-1739720597","pageurl":"www.fangamer.com\/","u":"9e03e0a05cea","p":"home"};</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: "index"};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 d(d,e,n,o,r,i){if(!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t,s=function(){var d={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+|)/},e=d.modern,n=d.legacy,o=navigator.userAgent;return e.test(o)?"modern":(n.test(o),"legacy")}(),l=null!=i?i:{modern:"",legacy:""};window.Shopify=window.Shopify||{};var u=window.Shopify;u.analytics=u.analytics||{};var c=u.analytics;c.replayQueue=[],c.publish=function(d,e,n){return c.replayQueue.push([d,e,n]),!0};try{self.performance.mark("wpm:start")}catch(d){}var f=[n,"/wpm","/b",r,s.substring(0,1),".js"].join(""),h=l[s];!function(d){var e=d.src,n=d.async,o=void 0===n||n,r=d.onload,i=d.onerror,a=d.sri,t=document.createElement("script"),s=document.head,l=document.body;t.async=o,t.src=e,a&&(t.integrity=a,t.crossOrigin="anonymous"),r&&t.addEventListener("load",r),i&&t.addEventListener("error",i),s?s.appendChild(t):l?l.appendChild(t):console.error("Did not find a head or body element to append the script")}({src:f,async:!0,onload:function(){if(!function(){var d,e;return Boolean(null===(e=null===(d=window.Shopify)||void 0===d?void 0:d.analytics)||void 0===e?void 0:e.initialized)}()){var n=window.webPixelsManager.init(d)||void 0;if(n){e(n);var o=window.Shopify.analytics;o.replayQueue.forEach((function(d){var e=d[0],o=d[1],r=d[2];n.publishCustomEvent(e,o,r)})),o.replayQueue=[],o.publish=n.publishCustomEvent,o.visitor=n.visitor,o.initialized=!0}}},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),n="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:o||"latest",bundle_target:s,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(f," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(n,r))return!0}catch(d){}var i=new XMLHttpRequest;try{return i.open("POST",n,!0),i.setRequestHeader("Content-Type","text/plain"),i.send(r),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1},sri:function(d){return"string"==typeof d&&/^sha384-[A-Za-z0-9+/=]+$/.test(d)}(h)?h:""})}})({shopId: 141962,storefrontBaseUrl: "https://www.fangamer.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: ["6a396365"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",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","96d7db11b5d836789812e500283123b0e57df9f7","8fa806few5358ccf9p85054907m3e22f137",{"modern":"","legacy":""});</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"home"}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </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.e991c55e78bb7465ada1b8db33d441f155086734.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//www.fangamer.com/cdn/s/trekkie.storefront.e991c55e78bb7465ada1b8db33d441f155086734.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//www.fangamer.com/cdn/s/trekkie.storefront.e991c55e78bb7465ada1b8db33d441f155086734.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":"home","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-b0a6dc5b17cc591e95fd6a9d679ac43a2d4105c3d32ae2d9bd197f887468cfe4.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script defer src="https://www.fangamer.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.3.0.min.js" data-application="storefront-renderer" data-shop-id="141962" data-render-region="gcp-asia-southeast1" data-page-type="index" data-theme-instance-id="130718203961" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></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 left-0 bg-access-green text-fangamer-background rounded-lg absolute p-2 m-2 -translate-y-16 focus:translate-y-0" data-turbo="false">Skip to Content</a> <div id="nav_navbar" class="flex items-center bg-fangamer-darkblue"> <button class="nav-icon flex shrink-0 items-center w-navbar h-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-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> <h1 class="hidden" itemscope itemtype="http://schema.org/Organization">Fangamer</h1> </a> <a id="nav_icon" href="/" class="flex shrink-0 items-center px-3 md:px-6 py-3 h-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> <h1 class="hidden" itemscope itemtype="http://schema.org/Organization">Fangamer</h1> </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-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-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-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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-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-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-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-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-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-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-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-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-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/helldivers-2" style="background-color: #ffe800" aria-label="Helldivers 2 Official Collection" data-plausible-props-param='{"title":"Helldivers 2", "section":"Desktop Menu", "location":"Slot 10"}' 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/signalis" style="background-color: #d90000" aria-label="SIGNALIS Official Collection" data-plausible-props-param='{"title":"SIGNALIS", "section":"Desktop Menu", "location":"Slot 11"}' 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/Signalis_Logo_Full_Black_2.svg?v=1727471377" 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="SIGNALIS" aria-label="SIGNALIS" /> </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-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-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-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-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-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-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-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-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:flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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-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 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-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-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-navbar h-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-drawer -translate-x-full" data-drawer-target="menu" aria-labelledby="nav_drawer_menu_label" aria-orientation="vertical" inert data-action="keydown.esc->drawer#close"> <div class="flex sticky top-0 z-50 items-center justify-center w-full h-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 items-center justify-center absolute right-0 top-0 h-navbar w-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 flex-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-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-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-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-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-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-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-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-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-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/helldivers-2" style="background-color: #ffe800" aria-label="Helldivers 2 Official Collection" data-plausible-props-param='{"title":"Helldivers 2", "section":"Mobile Menu", "location":"Slot 10"}' 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> <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-drawer translate-x-full" data-drawer-target="menu" aria-labelledby="nav_drawer_cart_label" aria-orientation="vertical" inert data-action="keydown.esc->drawer#close"> <div id="nav_drawer_cart_label" class="flex sticky top-0 z-50 items-center justify-center w-full h-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="flex items-center justify-center absolute left-0 top-0 h-navbar w-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="flex-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 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"> <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 class="mb-4">Your cart is empty!</p> <a class="text-fangamer-link hover:text-fangamer-link-hover hidden group-[.big-cart]:inline" href="/">Continue shopping ›</a> <button class="text-fangamer-link hover:text-fangamer-link-hover js group-[.big-cart]:hidden" data-drawer-target="closeButton" data-action="click->drawer#close:prevent">Continue shopping ›</button> </div></div> </div> <div id="shopify-section-cart-footer" class="shopify-section"><div id="cart_footer" class="group scroll-mt-navbar text-fangamer-body empty:hidden" data-controller="cart" data-turbo-permanent></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 bg-opacity-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-navbar"><div id="shopify-section-template--15911402635321__main" class="shopify-section"> <div id="hero_banner_8277459001"> <div id="banner_a-decade-of-shovelry" class="relative w-full h-full min-h-[450px] xl:min-h-[600px] overflow-hidden" style="background-color: #263b65" data-turbo-permanent> <img src="//www.fangamer.com/cdn/shop/files/shovel-knight-pattern-hero-bg_x520.png?v=1737749553" class="peer absolute z-0 w-full h-full object-cover lazyload" aria-hidden="true" /> <a class="container relative grid grid-cols-1 md:grid-cols-2 gap-x-4 pt-4 md:pt-8 pb-4 px-4 md:pb-32 z-10 opacity-0 duration-100 peer-[.lazyloaded]:opacity-100" href="/collections/shovel-knight" aria-label="Shovel Knight - A Decade of Shovelry - Shop Shovel Knight" data-plausible-props-param='{"title":"A Decade of Shovelry", "section":"Hero Banner", "location":"Slot 1"}' data-action="plausible#sendEvent"> <div class="flex flex-col items-center justify-center pb-4 md:py-8 h-full md:row-span-2 order-2 md:order-1"> <img src="//www.fangamer.com/cdn/shop/files/US-shovel-knight-hero-fg_x520.png?v=1737749553" width="800" height="520" class="max-w-full px-2 md:px-0 max-h-56 md:max-h-max lg:pl-4 xl:pl-12 object-contain text-transparent" alt="Shovel Knight: A Decade of Shovelry" /> </div> <div class="flex flex-col items-center justify-center px-8 lg:px-16 xl:px-32 py-4 h-full order-1 md:order-2 z-1"> <img src="//www.fangamer.com/cdn/shop/files/logo-raster-shovel-knight_x300.png?v=1692129725" width="600" height="300" class="max-w-full h-40 md:h-64 object-contain text-transparent" alt="Shovel Knight" /> </div> <div class="group relative flex flex-col items-center justify-center rounded-lg px-6 md:px-12 py-8 md:py-4 lg:py-2 mx-4 md:mx-auto md:max-w-md mb-4 md:mb-8 md:my-4 text-center shadow-hero order-3 md:max-h-[200px] lg:min-w-[400px] md:min-h-[120px]" style="color: #ffffff; background: #b99a30; background: linear-gradient(180deg, #b99a30 0%, #917825 100%);"> <div class="hidden absolute w-full h-full bg-[length:250px] pointer-events-none" style="background-image: url('//www.fangamer.com/cdn/shop/t/59/assets/bg-gametime.png?v=41837159149954897181692659587')" aria-hidden="true"></div> <h3 class="font-bold text-xl md:text-2xl max-w-sm leading-tight">A Decade of Shovelry</h3> <button class="py-2 px-8 rounded-lg mt-4 mx-auto shadow-lg transition-transform motion-safe:group-hover:scale-105 motion-safe:group-hover:shadow-xl motion-safe:group-active:scale-95 uppercase font-black" style="color: #b99a30; background-color: #ffffff" aria-hidden="true" tabindex="-1">Shop Shovel Knight</button> <div class="text-[12px] font-light py-2 empty:hidden"></div> </div> </a> </div> </div> <div id="hero_cards_8277459001" class="relative w-full shadow-hero shadow-black/20 z-10 md:-mt-28"> <div class="relative md:pt-12 md:pb-8 overflow-y-visible min-h-[360px]"> <div class="absolute top-0 md:top-16 bottom-0 left-0 right-0 bg-fangamer-darkblue -z-10" aria-hidden="true"> <div class="w-full h-full opacity-50 bg-[length:250px]" style="background-image: url('//www.fangamer.com/cdn/shop/t/59/assets/bg-gametime.png?v=41837159149954897181692659587')"></div> </div> <div class="container md:mt-[-50px] pt-4 md:pt-0 pb-4 md:pb-0 px-4 lg:px-6 grid gap-4 md:gap-6 grid-cols-1 lg:grid-cols-3"> <a id="hero_card_remind-you-of-anything" href="https://www.fangamer.com/products/professor-layton-jigsaw-puzzle" id="hero_card_remind-you-of-anything" class="flex-col rounded-lg overflow-hidden lazyload relative !transition-transform !duration-300 motion-safe:hover:-translate-y-2 flex" data-turbo-permanent aria-label="Professor Layton - Remind you of anything? - Shop Professor Layton" data-plausible-props-param='{"title":"Remind you of anything?", "section":"Hero Banner", "location":"Slot 2"}' data-action="plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/professor-layton-brown-hero-bg_x360.png?v=1737744217" class="absolute w-full h-[90%] -z-10 object-cover rounded-lg shadow-hero" style="background-color: #000000" aria-hidden="true" /> <div class="flex flex-col items-center justify-center py-2 md:py-4 px-6 md:px-8 h-72 xl:h-96 overflow-y-visible"> <img src="//www.fangamer.com/cdn/shop/files/professor-layton-color-logo_x150.png?v=1737745069" width="300" height="150" class="h-20 lg:h-24 w-full px-12 object-contain" alt="Professor Layton" /> <img src="//www.fangamer.com/cdn/shop/files/professor-layton-puzzle-hero-fg_x360.png?v=1737744034" class="h-48 lg:h-64 lazyload object-contain w-full flex-shrink" alt="Remind you of anything?" /> </div> <div class="flex flex-col items-center overflow-hidden h-full"> <div class="group flex flex-col items-center justify-end h-full w-full px-6 md:px-12 pt-4 md:pt-6 text-center shadow-hero" style="background: #330006; background: linear-gradient(180deg, #330006 0%, #000000 100%); color: #ffffff"> <h3 class="font-bold lg:text-lg !leading-tight md:!leading-snug flex-grow w-full">Remind you of anything?</h3> <button class="py-2 px-4 xl:px-8 text-sm md:text-base !leading-tight md:!leading-snug rounded-lg mt-2 xl:mt-4 mx-auto shadow-surround transition-transform motion-safe:group-hover:scale-105 motion-safe:group-active:scale-95 uppercase font-black" style="background-color: #330006" aria-hidden="true" tabindex="-1">Shop Professor Layton</button> <div class="text-[12px] line-clamp-1 font-light py-1 min-h-[24px]"></div> </div> </div> </a> <a id="hero_card_an-rpg-classic-comes-to-nintendo-switch" href="https://www.fangamer.com/collections/off/products/off-collectors-edition-game-nintendo-switch" id="hero_card_an-rpg-classic-comes-to-nintendo-switch" class="flex-col rounded-lg overflow-hidden lazyload relative !transition-transform !duration-300 motion-safe:hover:-translate-y-2 flex" data-turbo-permanent aria-label="OFF - OFF is coming to Nintendo Switch!™ - Preorder now" data-plausible-props-param='{"title":"OFF is coming to Nintendo Switch!™", "section":"Hero Banner", "location":"Slot 3"}' data-action="plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/off-hero-bg_x360.png?v=1734480791" class="absolute w-full h-[90%] -z-10 object-cover rounded-lg shadow-hero" style="background-color: #e91231" aria-hidden="true" /> <div class="flex flex-col items-center justify-center py-2 md:py-4 px-6 md:px-8 h-72 xl:h-96 overflow-y-visible"> <img src="//www.fangamer.com/cdn/shop/files/logo_632a40ce-f0a9-48de-b3e2-2487f5ee5b7b_x150.png?v=1734480323" width="300" height="150" class="h-20 lg:h-24 w-full px-12 object-contain" alt="OFF" /> <img src="//www.fangamer.com/cdn/shop/files/off-US-CE-hero-fg_x360.png?v=1734480168" class="h-48 lg:h-64 lazyload object-contain w-full flex-shrink" alt="OFF is coming to Nintendo Switch!™" /> </div> <div class="flex flex-col items-center overflow-hidden h-full"> <div class="group flex flex-col items-center justify-end h-full w-full px-6 md:px-12 pt-4 md:pt-6 text-center shadow-hero" style="background: #f03e58; background: linear-gradient(180deg, #f03e58 0%, #e91231 100%); color: #ffffff"> <h3 class="font-bold lg:text-lg !leading-tight md:!leading-snug flex-grow w-full">OFF is coming to Nintendo Switch!™</h3> <button class="py-2 px-4 xl:px-8 text-sm md:text-base !leading-tight md:!leading-snug rounded-lg mt-2 xl:mt-4 mx-auto shadow-surround transition-transform motion-safe:group-hover:scale-105 motion-safe:group-active:scale-95 uppercase font-black" style="background-color: #f03e58" aria-hidden="true" tabindex="-1">Preorder now</button> <div class="text-[12px] line-clamp-1 font-light py-1 min-h-[24px]"></div> </div> </div> </a> <a id="hero_card_from-pixels-to-paper" href="https://www.fangamer.com/products/balatro-playing-cards" id="hero_card_from-pixels-to-paper" class="flex-col rounded-lg overflow-hidden lazyload relative !transition-transform !duration-300 motion-safe:hover:-translate-y-2 hidden lg:flex" data-turbo-permanent aria-label="Balatro - From pixels to paper - Shop Balatro" data-plausible-props-param='{"title":"From pixels to paper", "section":"Hero Banner", "location":"Slot 4"}' data-action="plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/balatro-collection-bg_b3e40dfc-74e5-40b9-b175-62ed1590c7c7_x360.jpg?v=1733187862" class="absolute w-full h-[90%] -z-10 object-cover rounded-lg shadow-hero" style="background-color: #5a0000" aria-hidden="true" /> <div class="flex flex-col items-center justify-center py-2 md:py-4 px-6 md:px-8 h-72 xl:h-96 overflow-y-visible"> <img src="//www.fangamer.com/cdn/shop/files/FULL_LOGO_BUILD_GROUP_copy_2_x150.png?v=1731523888" width="300" height="150" class="h-20 lg:h-24 w-full px-12 object-contain" alt="Balatro" /> <img src="//www.fangamer.com/cdn/shop/files/balatro-cards-hero-fg_x360.png?v=1733187862" class="h-48 lg:h-64 lazyload object-contain w-full flex-shrink" alt="From pixels to paper" /> </div> <div class="flex flex-col items-center overflow-hidden h-full"> <div class="group flex flex-col items-center justify-end h-full w-full px-6 md:px-12 pt-4 md:pt-6 text-center shadow-hero" style="background: #8d0000; background: linear-gradient(180deg, #8d0000 0%, #5a0000 100%); color: #ffffff"> <h3 class="font-bold lg:text-lg !leading-tight md:!leading-snug flex-grow w-full">From pixels to paper</h3> <button class="py-2 px-4 xl:px-8 text-sm md:text-base !leading-tight md:!leading-snug rounded-lg mt-2 xl:mt-4 mx-auto shadow-surround transition-transform motion-safe:group-hover:scale-105 motion-safe:group-active:scale-95 uppercase font-black" style="background-color: #8d0000" aria-hidden="true" tabindex="-1">Shop Balatro</button> <div class="text-[12px] line-clamp-1 font-light py-1 min-h-[24px]"></div> </div> </div> </a> </div> </div> </div> <div id="collection_grid_8149467193" class="mb-20 pt-20 shadow-productpage lg:rounded-tl-xl lg:rounded-tr-xl"> <div class="container px-4 lg:px-6"> <div class="mb-4 flex items-center"> <h2 class="font-black text-lg md:text-2xl text-fangamer-body uppercase flex-grow"><span class="icon-[fg--star] md:text-xl mr-2" style="color: #b7d433" aria-hidden="true"></span>New & Featured</h2> <a href="/collections/new-and-featured" class="text-sm px-3 py-2 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 New & Featured">View All</a> </div> <div class="grid grid-flow-dense gap-4 md:gap-6 grid-cols-2 lg:grid-cols-4" data-debug-target="collection" data-section="Collection Grid: New & Featured" data-period="7d"> <a id="product_card_7482258456633" class="group item-view" href="/collections/new-and-featured/products/stardew-valley-cookbook-official" aria-label="The Official Stardew Valley Cookbook - Stardew Valley, Books, $28" data-grid-target="product" data-plausible-props-param='{"title":"The Official Stardew Valley Cookbook", "section":"Collection Grid: New & Featured", "location":"Slot 1"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="The Official Stardew Valley Cookbook" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_SDV_cookbook_itemview_360x360.png?v=1725401496" data-srcset="//www.fangamer.com/cdn/shop/files/product_SDV_cookbook_itemview_360x360.png?v=1725401496 1x, //www.fangamer.com/cdn/shop/files/product_SDV_cookbook_itemview_720x720.png?v=1725401496 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_SDV_cookbook_itemview_360x360.png?v=1725401496" data-srcset="//www.fangamer.com/cdn/shop/files/product_SDV_cookbook_itemview_360x360.png?v=1725401496 1x, //www.fangamer.com/cdn/shop/files/product_SDV_cookbook_itemview_720x720.png?v=1725401496 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_SDV_cookbook_itemview_360x360.png?v=1725401496" alt="The Official Stardew Valley Cookbook" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">The Official Stardew Valley Cookbook<small class="text-fangamer-link-hover block leading-snug">Stardew Valley</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>28</span></figcaption></figure> </a> <a id="product_card_7788186337337" class="group item-view" href="/collections/new-and-featured/products/storch-signalis-plush" aria-label="Corrupted Storch Plush - SIGNALIS, Plushes, $24" data-grid-target="product" data-plausible-props-param='{"title":"Corrupted Storch Plush", "section":"Collection Grid: New & Featured", "location":"Slot 2"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="Corrupted Storch Plush" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_signalis_corrupted_storch_plush_itemview_360x360.png?v=1734639330" data-srcset="//www.fangamer.com/cdn/shop/files/product_signalis_corrupted_storch_plush_itemview_360x360.png?v=1734639330 1x, //www.fangamer.com/cdn/shop/files/product_signalis_corrupted_storch_plush_itemview_720x720.png?v=1734639330 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_signalis_corrupted_storch_plush_itemview_360x360.png?v=1734639330" data-srcset="//www.fangamer.com/cdn/shop/files/product_signalis_corrupted_storch_plush_itemview_360x360.png?v=1734639330 1x, //www.fangamer.com/cdn/shop/files/product_signalis_corrupted_storch_plush_itemview_720x720.png?v=1734639330 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_signalis_corrupted_storch_plush_itemview_360x360.png?v=1734639330" alt="Corrupted Storch Plush" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Corrupted Storch Plush<small class="text-fangamer-link-hover block leading-snug">SIGNALIS</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>24</span><div class="absolute z-30 -top-12 -left-2 text-xs md:text-sm font-black leading-tight px-2 py-1 rounded uppercase pointer-events-none text-fangamer-background bg-fangamer-green-700">Preorder</div></figcaption></figure> </a> <a id="product_card_6754962604089" class="group item-view" href="/collections/new-and-featured/products/hollow-knight-figurine-mini" aria-label="Hollow Knight Mini Figurines, Figurines, $88" data-grid-target="product" data-plausible-props-param='{"title":"Hollow Knight Mini Figurines", "section":"Collection Grid: New & Featured", "location":"Slot 3"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="Hollow Knight Mini Figurines" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_HK_mini_figurines_itemview_new_360x360.png?v=1691698302" data-srcset="//www.fangamer.com/cdn/shop/files/product_HK_mini_figurines_itemview_new_360x360.png?v=1691698302 1x, //www.fangamer.com/cdn/shop/files/product_HK_mini_figurines_itemview_new_720x720.png?v=1691698302 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_HK_mini_figurines_itemview_new_360x360.png?v=1691698302" data-srcset="//www.fangamer.com/cdn/shop/files/product_HK_mini_figurines_itemview_new_360x360.png?v=1691698302 1x, //www.fangamer.com/cdn/shop/files/product_HK_mini_figurines_itemview_new_720x720.png?v=1691698302 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_HK_mini_figurines_itemview_new_360x360.png?v=1691698302" alt="Hollow Knight Mini Figurines" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Hollow Knight Mini Figurines</span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>88</span></figcaption></figure> </a> <a id="product_card_5670282501" class="group item-view" href="/collections/new-and-featured/products/undertale-human-shirts" aria-label="Human Shirt - UNDERTALE, Long-Sleeved Shirts, $45" data-grid-target="product" data-plausible-props-param='{"title":"Human Shirt", "section":"Collection Grid: New & Featured", "location":"Slot 4"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3 group-hover:!opacity-0" alt="Human Shirt" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_UT_human_shirt_itemview_new_360x360.png?v=1691701525" data-srcset="//www.fangamer.com/cdn/shop/files/product_UT_human_shirt_itemview_new_360x360.png?v=1691701525 1x, //www.fangamer.com/cdn/shop/files/product_UT_human_shirt_itemview_new_720x720.png?v=1691701525 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_UT_human_shirt_itemview_new_360x360.png?v=1691701525" data-srcset="//www.fangamer.com/cdn/shop/files/product_UT_human_shirt_itemview_new_360x360.png?v=1691701525 1x, //www.fangamer.com/cdn/shop/files/product_UT_human_shirt_itemview_new_720x720.png?v=1691701525 2x" aria-hidden="true" /><img class="item-view-designview absolute bottom-0 left-0 w-full motion-safe:h-[75%] rounded-lg object-cover motion-safe:!transition-all motion-safe:!ease-out-quint motion-safe:!duration-300 lazyload js !opacity-0 group-hover:!opacity-100 group-hover:h-full z-4 pointer-events-none" alt="Human Shirt" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/products/product_UT_human_shirt_deisgnview_360x360.jpg?v=1484851103" data-srcset="//www.fangamer.com/cdn/shop/products/product_UT_human_shirt_deisgnview_360x360.jpg?v=1484851103 1x, //www.fangamer.com/cdn/shop/products/product_UT_human_shirt_deisgnview_720x720.jpg?v=1484851103 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_UT_human_shirt_itemview_new_360x360.png?v=1691701525" alt="Human Shirt" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Human Shirt<small class="text-fangamer-link-hover block leading-snug">UNDERTALE</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>45</span></figcaption></figure> </a> <a id="product_card_7706445283385" class="group item-view" href="/collections/new-and-featured/products/dealer-buckshot-roulette-pin" aria-label="The Dealer Pin - Buckshot Roulette, Lapel Pins, $12" data-grid-target="product" data-plausible-props-param='{"title":"The Dealer Pin", "section":"Collection Grid: New & Featured", "location":"Slot 5"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="The Dealer Pin" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_buckshot_rou_dealer_pin_itemview_360x360.png?v=1734372717" data-srcset="//www.fangamer.com/cdn/shop/files/product_buckshot_rou_dealer_pin_itemview_360x360.png?v=1734372717 1x, //www.fangamer.com/cdn/shop/files/product_buckshot_rou_dealer_pin_itemview_720x720.png?v=1734372717 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_buckshot_rou_dealer_pin_itemview_360x360.png?v=1734372717" data-srcset="//www.fangamer.com/cdn/shop/files/product_buckshot_rou_dealer_pin_itemview_360x360.png?v=1734372717 1x, //www.fangamer.com/cdn/shop/files/product_buckshot_rou_dealer_pin_itemview_720x720.png?v=1734372717 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_buckshot_rou_dealer_pin_itemview_360x360.png?v=1734372717" alt="The Dealer Pin" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">The Dealer Pin<small class="text-fangamer-link-hover block leading-snug">Buckshot Roulette</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>12</span></figcaption></figure> </a> <a id="product_card_7706414809145" class="group item-view" href="/collections/new-and-featured/products/baba-is-you-magnets" aria-label="Baba is Magnet - Baba Is You, Magnets, $12" data-grid-target="product" data-plausible-props-param='{"title":"Baba is Magnet", "section":"Collection Grid: New & Featured", "location":"Slot 6"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="Baba is Magnet" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_baba_is_magnet_itemview_360x360.png?v=1730499291" data-srcset="//www.fangamer.com/cdn/shop/files/product_baba_is_magnet_itemview_360x360.png?v=1730499291 1x, //www.fangamer.com/cdn/shop/files/product_baba_is_magnet_itemview_720x720.png?v=1730499291 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_baba_is_magnet_itemview_360x360.png?v=1730499291" data-srcset="//www.fangamer.com/cdn/shop/files/product_baba_is_magnet_itemview_360x360.png?v=1730499291 1x, //www.fangamer.com/cdn/shop/files/product_baba_is_magnet_itemview_720x720.png?v=1730499291 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_baba_is_magnet_itemview_360x360.png?v=1730499291" alt="Baba is Magnet" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Baba is Magnet<small class="text-fangamer-link-hover block leading-snug">Baba Is You</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>12</span></figcaption></figure> </a> <a id="product_card_7625450815545" class="group item-view" href="/collections/new-and-featured/products/gustavo-pizza-tower-plush" aria-label="Gustavo Plush - Pizza Tower, Plushes, $29" data-grid-target="product" data-plausible-props-param='{"title":"Gustavo Plush", "section":"Collection Grid: New & Featured", "location":"Slot 7"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="Gustavo Plush" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_pizza_tower_gustavo_plush_itemview_360x360.png?v=1730150145" data-srcset="//www.fangamer.com/cdn/shop/files/product_pizza_tower_gustavo_plush_itemview_360x360.png?v=1730150145 1x, //www.fangamer.com/cdn/shop/files/product_pizza_tower_gustavo_plush_itemview_720x720.png?v=1730150145 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_pizza_tower_gustavo_plush_itemview_360x360.png?v=1730150145" data-srcset="//www.fangamer.com/cdn/shop/files/product_pizza_tower_gustavo_plush_itemview_360x360.png?v=1730150145 1x, //www.fangamer.com/cdn/shop/files/product_pizza_tower_gustavo_plush_itemview_720x720.png?v=1730150145 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_pizza_tower_gustavo_plush_itemview_360x360.png?v=1730150145" alt="Gustavo Plush" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Gustavo Plush<small class="text-fangamer-link-hover block leading-snug">Pizza Tower</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>29</span></figcaption></figure> </a> <a id="product_card_7622483509305" class="group item-view" href="/collections/new-and-featured/products/world-of-horror-soundtrack-cd" aria-label="World of Horror CD Soundtrack - World of Horror, Music, $15" data-grid-target="product" data-plausible-props-param='{"title":"World of Horror CD Soundtrack", "section":"Collection Grid: New & Featured", "location":"Slot 8"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="World of Horror CD Soundtrack" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_WoH_CD_itemview_ff379e6c-eba8-48db-b028-febfac603674_360x360.png?v=1731106541" data-srcset="//www.fangamer.com/cdn/shop/files/product_WoH_CD_itemview_ff379e6c-eba8-48db-b028-febfac603674_360x360.png?v=1731106541 1x, //www.fangamer.com/cdn/shop/files/product_WoH_CD_itemview_ff379e6c-eba8-48db-b028-febfac603674_720x720.png?v=1731106541 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_WoH_CD_itemview_ff379e6c-eba8-48db-b028-febfac603674_360x360.png?v=1731106541" data-srcset="//www.fangamer.com/cdn/shop/files/product_WoH_CD_itemview_ff379e6c-eba8-48db-b028-febfac603674_360x360.png?v=1731106541 1x, //www.fangamer.com/cdn/shop/files/product_WoH_CD_itemview_ff379e6c-eba8-48db-b028-febfac603674_720x720.png?v=1731106541 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_WoH_CD_itemview_ff379e6c-eba8-48db-b028-febfac603674_360x360.png?v=1731106541" alt="World of Horror CD Soundtrack" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">World of Horror CD Soundtrack<small class="text-fangamer-link-hover block leading-snug">World of Horror</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>15</span></figcaption></figure> </a> <a id="product_card_7035727806521" class="group item-view" href="/collections/new-and-featured/products/napstablook-lamp" aria-label="Napstablook Lamp - UNDERTALE, Home & Office, $26" data-grid-target="product" data-plausible-props-param='{"title":"Napstablook Lamp", "section":"Collection Grid: New & Featured", "location":"Slot 9"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="Napstablook Lamp" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_UT_napstablook_lamp_itemview_360x360.png?v=1693877578" data-srcset="//www.fangamer.com/cdn/shop/files/product_UT_napstablook_lamp_itemview_360x360.png?v=1693877578 1x, //www.fangamer.com/cdn/shop/files/product_UT_napstablook_lamp_itemview_720x720.png?v=1693877578 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_UT_napstablook_lamp_itemview_360x360.png?v=1693877578" data-srcset="//www.fangamer.com/cdn/shop/files/product_UT_napstablook_lamp_itemview_360x360.png?v=1693877578 1x, //www.fangamer.com/cdn/shop/files/product_UT_napstablook_lamp_itemview_720x720.png?v=1693877578 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_UT_napstablook_lamp_itemview_360x360.png?v=1693877578" alt="Napstablook Lamp" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Napstablook Lamp<small class="text-fangamer-link-hover block leading-snug">UNDERTALE</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>26</span></figcaption></figure> </a> <a id="product_card_7721150808121" class="group item-view" href="/collections/new-and-featured/products/ace-attorney-shirt-lunch" aria-label="Lawful Lunch Break - Ace Attorney, T-Shirts, $36" data-grid-target="product" data-plausible-props-param='{"title":"Lawful Lunch Break", "section":"Collection Grid: New & Featured", "location":"Slot 10"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3 group-hover:!opacity-0" alt="Lawful Lunch Break" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_AA_lawful_lunch_break_shirt_itemview_360x360.png?v=1730760318" data-srcset="//www.fangamer.com/cdn/shop/files/product_AA_lawful_lunch_break_shirt_itemview_360x360.png?v=1730760318 1x, //www.fangamer.com/cdn/shop/files/product_AA_lawful_lunch_break_shirt_itemview_720x720.png?v=1730760318 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/shirt-shadow_360x360.png?v=1694039311" data-srcset="//www.fangamer.com/cdn/shop/files/shirt-shadow_360x360.png?v=1694039311 1x, //www.fangamer.com/cdn/shop/files/shirt-shadow_720x720.png?v=1694039311 2x" aria-hidden="true" /><img class="item-view-designview absolute bottom-0 left-0 w-full motion-safe:h-[75%] rounded-lg object-cover motion-safe:!transition-all motion-safe:!ease-out-quint motion-safe:!duration-300 lazyload js !opacity-0 group-hover:!opacity-100 group-hover:h-full z-4 pointer-events-none" alt="Lawful Lunch Break" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_AA_lawful_lunch_break_shirt_designview_360x360.png?v=1730760318" data-srcset="//www.fangamer.com/cdn/shop/files/product_AA_lawful_lunch_break_shirt_designview_360x360.png?v=1730760318 1x, //www.fangamer.com/cdn/shop/files/product_AA_lawful_lunch_break_shirt_designview_720x720.png?v=1730760318 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_AA_lawful_lunch_break_shirt_itemview_360x360.png?v=1730760318" alt="Lawful Lunch Break" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Lawful Lunch Break<small class="text-fangamer-link-hover block leading-snug">Ace Attorney</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>36</span></figcaption></figure> </a> <a id="product_card_7659120656441" class="group item-view" href="/collections/new-and-featured/products/brotato-plush" aria-label="Brotato Plush - Brotato, Plushes, $24" data-grid-target="product" data-plausible-props-param='{"title":"Brotato Plush", "section":"Collection Grid: New & Featured", "location":"Slot 11"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="Brotato Plush" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_brotato_plush_itemview_360x360.png?v=1734457677" data-srcset="//www.fangamer.com/cdn/shop/files/product_brotato_plush_itemview_360x360.png?v=1734457677 1x, //www.fangamer.com/cdn/shop/files/product_brotato_plush_itemview_720x720.png?v=1734457677 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_brotato_plush_itemview_360x360.png?v=1734457677" data-srcset="//www.fangamer.com/cdn/shop/files/product_brotato_plush_itemview_360x360.png?v=1734457677 1x, //www.fangamer.com/cdn/shop/files/product_brotato_plush_itemview_720x720.png?v=1734457677 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_brotato_plush_itemview_360x360.png?v=1734457677" alt="Brotato Plush" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Brotato Plush<small class="text-fangamer-link-hover block leading-snug">Brotato</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>24</span><div class="absolute z-30 -top-12 -left-2 text-xs md:text-sm font-black leading-tight px-2 py-1 rounded uppercase pointer-events-none text-fangamer-background bg-fangamer-green-700">New!</div></figcaption></figure> </a> <a id="product_card_6864793075769" class="group item-view" href="/collections/new-and-featured/products/hades-documentary-blu-ray" aria-label="Noclip's 'Developing Hell': The Making of Hades Blu-ray - Hades, Videos, $24" data-grid-target="product" data-plausible-props-param='{"title":"Noclip's 'Developing Hell': The Making of Hades Blu-ray", "section":"Collection Grid: New & Featured", "location":"Slot 12"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="Noclip's 'Developing Hell': The Making of Hades Blu-ray" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_hades_noclip_bluray_itemview_360x360.png?v=1737561151" data-srcset="//www.fangamer.com/cdn/shop/files/product_hades_noclip_bluray_itemview_360x360.png?v=1737561151 1x, //www.fangamer.com/cdn/shop/files/product_hades_noclip_bluray_itemview_720x720.png?v=1737561151 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_hades_noclip_bluray_itemview_360x360.png?v=1737561151" data-srcset="//www.fangamer.com/cdn/shop/files/product_hades_noclip_bluray_itemview_360x360.png?v=1737561151 1x, //www.fangamer.com/cdn/shop/files/product_hades_noclip_bluray_itemview_720x720.png?v=1737561151 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_hades_noclip_bluray_itemview_360x360.png?v=1737561151" alt="Noclip's 'Developing Hell': The Making of Hades Blu-ray" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Noclip's 'Developing Hell': The Making of Hades Blu-ray<small class="text-fangamer-link-hover block leading-snug">Hades</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>24</span></figcaption></figure> </a> </div> </div> </div> <div id="mini_cards_63126470713" class="mb-20 lg:rounded-tl-xl lg:rounded-tr-xl"> <div class="container px-4 lg:px-6"> <div class="mb-8 flex items-center"> <h2 class="font-black text-lg md:text-2xl text-fangamer-body uppercase flex-grow"><span class="icon-[fg--arrow-right] md:text-xl mr-2" style="color: #008060" aria-hidden="true"></span>Coming Soon</h2> <a href="/collections/games-coming-soon" class="text-sm px-3 py-2 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 Coming Soon">View All</a> </div> <div class="container pt-4 md:pt-0 pb-4 md:pb-0 grid gap-4 md:gap-6 grid-cols-2 lg:grid-cols-4"> <a id="promo_card_80796188729" class="item-view !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:hover:-translate-y-2" href="/pages/luck-be-a-landlord-physical-edition" aria-label="Physical Edition Coming Soon" data-turbo-permanent data-turbo-frame="_top" data-turbo-prefetch="false"> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3" alt="" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/lucklord_360x360.png?v=1738715263" data-srcset="//www.fangamer.com/cdn/shop/files/lucklord_360x360.png?v=1738715263 1x, //www.fangamer.com/cdn/shop/files/lucklord_720x720.png?v=1738715263 2x" aria-hidden="true" /> <div class="absolute top-1/4 left-0 bottom-0 rounded-lg text-transparent w-full overflow-hidden bg-repeat bg-fangamer-background-darkest bg-center z-2" style="background-image: url('//www.fangamer.com/cdn/shop/files/LucklLandlord_BackgroundImage-fs8_26d1d9b4-8ab5-4b78-8474-7f9ffa2379b9_1024x.png?v=1738278856')" aria-hidden="true"></div> <noscript> <img src="//www.fangamer.com/cdn/shop/files/lucklord_360x360.png?v=1738715263" alt="" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="group relative flex flex-col gap-y-2 items-center justify-center rounded-b-lg px-2 md:px-4 pt-2 md:pt-3 pb-1 md:pb-2 -mt-4 min-h-[6rem] text-center z-3 leading-tight" style="color: #ffffff; background: #092e2e; background: linear-gradient(180deg, #092e2e 0%, #010303 100%);"> <span class="font-bold max-w-sm text-sm sm:text-base md:text-lg">Luck be a Landlord<br/>Physical Edition Coming Soon</span> <button class="mb-2 py-2 px-3 rounded-lg shadow-surround transition-transform motion-safe:group-hover:scale-105 motion-safe:group-active:scale-95 uppercase font-extrabold leading-tight text-sm md:text-base" style="color: #ffffff; background-color: #092e2e">Notify Me</button> </figcaption> </figure> </a> <a id="promo_card_80787013689" class="item-view !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:hover:-translate-y-2" href="/products/off-collectors-edition-game-nintendo-switch" aria-label="Physical Edition Coming Soon" data-turbo-permanent data-turbo-frame="_top" data-turbo-prefetch="false"> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3" alt="" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/OFF-DX-Switch-itemview-DXBox_360x360.png?v=1733175625" data-srcset="//www.fangamer.com/cdn/shop/files/OFF-DX-Switch-itemview-DXBox_360x360.png?v=1733175625 1x, //www.fangamer.com/cdn/shop/files/OFF-DX-Switch-itemview-DXBox_720x720.png?v=1733175625 2x" aria-hidden="true" /> <div class="absolute top-1/4 left-0 bottom-0 rounded-lg text-transparent w-full overflow-hidden bg-repeat bg-fangamer-background-darkest bg-center z-2" style="background-image: url('//www.fangamer.com/cdn/shop/files/OFF-collection-banner_1024x.png?v=1734627460')" aria-hidden="true"></div> <noscript> <img src="//www.fangamer.com/cdn/shop/files/OFF-DX-Switch-itemview-DXBox_360x360.png?v=1733175625" alt="" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="group relative flex flex-col gap-y-2 items-center justify-center rounded-b-lg px-2 md:px-4 pt-2 md:pt-3 pb-1 md:pb-2 -mt-4 min-h-[6rem] text-center z-3 leading-tight" style="color: #ffffff; background: #f03e58; background: linear-gradient(180deg, #f03e58 0%, #e91231 100%);"> <span class="font-bold max-w-sm text-sm sm:text-base md:text-lg">OFF<br/>Physical Edition Coming Soon</span> <button class="mb-2 py-2 px-3 rounded-lg shadow-surround transition-transform motion-safe:group-hover:scale-105 motion-safe:group-active:scale-95 uppercase font-extrabold leading-tight text-sm md:text-base" style="color: #ffffff; background-color: #f03e58">Preorder Now</button> </figcaption> </figure> </a> <a id="promo_card_76429885497" class="item-view !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:hover:-translate-y-2" href="/pages/nine-sols-physical-edition" aria-label="Physical Edition Coming Soon" data-turbo-permanent data-turbo-frame="_top" data-turbo-prefetch="false"> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3" alt="" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/ninesols-main-image_360x360.png?v=1733952036" data-srcset="//www.fangamer.com/cdn/shop/files/ninesols-main-image_360x360.png?v=1733952036 1x, //www.fangamer.com/cdn/shop/files/ninesols-main-image_720x720.png?v=1733952036 2x" aria-hidden="true" /> <div class="absolute top-1/4 left-0 bottom-0 rounded-lg text-transparent w-full overflow-hidden bg-repeat bg-fangamer-background-darkest bg-center z-2" style="background-image: url('//www.fangamer.com/cdn/shop/files/ninesols-bg_1024x.jpg?v=1733518508')" aria-hidden="true"></div> <noscript> <img src="//www.fangamer.com/cdn/shop/files/ninesols-main-image_360x360.png?v=1733952036" alt="" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="group relative flex flex-col gap-y-2 items-center justify-center rounded-b-lg px-2 md:px-4 pt-2 md:pt-3 pb-1 md:pb-2 -mt-4 min-h-[6rem] text-center z-3 leading-tight" style="color: #ffffff; background: #234731; background: linear-gradient(180deg, #234731 0%, #122519 100%);"> <span class="font-bold max-w-sm text-sm sm:text-base md:text-lg">Nine Sols<br/>Physical Edition Coming Soon</span> <button class="mb-2 py-2 px-3 rounded-lg shadow-surround transition-transform motion-safe:group-hover:scale-105 motion-safe:group-active:scale-95 uppercase font-extrabold leading-tight text-sm md:text-base" style="color: #ffffff; background-color: #234731">NOTIFY ME</button> </figcaption> </figure> </a> <a id="promo_card_70596689977" class="item-view !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:hover:-translate-y-2" href="/pages/crow-country-physical-edition" aria-label="Physical Edition Coming Soon" data-turbo-permanent data-turbo-frame="_top" data-turbo-prefetch="false"> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3" alt="" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/cc-main-fs8_360x360.png?v=1729194220" data-srcset="//www.fangamer.com/cdn/shop/files/cc-main-fs8_360x360.png?v=1729194220 1x, //www.fangamer.com/cdn/shop/files/cc-main-fs8_720x720.png?v=1729194220 2x" aria-hidden="true" /> <div class="absolute top-1/4 left-0 bottom-0 rounded-lg text-transparent w-full overflow-hidden bg-repeat bg-fangamer-background-darkest bg-center z-2" style="background-image: url('//www.fangamer.com/cdn/shop/files/crow-country-hero-bg_1024x.jpg?v=1729738883')" aria-hidden="true"></div> <noscript> <img src="//www.fangamer.com/cdn/shop/files/cc-main-fs8_360x360.png?v=1729194220" alt="" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="group relative flex flex-col gap-y-2 items-center justify-center rounded-b-lg px-2 md:px-4 pt-2 md:pt-3 pb-1 md:pb-2 -mt-4 min-h-[6rem] text-center z-3 leading-tight" style="color: #ffffff; background: #841010; background: linear-gradient(180deg, #841010 0%, #570a0a 100%);"> <span class="font-bold max-w-sm text-sm sm:text-base md:text-lg">Crow Country<br/>Physical Edition Coming Soon</span> <button class="mb-2 py-2 px-3 rounded-lg shadow-surround transition-transform motion-safe:group-hover:scale-105 motion-safe:group-active:scale-95 uppercase font-extrabold leading-tight text-sm md:text-base" style="color: #ffffff; background-color: #841010">NOTIFY ME</button> </figcaption> </figure> </a> </div> </div> </div> <div id="collection_grid_8154611769" class="mb-20 pt-20 shadow-productpage lg:rounded-tl-xl lg:rounded-tr-xl"> <div class="container px-4 lg:px-6"> <div class="mb-4 flex items-center"> <h2 class="font-black text-lg md:text-2xl text-fangamer-body uppercase flex-grow"><span class="icon-[fg--restocked] md:text-xl mr-2" style="color: #42b5ea" aria-hidden="true"></span>Restocked</h2> <a href="/collections/restocked" class="text-sm px-3 py-2 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 Restocked">View All</a> </div> <div class="grid grid-flow-dense gap-4 md:gap-6 grid-cols-2 lg:grid-cols-4" data-debug-target="collection" data-section="Collection Grid: Restocked" data-period="7d"> <a id="product_card_6052809157" class="group item-view" href="/collections/restocked/products/stardew-valley-shirt" aria-label="Farm Made - Stardew Valley, T-Shirts, $36" data-grid-target="product" data-plausible-props-param='{"title":"Farm Made", "section":"Collection Grid: Restocked", "location":"Slot 1"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3 group-hover:!opacity-0" alt="Farm Made" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_sdv_farm_made_shirt_itemview_5a4ddb87-5bb2-4ea9-a099-d4e98bbdfb49_360x360.png?v=1691697366" data-srcset="//www.fangamer.com/cdn/shop/files/product_sdv_farm_made_shirt_itemview_5a4ddb87-5bb2-4ea9-a099-d4e98bbdfb49_360x360.png?v=1691697366 1x, //www.fangamer.com/cdn/shop/files/product_sdv_farm_made_shirt_itemview_5a4ddb87-5bb2-4ea9-a099-d4e98bbdfb49_720x720.png?v=1691697366 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/shirt-shadow_360x360.png?v=1694039311" data-srcset="//www.fangamer.com/cdn/shop/files/shirt-shadow_360x360.png?v=1694039311 1x, //www.fangamer.com/cdn/shop/files/shirt-shadow_720x720.png?v=1694039311 2x" aria-hidden="true" /><img class="item-view-designview absolute bottom-0 left-0 w-full motion-safe:h-[75%] rounded-lg object-cover motion-safe:!transition-all motion-safe:!ease-out-quint motion-safe:!duration-300 lazyload js !opacity-0 group-hover:!opacity-100 group-hover:h-full z-4 pointer-events-none" alt="Farm Made" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_sdv_farm_made_shirt_designview_360x360.png?v=1690410065" data-srcset="//www.fangamer.com/cdn/shop/files/product_sdv_farm_made_shirt_designview_360x360.png?v=1690410065 1x, //www.fangamer.com/cdn/shop/files/product_sdv_farm_made_shirt_designview_720x720.png?v=1690410065 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_sdv_farm_made_shirt_itemview_5a4ddb87-5bb2-4ea9-a099-d4e98bbdfb49_360x360.png?v=1691697366" alt="Farm Made" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Farm Made<small class="text-fangamer-link-hover block leading-snug">Stardew Valley</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>36</span></figcaption></figure> </a> <a id="product_card_7584076333113" class="group item-view" href="/collections/restocked/products/junimo-stardew-valley-shirt" aria-label="Keepers of the Forest (Sweet 16 Edition) - Stardew Valley, T-Shirts, $36" data-grid-target="product" data-plausible-props-param='{"title":"Keepers of the Forest (Sweet 16 Edition)", "section":"Collection Grid: Restocked", "location":"Slot 2"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3 group-hover:!opacity-0" alt="Keepers of the Forest (Sweet 16 Edition)" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_SDV_keepers_of_the_forest_shirt_sweet16_itemview_360x360.png?v=1723483720" data-srcset="//www.fangamer.com/cdn/shop/files/product_SDV_keepers_of_the_forest_shirt_sweet16_itemview_360x360.png?v=1723483720 1x, //www.fangamer.com/cdn/shop/files/product_SDV_keepers_of_the_forest_shirt_sweet16_itemview_720x720.png?v=1723483720 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/shirt-shadow_360x360.png?v=1694039311" data-srcset="//www.fangamer.com/cdn/shop/files/shirt-shadow_360x360.png?v=1694039311 1x, //www.fangamer.com/cdn/shop/files/shirt-shadow_720x720.png?v=1694039311 2x" aria-hidden="true" /><img class="item-view-designview absolute bottom-0 left-0 w-full motion-safe:h-[75%] rounded-lg object-cover motion-safe:!transition-all motion-safe:!ease-out-quint motion-safe:!duration-300 lazyload js !opacity-0 group-hover:!opacity-100 group-hover:h-full z-4 pointer-events-none" alt="Keepers of the Forest (Sweet 16 Edition)" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_SDV_keepers_of_the_forest_shirt_sweet16_designview_360x360.png?v=1723483720" data-srcset="//www.fangamer.com/cdn/shop/files/product_SDV_keepers_of_the_forest_shirt_sweet16_designview_360x360.png?v=1723483720 1x, //www.fangamer.com/cdn/shop/files/product_SDV_keepers_of_the_forest_shirt_sweet16_designview_720x720.png?v=1723483720 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_SDV_keepers_of_the_forest_shirt_sweet16_itemview_360x360.png?v=1723483720" alt="Keepers of the Forest (Sweet 16 Edition)" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Keepers of the Forest (Sweet 16 Edition)<small class="text-fangamer-link-hover block leading-snug">Stardew Valley</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>36</span></figcaption></figure> </a> <a id="product_card_6575364276281" class="group item-view" href="/collections/restocked/products/celeste-complete-vinyl-soundtrack-box-set" aria-label="Celeste Complete Vinyl Soundtrack Box Set - Celeste, Music, $115" data-grid-target="product" data-plausible-props-param='{"title":"Celeste Complete Vinyl Soundtrack Box Set", "section":"Collection Grid: Restocked", "location":"Slot 3"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="Celeste Complete Vinyl Soundtrack Box Set" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_celeste_vinyl_box_set_itemview_new_360x360.png?v=1691699923" data-srcset="//www.fangamer.com/cdn/shop/files/product_celeste_vinyl_box_set_itemview_new_360x360.png?v=1691699923 1x, //www.fangamer.com/cdn/shop/files/product_celeste_vinyl_box_set_itemview_new_720x720.png?v=1691699923 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_celeste_vinyl_box_set_itemview_new_360x360.png?v=1691699923" data-srcset="//www.fangamer.com/cdn/shop/files/product_celeste_vinyl_box_set_itemview_new_360x360.png?v=1691699923 1x, //www.fangamer.com/cdn/shop/files/product_celeste_vinyl_box_set_itemview_new_720x720.png?v=1691699923 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_celeste_vinyl_box_set_itemview_new_360x360.png?v=1691699923" alt="Celeste Complete Vinyl Soundtrack Box Set" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Celeste Complete Vinyl Soundtrack Box Set<small class="text-fangamer-link-hover block leading-snug">Celeste</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>115</span></figcaption></figure> </a> <a id="product_card_7273332506681" class="group item-view" href="/collections/restocked/products/dark-souls-siegmeyer-plush" aria-label="Siegmeyer Plush - DARK SOULS, Plushes, $32" data-grid-target="product" data-plausible-props-param='{"title":"Siegmeyer Plush", "section":"Collection Grid: Restocked", "location":"Slot 4"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="The official Siegmeyer plush against a transparent background, showing its magnetically attached plush sword and elastic-banded plush shield accessories." data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_DS_siegmeyer_plush_itemview_4ed87397-b5b2-46c0-9626-d1191b3998f5_360x360.png?v=1726531917" data-srcset="//www.fangamer.com/cdn/shop/files/product_DS_siegmeyer_plush_itemview_4ed87397-b5b2-46c0-9626-d1191b3998f5_360x360.png?v=1726531917 1x, //www.fangamer.com/cdn/shop/files/product_DS_siegmeyer_plush_itemview_4ed87397-b5b2-46c0-9626-d1191b3998f5_720x720.png?v=1726531917 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_DS_siegmeyer_plush_itemview_4ed87397-b5b2-46c0-9626-d1191b3998f5_360x360.png?v=1726531917" data-srcset="//www.fangamer.com/cdn/shop/files/product_DS_siegmeyer_plush_itemview_4ed87397-b5b2-46c0-9626-d1191b3998f5_360x360.png?v=1726531917 1x, //www.fangamer.com/cdn/shop/files/product_DS_siegmeyer_plush_itemview_4ed87397-b5b2-46c0-9626-d1191b3998f5_720x720.png?v=1726531917 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_DS_siegmeyer_plush_itemview_4ed87397-b5b2-46c0-9626-d1191b3998f5_360x360.png?v=1726531917" alt="The official Siegmeyer plush against a transparent background, showing its magnetically attached plush sword and elastic-banded plush shield accessories." class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Siegmeyer Plush<small class="text-fangamer-link-hover block leading-snug">DARK SOULS</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>32</span></figcaption></figure> </a> <a id="product_card_6546871451705" class="group item-view" href="/collections/restocked/products/monster-hunter-grammeowster-chef-apron" aria-label="Grammeowster Chef Apron - Monster Hunter, Home & Office, $32" data-grid-target="product" data-plausible-props-param='{"title":"Grammeowster Chef Apron", "section":"Collection Grid: Restocked", "location":"Slot 5"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="Grammeowster Chef Apron" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_MH_grammeowster-chef_apron_itemview_360x360.png?v=1739290266" data-srcset="//www.fangamer.com/cdn/shop/files/product_MH_grammeowster-chef_apron_itemview_360x360.png?v=1739290266 1x, //www.fangamer.com/cdn/shop/files/product_MH_grammeowster-chef_apron_itemview_720x720.png?v=1739290266 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_MH_grammeowster-chef_apron_itemview_360x360.png?v=1739290266" data-srcset="//www.fangamer.com/cdn/shop/files/product_MH_grammeowster-chef_apron_itemview_360x360.png?v=1739290266 1x, //www.fangamer.com/cdn/shop/files/product_MH_grammeowster-chef_apron_itemview_720x720.png?v=1739290266 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_MH_grammeowster-chef_apron_itemview_360x360.png?v=1739290266" alt="Grammeowster Chef Apron" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Grammeowster Chef Apron<small class="text-fangamer-link-hover block leading-snug">Monster Hunter</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>32</span></figcaption></figure> </a> <a id="product_card_3560518405" class="group item-view" href="/collections/restocked/products/undertale-sans-megalovania-shirt" aria-label="Megalovania - UNDERTALE, T-Shirts, $36" data-grid-target="product" data-plausible-props-param='{"title":"Megalovania", "section":"Collection Grid: Restocked", "location":"Slot 6"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3 group-hover:!opacity-0" alt="Megalovania" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_UT_megalovania_shirt_itemview_360x360.png?v=1733339310" data-srcset="//www.fangamer.com/cdn/shop/files/product_UT_megalovania_shirt_itemview_360x360.png?v=1733339310 1x, //www.fangamer.com/cdn/shop/files/product_UT_megalovania_shirt_itemview_720x720.png?v=1733339310 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/shirt-shadow_360x360.png?v=1694039311" data-srcset="//www.fangamer.com/cdn/shop/files/shirt-shadow_360x360.png?v=1694039311 1x, //www.fangamer.com/cdn/shop/files/shirt-shadow_720x720.png?v=1694039311 2x" aria-hidden="true" /><img class="item-view-designview absolute bottom-0 left-0 w-full motion-safe:h-[75%] rounded-lg object-cover motion-safe:!transition-all motion-safe:!ease-out-quint motion-safe:!duration-300 lazyload js !opacity-0 group-hover:!opacity-100 group-hover:h-full z-4 pointer-events-none" alt="Megalovania" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_UT_megalovania_shirt_designview_360x360.png?v=1733339310" data-srcset="//www.fangamer.com/cdn/shop/files/product_UT_megalovania_shirt_designview_360x360.png?v=1733339310 1x, //www.fangamer.com/cdn/shop/files/product_UT_megalovania_shirt_designview_720x720.png?v=1733339310 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_UT_megalovania_shirt_itemview_360x360.png?v=1733339310" alt="Megalovania" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Megalovania<small class="text-fangamer-link-hover block leading-snug">UNDERTALE</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>36</span></figcaption></figure> </a> <a id="product_card_7491148185657" class="group item-view" href="/collections/restocked/products/cult-of-the-lamb-deal-with-the-devil-hoodie" aria-label="Deal with the Devil Hoodie - Cult of the Lamb, Jackets, $69" data-grid-target="product" data-plausible-props-param='{"title":"Deal with the Devil Hoodie", "section":"Collection Grid: Restocked", "location":"Slot 7"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3 group-hover:!opacity-0" alt="Deal with the Devil Hoodie" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_CotL_deal_with_the_devil_hoodie_itemview_360x360.png?v=1723843531" data-srcset="//www.fangamer.com/cdn/shop/files/product_CotL_deal_with_the_devil_hoodie_itemview_360x360.png?v=1723843531 1x, //www.fangamer.com/cdn/shop/files/product_CotL_deal_with_the_devil_hoodie_itemview_720x720.png?v=1723843531 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_CotL_deal_with_the_devil_hoodie_itemview_360x360.png?v=1723843531" data-srcset="//www.fangamer.com/cdn/shop/files/product_CotL_deal_with_the_devil_hoodie_itemview_360x360.png?v=1723843531 1x, //www.fangamer.com/cdn/shop/files/product_CotL_deal_with_the_devil_hoodie_itemview_720x720.png?v=1723843531 2x" aria-hidden="true" /><img class="item-view-designview absolute bottom-0 left-0 w-full motion-safe:h-[75%] rounded-lg object-cover motion-safe:!transition-all motion-safe:!ease-out-quint motion-safe:!duration-300 lazyload js !opacity-0 group-hover:!opacity-100 group-hover:h-full z-4 pointer-events-none" alt="Deal with the Devil Hoodie" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_CotL_deal_with_the_devil_hoodie_designview_360x360.png?v=1723843531" data-srcset="//www.fangamer.com/cdn/shop/files/product_CotL_deal_with_the_devil_hoodie_designview_360x360.png?v=1723843531 1x, //www.fangamer.com/cdn/shop/files/product_CotL_deal_with_the_devil_hoodie_designview_720x720.png?v=1723843531 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_CotL_deal_with_the_devil_hoodie_itemview_360x360.png?v=1723843531" alt="Deal with the Devil Hoodie" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Deal with the Devil Hoodie<small class="text-fangamer-link-hover block leading-snug">Cult of the Lamb</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>69</span></figcaption></figure> </a> <a id="product_card_2132581449785" class="group item-view" href="/collections/restocked/products/stardew-valley-pelican-town-hat" aria-label="Pelican Town Hat - Stardew Valley, Hats, $24" data-grid-target="product" data-plausible-props-param='{"title":"Pelican Town Trucker Hat", "section":"Collection Grid: Restocked", "location":"Slot 8"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="Pelican Town Trucker Hat" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_sdv_pelican-town-hat_itemview_021224_360x360.png?v=1707764250" data-srcset="//www.fangamer.com/cdn/shop/files/product_sdv_pelican-town-hat_itemview_021224_360x360.png?v=1707764250 1x, //www.fangamer.com/cdn/shop/files/product_sdv_pelican-town-hat_itemview_021224_720x720.png?v=1707764250 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_sdv_pelican-town-hat_itemview_021224_360x360.png?v=1707764250" data-srcset="//www.fangamer.com/cdn/shop/files/product_sdv_pelican-town-hat_itemview_021224_360x360.png?v=1707764250 1x, //www.fangamer.com/cdn/shop/files/product_sdv_pelican-town-hat_itemview_021224_720x720.png?v=1707764250 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_sdv_pelican-town-hat_itemview_021224_360x360.png?v=1707764250" alt="Pelican Town Trucker Hat" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Pelican Town Hat<small class="text-fangamer-link-hover block leading-snug">Stardew Valley</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><sup>$</sup>24</span></figcaption></figure> </a> </div> </div> </div> <div id="collection_grid_9219473465" class="mb-20 pt-20 shadow-productpage lg:rounded-tl-xl lg:rounded-tr-xl"> <div class="container px-4 lg:px-6"> <div class="mb-4 flex items-center"> <h2 class="font-black text-lg md:text-2xl text-fangamer-body uppercase flex-grow"><span class="icon-[fg--sale] md:text-xl mr-2" style="color: #8332ad" aria-hidden="true"></span>On Sale</h2> <a href="/collections/on-sale" class="text-sm px-3 py-2 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 On Sale">View All</a> </div> <div class="grid grid-flow-dense gap-4 md:gap-6 grid-cols-2 lg:grid-cols-4" data-debug-target="collection" data-section="Collection Grid: Sale" data-period="7d"> <a id="product_card_6817262633017" class="group item-view" href="/collections/on-sale/products/silent-hill-splintered-sanity-shirt" aria-label="Splintered Sanity - SILENT HILL: Shattered Memories, T-Shirts, $21$17" data-grid-target="product" data-plausible-props-param='{"title":"Splintered Sanity", "section":"Collection Grid: Sale", "location":"Slot 1"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3 group-hover:!opacity-0" alt="Splintered Sanity" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_SH_splintered-sanity_shirt_itemview_new_360x360.png?v=1691626296" data-srcset="//www.fangamer.com/cdn/shop/files/product_SH_splintered-sanity_shirt_itemview_new_360x360.png?v=1691626296 1x, //www.fangamer.com/cdn/shop/files/product_SH_splintered-sanity_shirt_itemview_new_720x720.png?v=1691626296 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/shirt-shadow_360x360.png?v=1694039311" data-srcset="//www.fangamer.com/cdn/shop/files/shirt-shadow_360x360.png?v=1694039311 1x, //www.fangamer.com/cdn/shop/files/shirt-shadow_720x720.png?v=1694039311 2x" aria-hidden="true" /><img class="item-view-designview absolute bottom-0 left-0 w-full motion-safe:h-[75%] rounded-lg object-cover motion-safe:!transition-all motion-safe:!ease-out-quint motion-safe:!duration-300 lazyload js !opacity-0 group-hover:!opacity-100 group-hover:h-full z-4 pointer-events-none" alt="Splintered Sanity" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/products/product_SH_splintered-sanity_shirt_designview_360x360.png?v=1659383308" data-srcset="//www.fangamer.com/cdn/shop/products/product_SH_splintered-sanity_shirt_designview_360x360.png?v=1659383308 1x, //www.fangamer.com/cdn/shop/products/product_SH_splintered-sanity_shirt_designview_720x720.png?v=1659383308 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_SH_splintered-sanity_shirt_itemview_new_360x360.png?v=1691626296" alt="Splintered Sanity" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Splintered Sanity<small class="text-fangamer-link-hover block leading-snug">SILENT HILL: Shattered Memories</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><strike class='font-medium text-xs sm:text-sm text-fangamer-muted hidden'><sup>$</sup>21</strike><sup>$</sup>17</span></figcaption></figure> </a> <a id="product_card_6976579338297" class="group item-view" href="/collections/on-sale/products/dead-space-isaac-plush" aria-label="Isaac Plush - Dead Space, Plushes, $32$12" data-grid-target="product" data-plausible-props-param='{"title":"Isaac Plush", "section":"Collection Grid: Sale", "location":"Slot 2"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="Isaac Plush" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_dead-space_isaac_plush_itemview_new_360x360.png?v=1691696813" data-srcset="//www.fangamer.com/cdn/shop/files/product_dead-space_isaac_plush_itemview_new_360x360.png?v=1691696813 1x, //www.fangamer.com/cdn/shop/files/product_dead-space_isaac_plush_itemview_new_720x720.png?v=1691696813 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_dead-space_isaac_plush_itemview_new_360x360.png?v=1691696813" data-srcset="//www.fangamer.com/cdn/shop/files/product_dead-space_isaac_plush_itemview_new_360x360.png?v=1691696813 1x, //www.fangamer.com/cdn/shop/files/product_dead-space_isaac_plush_itemview_new_720x720.png?v=1691696813 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_dead-space_isaac_plush_itemview_new_360x360.png?v=1691696813" alt="Isaac Plush" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Isaac Plush<small class="text-fangamer-link-hover block leading-snug">Dead Space</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><strike class='font-medium text-xs sm:text-sm text-fangamer-muted hidden'><sup>$</sup>32</strike><sup>$</sup>12</span></figcaption></figure> </a> <a id="product_card_7083063771193" class="group item-view" href="/collections/on-sale/products/tunic-instruction-booklet-hinged-pin" aria-label=" Instruction Booklet Hinged Pin - TUNIC, Lapel Pins, $10$5" data-grid-target="product" data-plausible-props-param='{"title":"Instruction Booklet Hinged Pin", "section":"Collection Grid: Sale", "location":"Slot 3"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3 group-hover:!opacity-0" alt="Instruction Booklet Hinged Pin" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_tunic_instruction_booklet_pin_itemview_360x360.png?v=1698266987" data-srcset="//www.fangamer.com/cdn/shop/files/product_tunic_instruction_booklet_pin_itemview_360x360.png?v=1698266987 1x, //www.fangamer.com/cdn/shop/files/product_tunic_instruction_booklet_pin_itemview_720x720.png?v=1698266987 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_tunic_instruction_booklet_pin_itemview_360x360.png?v=1698266987" data-srcset="//www.fangamer.com/cdn/shop/files/product_tunic_instruction_booklet_pin_itemview_360x360.png?v=1698266987 1x, //www.fangamer.com/cdn/shop/files/product_tunic_instruction_booklet_pin_itemview_720x720.png?v=1698266987 2x" aria-hidden="true" /><img class="item-view-designview absolute bottom-0 left-0 w-full motion-safe:h-[75%] rounded-lg object-cover motion-safe:!transition-all motion-safe:!ease-out-quint motion-safe:!duration-300 lazyload js !opacity-0 group-hover:!opacity-100 group-hover:h-full z-4 pointer-events-none" alt="Instruction Booklet Hinged Pin" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_tunic_instruction_booklet_pin_itemview2_360x360.png?v=1698266987" data-srcset="//www.fangamer.com/cdn/shop/files/product_tunic_instruction_booklet_pin_itemview2_360x360.png?v=1698266987 1x, //www.fangamer.com/cdn/shop/files/product_tunic_instruction_booklet_pin_itemview2_720x720.png?v=1698266987 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_tunic_instruction_booklet_pin_itemview_360x360.png?v=1698266987" alt="Instruction Booklet Hinged Pin" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow"> Instruction Booklet Hinged Pin<small class="text-fangamer-link-hover block leading-snug">TUNIC</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><strike class='font-medium text-xs sm:text-sm text-fangamer-muted hidden'><sup>$</sup>10</strike><sup>$</sup>5</span></figcaption></figure> </a> <a id="product_card_6969870254137" class="group item-view" href="/collections/on-sale/products/mumbo-jumbo-plush" aria-label="Mumbo Jumbo Plush - Banjo-Kazooie, Plushes, $29$22" data-grid-target="product" data-plausible-props-param='{"title":"Mumbo Jumbo Plush", "section":"Collection Grid: Sale", "location":"Slot 4"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="Mumbo Jumbo Plush" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_banjo_mumbo-jumbo_plush_itemview_360x360.png?v=1692233345" data-srcset="//www.fangamer.com/cdn/shop/files/product_banjo_mumbo-jumbo_plush_itemview_360x360.png?v=1692233345 1x, //www.fangamer.com/cdn/shop/files/product_banjo_mumbo-jumbo_plush_itemview_720x720.png?v=1692233345 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_banjo_mumbo-jumbo_plush_itemview_360x360.png?v=1692233345" data-srcset="//www.fangamer.com/cdn/shop/files/product_banjo_mumbo-jumbo_plush_itemview_360x360.png?v=1692233345 1x, //www.fangamer.com/cdn/shop/files/product_banjo_mumbo-jumbo_plush_itemview_720x720.png?v=1692233345 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_banjo_mumbo-jumbo_plush_itemview_360x360.png?v=1692233345" alt="Mumbo Jumbo Plush" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Mumbo Jumbo Plush<small class="text-fangamer-link-hover block leading-snug">Banjo-Kazooie</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><strike class='font-medium text-xs sm:text-sm text-fangamer-muted hidden'><sup>$</sup>29</strike><sup>$</sup>22</span></figcaption></figure> </a> <a id="product_card_7005359243321" class="group item-view" href="/collections/on-sale/products/the-greatest-living-show-art-book" aria-label="The Greatest Living Show Art Book, Books, $36$27" data-grid-target="product" data-plausible-props-param='{"title":"The Greatest Living Show Art Book", "section":"Collection Grid: Sale", "location":"Slot 5"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="The Greatest Living Show Art Book" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_TGLS_book_itemview_588afbbd-f5df-4d0e-aa12-76c350b2fa3e_360x360.png?v=1691781586" data-srcset="//www.fangamer.com/cdn/shop/files/product_TGLS_book_itemview_588afbbd-f5df-4d0e-aa12-76c350b2fa3e_360x360.png?v=1691781586 1x, //www.fangamer.com/cdn/shop/files/product_TGLS_book_itemview_588afbbd-f5df-4d0e-aa12-76c350b2fa3e_720x720.png?v=1691781586 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_TGLS_book_itemview_588afbbd-f5df-4d0e-aa12-76c350b2fa3e_360x360.png?v=1691781586" data-srcset="//www.fangamer.com/cdn/shop/files/product_TGLS_book_itemview_588afbbd-f5df-4d0e-aa12-76c350b2fa3e_360x360.png?v=1691781586 1x, //www.fangamer.com/cdn/shop/files/product_TGLS_book_itemview_588afbbd-f5df-4d0e-aa12-76c350b2fa3e_720x720.png?v=1691781586 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_TGLS_book_itemview_588afbbd-f5df-4d0e-aa12-76c350b2fa3e_360x360.png?v=1691781586" alt="The Greatest Living Show Art Book" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">The Greatest Living Show Art Book</span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><strike class='font-medium text-xs sm:text-sm text-fangamer-muted hidden'><sup>$</sup>36</strike><sup>$</sup>27</span></figcaption></figure> </a> <a id="product_card_7020768591929" class="group item-view" href="/collections/on-sale/products/ooblets-shrumbo-plush" aria-label="Shrumbo Plush - Ooblets, Plushes, $29$22" data-grid-target="product" data-plausible-props-param='{"title":"Shrumbo Plush", "section":"Collection Grid: Sale", "location":"Slot 6"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3" alt="Shrumbo Plush" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_ooblets_shrumbo_plush_itemview2_360x360.png?v=1693954206" data-srcset="//www.fangamer.com/cdn/shop/files/product_ooblets_shrumbo_plush_itemview2_360x360.png?v=1693954206 1x, //www.fangamer.com/cdn/shop/files/product_ooblets_shrumbo_plush_itemview2_720x720.png?v=1693954206 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_ooblets_shrumbo_plush_itemview2_360x360.png?v=1693954206" data-srcset="//www.fangamer.com/cdn/shop/files/product_ooblets_shrumbo_plush_itemview2_360x360.png?v=1693954206 1x, //www.fangamer.com/cdn/shop/files/product_ooblets_shrumbo_plush_itemview2_720x720.png?v=1693954206 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_ooblets_shrumbo_plush_itemview2_360x360.png?v=1693954206" alt="Shrumbo Plush" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Shrumbo Plush<small class="text-fangamer-link-hover block leading-snug">Ooblets</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><strike class='font-medium text-xs sm:text-sm text-fangamer-muted hidden'><sup>$</sup>29</strike><sup>$</sup>22</span></figcaption></figure> </a> <a id="product_card_6916878073913" class="group item-view" href="/collections/on-sale/products/aramasa-smt-v-shirt" aria-label="Aramasa Long-Sleeved Shirt - Shin Megami Tensei V, Long-Sleeved Shirts, $39$19" data-grid-target="product" data-plausible-props-param='{"title":"Aramasa Long-Sleeved Shirt", "section":"Collection Grid: Sale", "location":"Slot 7"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3 group-hover:!opacity-0" alt="Aramasa Long-Sleeved Shirt" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_SMTV_aramasa_longsleeve_shirt_itemview_new_360x360.png?v=1691625850" data-srcset="//www.fangamer.com/cdn/shop/files/product_SMTV_aramasa_longsleeve_shirt_itemview_new_360x360.png?v=1691625850 1x, //www.fangamer.com/cdn/shop/files/product_SMTV_aramasa_longsleeve_shirt_itemview_new_720x720.png?v=1691625850 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_SMTV_aramasa_longsleeve_shirt_itemview_new_360x360.png?v=1691625850" data-srcset="//www.fangamer.com/cdn/shop/files/product_SMTV_aramasa_longsleeve_shirt_itemview_new_360x360.png?v=1691625850 1x, //www.fangamer.com/cdn/shop/files/product_SMTV_aramasa_longsleeve_shirt_itemview_new_720x720.png?v=1691625850 2x" aria-hidden="true" /><img class="item-view-designview absolute bottom-0 left-0 w-full motion-safe:h-[75%] rounded-lg object-cover motion-safe:!transition-all motion-safe:!ease-out-quint motion-safe:!duration-300 lazyload js !opacity-0 group-hover:!opacity-100 group-hover:h-full z-4 pointer-events-none" alt="Aramasa Long-Sleeved Shirt" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/products/product_SMTV_aramasa_longsleeve_shirt_designview_360x360.png?v=1666394213" data-srcset="//www.fangamer.com/cdn/shop/products/product_SMTV_aramasa_longsleeve_shirt_designview_360x360.png?v=1666394213 1x, //www.fangamer.com/cdn/shop/products/product_SMTV_aramasa_longsleeve_shirt_designview_720x720.png?v=1666394213 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_SMTV_aramasa_longsleeve_shirt_itemview_new_360x360.png?v=1691625850" alt="Aramasa Long-Sleeved Shirt" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">Aramasa Long-Sleeved Shirt<small class="text-fangamer-link-hover block leading-snug">Shin Megami Tensei V</small></span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><strike class='font-medium text-xs sm:text-sm text-fangamer-muted hidden'><sup>$</sup>39</strike><sup>$</sup>19</span></figcaption></figure> </a> <a id="product_card_7558110281785" class="group item-view" href="/collections/on-sale/products/fangamer-logo-shirt-f64" aria-label="F64 (Sweet 16 Edition), T-Shirts, $36$32" data-grid-target="product" data-plausible-props-param='{"title":"F64 (Sweet 16 Edition)", "section":"Collection Grid: Sale", "location":"Slot 8"}' data-action="plausible#sendEvent" data-turbo-permanent> <figure class="item-view-box relative"> <div class="item-view-image relative text-transparent mb-2 aspect-square overflow-x-hidden" aria-hidden="true" tabindex="-1"> <div class="item-view-background rounded-lg absolute bottom-0 w-full bg-fangamer-background-darker group-active:max-md:bg-fangamer-background-darkest z-1 top-1/4" aria-hidden="true"></div> <img class="item-view-itemview peer relative w-full h-full lazyload js z-3 !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:group-hover:-translate-y-3 group-hover:!opacity-0" alt="F64 (Sweet 16 Edition)" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_F64_shirt_sweet16_itemview_360x360.png?v=1723483506" data-srcset="//www.fangamer.com/cdn/shop/files/product_F64_shirt_sweet16_itemview_360x360.png?v=1723483506 1x, //www.fangamer.com/cdn/shop/files/product_F64_shirt_sweet16_itemview_720x720.png?v=1723483506 2x" aria-hidden="true" /><img class="itemview-shadow absolute bottom-0 origin-bottom grayscale contrast-50 blur-xl !opacity-50 absolute w-full h-full lazyload js z-2 !transition-all !ease-out-quint !duration-300 motion-safe:group-hover:!opacity-[0.35] motion-safe:group-hover:w-[110%] peer-[.lazyload]:!opacity-0 peer-[.lazyloading]:!opacity-0" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/shirt-shadow_360x360.png?v=1694039311" data-srcset="//www.fangamer.com/cdn/shop/files/shirt-shadow_360x360.png?v=1694039311 1x, //www.fangamer.com/cdn/shop/files/shirt-shadow_720x720.png?v=1694039311 2x" aria-hidden="true" /><img class="item-view-designview absolute bottom-0 left-0 w-full motion-safe:h-[75%] rounded-lg object-cover motion-safe:!transition-all motion-safe:!ease-out-quint motion-safe:!duration-300 lazyload js !opacity-0 group-hover:!opacity-100 group-hover:h-full z-4 pointer-events-none" alt="F64 (Sweet 16 Edition)" data-sizes="auto" data-src="//www.fangamer.com/cdn/shop/files/product_F64_shirt_sweet16_designview_360x360.png?v=1723483506" data-srcset="//www.fangamer.com/cdn/shop/files/product_F64_shirt_sweet16_designview_360x360.png?v=1723483506 1x, //www.fangamer.com/cdn/shop/files/product_F64_shirt_sweet16_designview_720x720.png?v=1723483506 2x" aria-hidden="true" /><noscript> <img src="//www.fangamer.com/cdn/shop/files/product_F64_shirt_sweet16_itemview_360x360.png?v=1723483506" alt="F64 (Sweet 16 Edition)" class="item-view-itemview relative w-full h-full z-3" aria-hidden="true" /> </noscript> </div> <figcaption class="flex relative text-sm sm:text-base md:text-lg leading-tight group-[&.smaller]:text-xs"> <span class="text-fangamer-body font-bold leading-tight flex-grow">F64 (Sweet 16 Edition)</span><span class="font-extrabold !leading-tight text-fangamer-green-700 ml-2 mt-[0.1rem] sm:mt-0 text-right text-nowrap group-[&.smaller]:text-xs"><strike class='font-medium text-xs sm:text-sm text-fangamer-muted hidden'><sup>$</sup>36</strike><sup>$</sup>32</span></figcaption></figure> </a> </div> </div> </div> <div id="collection_cards_8278474809" class="mb-20 pt-20 shadow-productpage lg:rounded-tl-xl lg:rounded-tr-xl"> <div class="container px-4 lg:px-6"> <div class="mb-4 flex items-center"> <h2 class="font-black text-lg md:text-2xl text-fangamer-body uppercase flex-grow"><span class="icon-[fg--game] md:text-xl mr-2" style="color: #9cc334" aria-hidden="true"></span>Games</h2> <a href="/collections" class="text-sm px-3 py-2 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 Games">View All</a> </div> <ul class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-2 col-span-4" data-debug-target="collection" data-section="Collection Cards: Games"> <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":"Collection Cards: Games", "location":"Slot 1"}' 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":"Collection Cards: Games", "location":"Slot 2"}' 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":"Collection Cards: Games", "location":"Slot 3"}' 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":"Collection Cards: Games", "location":"Slot 4"}' 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/pizza-tower" style="background-color: #b80000" aria-label="Pizza Tower Official Collection" data-plausible-props-param='{"title":"Pizza Tower", "section":"Collection Cards: Games", "location":"Slot 5"}' 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/baba-is-you" style="background-color: #f12161" aria-label="Baba Is You Official Collection" data-plausible-props-param='{"title":"Baba Is You", "section":"Collection Cards: Games", "location":"Slot 6"}' 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-baba-is-you_new.svg?v=1692131244" 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="Baba Is You" aria-label="Baba Is You" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/banjo-kazooie" style="background-color: #ff110d" aria-label="Banjo-Kazooie Official Collection" data-plausible-props-param='{"title":"Banjo-Kazooie", "section":"Collection Cards: Games", "location":"Slot 7"}' 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-banjo-kazooie_new.svg?v=1692130998" 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="Banjo-Kazooie" aria-label="Banjo-Kazooie" /> </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":"Collection Cards: Games", "location":"Slot 8"}' 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/monster-hunter" style="background-color: #980a00" aria-label="Monster Hunter Official Collection" data-plausible-props-param='{"title":"Monster Hunter", "section":"Collection Cards: Games", "location":"Slot 9"}' 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-monster-hunter_new.svg?v=1692131058" 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="Monster Hunter" aria-label="Monster Hunter" /> </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":"Collection Cards: Games", "location":"Slot 10"}' 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/ena" style="background-color: #ff280c" aria-label="ENA Official Collection" data-plausible-props-param='{"title":"ENA", "section":"Collection Cards: Games", "location":"Slot 11"}' 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/off" style="background-color: #ff2f4d" aria-label="OFF Official Collection" data-plausible-props-param='{"title":"OFF", "section":"Collection Cards: Games", "location":"Slot 12"}' 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/stray" style="background-color: #f61616" aria-label="STRAY Official Collection" data-plausible-props-param='{"title":"STRAY", "section":"Collection Cards: Games", "location":"Slot 13"}' 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/stray-logo-black.svg?v=1684273582" 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="STRAY" aria-label="STRAY" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/brotato" style="background-color: #fd1515" aria-label="Brotato Official Collection" data-plausible-props-param='{"title":"Brotato", "section":"Collection Cards: Games", "location":"Slot 14"}' 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/brotato-vector-logo.svg?v=1736362200" 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="Brotato" aria-label="Brotato" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/bugsnax" style="background-color: #ffca22" aria-label="Bugsnax Official Collection" data-plausible-props-param='{"title":"Bugsnax", "section":"Collection Cards: Games", "location":"Slot 15"}' 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-bugsnax_new.svg?v=1692131151" 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="Bugsnax" aria-label="Bugsnax" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/horizon-forbidden-west" style="background-color: #d6750a" aria-label="Horizon Forbidden West Official Collection" data-plausible-props-param='{"title":"Horizon Forbidden West", "section":"Collection Cards: Games", "location":"Slot 16"}' 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-horizon_new.svg?v=1692131247" 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="Horizon Forbidden West" aria-label="Horizon Forbidden West" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/persona-5" style="background-color: #f11a0c" aria-label="Persona 5 Official Collection" data-plausible-props-param='{"title":"Persona 5", "section":"Collection Cards: Games", "location":"Slot 17"}' 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-persona-5_new.svg?v=1692130888" 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="Persona 5" aria-label="Persona 5" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/bloodborne" style="background-color: #3a6578" aria-label="Bloodborne Official Collection" data-plausible-props-param='{"title":"Bloodborne", "section":"Collection Cards: Games", "location":"Slot 18"}' 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-bloodborne_new.svg?v=1692131033" 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="Bloodborne" aria-label="Bloodborne" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/shin-megami-tensei-iii-nocturne" style="background-color: #04fafb" aria-label="Shin Megami Tensei III: Nocturne Official Collection" data-plausible-props-param='{"title":"Shin Megami Tensei III: Nocturne", "section":"Collection Cards: Games", "location":"Slot 19"}' 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-shin-megami-tensei-3-nocturne_new.svg?v=1692131141" 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="Shin Megami Tensei III: Nocturne" aria-label="Shin Megami Tensei III: Nocturne" /> </div> </a> </li> <li> <a class="flex items-center justify-center w-full group rounded-lg lazyload aspect-2/1" href="/collections/shin-megami-tensei-v" style="background-color: #d2dac3" aria-label="Shin Megami Tensei V Official Collection" data-plausible-props-param='{"title":"Shin Megami Tensei V", "section":"Collection Cards: Games", "location":"Slot 20"}' 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-shin-megami-tensei-v_new.svg?v=1692131308" 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="Shin Megami Tensei V" aria-label="Shin Megami Tensei V" /> </div> </a> </li> </ul> </div> </div> <div id="photo_grid_8296169529" class="pt-20 pb-12 shadow-productpage lg:rounded-tl-xl lg:rounded-tr-xl"> <div class="container px-4 lg:px-6 mb-6"> <div class="flex items-center"> <h2 class="font-black text-lg md:text-2xl text-fangamer-body uppercase flex-grow"><span class="icon-[fg--plush] text-fangamer-green md:text-xl mr-2" style="color: #bf63d1" aria-hidden="true"></span>Our Plushes</h2> <a href="/collections/plushes" class="text-sm px-3 py-2 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 Our Plushes">View All</a> </div> </div> <div class="grid grid-flow-dense grid-cols-2 lg:grid-cols-4" data-debug-target="collection" data-section="Photo Grid: Plushes"> <a class="group relative text-transparent w-full overflow-hidden object-cover h-[200px] md:h-[300px]" href="/collections/plushes/products/mary-ib-plush" aria-label="Mary Plush" data-plausible-props-param='{"title":"Mary Plush", "section":"Photo Grid: Plushes", "location":"Slot 1"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/product_ib_mary_plush_photo5.png?height=300&v=1727902221" alt="The Mary plush, Garry plush, and Ib plushes, each holding their magnetic rose accessories and photographed in front of a leafy plastic plant and a large pink flower. All three featured embroidered face details and multilayer clothing. " srcset="//www.fangamer.com/cdn/shop/files/product_ib_mary_plush_photo5.png?height=300&v=1727902221&width=352 352w, //www.fangamer.com/cdn/shop/files/product_ib_mary_plush_photo5.png?height=300&v=1727902221&width=450 450w" width="450" height="300" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">Mary Plush</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$32</span> </div> </a> <a class="group relative text-transparent w-full overflow-hidden object-cover col-span-2 row-span-2 h-[400px] md:h-[600px]" href="/collections/plushes/products/ena-plush-dream-bbq" aria-label="ENA Dream BBQ Plush" data-plausible-props-param='{"title":"ENA Dream BBQ Plush", "section":"Photo Grid: Plushes", "location":"Slot 2"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/product_ena_dbbq_plush_photo3.png?height=600&v=1726466552" alt="ENA Dream BBQ Plush" srcset="//www.fangamer.com/cdn/shop/files/product_ena_dbbq_plush_photo3.png?height=600&v=1726466552&width=352 352w, //www.fangamer.com/cdn/shop/files/product_ena_dbbq_plush_photo3.png?height=600&v=1726466552&width=832 832w, //www.fangamer.com/cdn/shop/files/product_ena_dbbq_plush_photo3.png?height=600&v=1726466552&width=900 900w" width="900" height="600" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">ENA Dream BBQ Plush</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$36</span> </div> </a> <a class="group relative text-transparent w-full overflow-hidden object-cover h-[200px] md:h-[300px]" href="/collections/plushes/products/plush-power-up-pack-adventure" aria-label="Plush Power-Up Pack: Adventure" data-plausible-props-param='{"title":"Plush Power-Up Pack: Adventure", "section":"Photo Grid: Plushes", "location":"Slot 3"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/product_plush_power_up_adventure_photo1.png?height=300&v=1719267061" alt="Plush Power-Up Pack: Adventure" srcset="//www.fangamer.com/cdn/shop/files/product_plush_power_up_adventure_photo1.png?height=300&v=1719267061&width=352 352w, //www.fangamer.com/cdn/shop/files/product_plush_power_up_adventure_photo1.png?height=300&v=1719267061&width=450 450w" width="450" height="300" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">Plush Power-Up Pack: Adventure</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$24</span> </div> </a> <a class="group relative text-transparent w-full overflow-hidden object-cover h-[200px] md:h-[300px]" href="/collections/plushes/products/hollow-knight-the-hollow-knight-plush" aria-label="The Hollow Knight Plush" data-plausible-props-param='{"title":"The Hollow Knight Plush", "section":"Photo Grid: Plushes", "location":"Slot 4"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/product_HK_HK_plush_staged3.png?height=300&v=1723570328" alt="" srcset="//www.fangamer.com/cdn/shop/files/product_HK_HK_plush_staged3.png?height=300&v=1723570328&width=352 352w, //www.fangamer.com/cdn/shop/files/product_HK_HK_plush_staged3.png?height=300&v=1723570328&width=450 450w" width="450" height="300" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">The Hollow Knight Plush</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$28</span> </div> </a> <a class="group relative text-transparent w-full overflow-hidden object-cover h-[200px] md:h-[300px]" href="/collections/plushes/products/baba-is-you-baba-plush" aria-label="Baba Is Plush" data-plausible-props-param='{"title":"Baba Is Plush", "section":"Photo Grid: Plushes", "location":"Slot 5"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/product_baba_is_plush_photo5.png?height=300&v=1717188084" alt="" srcset="//www.fangamer.com/cdn/shop/files/product_baba_is_plush_photo5.png?height=300&v=1717188084&width=352 352w, //www.fangamer.com/cdn/shop/files/product_baba_is_plush_photo5.png?height=300&v=1717188084&width=450 450w" width="450" height="300" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125" style="object-position:78.9111% 50.4657%;"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">Baba Is Plush</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$26</span> </div> </a> <a class="group relative text-transparent w-full overflow-hidden object-cover h-[200px] md:h-[300px]" href="/collections/plushes/products/deltarune-spamton-plush" aria-label="Spamton Talking Plush" data-plausible-props-param='{"title":"Spamton Talking Plush", "section":"Photo Grid: Plushes", "location":"Slot 6"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/products/product_DR_spamton_plush_photo2.png?height=300&v=1663086981" alt="Spamton Talking Plush" srcset="//www.fangamer.com/cdn/shop/products/product_DR_spamton_plush_photo2.png?height=300&v=1663086981&width=352 352w, //www.fangamer.com/cdn/shop/products/product_DR_spamton_plush_photo2.png?height=300&v=1663086981&width=450 450w" width="450" height="300" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">Spamton Talking Plush</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$32</span> </div> </a> <a class="group relative text-transparent w-full overflow-hidden object-cover h-[200px] md:h-[300px]" href="/collections/plushes/products/oneshot-niko-plush" aria-label="Niko Plush" data-plausible-props-param='{"title":"Niko Plush", "section":"Photo Grid: Plushes", "location":"Slot 7"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/product_oneshot_niko_plush_photo7.png?height=300&v=1717615957" alt="" srcset="//www.fangamer.com/cdn/shop/files/product_oneshot_niko_plush_photo7.png?height=300&v=1717615957&width=352 352w, //www.fangamer.com/cdn/shop/files/product_oneshot_niko_plush_photo7.png?height=300&v=1717615957&width=450 450w" width="450" height="300" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125" style="object-position:46.7436% 50.8654%;"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">Niko Plush</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$26</span> </div> </a> <a class="group relative text-transparent w-full overflow-hidden object-cover h-[200px] md:h-[300px]" href="/collections/plushes/products/dredge-plush-cod" aria-label="Three-Headed Cod Plush" data-plausible-props-param='{"title":"Three-Headed Cod Plush", "section":"Photo Grid: Plushes", "location":"Slot 8"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/product_dredge_three-headed-cod_plush_photo1_c68656d1-511f-4a79-918b-35d91633641a.png?height=300&v=1724787970" alt="" srcset="//www.fangamer.com/cdn/shop/files/product_dredge_three-headed-cod_plush_photo1_c68656d1-511f-4a79-918b-35d91633641a.png?height=300&v=1724787970&width=352 352w, //www.fangamer.com/cdn/shop/files/product_dredge_three-headed-cod_plush_photo1_c68656d1-511f-4a79-918b-35d91633641a.png?height=300&v=1724787970&width=450 450w" width="450" height="300" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125" style="object-position:49.4296% 54.2759%;"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">Three-Headed Cod Plush</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$32</span> </div> </a> <a class="group relative text-transparent w-full overflow-hidden object-cover h-[200px] md:h-[300px]" href="/collections/plushes/products/metal-gear-solid-snake-otacon-plush" aria-label="Snake and Otacon Plush Set" data-plausible-props-param='{"title":"Snake and Otacon Plush Set", "section":"Photo Grid: Plushes", "location":"Slot 9"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/product_MGS_Snake-and-Otacon-Plush-Set_main.png?height=300&v=1724788054" alt="" srcset="//www.fangamer.com/cdn/shop/files/product_MGS_Snake-and-Otacon-Plush-Set_main.png?height=300&v=1724788054&width=352 352w, //www.fangamer.com/cdn/shop/files/product_MGS_Snake-and-Otacon-Plush-Set_main.png?height=300&v=1724788054&width=450 450w" width="450" height="300" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125" style="object-position:48.9064% 4.0233%;"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">Snake and Otacon Plush Set</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$39</span> </div> </a> </div> </div> <div id="photo_grid_8296333369" class="pt-20 pb-12 shadow-productpage lg:rounded-tl-xl lg:rounded-tr-xl"> <div class="container px-4 lg:px-6 mb-6"> <div class="flex items-center"> <h2 class="font-black text-lg md:text-2xl text-fangamer-body uppercase flex-grow"><span class="icon-[fg--music] text-fangamer-green md:text-xl mr-2" style="color: #008060" aria-hidden="true"></span>Gaming Vinyl</h2> <a href="/collections/vinyl-game-soundtracks" class="text-sm px-3 py-2 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 Gaming Vinyl">View All</a> </div> </div> <div class="grid grid-flow-dense grid-cols-2 lg:grid-cols-4" data-debug-target="collection" data-section="Photo Grid: Gaming Vinyl"> <a class="group relative text-transparent w-full overflow-hidden object-cover h-[200px] md:h-[300px]" href="/collections/vinyl-game-soundtracks/products/silent-hill-2-vinyl-soundtrack" aria-label="SILENT HILL 2 Vinyl Soundtrack" data-plausible-props-param='{"title":"SILENT HILL 2 Vinyl Soundtrack", "section":"Photo Grid: Gaming Vinyl", "location":"Slot 1"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/product_mondo_SH2_vinyl_silver_main.png?height=300&v=1723575593" alt="" srcset="//www.fangamer.com/cdn/shop/files/product_mondo_SH2_vinyl_silver_main.png?height=300&v=1723575593&width=352 352w, //www.fangamer.com/cdn/shop/files/product_mondo_SH2_vinyl_silver_main.png?height=300&v=1723575593&width=450 450w" width="450" height="300" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">SILENT HILL 2 Vinyl Soundtrack</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$39</span> </div> </a> <a class="group relative text-transparent w-full overflow-hidden object-cover col-span-2 row-span-2 h-[400px] md:h-[600px]" href="/collections/vinyl-game-soundtracks/products/blast-corps-vinyl-ost" aria-label="Blast Corps Vinyl Soundtrack" data-plausible-props-param='{"title":"Blast Corps Vinyl Soundtrack", "section":"Photo Grid: Gaming Vinyl", "location":"Slot 2"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/product_blast-corps_vinyl_gatefold.png?height=600&v=1725563698" alt="Blast Corps Vinyl Soundtrack" srcset="//www.fangamer.com/cdn/shop/files/product_blast-corps_vinyl_gatefold.png?height=600&v=1725563698&width=352 352w, //www.fangamer.com/cdn/shop/files/product_blast-corps_vinyl_gatefold.png?height=600&v=1725563698&width=832 832w, //www.fangamer.com/cdn/shop/files/product_blast-corps_vinyl_gatefold.png?height=600&v=1725563698&width=900 900w" width="900" height="600" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">Blast Corps Vinyl Soundtrack</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$39</span> </div> </a> <a class="group relative text-transparent w-full overflow-hidden object-cover h-[200px] md:h-[300px]" href="/collections/vinyl-game-soundtracks/products/jet-force-gemini-vinyl-soundtrack" aria-label="Jet Force Gemini Vinyl Soundtrack" data-plausible-props-param='{"title":"Jet Force Gemini Vinyl Soundtrack", "section":"Photo Grid: Gaming Vinyl", "location":"Slot 3"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/product_jet-force-gemini_vinyl_photo2.png?height=300&v=1727127365" alt="" srcset="//www.fangamer.com/cdn/shop/files/product_jet-force-gemini_vinyl_photo2.png?height=300&v=1727127365&width=352 352w, //www.fangamer.com/cdn/shop/files/product_jet-force-gemini_vinyl_photo2.png?height=300&v=1727127365&width=450 450w" width="450" height="300" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">Jet Force Gemini Vinyl Soundtrack</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$39</span> </div> </a> <a class="group relative text-transparent w-full overflow-hidden object-cover h-[200px] md:h-[300px]" href="/collections/vinyl-game-soundtracks/products/stardew-valley-complete-ost-vinyl-box-set" aria-label="Stardew Valley Complete Vinyl Soundtrack Box Set" data-plausible-props-param='{"title":"Stardew Valley Complete Vinyl Soundtrack Box Set", "section":"Photo Grid: Gaming Vinyl", "location":"Slot 4"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/product_sdv_vinyl_boxset2-3.png?height=300&v=1704922957" alt="" srcset="//www.fangamer.com/cdn/shop/files/product_sdv_vinyl_boxset2-3.png?height=300&v=1704922957&width=352 352w, //www.fangamer.com/cdn/shop/files/product_sdv_vinyl_boxset2-3.png?height=300&v=1704922957&width=450 450w" width="450" height="300" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">Stardew Valley Complete Vinyl Soundtrack Box Set</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$79</span> </div> </a> <a class="group relative text-transparent w-full overflow-hidden object-cover h-[200px] md:h-[300px]" href="/collections/vinyl-game-soundtracks/products/undertale-complete-vinyl-soundtrack-box-set" aria-label="UNDERTALE Complete Vinyl Soundtrack Box Set" data-plausible-props-param='{"title":"UNDERTALE Complete Vinyl Soundtrack Box Set", "section":"Photo Grid: Gaming Vinyl", "location":"Slot 5"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/product_undertale_vinyl_box_set_photo1.png?height=300&v=1613703267" alt="" srcset="//www.fangamer.com/cdn/shop/files/product_undertale_vinyl_box_set_photo1.png?height=300&v=1613703267&width=352 352w, //www.fangamer.com/cdn/shop/files/product_undertale_vinyl_box_set_photo1.png?height=300&v=1613703267&width=450 450w" width="450" height="300" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125" style="object-position:49.8586% 45.006%;"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">UNDERTALE Complete Vinyl Soundtrack Box Set</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$84</span> </div> </a> <a class="group relative text-transparent w-full overflow-hidden object-cover h-[200px] md:h-[300px]" href="/collections/vinyl-game-soundtracks/products/deltarune-chapter-2-vinyl-soundtrack" aria-label="DELTARUNE Chapter 2 Vinyl Soundtrack" data-plausible-props-param='{"title":"DELTARUNE Chapter 2 Vinyl Soundtrack", "section":"Photo Grid: Gaming Vinyl", "location":"Slot 6"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/products/product_deltarune_chapter2_vinyl_photo5.png?height=300&v=1676400329" alt="" srcset="//www.fangamer.com/cdn/shop/products/product_deltarune_chapter2_vinyl_photo5.png?height=300&v=1676400329&width=352 352w, //www.fangamer.com/cdn/shop/products/product_deltarune_chapter2_vinyl_photo5.png?height=300&v=1676400329&width=450 450w" width="450" height="300" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125" style="object-position:39.1799% 42.7008%;"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">DELTARUNE Chapter 2 Vinyl Soundtrack</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$39</span> </div> </a> <a class="group relative text-transparent w-full overflow-hidden object-cover h-[200px] md:h-[300px]" href="/collections/vinyl-game-soundtracks/products/va-11-hall-a-complete-sound-collection-box-set" aria-label="VA-11 HALL-A Complete Sound Collection Vinyl Box Set" data-plausible-props-param='{"title":"VA-11 HALL-A Complete Sound Collection Vinyl Box Set", "section":"Photo Grid: Gaming Vinyl", "location":"Slot 7"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/products/product_VH_vinyl_box_set_photo1.png?height=300&v=1654719832" alt="" srcset="//www.fangamer.com/cdn/shop/products/product_VH_vinyl_box_set_photo1.png?height=300&v=1654719832&width=352 352w, //www.fangamer.com/cdn/shop/products/product_VH_vinyl_box_set_photo1.png?height=300&v=1654719832&width=450 450w" width="450" height="300" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">VA-11 HALL-A Complete Sound Collection Vinyl Box Set</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$109</span> </div> </a> <a class="group relative text-transparent w-full overflow-hidden object-cover h-[200px] md:h-[300px]" href="/collections/vinyl-game-soundtracks/products/shin-megami-tensei-v-vinyl-soundtrack-box-set" aria-label="Shin Megami Tensei V Vinyl Soundtrack Box Set" data-plausible-props-param='{"title":"Shin Megami Tensei V Vinyl Soundtrack Box Set", "section":"Photo Grid: Gaming Vinyl", "location":"Slot 8"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/product_SMTV_vinyl_box_set_photo1.png?height=300&v=1709853209" alt="" srcset="//www.fangamer.com/cdn/shop/files/product_SMTV_vinyl_box_set_photo1.png?height=300&v=1709853209&width=352 352w, //www.fangamer.com/cdn/shop/files/product_SMTV_vinyl_box_set_photo1.png?height=300&v=1709853209&width=450 450w" width="450" height="300" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125" style="object-position:58.0889% 49.6807%;"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">Shin Megami Tensei V Vinyl Soundtrack Box Set</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$89</span> </div> </a> <a class="group relative text-transparent w-full overflow-hidden object-cover h-[200px] md:h-[300px]" href="/collections/vinyl-game-soundtracks/products/silent-hill-vinyl-soundtrack" aria-label="SILENT HILL Vinyl Soundtrack" data-plausible-props-param='{"title":"SILENT HILL Vinyl Soundtrack", "section":"Photo Grid: Gaming Vinyl", "location":"Slot 9"}' data-action="click->plausible#sendEvent"> <img src="//www.fangamer.com/cdn/shop/files/product_mondo_SH1_vinyl_red_photo1.png?height=300&v=1728326504" alt="" srcset="//www.fangamer.com/cdn/shop/files/product_mondo_SH1_vinyl_red_photo1.png?height=300&v=1728326504&width=352 352w, //www.fangamer.com/cdn/shop/files/product_mondo_SH1_vinyl_red_photo1.png?height=300&v=1728326504&width=450 450w" width="450" height="300" loading="lazy" class="absolute lazyload w-full h-full object-cover !transition-all !duration-300 scale-120 motion-safe:group-hover:scale-125"> <div class="absolute right-0 bottom-6 max-w-[75%] min-w-[25%] z-10 flex gap-x-1 items-center justify-between px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-90 md:opacity-0 group-hover:opacity-90 transition-opacity duration-300" aria-hidden="true"> <h3 class="text-xs md:text-sm font-bold text-fangamer-body line-clamp-2">SILENT HILL Vinyl Soundtrack</h3> <span class="text-sm md:text-base font-extrabold text-xl text-fangamer-green-700">$39</span> </div> </a> </div> </div> <div id="instagram_feed_53901656121" class="mb-20 pt-20 shadow-productpage lg:rounded-tl-xl lg:rounded-tr-xl text-fangamer-body"> <div class="container px-4 lg:px-6"> <div class="mb-8"> <h2 class="flex gap-x-2 items-center font-black text-lg md:text-2xl text-fangamer-body uppercase flex-grow"><span class="icon-[fa6-brands--instagram] text-fangamer-blue-700" aria-hidden="true"></span>Fangamer on Instagram</h2> </div> <div class="grid grid-cols-2 lg:grid-cols-4 gap-4 lg:gap-8"> <a id="instagram_post_18072432541664370" class="instagram-post group relative aspect-square shadow-lg shadow-black/10 rounded-lg overflow-hidden !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:hover:-translate-y-1" href="https://www.instagram.com/reel/DFY1fN3Snqr/" target="_blank"><span class="icon-[fg--video] absolute top-2 right-2 z-1 opacity-90 text-fangamer-background shadow-lg"></span><img src="//www.fangamer.com/cdn/shop/files/instagram_18072432541664370.jpg?v=1738266632" class="h-full w-full object-cover lazyload" loading="lazy" aria-hidden="true" /> <div class="absolute right-0 bottom-6 max-w-[80%] min-w-[25%] z-10 px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-0 group-hover:opacity-90 transition-opacity duration-150"> <p class="text-fangamer-body text-xs font-medium line-clamp-3"> Gilding is how you show the world you mean business, so we’re celebrating a decade of Shovelry with a new Gold Shovel Knight plush! Plus a new desk mat, a special pin, and the return of the bottle-opener keychain! </p> </div> </a> <a id="instagram_post_18071482840687866" class="instagram-post group relative aspect-square shadow-lg shadow-black/10 rounded-lg overflow-hidden !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:hover:-translate-y-1" href="https://www.instagram.com/reel/DFYJs9mvXgY/" target="_blank"><span class="icon-[fg--video] absolute top-2 right-2 z-1 opacity-90 text-fangamer-background shadow-lg"></span><img src="//www.fangamer.com/cdn/shop/files/instagram_18071482840687866.jpg?v=1738266632" class="h-full w-full object-cover lazyload" loading="lazy" aria-hidden="true" /> <div class="absolute right-0 bottom-6 max-w-[80%] min-w-[25%] z-10 px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-0 group-hover:opacity-90 transition-opacity duration-150"> <p class="text-fangamer-body text-xs font-medium line-clamp-3"> Finally, a Puzzle that reminds you of This Available now in our Professor Layton collection. </p> </div> </a> <a id="instagram_post_18031977041242247" class="instagram-post group relative aspect-square shadow-lg shadow-black/10 rounded-lg overflow-hidden !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:hover:-translate-y-1" href="https://www.instagram.com/p/DFLg53xyMgw/" target="_blank"><img src="//www.fangamer.com/cdn/shop/files/instagram_18031977041242247.jpg?v=1737661245" class="h-full w-full object-cover lazyload" loading="lazy" aria-hidden="true" /> <div class="absolute right-0 bottom-6 max-w-[80%] min-w-[25%] z-10 px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-0 group-hover:opacity-90 transition-opacity duration-150"> <p class="text-fangamer-body text-xs font-medium line-clamp-3"> We’re at @magfest! Pick up your official Magfest merchandise at the Magfest Merch Booth and come say hi! 👋 </p> </div> </a> <a id="instagram_post_18074442025710821" class="instagram-post group relative aspect-square shadow-lg shadow-black/10 rounded-lg overflow-hidden !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:hover:-translate-y-1" href="https://www.instagram.com/reel/DFIuNdjuAZ3/" target="_blank"><span class="icon-[fg--video] absolute top-2 right-2 z-1 opacity-90 text-fangamer-background shadow-lg"></span><img src="//www.fangamer.com/cdn/shop/files/instagram_18074442025710821.jpg?v=1737568840" class="h-full w-full object-cover lazyload" loading="lazy" aria-hidden="true" /> <div class="absolute right-0 bottom-6 max-w-[80%] min-w-[25%] z-10 px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-0 group-hover:opacity-90 transition-opacity duration-150"> <p class="text-fangamer-body text-xs font-medium line-clamp-3"> How did the mega-hit dungeon crawler Hades come to be? This one-of-a-kind video documentary from @noclipvideo takes you inside developer @supergiantgames for every step of the game’s journey: from before its surprise announcement in 2018, to its full launch almost two years later, and beyond as the game grew into a worldwide phenomenon. The result is a unique chronicle of one of the most celebrated games of 2020, and an insightful look at how a small team can bring a game to life. Now available on Blu-Ray at Fangamer.com </p> </div> </a> <a id="instagram_post_18479580025029187" class="instagram-post group relative aspect-square shadow-lg shadow-black/10 rounded-lg overflow-hidden !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:hover:-translate-y-1" href="https://www.instagram.com/p/DFGYojBxBbi/" target="_blank"><span class="icon-[fa6-solid--clone] absolute top-2 right-2 z-1 opacity-90 text-fangamer-background shadow-lg"></span><img src="//www.fangamer.com/cdn/shop/files/instagram_18479580025029187.jpg?v=1737489011" class="h-full w-full object-cover lazyload" loading="lazy" aria-hidden="true" /> <div class="absolute right-0 bottom-6 max-w-[80%] min-w-[25%] z-10 px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-0 group-hover:opacity-90 transition-opacity duration-150"> <p class="text-fangamer-body text-xs font-medium line-clamp-3"> Our Shrumbo plush is now on sale! Save even more by bundling with Ooblets plush Clomper + Glanter and get $13 dollars off your purchase! </p> </div> </a> <a id="instagram_post_18041103929360580" class="instagram-post group relative aspect-square shadow-lg shadow-black/10 rounded-lg overflow-hidden !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:hover:-translate-y-1" href="https://www.instagram.com/reel/DE8fcR8xd58/" target="_blank"><span class="icon-[fg--video] absolute top-2 right-2 z-1 opacity-90 text-fangamer-background shadow-lg"></span><img src="//www.fangamer.com/cdn/shop/files/instagram_18041103929360580.jpg?v=1737156630" class="h-full w-full object-cover lazyload" loading="lazy" aria-hidden="true" /> <div class="absolute right-0 bottom-6 max-w-[80%] min-w-[25%] z-10 px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-0 group-hover:opacity-90 transition-opacity duration-150"> <p class="text-fangamer-body text-xs font-medium line-clamp-3"> It’s Friday… work is over… time to lay on the ground and feel like garbage </p> </div> </a> <a id="instagram_post_17938266848961944" class="instagram-post group relative aspect-square shadow-lg shadow-black/10 rounded-lg overflow-hidden !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:hover:-translate-y-1" href="https://www.instagram.com/p/DE5iPKlScAw/" target="_blank"><span class="icon-[fa6-solid--clone] absolute top-2 right-2 z-1 opacity-90 text-fangamer-background shadow-lg"></span><img src="//www.fangamer.com/cdn/shop/files/instagram_17938266848961944.jpg?v=1737057658" class="h-full w-full object-cover lazyload" loading="lazy" aria-hidden="true" /> <div class="absolute right-0 bottom-6 max-w-[80%] min-w-[25%] z-10 px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-0 group-hover:opacity-90 transition-opacity duration-150"> <p class="text-fangamer-body text-xs font-medium line-clamp-3"> Our Buckshot Roulette collection has a new Dealer Pin that features a moveable shotgun. Pair it with our How Unfortunate shirt to complete the look. </p> </div> </a> <a id="instagram_post_17944717454936994" class="instagram-post group relative aspect-square shadow-lg shadow-black/10 rounded-lg overflow-hidden !transition-all !ease-out-quint motion-safe:!duration-300 motion-safe:hover:-translate-y-1" href="https://www.instagram.com/p/DE0GrJZR58o/" target="_blank"><span class="icon-[fa6-solid--clone] absolute top-2 right-2 z-1 opacity-90 text-fangamer-background shadow-lg"></span><img src="//www.fangamer.com/cdn/shop/files/instagram_17944717454936994.jpg?v=1736875210" class="h-full w-full object-cover lazyload" loading="lazy" aria-hidden="true" /> <div class="absolute right-0 bottom-6 max-w-[80%] min-w-[25%] z-10 px-2 py-1 bg-fangamer-background rounded-tl-lg rounded-bl-lg opacity-0 group-hover:opacity-90 transition-opacity duration-150"> <p class="text-fangamer-body text-xs font-medium line-clamp-3"> The Corrupted Storch plush is coming to our official SIGNALIS collection! It’s available now for preorder at Fangamer.com </p> </div> </a> </div> <div class="flex my-12 justify-center items-center"> <a href="https://www.instagram.com/fangamercom" target="_blank" class="flex items-center gap-x-1 py-2 px-3 rounded-lg uppercase font-bold text-fangamer-background bg-fangamer-green-700 hover:bg-fangamer-green-600 active:bg-fangamer-green-800">See More at <strong>@fangamercom</strong><span class="icon-[fa6-solid--arrow-up-right-from-square] text-sm ml-1" aria-hidden="true"></span></a> </div> </div> </div> <div id="featured_reviews_8303411257" class="mb-20 pt-20 shadow-productpage lg:rounded-tl-xl lg:rounded-tr-xl text-fangamer-body" data-controller="reviews" data-reviews-key-value="P8vAGkrFF2W5AbRJ3t7W5bA2"> <div class="container px-4 lg:px-6"> <div class="mb-4 flex items-center"> <h2 class="font-black text-lg md:text-2xl text-fangamer-body uppercase flex-grow"><span class="icon-[fg--star] text-fangamer-green-700 md:text-xl mr-2" aria-hidden="true"></span>Fans of Fangamer</h2> </div> <div class="grid grid-cols-2 md:grid-cols-3 xl:grid-cols-6 gap-8" data-reviews-target="featuredReviews"> </div> <div id="junip_more_features_reviews" class="hidden flex my-12 justify-center items-center" data-reviews-target="next"> <button class="group w-60 py-2 px-3 rounded-lg uppercase font-bold text-fangamer-background bg-fangamer-green-700 hover:bg-fangamer-green-600 active:bg-fangamer-green-800 [&.disabled]:text-fangamer-blue [&.disabled]:bg-fangamer-background-darkest" data-action="click->reviews#loadNextFeatured:prevent"><span class="pointer-events-none hidden group-[.disabled]:inline-block animate-spin icon-[fa6-solid--circle-notch]"></span><span class="pointer-events-none group-[.disabled]:hidden">See More Reviews</span></button> </div> <template class="hidden" data-reviews-target="template"> <div class="junip-featured-review flex-col gap-y-2 shadow-lg shadow-black/10 rounded-lg overflow-hidden transition-transform motion-safe:hover:-translate-y-1" data-reviews-target="featuredReview"> <div class="review-image lazyload object-cover w-full aspect-3/2 overflow-hidden"></div> <div class="flex flex-col gap-y-1"> <div class="review-header flex flex-col gap-y-1 p-2"> <div class="flex justify-between"> <span class="review-author font-bold text-sm"></span> <span class="review-date text-fangamer-muted text-xs"></span> </div> <span class="review-product font-bold text-sm"></span> </div> <div class="px-2 pb-2"> <div class="review-title font-bold line-clamp-2"></div> <div class="review-content"> <div class="review-stars inline text-fangamer-green-700"></div> <div class="review-body text-fangamer-body text-xs line-clamp-2"></div> </div> </div> </div> </div> </template> </div> </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="flex-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/luck-be-a-landlord" aria-hidden="true" tabindex="-1"> <img id="article_card_image_blogs-news-luck-be-a-landlord" src="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail-466_fb42cd25-f345-4b99-b4c2-8c1f4fc56f92.png?v=1739311029&width=450" srcset="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail-466_fb42cd25-f345-4b99-b4c2-8c1f4fc56f92.png?v=1739311029&width=900 2x" class="w-full object-contain rounded shadow-lg shadow-black/25 mb-4 aspect-video object-cover lazyload" loading="lazy" alt="Monster Hunter aprons are back + Luck be a Landlord is coming soon! Plus Hollow Knight plush restocks and more" aria-hidden="true" data-turbo-permanent /> </a> <figcaption class="mb-2"> <a class="block hover:opacity-90" href="/blogs/news/luck-be-a-landlord"> <h3 class="font-bold line-clamp-2 h-12 overflow-hidden mb-2">Monster Hunter aprons are back + Luck be a Landlord is coming soon! Plus Hollow Knight plush restocks and more</h3> </a> <h4 class="font-bold line-clamp-3 mb-2 text-fangamer-green-300">Feb 11, 2025</h4> <p class="block h-[76px] overflow-hidden">Luck Be A Landlord is coming to Nintendo Switch! You can sign up now to be notified as soon as...</p> </figcaption> <a href="/blogs/news/luck-be-a-landlord" 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: Monster Hunter aprons are back + Luck be a Landlord is coming soon! Plus Hollow Knight plush restocks and 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/professor-layton-shovel-knight" aria-hidden="true" tabindex="-1"> <img id="article_card_image_blogs-news-professor-layton-shovel-knight" src="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail-465_0d6ecbac-61de-4e32-a363-41b3e49d6765.png?v=1737763085&width=450" srcset="//www.fangamer.com/cdn/shop/articles/blog-post-thumbnail-465_0d6ecbac-61de-4e32-a363-41b3e49d6765.png?v=1737763085&width=900 2x" class="w-full object-contain rounded shadow-lg shadow-black/25 mb-4 aspect-video object-cover lazyload" loading="lazy" alt="Professor Layton jigsaw puzzles + Shovel Knight anniversary plushes! Plus big OFF news" aria-hidden="true" data-turbo-permanent /> </a> <figcaption class="mb-2"> <a class="block hover:opacity-90" href="/blogs/news/professor-layton-shovel-knight"> <h3 class="font-bold line-clamp-2 h-12 overflow-hidden mb-2">Professor Layton jigsaw puzzles + Shovel Knight anniversary plushes! Plus big OFF news</h3> </a> <h4 class="font-bold line-clamp-3 mb-2 text-fangamer-green-300">Jan 28, 2025</h4> <p class="block h-[76px] overflow-hidden">We're celebrating a decade of Shovelry with a collection of Shovel Knight merchandise, new and old. Our classic Bottle Opener...</p> </figcaption> <a href="/blogs/news/professor-layton-shovel-knight" 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: Professor Layton jigsaw puzzles + Shovel Knight anniversary plushes! Plus big OFF news">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 flex-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 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="flex-grow">Fangamer is a small videogame merchandise company based in—and shipping from—Tucson, 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="flex-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="flex-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 flex-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 flex-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 flex-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 flex-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 flex-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 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> </body> </html>