1<!doctype html> 2<html 3 4 lang="en" 5> 6 <head><meta name="google-site-verification" content="28-GQHwnOxjESy8QTR0ZwYm2BRWgyD-W7MPIYc1blv8"><link 7 rel="icon" 8 type="image/png" 9 href="//petersengames.com/cdn/shop/files/cropped-petersen-games-Logo_97f52a2d-1136-4f1f-a381-af95ba592c72.png?crop=center&height=32&v=1756017856&width=32" 10 > 11 12<meta charset="utf-8"> 13<meta 14 http-equiv="X-UA-Compatible" 15 content="IE=edge" 16> 17<meta 18 name="viewport" 19 content="width=device-width,initial-scale=1" 20> 21<meta 22 name="view-transition" 23 content="same-origin" 24> 25<meta 26 name="theme-color" 27 content="" 28> 29 30<meta 31 property="og:site_name" 32 content="Petersen Games Shop" 33> 34<meta 35 property="og:url" 36 content="https://petersengames.com/pages/contact-us" 37> 38<meta 39 property="og:title" 40 content="Contact us" 41> 42<meta 43 property="og:type" 44 content="website" 45> 46<meta 47 property="og:description" 48 content="Masters of Horror and Strategy Gaming by the Legendary Sandy Petersen" 49><meta 50 name="twitter:card" 51 content="summary_large_image" 52> 53<meta 54 name="twitter:title" 55 content="Contact us" 56> 57<meta 58 name="twitter:description" 59 content="Masters of Horror and Strategy Gaming by the Legendary Sandy Petersen" 60> 61 62<title> 63 Contact us 64 – Petersen Games Shop</title> 65 66<link 67 rel="canonical" 68 href="https://petersengames.com/pages/contact-us" 69> 70 71 72<link href="//petersengames.com/cdn/shop/t/546/assets/overflow-list.css?v=101911674359793798601766084391" as="style" rel="preload"> 73<link href="//petersengames.com/cdn/shop/t/546/assets/base.css?v=154232587048159102151766084928" rel="stylesheet" type="text/css" media="all" /> 74 75<link 76 rel="preload" 77 as="font" 78 href="//petersengames.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2" 79 type="font/woff2" 80 crossorigin 81 fetchpriority="low" 82 ><link 83 rel="preload" 84 as="font" 85 href="//petersengames.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2" 86 type="font/woff2" 87 crossorigin 88 fetchpriority="low" 89 ><link 90 rel="preload" 91 as="font" 92 href="//petersengames.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" 93 type="font/woff2" 94 crossorigin 95 fetchpriority="low" 96 ><link 97 rel="preload" 98 as="font" 99 href="//petersengames.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" 100 type="font/woff2" 101 crossorigin 102 fetchpriority="low" 103 >
104<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 104
104
105<script type="importmap"> 106 { 107 "imports": { 108 "@theme/overflow-list": "//petersengames.com/cdn/shop/t/546/assets/overflow-list.js?v=46858356770684902511766084390", 109 "@theme/product-title": "//petersengames.com/cdn/shop/t/546/assets/product-title-truncation.js?v=81744426891537421781766084391", 110 "@theme/component": "//petersengames.com/cdn/shop/t/546/assets/component.js?v=184240237101443119871766084391", 111 "@theme/dialog": "//petersengames.com/cdn/shop/t/546/assets/dialog.js?v=61774032287387761671766084391", 112 "@theme/events": "//petersengames.com/cdn/shop/t/546/assets/events.js?v=147926035229139604561766084390", 113 "@theme/focus": "//petersengames.com/cdn/shop/t/546/assets/focus.js?v=60436577539430446401766084391", 114 "@theme/morph": "//petersengames.com/cdn/shop/t/546/assets/morph.js?v=35457747882330740861766084390", 115 "@theme/paginated-list": "//petersengames.com/cdn/shop/t/546/assets/paginated-list.js?v=95298315036233333871766084391", 116 "@theme/performance": "//petersengames.com/cdn/shop/t/546/assets/performance.js?v=171015751390534793081766084390", 117 "@theme/product-form": "//petersengames.com/cdn/shop/t/546/assets/product-form.js?v=37993400097492174081766084390", 118 "@theme/recently-viewed-products": "//petersengames.com/cdn/shop/t/546/assets/recently-viewed-products.js?v=94729125001750262651766084391", 119 "@theme/scrolling": "//petersengames.com/cdn/shop/t/546/assets/scrolling.js?v=118005526288211533611766084391", 120 "@theme/section-renderer": "//petersengames.com/cdn/shop/t/546/assets/section-renderer.js?v=117273408521114569061766084391", 121 "@theme/section-hydration": "//petersengames.com/cdn/shop/t/546/assets/section-hydration.js?v=177651605160027701221766084391", 122 "@theme/utilities": "//petersengames.com/cdn/shop/t/546/assets/utilities.js?v=74252600229394689081766084391", 123 "@theme/variant-picker": "//petersengames.com/cdn/shop/t/546/assets/variant-picker.js?v=124079696159966615681766084391", 124 "@theme/media-gallery": "//petersengames.com/cdn/shop/t/546/assets/media-gallery.js?v=111441960308641931071766084390", 125 "@theme/quick-add": "//petersengames.com/cdn/shop/t/546/assets/quick-add.js?v=148903382353369979481766084391", 126 "@theme/paginated-list-aspect-ratio": "//petersengames.com/cdn/shop/t/546/assets/paginated-list-aspect-ratio.js?v=25254270272143792451766084391", 127 "@theme/popover-polyfill": "//petersengames.com/cdn/shop/t/546/assets/popover-polyfill.js?v=119029313658895111201766084391", 128 "@theme/component-quantity-selector": "//petersengames.com/cdn/shop/t/546/assets/component-quantity-selector.js?v=67906657287482036641766084391", 129 "@theme/comparison-slider": "//petersengames.com/cdn/shop/t/546/assets/comparison-slider.js?v=106705562947035711941766084391", 130 "@theme/sticky-add-to-cart": "//petersengames.com/cdn/shop/t/546/assets/sticky-add-to-cart.js?v=48956925339276737091766084391", 131 "@theme/fly-to-cart": "//petersengames.com/cdn/shop/t/546/assets/fly-to-cart.js?v=129971753673458693881766084391" 132 } 133 } 134</script>
134 135
136<script 137 src="//petersengames.com/cdn/shop/t/546/assets/view-transitions.js?v=7106414069516106341766084390" 138 async 139 140></script>
140 141 142<link 143 rel="modulepreload" 144 href="//petersengames.com/cdn/shop/t/546/assets/utilities.js?v=74252600229394689081766084391" 145 fetchpriority="low" 146> 147<link 148 rel="modulepreload" 149 href="//petersengames.com/cdn/shop/t/546/assets/component.js?v=184240237101443119871766084391" 150 fetchpriority="low" 151> 152<link 153 rel="modulepreload" 154 href="//petersengames.com/cdn/shop/t/546/assets/section-renderer.js?v=117273408521114569061766084391" 155 fetchpriority="low" 156> 157<link 158 rel="modulepreload" 159 href="//petersengames.com/cdn/shop/t/546/assets/section-hydration.js?v=177651605160027701221766084391" 160 fetchpriority="low" 161> 162<link 163 rel="modulepreload" 164 href="//petersengames.com/cdn/shop/t/546/assets/morph.js?v=35457747882330740861766084390" 165 fetchpriority="low" 166> 167 168 169 170<link 171 rel="modulepreload" 172 href="//petersengames.com/cdn/shop/t/546/assets/focus.js?v=60436577539430446401766084391" 173 fetchpriority="low" 174> 175<link 176 rel="modulepreload" 177 href="//petersengames.com/cdn/shop/t/546/assets/recently-viewed-products.js?v=94729125001750262651766084391" 178 fetchpriority="low" 179> 180<link 181 rel="modulepreload" 182 href="//petersengames.com/cdn/shop/t/546/assets/scrolling.js?v=118005526288211533611766084391" 183 fetchpriority="low" 184> 185<link 186 rel="modulepreload" 187 href="//petersengames.com/cdn/shop/t/546/assets/events.js?v=147926035229139604561766084390" 188 fetchpriority="low" 189>
190<script 191 src="//petersengames.com/cdn/shop/t/546/assets/popover-polyfill.js?v=119029313658895111201766084391" 192 type="module" 193 fetchpriority="low" 194></script>
vendor: 1 bytes, line 194
194
195<script 196 src="//petersengames.com/cdn/shop/t/546/assets/overflow-list.js?v=46858356770684902511766084390" 197 type="module" 198 fetchpriority="low" 199></script>
vendor: 1 bytes, line 199
199
200<script 201 src="//petersengames.com/cdn/shop/t/546/assets/quick-add.js?v=148903382353369979481766084391" 202 type="module" 203 fetchpriority="low" 204></script>
204 205 206
206<script 207 src="//petersengames.com/cdn/shop/t/546/assets/cart-discount.js?v=107077853990124422021766084391" 208 type="module" 209 fetchpriority="low" 210 ></script>
210 211 212
213<script 214 src="//petersengames.com/cdn/shop/t/546/assets/dialog.js?v=61774032287387761671766084391" 215 type="module" 216 fetchpriority="low" 217></script>
vendor: 1 bytes, line 217
217
218<script 219 src="//petersengames.com/cdn/shop/t/546/assets/variant-picker.js?v=124079696159966615681766084391" 220 type="module" 221 fetchpriority="low" 222></script>
vendor: 1 bytes, line 222
222
223<script 224 src="//petersengames.com/cdn/shop/t/546/assets/product-card.js?v=124402285637860180781766084391" 225 type="module" 226 fetchpriority="low" 227></script>
vendor: 1 bytes, line 227
227
228<script 229 src="//petersengames.com/cdn/shop/t/546/assets/product-form.js?v=37993400097492174081766084390" 230 type="module" 231 fetchpriority="low" 232></script>
vendor: 1 bytes, line 232
232
233<script 234 src="//petersengames.com/cdn/shop/t/546/assets/fly-to-cart.js?v=129971753673458693881766084391" 235 type="module" 236 fetchpriority="low" 237></script>
vendor: 1 bytes, line 237
237
238<script 239 src="//petersengames.com/cdn/shop/t/546/assets/accordion-custom.js?v=99000499017714805851766084391" 240 type="module" 241 fetchpriority="low" 242></script>
vendor: 1 bytes, line 242
242
243<script 244 src="//petersengames.com/cdn/shop/t/546/assets/disclosure-custom.js?v=168050880623268140331766084391" 245 type="module" 246 fetchpriority="low" 247></script>
vendor: 1 bytes, line 247
247
248<script 249 src="//petersengames.com/cdn/shop/t/546/assets/media.js?v=37825095869491791421766084391" 250 type="module" 251 fetchpriority="low" 252></script>
vendor: 1 bytes, line 252
252
253<script 254 src="//petersengames.com/cdn/shop/t/546/assets/product-price.js?v=117989390664188536191766084390" 255 type="module" 256 fetchpriority="low" 257></script>
vendor: 1 bytes, line 257
257
258<script 259 src="//petersengames.com/cdn/shop/t/546/assets/product-sku.js?v=121804655373531320511766084391" 260 type="module" 261 fetchpriority="low" 262></script>
vendor: 1 bytes, line 262
262
263<script 264 src="//petersengames.com/cdn/shop/t/546/assets/product-title-truncation.js?v=81744426891537421781766084391" 265 type="module" 266 fetchpriority="low" 267></script>
vendor: 1 bytes, line 267
267
268<script 269 src="//petersengames.com/cdn/shop/t/546/assets/product-inventory.js?v=16343734458933704981766084390" 270 type="module" 271 fetchpriority="low" 272></script>
vendor: 1 bytes, line 272
272
273<script 274 src="//petersengames.com/cdn/shop/t/546/assets/show-more.js?v=94563802205717136101766084391" 275 type="module" 276 fetchpriority="low" 277></script>
vendor: 1 bytes, line 277
277
278<script 279 src="//petersengames.com/cdn/shop/t/546/assets/slideshow.js?v=40796646405849125981766084391" 280 type="module" 281 fetchpriority="low" 282></script>
vendor: 1 bytes, line 282
282
283<script 284 src="//petersengames.com/cdn/shop/t/546/assets/layered-slideshow.js?v=30135417790894624731766084391" 285 type="module" 286 fetchpriority="low" 287></script>
vendor: 1 bytes, line 287
287
288<script 289 src="//petersengames.com/cdn/shop/t/546/assets/anchored-popover.js?v=95953304814728754461766084391" 290 type="module" 291 fetchpriority="low" 292></script>
vendor: 1 bytes, line 292
292
293<script 294 src="//petersengames.com/cdn/shop/t/546/assets/floating-panel.js?v=128677600744947036551766084391" 295 type="module" 296 fetchpriority="low" 297></script>
vendor: 1 bytes, line 297
297
298<script 299 src="//petersengames.com/cdn/shop/t/546/assets/video-background.js?v=25237992823806706551766084390" 300 type="module" 301 fetchpriority="low" 302></script>
vendor: 1 bytes, line 302
302
303<script 304 src="//petersengames.com/cdn/shop/t/546/assets/component-quantity-selector.js?v=67906657287482036641766084391" 305 type="module" 306 fetchpriority="low" 307></script>
vendor: 1 bytes, line 307
307
308<script 309 src="//petersengames.com/cdn/shop/t/546/assets/media-gallery.js?v=111441960308641931071766084390" 310 type="module" 311 fetchpriority="low" 312></script>
vendor: 1 bytes, line 312
312
313<script 314 src="//petersengames.com/cdn/shop/t/546/assets/rte-formatter.js?v=101420294193111439321766084391" 315 type="module" 316 fetchpriority="low" 317></script>
vendor: 1 bytes, line 317
317
318<script 319 src="//petersengames.com/cdn/shop/t/546/assets/volume-pricing.js?v=15442793518842484731766084391" 320 type="module" 321 fetchpriority="low" 322></script>
vendor: 1 bytes, line 322
322
323<script 324 src="//petersengames.com/cdn/shop/t/546/assets/price-per-item.js?v=144512917617120124431766084391" 325 type="module" 326 fetchpriority="low" 327></script>
vendor: 1 bytes, line 327
327
328<script 329 src="//petersengames.com/cdn/shop/t/546/assets/volume-pricing-info.js?v=94479640769665442661766084391" 330 type="module" 331 fetchpriority="low" 332></script>
332 333 334 335
335<script 336 src="//petersengames.com/cdn/shop/t/546/assets/localization.js?v=15585934801240115691766084390" 337 type="module" 338 fetchpriority="low" 339 ></script>
339 340 341 342 343 344 345
346<script 347 src="//petersengames.com/cdn/shop/t/546/assets/auto-close-details.js?v=58350291535404441581766084391" 348 defer="defer" 349></script>
349 350
351<script> 352 const Theme = { 353 translations: { 354 placeholder_image: `Placeholder image`, 355 added: `Added`, 356 recipient_form_fields_visible: `Recipient form fields are now visible`, 357 recipient_form_fields_hidden: `Recipient form fields are now hidden`, 358 recipient_form_error: `There was an error with the form submission`, 359 items_added_to_cart_one: `1 item added to cart`, 360 items_added_to_cart_other: `{{ count }} items added to cart`, 361 }, 362 routes: { 363 cart_add_url: '/cart/add.js', 364 cart_change_url: '/cart/change', 365 cart_update_url: '/cart/update', 366 cart_url: '/cart', 367 predictive_search_url: '/search/suggest', 368 search_url: '/search', 369 }, 370 template: { 371 name: 'page.contact', 372 }, 373 }; 374</script>
374 375<style data-shopify> 376@font-face { 377 font-family: Inter; 378 font-weight: 400; 379 font-style: normal; 380 font-display: swap; 381 src: url("//petersengames.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), 382 url("//petersengames.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); 383} 384@font-face { 385 font-family: Inter; 386 font-weight: 700; 387 font-style: normal; 388 font-display: swap; 389 src: url("//petersengames.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), 390 url("//petersengames.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); 391} 392@font-face { 393 font-family: Inter; 394 font-weight: 400; 395 font-style: italic; 396 font-display: swap; 397 src: url("//petersengames.com/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"), 398 url("//petersengames.com/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff"); 399} 400@font-face { 401 font-family: Inter; 402 font-weight: 700; 403 font-style: italic; 404 font-display: swap; 405 src: url("//petersengames.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"), 406 url("//petersengames.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff"); 407} 408@font-face { 409 font-family: Inter; 410 font-weight: 500; 411 font-style: normal; 412 font-display: swap; 413 src: url("//petersengames.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"), 414 url("//petersengames.com/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff"); 415} 416@font-face { 417 font-family: Inter; 418 font-weight: 500; 419 font-style: italic; 420 font-display: swap; 421 src: url("//petersengames.com/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"), 422 url("//petersengames.com/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff"); 423} 424 425 426 :root { 427 /* Page Layout */ 428 --sidebar-width: 25rem; 429 --narrow-content-width: 36rem; 430 --normal-content-width: 42rem; 431 --wide-content-width: 46rem; 432 --narrow-page-width: 90rem; 433 --normal-page-width: 120rem; 434 --wide-page-width: 150rem; 435 436 /* Section Heights */ 437 --section-height-small: 15rem; 438 --section-height-medium: 25rem; 439 --section-height-large: 35rem; 440 441 @media screen and (min-width: 40em) { 442 --section-height-small: 40svh; 443 --section-height-medium: 55svh; 444 --section-height-large: 70svh; 445 } 446 447 @media screen and (min-width: 60em) { 448 --section-height-small: 50svh; 449 --section-height-medium: 65svh; 450 --section-height-large: 80svh; 451 } 452 453 /* Letter spacing */ 454 --letter-spacing-sm: 0.06em; 455 --letter-spacing-md: 0.13em; 456 457 /* Font families */ 458 --font-body--family: Inter, sans-serif; 459 --font-body--style: normal; 460 --font-body--weight: 400; 461 --font-subheading--family: Inter, sans-serif; 462 --font-subheading--style: normal; 463 --font-subheading--weight: 500; 464 --font-heading--family: Inter, sans-serif; 465 --font-heading--style: normal; 466 --font-heading--weight: 700; 467 --font-accent--family: Inter, sans-serif; 468 --font-accent--style: normal; 469 --font-accent--weight: 700; 470 471 /* Margin sizes */ 472 --font-h1--spacing: 0.25em; 473 --font-h2--spacing: 0.25em; 474 --font-h3--spacing: 0.25em; 475 --font-h4--spacing: 0.25em; 476 --font-h5--spacing: 0.25em; 477 --font-h6--spacing: 0.25em; 478 --font-paragraph--spacing: 0.5em; 479 480 /* Heading colors */ 481 --font-h1--color: var(--color-foreground-heading); 482 --font-h2--color: var(--color-foreground-heading); 483 --font-h3--color: var(--color-foreground-heading); 484 --font-h4--color: var(--color-foreground-heading); 485 --font-h5--color: var(--color-foreground-heading); 486 --font-h6--color: var(--color-foreground-heading); 487 488 /** Z-Index / Layering */ 489 --layer-section-background: -2; 490 --layer-lowest: -1; 491 --layer-base: 0; 492 --layer-flat: 1; 493 --layer-raised: 2; 494 --layer-heightened: 4; 495 --layer-sticky: 8; 496 --layer-window-overlay: 10; 497 --layer-header-menu: 12; 498 --layer-overlay: 16; 499 --layer-menu-drawer: 18; 500 --layer-temporary: 20; 501 502 /* Max-width / Measure */ 503 --max-width--body-normal: 32.5em; 504 --max-width--body-narrow: 22.75em; 505 506 --max-width--heading-normal: 32.5em; 507 --max-width--heading-narrow: 19.5em; 508 509 --max-width--display-normal: 13em; 510 --max-width--display-narrow: 9.75em; 511 --max-width--display-tight: 3.25em; 512 513 /* Letter-spacing / Tracking */ 514 --letter-spacing--display-tight: -0.03em; 515 --letter-spacing--display-normal: 0em; 516 --letter-spacing--display-loose: 0.03em; 517 518 --letter-spacing--heading-tight: -0.03em; 519 --letter-spacing--heading-normal: 0em; 520 --letter-spacing--heading-loose: 0.03em; 521 522 --letter-spacing--body-tight: -0.03em; 523 --letter-spacing--body-normal: 0em; 524 --letter-spacing--body-loose: 0.03em; 525 526 /* Line height / Leading */ 527 --line-height: 1; 528 529 --line-height--display-tight: 1; 530 --line-height--display-normal: 1.1; 531 --line-height--display-loose: 1.2; 532 533 --line-height--heading-tight: 1.15; 534 --line-height--heading-normal: 1.25; 535 --line-height--heading-loose: 1.35; 536 537 --line-height--body-tight: 1.2; 538 --line-height--body-normal: 1.4; 539 --line-height--body-loose: 1.6; 540 541 /* Typography presets */ 542 --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose); 543 544 /* Hardcoded font sizes */ 545 --font-size--3xs: 0.625rem; 546 --font-size--2xs: 0.75rem; 547 --font-size--xs: 0.8125rem; 548 --font-size--sm: 0.875rem; 549 --font-size--md: 1rem; 550 --font-size--lg: 1.125rem; 551 --font-size--xl: 1.25rem; 552 --font-size--2xl: 1.5rem; 553 --font-size--3xl: 2rem; 554 --font-size--4xl: 2.5rem; 555 --font-size--5xl: 3rem; 556 --font-size--6xl: 3.5rem; 557 558 /* Menu font sizes */ 559 --menu-font-sm--size: 0.875rem; 560 --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14)); 561 --menu-font-md--size: 1rem; 562 --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16)); 563 --menu-font-lg--size: 1.125rem; 564 --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18)); 565 --menu-font-xl--size: 1.25rem; 566 --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20)); 567 --menu-font-2xl--size: 1.75rem; 568 --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28)); 569 570 /* Colors */ 571 --color-error: #8B0000; 572 --color-success: #006400; 573 --color-white: #FFFFFF; 574 --color-white-rgb: 255 255 255; 575 --color-black: #000000; 576 --color-instock: #3ED660; 577 --color-lowstock: #EE9441; 578 --color-outofstock: #C8C8C8; 579 580 /* Opacity */ 581 --opacity-5: 0.05; 582 --opacity-8: 0.08; 583 --opacity-10: 0.1; 584 --opacity-15: 0.15; 585 --opacity-20: 0.2;
586 --opacity-25: 0.25; 587 --opacity-30: 0.3; 588 --opacity-40: 0.4; 589 --opacity-50: 0.5; 590 --opacity-60: 0.6; 591 --opacity-70: 0.7; 592 --opacity-80: 0.8; 593 --opacity-85: 0.85; 594 --opacity-90: 0.9; 595 --opacity-subdued-text: var(--opacity-70); 596 597 --shadow-button: 0 2px 3px rgb(0 0 0 / 20%); 598 --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent); 599 600 /* Spacing */ 601 --margin-3xs: 0.125rem; 602 --margin-2xs: 0.3rem; 603 --margin-xs: 0.5rem; 604 --margin-sm: 0.7rem; 605 --margin-md: 0.8rem; 606 --margin-lg: 1rem; 607 --margin-xl: 1.25rem; 608 --margin-2xl: 1.5rem; 609 --margin-3xl: 1.75rem; 610 --margin-4xl: 2rem; 611 --margin-5xl: 3rem; 612 --margin-6xl: 5rem; 613 614 --scroll-margin: 50px; 615 616 --padding-3xs: 0.125rem; 617 --padding-2xs: 0.25rem; 618 --padding-xs: 0.5rem; 619 --padding-sm: 0.7rem; 620 --padding-md: 0.8rem; 621 --padding-lg: 1rem; 622 --padding-xl: 1.25rem; 623 --padding-2xl: 1.5rem; 624 --padding-3xl: 1.75rem; 625 --padding-4xl: 2rem; 626 --padding-5xl: 3rem; 627 --padding-6xl: 4rem; 628 629 --gap-3xs: 0.125rem; 630 --gap-2xs: 0.3rem; 631 --gap-xs: 0.5rem; 632 --gap-sm: 0.7rem; 633 --gap-md: 0.9rem; 634 --gap-lg: 1rem; 635 --gap-xl: 1.25rem; 636 --gap-2xl: 2rem; 637 --gap-3xl: 3rem; 638 639 --spacing-scale-sm: 0.6; 640 --spacing-scale-md: 0.7; 641 --spacing-scale-default: 1.0; 642 643 /* Checkout buttons gap */ 644 --checkout-button-gap: 10px; 645 646 /* Borders */ 647 --style-border-width: 1px; 648 --style-border-radius-xs: 0.2rem; 649 --style-border-radius-sm: 0.6rem; 650 --style-border-radius-md: 0.8rem; 651 --style-border-radius-50: 50%; 652 --style-border-radius-lg: 1rem; 653 --style-border-radius-pills: 40px; 654 --style-border-radius-inputs: 4px; 655 --style-border-radius-buttons-primary: 14px; 656 --style-border-radius-buttons-secondary: 14px; 657 --style-border-width-primary: 0px; 658 --style-border-width-secondary: 1px; 659 --style-border-width-inputs: 1px; 660 --style-border-radius-popover: 14px; 661 --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%); 662 --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%); 663 --style-border-swatch-opacity: 10%; 664 --style-border-swatch-width: 1px; 665 --style-border-swatch-style: solid; 666 667 /* Animation */ 668 --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); 669 --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); 670 --animation-speed-fast: 0.0625s; 671 --animation-speed: 0.125s; 672 --animation-speed-slow: 0.2s; 673 --animation-speed-medium: 0.15s; 674 --animation-easing: ease-in-out; 675 --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); 676 --drawer-animation-speed: 0.2s; 677 --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); 678 --animation-values: var(--animation-speed) var(--animation-easing); 679 --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); 680 --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; 681 --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); 682 --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); 683 --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 684 --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); 685 --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); 686 --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); 687 688 /* View transitions */ 689 /* View transition old */ 690 --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; 691 692 /* View transition new */ 693 --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; 694 695 /* Focus */ 696 --focus-outline-width: 0.09375rem; 697 --focus-outline-offset: 0.2em; 698 699 /* Badges */ 700 --badge-blob-padding-block: 1px; 701 --badge-blob-padding-inline: 12px 8px; 702 --badge-rectangle-padding-block: 1px; 703 --badge-rectangle-padding-inline: 6px; 704 @media screen and (min-width: 750px) { 705 --badge-blob-padding-block: 4px; 706 --badge-blob-padding-inline: 16px 12px; 707 --badge-rectangle-padding-block: 4px; 708 --badge-rectangle-padding-inline: 10px; 709 } 710 711 /* Icons */ 712 --icon-size-2xs: 0.6rem; 713 --icon-size-xs: 0.85rem; 714 --icon-size-sm: 1.25rem; 715 --icon-size-md: 1.375rem; 716 --icon-size-lg: 1.5rem; 717 --icon-stroke-width: 1.5px; 718 719 /* Input */ 720 --input-email-min-width: 200px; 721 --input-search-max-width: 650px; 722 --input-padding-y: 0.8rem; 723 --input-padding-x: 0.8rem; 724 --input-padding: var(--input-padding-y) var(--input-padding-x); 725 --input-box-shadow-width: var(--style-border-width-inputs); 726 --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border); 727 --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border); 728 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 729 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 730 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
731 --input-textarea-min-height: 55px; 732 733 /* Button size */ 734 --button-size-sm: 30px; 735 --button-size-md: 36px; 736 --button-size: var(--minimum-touch-target); 737 --button-padding-inline: 24px; 738 --button-padding-block: 16px; 739 740 /* Button font-family */ 741 --button-font-family-primary: var(--font-body--family); 742 --button-font-family-secondary: var(--font-body--family); 743 744 /* Button text case */ 745 --button-text-case: ; 746 --button-text-case-primary: default; 747 --button-text-case-secondary: default; 748 749 /* Borders */ 750 --border-color: rgb(var(--color-border-rgb) / var(--opacity-50)); 751 --border-width-sm: 1px; 752 --border-width-md: 2px; 753 --border-width-lg: 5px; 754 --border-radius-sm: 0.25rem; 755 756 /* Drawers */ 757 --drawer-inline-padding: 25px; 758 --drawer-menu-inline-padding: 2.5rem; 759 --drawer-header-block-padding: 20px; 760 --drawer-content-block-padding: 10px; 761 --drawer-header-desktop-top: 0rem; 762 --drawer-padding: calc(var(--padding-sm) + 7px); 763 --drawer-height: 100dvh; 764 --drawer-width: 95vw; 765 --drawer-max-width: 500px; 766 767 /* Variant Picker Swatches */ 768 --variant-picker-swatch-width-unitless: 34; 769 --variant-picker-swatch-height-unitless: 34; 770 --variant-picker-swatch-width: 34px; 771 --variant-picker-swatch-height: 34px; 772 --variant-picker-swatch-radius: 32px; 773 --variant-picker-border-width: 1px; 774 --variant-picker-border-style: solid; 775 --variant-picker-border-opacity: 10%; 776 777 /* Variant Picker Buttons */ 778 --variant-picker-button-radius: 14px; 779 --variant-picker-button-border-width: 1px; 780 781 /* Slideshow */ 782 --slideshow-controls-size: 3.5rem; 783 --slideshow-controls-icon: 2rem; 784 --peek-next-slide-size: 3rem; 785 786 /* Utilities */ 787 --backdrop-opacity: 0.15; 788 --backdrop-color-rgb: var(--color-shadow-rgb); 789 --minimum-touch-target: 44px; 790 --disabled-opacity: 0.5; 791 --skeleton-opacity: 0.025; 792 793 /* Shapes */ 794 --shape--circle: circle(50% at center); 795 --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%); 796 --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 797 --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
797% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%); 798 799 /* Buy buttons */ 800 --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); 801 802 /* Card image width and height variables */ 803 --card-width-small: 10rem; 804 805 --height-small: 10rem; 806 --height-medium: 11.5rem; 807 --height-large: 13rem; 808 --height-full: 100vh; 809 810 @media screen and (min-width: 750px) { 811 --height-small: 17.5rem; 812 --height-medium: 21.25rem; 813 --height-large: 25rem; 814 } 815 816 /* Modal */ 817 --modal-max-height: 65dvh; 818 819 /* Card styles for search */ 820 --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 821 --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30)); 822 --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 823 824 /* Cart */ 825 --cart-primary-font-family: var(--font-body--family); 826 --cart-primary-font-style: var(--font-body--style); 827 --cart-primary-font-weight: var(--font-body--weight); 828 --cart-secondary-font-family: var(--font-secondary--family); 829 --cart-secondary-font-style: var(--font-secondary--style); 830 --cart-secondary-font-weight: var(--font-secondary--weight); 831 } 832</style> 833<style data-shopify> 834 835 836 :root, 837 838 839 840 .color-scheme-1 { 841 --color-background: rgb(255 255 255 / 1.0); 842 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 843 --color-background-rgb: 255 255 255; 844 --opacity-5-15: 0.05; 845 --opacity-10-25: 0.1; 846 --opacity-35-55: 0.35; 847 --opacity-40-60: 0.4; 848 --opacity-30-60: 0.3; 849 --color-foreground: rgb(0 0 0 / 0.81); 850 --color-foreground-rgb: 0 0 0; 851 --color-foreground-heading: rgb(0 0 0 / 1.0); 852 --color-foreground-heading-rgb: 0 0 0; 853 --color-primary: rgb(0 0 0 / 0.81); 854 --color-primary-rgb: 0 0 0; 855 --color-primary-hover: rgb(0 0 0 / 1.0); 856 --color-primary-hover-rgb: 0 0 0; 857 --color-border: rgb(0 0 0 / 0.06); 858 --color-border-rgb: 0 0 0; 859 --color-shadow: rgb(0 0 0 / 1.0); 860 --color-shadow-rgb: 0 0 0; 861 --color-primary-button-text: rgb(255 255 255 / 1.0); 862 --color-primary-button-background: rgb(0 0 0 / 1.0); 863 --color-primary-button-border: rgb(0 0 0 / 1.0); 864 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 865 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 866 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 867 --color-secondary-button-text: rgb(0 0 0 / 1.0); 868 --color-secondary-button-background: rgb(0 0 0 / 0.0); 869 --color-secondary-button-border: rgb(0 0 0 / 1.0); 870 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 871 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 872 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 873 --color-input-background: rgb(255 255 255 / 0.78); 874 --color-input-text: rgb(51 51 51 / 1.0); 875 --color-input-text-rgb: 51 51 51; 876 --color-input-border: rgb(223 223 223 / 1.0); 877 --color-input-hover-background: rgb(0 0 0 / 0.01); 878 --color-variant-background: rgb(255 255 255 / 1.0); 879 --color-variant-border: rgb(0 0 0 / 0.13); 880 --color-variant-text: rgb(0 0 0 / 1.0); 881 --color-variant-text-rgb: 0 0 0; 882 --color-variant-hover-background: rgb(245 245 245 / 1.0); 883 --color-variant-hover-text: rgb(0 0 0 / 1.0); 884 --color-variant-hover-border: rgb(230 230 230 / 1.0); 885 --color-selected-variant-background: rgb(0 0 0 / 1.0); 886 --color-selected-variant-border: rgb(0 0 0 / 1.0); 887 --color-selected-variant-text: rgb(255 255 255 / 1.0); 888 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 889 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 890 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 891 892 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 893 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 894 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 895 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 896 --font-h1--color: var(--color-foreground-heading); 897 --font-h2--color: var(--color-foreground-heading); 898 --font-h3--color: var(--color-foreground-heading); 899 --font-h4--color: var(--color-foreground-heading); 900 --font-h5--color: var(--color-foreground-heading); 901 --font-h6--color: var(--color-foreground-heading); 902 903 /* Shadows */ 904 905 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 906 907 908 --shadow-blur: 20px; 909 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 910 911 } 912 913 914 915 916 .color-scheme-2 {
917 --color-background: rgb(245 245 245 / 1.0); 918 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 919 --color-background-rgb: 245 245 245; 920 --opacity-5-15: 0.05; 921 --opacity-10-25: 0.1; 922 --opacity-35-55: 0.35; 923 --opacity-40-60: 0.4; 924 --opacity-30-60: 0.3; 925 --color-foreground: rgb(0 0 0 / 0.81); 926 --color-foreground-rgb: 0 0 0; 927 --color-foreground-heading: rgb(0 0 0 / 1.0); 928 --color-foreground-heading-rgb: 0 0 0; 929 --color-primary: rgb(0 0 0 / 0.81); 930 --color-primary-rgb: 0 0 0; 931 --color-primary-hover: rgb(255 255 255 / 1.0); 932 --color-primary-hover-rgb: 255 255 255; 933 --color-border: rgb(223 223 223 / 1.0); 934 --color-border-rgb: 223 223 223; 935 --color-shadow: rgb(0 0 0 / 1.0); 936 --color-shadow-rgb: 0 0 0; 937 --color-primary-button-text: rgb(255 255 255 / 1.0); 938 --color-primary-button-background: rgb(0 0 0 / 1.0); 939 --color-primary-button-border: rgb(0 0 0 / 1.0); 940 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 941 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 942 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 943 --color-secondary-button-text: rgb(0 0 0 / 1.0); 944 --color-secondary-button-background: rgb(0 0 0 / 0.0); 945 --color-secondary-button-border: rgb(0 0 0 / 1.0); 946 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 947 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 948 --color-secondary-button-hover-border: rgb(51 51 51 / 0.73); 949 --color-input-background: rgb(0 0 0 / 0.0); 950 --color-input-text: rgb(0 0 0 / 0.53); 951 --color-input-text-rgb: 0 0 0; 952 --color-input-border: rgb(0 0 0 / 0.13); 953 --color-input-hover-background: rgb(255 255 255 / 0.36); 954 --color-variant-background: rgb(255 255 255 / 1.0); 955 --color-variant-border: rgb(230 230 230 / 1.0); 956 --color-variant-text: rgb(0 0 0 / 1.0); 957 --color-variant-text-rgb: 0 0 0; 958 --color-variant-hover-background: rgb(245 245 245 / 1.0); 959 --color-variant-hover-text: rgb(0 0 0 / 1.0); 960 --color-variant-hover-border: rgb(230 230 230 / 1.0); 961 --color-selected-variant-background: rgb(0 0 0 / 1.0); 962 --color-selected-variant-border: rgb(0 0 0 / 1.0); 963 --color-selected-variant-text: rgb(255 255 255 / 1.0); 964 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 965 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 966 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 967 968 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 969 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 970 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 971 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 972 --font-h1--color: var(--color-foreground-heading); 973 --font-h2--color: var(--color-foreground-heading); 974 --font-h3--color: var(--color-foreground-heading); 975 --font-h4--color: var(--color-foreground-heading); 976 --font-h5--color: var(--color-foreground-heading); 977 --font-h6--color: var(--color-foreground-heading); 978 979 /* Shadows */ 980 981 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 982 983 984 --shadow-blur: 20px; 985 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 986 987 } 988 989 990 991 992 .color-scheme-3 { 993 --color-background: rgb(238 241 234 / 1.0); 994 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 995 --color-background-rgb: 238 241 234; 996 --opacity-5-15: 0.05; 997 --opacity-10-25: 0.1; 998 --opacity-35-55: 0.35; 999 --opacity-40-60: 0.4; 1000 --opacity-30-60: 0.3; 1001 --color-foreground: rgb(0 0 0 / 0.81); 1002 --color-foreground-rgb: 0 0 0; 1003 --color-foreground-heading: rgb(0 0 0 / 1.0); 1004 --color-foreground-heading-rgb: 0 0 0; 1005 --color-primary: rgb(0 0 0 / 0.81); 1006 --color-primary-rgb: 0 0 0; 1007 --color-primary-hover: rgb(0 0 0 / 1.0); 1008 --color-primary-hover-rgb: 0 0 0; 1009 --color-border: rgb(0 0 0 / 0.81); 1010 --color-border-rgb: 0 0 0; 1011 --color-shadow: rgb(0 0 0 / 1.0); 1012 --color-shadow-rgb: 0 0 0; 1013 --color-primary-button-text: rgb(255 255 255 / 1.0); 1014 --color-primary-button-background: rgb(0 0 0 / 1.0); 1015 --color-primary-button-border: rgb(0 0 0 / 1.0); 1016 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1017 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1018 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 1019 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1020 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1021 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1022 --color-secondary-button-hover-text: rgb(0 0 0 / 0.81); 1023 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 1024 --color-secondary-button-hover-border: rgb(0 0 0 / 0.81); 1025 --color-input-background: rgb(0 0 0 / 0.0); 1026 --color-input-text: rgb(0 0 0 / 0.81); 1027 --color-input-text-rgb: 0 0 0; 1028 --color-input-border: rgb(0 0 0 / 0.81); 1029 --color-input-hover-background: rgb(255 255 255 / 0.36); 1030 --color-variant-background: rgb(255 255 255 / 1.0); 1031 --color-variant-border: rgb(230 230 230 / 1.0); 1032 --color-variant-text: rgb(0 0 0 / 1.0); 1033 --color-variant-text-rgb: 0 0 0; 1034 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1035 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1036 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1037 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1038 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1039 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1040 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1041 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1042 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1043 1044 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1045 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1046 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1047 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1048 --font-h1--color: var(--color-foreground-heading); 1049 --font-h2--color: var(--color-foreground-heading); 1050 --font-h3--color: var(--color-foreground-heading); 1051 --font-h4--color: var(--color-foreground-heading); 1052 --font-h5--color: var(--color-foreground-heading); 1053 --font-h6--color: var(--color-foreground-heading); 1054 1055 /* Shadows */ 1056 1057 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1058 1059 1060 --shadow-blur: 20px; 1061 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1062 1063 } 1064 1065 1066 1067 1068 .color-scheme-4 { 1069 --color-background: rgb(225 237 245 / 1.0); 1070 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1071 --color-background-rgb: 225 237 245; 1072 --opacity-5-15: 0.05; 1073 --opacity-10-25: 0.1; 1074 --opacity-35-55: 0.35; 1075 --opacity-40-60: 0.4; 1076 --opacity-30-60: 0.3; 1077 --color-foreground: rgb(0 0 0 / 0.81); 1078 --color-foreground-rgb: 0 0 0; 1079 --color-foreground-heading: rgb(0 0 0 / 1.0); 1080 --color-foreground-heading-rgb: 0 0 0; 1081 --color-primary: rgb(0 0 0 / 0.81); 1082 --color-primary-rgb: 0 0 0; 1083 --color-primary-hover: rgb(0 0 0 / 1.0); 1084 --color-primary-hover-rgb: 0 0 0; 1085 --color-border: rgb(29 54 134 / 0.5); 1086 --color-border-rgb: 29 54 134; 1087 --color-shadow: rgb(0 0 0 / 1.0); 1088 --color-shadow-rgb: 0 0 0; 1089 --color-primary-button-text: rgb(255 255 255 / 1.0); 1090 --color-primary-button-background: rgb(0 0 0 / 1.0); 1091 --color-primary-button-border: rgb(29 54 134 / 1.0); 1092 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1093 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1094 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1095 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1096 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1097 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1098 --color-secondary-button-hover-text: rgb(0 0 0 / 0.81); 1099 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 1100 --color-secondary-button-hover-border: rgb(0 0 0 / 0.81); 1101 --color-input-background: rgb(0 0 0 / 0.0); 1102 --color-input-text: rgb(0 0 0 / 0.81); 1103 --color-input-text-rgb: 0 0 0; 1104 --color-input-border: rgb(0 0 0 / 0.81); 1105 --color-input-hover-background: rgb(255 255 255 / 0.36); 1106 --color-variant-background: rgb(255 255 255 / 1.0); 1107 --color-variant-border: rgb(230 230 230 / 1.0); 1108 --color-variant-text: rgb(0 0 0 / 1.0); 1109 --color-variant-text-rgb: 0 0 0; 1110 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1111 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1112 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1113 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1114 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1115 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1116 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1117 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1118 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1119 1120 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1121 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1122 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1123 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1124 --font-h1--color: var(--color-foreground-heading); 1125 --font-h2--color: var(--color-foreground-heading); 1126 --font-h3--color: var(--color-foreground-heading); 1127 --font-h4--color: var(--color-foreground-heading); 1128 --font-h5--color: var(--color-foreground-heading); 1129 --font-h6--color: var(--color-foreground-heading); 1130 1131 /* Shadows */ 1132 1133 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1134 1135 1136 --shadow-blur: 20px; 1137 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1138 1139 } 1140 1141 1142 1143 1144 .color-scheme-5 { 1145 --color-background: rgb(51 51 51 / 1.0); 1146 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1147 --color-background-rgb: 51 51 51; 1148 --opacity-5-15: 0.15; 1149 --opacity-10-25: 0.25; 1150 --opacity-35-55: 0.55; 1151 --opacity-40-60: 0.6; 1152 --opacity-30-60: 0.6; 1153 --color-foreground: rgb(255 255 255 / 1.0); 1154 --color-foreground-rgb: 255 255 255; 1155 --color-foreground-heading: rgb(255 255 255 / 1.0); 1156 --color-foreground-heading-rgb: 255 255 255; 1157 --color-primary: rgb(255 255 255 / 1.0); 1158 --color-primary-rgb: 255 255 255; 1159 --color-primary-hover: rgb(255 255 255 / 0.69); 1160 --color-primary-hover-rgb: 255 255 255; 1161 --color-border: rgb(255 255 255 / 0.69); 1162 --color-border-rgb: 255 255 255; 1163 --color-shadow: rgb(0 0 0 / 1.0); 1164 --color-shadow-rgb: 0 0 0; 1165 --color-primary-button-text: rgb(0 0 0 / 1.0); 1166 --color-primary-button-background: rgb(255 255 255 / 1.0); 1167 --color-primary-button-border: rgb(255 255 255 / 1.0); 1168 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1169 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1170 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1171 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1172 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1173 --color-secondary-button-border: rgb(255 255 255 / 0.69); 1174 --color-secondary-button-hover-text: rgb(255 255 255 / 0.93); 1175 --color-secondary-button-hover-background: rgb(255 255 255 / 0.04); 1176 --color-secondary-button-hover-border: rgb(255 255 255 / 0.69); 1177 --color-input-background: rgb(51 51 51 / 1.0); 1178 --color-input-text: rgb(255 255 255 / 0.93); 1179 --color-input-text-rgb: 255 255 255; 1180 --color-input-border: rgb(255 255 255 / 0.69); 1181 --color-input-hover-background: rgb(255 255 255 / 0.04); 1182 --color-variant-background: rgb(255 255 255 / 1.0); 1183 --color-variant-border: rgb(230 230 230 / 1.0); 1184 --color-variant-text: rgb(0 0 0 / 1.0); 1185 --color-variant-text-rgb: 0 0 0; 1186 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1187 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1188 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1189 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1190 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1191 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1192 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1193 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1194 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1195 1196 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1197 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1198 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1199 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1200 --font-h1--color: var(--color-foreground-heading); 1201 --font-h2--color: var(--color-foreground-heading); 1202 --font-h3--color: var(--color-foreground-heading); 1203 --font-h4--color: var(--color-foreground-heading); 1204 --font-h5--color: var(--color-foreground-heading); 1205 --font-h6--color: var(--color-foreground-heading); 1206 1207 /* Shadows */ 1208 1209 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1210 1211 1212 --shadow-blur: 20px; 1213 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1214 1215 } 1216 1217 1218 1219 1220 .color-scheme-6 { 1221 --color-background: rgb(0 0 0 / 0.0); 1222 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1223 --color-background-rgb: 0 0 0; 1224 --opacity-5-15: 0.15; 1225 --opacity-10-25: 0.25; 1226 --opacity-35-55: 0.55; 1227 --opacity-40-60: 0.6; 1228 --opacity-30-60: 0.6; 1229 --color-foreground: rgb(255 255 255 / 1.0); 1230 --color-foreground-rgb: 255 255 255; 1231 --color-foreground-heading: rgb(255 255 255 / 1.0); 1232 --color-foreground-heading-rgb: 255 255 255; 1233 --color-primary: rgb(255 255 255 / 1.0); 1234 --color-primary-rgb: 255 255 255; 1235 --color-primary-hover: rgb(255 255 255 / 0.69); 1236 --color-primary-hover-rgb: 255 255 255; 1237 --color-border: rgb(230 230 230 / 1.0); 1238 --color-border-rgb: 230 230 230; 1239 --color-shadow: rgb(0 0 0 / 1.0); 1240 --color-shadow-rgb: 0 0 0; 1241 --color-primary-button-text: rgb(0 0 0 / 1.0); 1242 --color-primary-button-background: rgb(255 255 255 / 1.0); 1243 --color-primary-button-border: rgb(255 255 255 / 1.0); 1244 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1245 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1246 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1247 --color-secondary-button-text: rgb(255 255 255 / 1.0);
1247 1248 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1249 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1250 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 1251 --color-secondary-button-hover-background: rgb(255 255 255 / 0.08); 1252 --color-secondary-button-hover-border: rgb(255 255 255 / 1.0); 1253 --color-input-background: rgb(255 255 255 / 1.0); 1254 --color-input-text: rgb(0 0 0 / 0.53); 1255 --color-input-text-rgb: 0 0 0; 1256 --color-input-border: rgb(0 0 0 / 0.13); 1257 --color-input-hover-background: rgb(250 250 250 / 1.0); 1258 --color-variant-background: rgb(255 255 255 / 1.0); 1259 --color-variant-border: rgb(230 230 230 / 1.0); 1260 --color-variant-text: rgb(0 0 0 / 1.0); 1261 --color-variant-text-rgb: 0 0 0; 1262 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1263 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1264 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1265 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1266 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1267 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1268 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1269 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1270 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1271 1272 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1273 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1274 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1275 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1276 --font-h1--color: var(--color-foreground-heading); 1277 --font-h2--color: var(--color-foreground-heading); 1278 --font-h3--color: var(--color-foreground-heading); 1279 --font-h4--color: var(--color-foreground-heading); 1280 --font-h5--color: var(--color-foreground-heading); 1281 --font-h6--color: var(--color-foreground-heading); 1282 1283 /* Shadows */ 1284 1285 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1286 1287 1288 --shadow-blur: 20px; 1289 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1290 1291 } 1292 1293 1294 1295 1296 .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 { 1297 --color-background: rgb(0 0 0 / 0.0); 1298 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1299 --color-background-rgb: 0 0 0; 1300 --opacity-5-15: 0.15; 1301 --opacity-10-25: 0.25; 1302 --opacity-35-55: 0.55; 1303 --opacity-40-60: 0.6; 1304 --opacity-30-60: 0.6; 1305 --color-foreground: rgb(0 0 0 / 1.0); 1306 --color-foreground-rgb: 0 0 0; 1307 --color-foreground-heading: rgb(0 0 0 / 1.0); 1308 --color-foreground-heading-rgb: 0 0 0; 1309 --color-primary: rgb(0 0 0 / 1.0); 1310 --color-primary-rgb: 0 0 0; 1311 --color-primary-hover: rgb(0 0 0 / 0.53); 1312 --color-primary-hover-rgb: 0 0 0; 1313 --color-border: rgb(230 230 230 / 1.0); 1314 --color-border-rgb: 230 230 230; 1315 --color-shadow: rgb(0 0 0 / 1.0); 1316 --color-shadow-rgb: 0 0 0; 1317 --color-primary-button-text: rgb(255 255 255 / 1.0); 1318 --color-primary-button-background: rgb(0 0 0 / 1.0); 1319 --color-primary-button-border: rgb(0 0 0 / 1.0); 1320 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1321 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1322 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 1323 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1324 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1325 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1326 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 1327 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 1328 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 1329 --color-input-background: rgb(255 255 255 / 1.0); 1330 --color-input-text: rgb(0 0 0 / 0.53); 1331 --color-input-text-rgb: 0 0 0; 1332 --color-input-border: rgb(0 0 0 / 0.13); 1333 --color-input-hover-background: rgb(250 250 250 / 1.0); 1334 --color-variant-background: rgb(255 255 255 / 1.0); 1335 --color-variant-border: rgb(230 230 230 / 1.0); 1336 --color-variant-text: rgb(0 0 0 / 1.0); 1337 --color-variant-text-rgb: 0 0 0; 1338 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1339 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1340 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1341 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1342 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1343 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1344 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1345 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1346 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1347 1348 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1349 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1350 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1351 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1352 --font-h1--color: var(--color-foreground-heading); 1353 --font-h2--color: var(--color-foreground-heading); 1354 --font-h3--color: var(--color-foreground-heading); 1355 --font-h4--color: var(--color-foreground-heading); 1356 --font-h5--color: var(--color-foreground-heading); 1357 --font-h6--color: var(--color-foreground-heading); 1358 1359 /* Shadows */ 1360 1361 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1362 1363 1364 --shadow-blur: 20px; 1365 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1366 1367 } 1368 1369 1370 1371
1372 .color-scheme-cf058991-a5b9-496f-aba6-870a1ecfd4a7 { 1373 --color-background: rgb(0 0 0 / 0.81); 1374 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1375 --color-background-rgb: 0 0 0; 1376 --opacity-5-15: 0.15; 1377 --opacity-10-25: 0.25; 1378 --opacity-35-55: 0.55; 1379 --opacity-40-60: 0.6; 1380 --opacity-30-60: 0.6; 1381 --color-foreground: rgb(255 255 255 / 1.0); 1382 --color-foreground-rgb: 255 255 255; 1383 --color-foreground-heading: rgb(0 0 0 / 1.0); 1384 --color-foreground-heading-rgb: 0 0 0; 1385 --color-primary: rgb(0 73 250 / 0.81); 1386 --color-primary-rgb: 0 73 250; 1387 --color-primary-hover: rgb(223 223 223 / 1.0); 1388 --color-primary-hover-rgb: 223 223 223; 1389 --color-border: rgb(223 223 223 / 1.0); 1390 --color-border-rgb: 223 223 223; 1391 --color-shadow: rgb(0 0 0 / 1.0); 1392 --color-shadow-rgb: 0 0 0; 1393 --color-primary-button-text: rgb(255 255 255 / 1.0); 1394 --color-primary-button-background: rgb(0 0 0 / 1.0); 1395 --color-primary-button-border: rgb(0 0 0 / 1.0); 1396 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1397 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1398 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1399 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1400 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1401 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1402 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 1403 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 1404 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 1405 --color-input-background: rgb(255 255 255 / 0.78); 1406 --color-input-text: rgb(51 51 51 / 1.0); 1407 --color-input-text-rgb: 51 51 51; 1408 --color-input-border: rgb(223 223 223 / 1.0); 1409 --color-input-hover-background: rgb(0 0 0 / 0.01); 1410 --color-variant-background: rgb(255 255 255 / 1.0); 1411 --color-variant-border: rgb(0 0 0 / 0.13); 1412 --color-variant-text: rgb(0 0 0 / 1.0); 1413 --color-variant-text-rgb: 0 0 0; 1414 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1415 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1416 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1417 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1418 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1419 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1420 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1421 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1422 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1423 1424 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1425 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1426 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1427 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1428 --font-h1--color: var(--color-foreground-heading); 1429 --font-h2--color: var(--color-foreground-heading); 1430 --font-h3--color: var(--color-foreground-heading); 1431 --font-h4--color: var(--color-foreground-heading); 1432 --font-h5--color: var(--color-foreground-heading); 1433 --font-h6--color: var(--color-foreground-heading); 1434 1435 /* Shadows */ 1436 1437 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1438 1439 1440 --shadow-blur: 20px; 1441 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1442 1443 } 1444 1445 1446 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7, .color-scheme-cf058991-a5b9-496f-aba6-870a1ecfd4a7 { 1447 color: var(--color-foreground); 1448 background-color: var(--color-background); 1449 } 1450</style> 1451 1452 1453
1453<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1453<meta name="google-site-verification" content="zDt8Qh6vLixgoqG4dLW2FbJUzCXQA0xBrogWdROdZyw"> 1454<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/70102778037/digital_wallets/dialog"> 1455<meta id="in-context-paypal-metadata" data-shop-id="70102778037" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 1456<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://petersengames.com/pages/contact-us"> 1457<link rel="alternate" hreflang="en" href="https://petersengames.com/pages/contact-us"> 1458<link rel="alternate" hreflang="en-CA" href="https://shop.petersengames.com/pages/contact-us">
1459<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=2777415861"></script>
1459 1460<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1461<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=2777415861&shop_id=70102778037" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1461
1461
1462<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":70102778037,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/70102778037","merchantName":"Petersen Games Shop","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Petersen Games Shop","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1462
1462
1463<script id="shopify-features" type="application/json">{"accessToken":"f6ac991077c752a6ebc561fff5cf57cc","betas":["rich-media-storefront-analytics"],"domain":"petersengames.com","predictiveSearch":true,"shopId":70102778037,"locale":"en"}</script>
vendor: 1 bytes, line 1463
1463
1464<script>var Shopify = Shopify || {}; 1465Shopify.shop = "qmgkh2-0g.myshopify.com"; 1466Shopify.locale = "en"; 1467Shopify.currency = {"active":"USD","rate":"1.0"}; 1468Shopify.country = "US"; 1469Shopify.theme = {"name":"WD | Horizon Theme Test","id":187051114677,"schema_name":"Horizon","schema_version":"3.2.1","theme_store_id":2481,"role":"main"}; 1470Shopify.theme.handle = "null"; 1471Shopify.theme.style = {"id":null,"handle":null}; 1472Shopify.cdnHost = "petersengames.com/cdn"; 1473Shopify.routes = Shopify.routes || {}; 1474Shopify.routes.root = "/"; 1475Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1476Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1477Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1478Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1478
1478
1479<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1479
1479
1480<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>
vendor: 1 bytes, line 1480
1480
1481<script> 1482 window.ShopifyPay = window.ShopifyPay || {}; 1483 window.ShopifyPay.apiHost = "shop.app\/pay"; 1484 window.ShopifyPay.redirectState = null; 1485</script>
vendor: 1 bytes, line 1485
1485
1486<script> 1487 window.Shopify = window.Shopify || {}; 1488 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1489 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1490 window.Shopify.SignInWithShop.eligible = true; 1491</script>
vendor: 1 bytes, line 1491
1491
1492<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 1492
1492
1493<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 1493
1493
1494<script type="module"> 1495 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 1496 1497 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1498 1499</script>
vendor: 1 bytes, line 1499
1499
1500<script> 1501 window.Shopify = window.Shopify || {}; 1502 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 1503 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 1504</script>
vendor: 1 bytes, line 1504
1504
1505<script id="__st">var __st={"a":70102778037,"offset":-21600,"reqid":"ce0d0a50-22ba-4a07-8859-a2d2f0dd43dd-1790290235","pageurl":"petersengames.com\/pages\/contact-us","s":"pages-166591037621","u":"e951f3112a92","p":"page","rtyp":"page","rid":166591037621};</script>
vendor: 1 bytes, line 1505
1505
1506<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1506
1506
1507<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.3.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>
vendor: 1 bytes, line 1507
1507
1508<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//petersengames.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1508
1508
1509<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//petersengames.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1509<script crossorigin="anonymous" defer="defer" src="//petersengames.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1509
1509
1510<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1510
1510
1511<script> 1512 window.Shopify = window.Shopify || {}; 1513 window.Shopify.MCP = window.Shopify.MCP || {}; 1514 window.Shopify.MCP.enabled = true; 1515 window.Shopify.MCP.shop = "qmgkh2-0g.myshopify.com"; 1516 window.Shopify.MCP.mcpEndpoint = "https:\/\/petersengames.com\/api\/mcp"; 1517 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 1518</script>
vendor: 1 bytes, line 1518
1518
1519<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/petersengames.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 1520</script>
vendor: 1 bytes, line 1520
1520
1521<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://petersengames.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 1522</script>
vendor: 1 bytes, line 1522
1522
1523<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1524 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 1525</script>
vendor: 1 bytes, line 1525
1525
1526<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 1527</script>
vendor: 1 bytes, line 1527
1527
1528<script id='scb4127' type='text/javascript' async='' src='https://petersengames.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1528<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://petersengames.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 1529<style id="shopify-accelerated-checkout-cart"> 1530 #shopify-buyer-consent { 1531 margin-top: 1em; 1532 display: inline-block; 1533 width: 100%; 1534} 1535 1536#shopify-buyer-consent.hidden { 1537 display: none; 1538} 1539 1540#shopify-subscription-policy-button { 1541 background: none; 1542 border: none; 1543 padding: 0; 1544 text-decoration: underline; 1545 font-size: inherit; 1546 cursor: pointer; 1547} 1548 1549#shopify-subscription-policy-button::before { 1550 box-shadow: none; 1551} 1552 1553 </style> 1554<link rel="stylesheet" media="screen" href="//petersengames.com/cdn/shop/t/546/compiled_assets/styles.css?v=35382779579516049061787937498">
1555<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1555 1556 <!-- BEGIN app block: shopify://apps/avada-seo-suite/blocks/avada-seo/15507c6e-1aa3-45d3-b698-7e175e033440 -->
1556<script> 1557 window.AVADA_SEO_ENABLED = true; 1558</script>
1558 1559<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 1560 1561 1562 1563 1564 1565 1566 1567 1568 1569 1570 1571 1572
1572<script async src="https://static.klaviyo.com/onsite/js/Rgfndq/klaviyo.js?company_id=Rgfndq"></script>
1572 1573
1573<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
1573 1574 1575 1576 1577 1578 1579 1580
1580<script> 1581 window.klaviyoReviewsProductDesignMode = false 1582 </script>
1582 1583 1584 1585 1586 1587 1588 1589 1590 1591 1592<!-- END app block -->
1592<script src="https://cdn.shopify.com/extensions/01a0c3fc-9a5c-7c5f-b063-158ed04d9cfc/klaviyo-email-marketing-73/assets/app.js" type="text/javascript" defer="defer"></script>
1592 1593<link href="https://cdn.shopify.com/extensions/01a0c3fc-9a5c-7c5f-b063-158ed04d9cfc/klaviyo-email-marketing-73/assets/app.css" rel="stylesheet" type="text/css" media="all"> 1594<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1595<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";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: 70102778037,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1595
1595
1596<script> 1597 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1598</script>
vendor: 1 bytes, line 1598
1598
1599<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1599).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 70102778037,storefrontBaseUrl: "https://petersengames.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://petersengames.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"3789652149","configuration":"{\"pixelCode\":\"DAQ54PBC77U0A3LM2IIG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"3186294965","configuration":"{\"accountID\":\"facebook-web-pixel-live\",\"shop\":\"qmgkh2-0g.myshopify.com\",\"pixels\":\"365922214048826_1_0\",\"collections\":\"-\",\"products\":\"-\",\"productTypes\":\"-\",\"productTags\":\"-\",\"isNewVersion\":\"true\",\"omegaFacebookData\":\"{\\\"listPixel\\\":[{\\\"id\\\":231322,\\\"pixel_id\\\":\\\"365922214048826\\\",\\\"shop\\\":\\\"qmgkh2-0g.myshopify.com\\\",\\\"goal\\\":\\\"increase_sales\\\",\\\"title\\\":\\\"Petersen Games Meta\\\",\\\"status\\\":1,\\\"isMaster\\\":1,\\\"is_conversion_api\\\":1,\\\"test_event_code\\\":\\\"\\\",\\\"status_synced\\\":0,\\\"first_capi_enabled_at\\\":\\\"2026-02-11 23:15:38\\\",\\\"created_at\\\":\\\"2026-02-11 23:15:38\\\",\\\"updated_at\\\":\\\"2026-02-11 23:15:38\\\",\\\"market_id\\\":null}]}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"20822cba85d45435de244dc62da8e
15991dc","type":"APP","apiClientId":3325251,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2731573429","configuration":"{\"accountID\":\"Rgfndq\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2610331829","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"GT-NFJ944J5\\\",\\\"AW-17947861014\\\",\\\"GT-K52PLP8G\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-PNQ7P2PYK4\\\",\\\"AW-17947861014\\\/O0AACLHU_vsbEJbAmu5C\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-PNQ7P2PYK4\\\",\\\"AW-17947861014\\\/aQTXCMXsivwbEJbAmu5C\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-PNQ7P2PYK4\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-PNQ7P2PYK4\\\",\\\"AW-17947861014\\\/JCBnCLrU_vsbEJbAmu5C\\\",\\\"MC-1DRX8K7WKM\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-PNQ7P2PYK4\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-PNQ7P2PYK4\\\",\\\"AW-17947861014\\\/SAEDCK7U_vsbEJbAmu5C\\\",\\\"MC-1DRX8K7WKM\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-PNQ7P2PYK4\\\",\\\"AW-17947861014\\\/hu3wCLfU_vsbEJbAmu5C\\\",\\\"MC-1DRX8K7WKM\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-PNQ7P2PYK4\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-PNQ7P2PYK4\\\",\\\"AW-17947861014\\\/32X4CMjsivwbEJbAmu5C\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-PNQ7P2PYK4\\\",\\\"AW-17947861014\\\/X0-ZCLTU_vsbEJbAmu5C\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-PNQ7P2PYK4\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Petersen Games Shop","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"qmgkh2-0g.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/petersengames.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8258711519413","handle":"cthulhu-wars-o4-edition","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45498519322805","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8258723938485","handle":"the-invasion-faction-with-no-minis","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45498548650165","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8258712207541","handle":"cthulhu-wars-duel-extinction","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45498520862901","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8258713354421","handle":"cthulhu-wars-duel","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45498522960053","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://petersengames.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"187051114677","themeStoreId":"2481","themePublished":"true","eventMetadataId":"8451c4c1-3345-4cd2-a8e7-68ef3b69c7a6","pageType":"page","resourceId":"166591037621","shopId":"70102778037","storefrontBaseUrl":"https:\/\/petersengames.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1599<script> 1600 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1601 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1602 window.ShopifyAnalytics.meta.currency = 'USD'; 1603 var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":166591037621,"requestId":"ce0d0a50-22ba-4a07-8859-a2d2f0dd43dd-1790290235"}}; 1604 for (var attr in meta) { 1605 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1606 } 1607</script>
vendor: 1 bytes, line 1607
1607
1608<script class="analytics"> 1609 (function () { 1610 var customDocumentWrite = function(content) { 1611 var jquery = null; 1612 1613 if (window.jQuery) { 1614 jquery = window.jQuery; 1615 } else if (window.Checkout && window.Checkout.$) { 1616 jquery = window.Checkout.$; 1617 } 1618 1619 if (jquery) { 1620 jquery('body').append(content); 1621 } 1622 }; 1623 1624 var hasLoggedConversion = function(token) { 1625 if (token) { 1626 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1627 } 1628 return false; 1629 } 1630 1631 var setCookieIfConversion = function(token) { 1632 if (token) { 1633 var twoMonthsFromNow = new Date(Date.now()); 1634 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1635 1636 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1637 } 1638 } 1639 1640 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1641 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1642 if (trekkie.integrations) { 1643 return; 1644 } 1645 trekkie.methods = [ 1646 'identify', 1647 'page', 1648 'ready', 1649 'track', 1650 'trackForm', 1651 'trackLink' 1652 ]; 1653 trekkie.factory = function(method) { 1654 return function() { 1655 var args = Array.prototype.slice.call(arguments); 1656 args.unshift(method); 1657 trekkie.push(args); 1658 if (method == 'track' || method == 'page') { 1659 var pageUrl; 1660 try { 1661 pageUrl = window.location.href; 1662 } catch (e) {} 1663 var pageReferrer; 1664 try { 1665 pageReferrer = document.referrer; 1666 } catch (e) {} 1667 try { 1668 if (window.__TREKKIE_SHIM_QUEUE == null) { 1669 window.__TREKKIE_SHIM_QUEUE = []; 1670 } 1671 window.__TREKKIE_SHIM_QUEUE.push({ 1672 from: 'trekkie-stub', 1673 method: method, 1674 args: args.slice(1), 1675 pageContext: { 1676 url: pageUrl, 1677 referrer: pageReferrer 1678 } 1679 }); 1680 } catch (e) { 1681 // no-op 1682 } 1683 } 1684 return trekkie; 1685 }; 1686 }; 1687 for (var i = 0; i < trekkie.methods.length; i++) { 1688 var key = trekkie.methods[i]; 1689 trekkie[key] = trekkie.factory(key); 1690 } 1691 trekkie.load = function(config) { 1692 trekkie.config = config || {}; 1693 trekkie.config.initialDocumentCookie = document.cookie; 1694 var first = document.getElementsByTagName('script')[0]; 1695var script = document.createElement('script'); 1696script.type = 'text/javascript'; 1697script.onerror = function(e) { 1698 var scriptFallback = document.createElement('script'); 1699 scriptFallback.type = 'text/javascript'; 1700 scriptFallback.onerror = function(error) { 1701 var Monorail = { 1702 produce: function produce(monorailDomain, schemaId, payload) { 1703 var currentMs = new Date().getTime(); 1704 var event = { 1705 schema_id: schemaId, 1706 payload: payload, 1707 metadata: { 1708 event_created_at_ms: currentMs, 1709 event_sent_at_ms: currentMs 1710 } 1711 }; 1712 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1713 }, 1714 sendRequest: function sendRequest(endpointUrl, payload) { 1715 // Try the sendBeacon API 1716 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1717 var blobData = new window.Blob([payload], { 1718 type: 'text/plain' 1719 }); 1720 1721 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1722 return true; 1723 } // sendBeacon was not successful 1724 1725 } // XHR beacon 1726 1727 var xhr = new XMLHttpRequest(); 1728 1729 try { 1730 xhr.open('POST', endpointUrl); 1731 xhr.setRequestHeader('Content-Type', 'text/plain'); 1732 xhr.send(payload); 1733 } catch (e) { 1734 console.log(e); 1735 } 1736 1737 return false; 1738 }, 1739 isIos12: function isIos12() { 1740 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1741 } 1742 }; 1743 Monorail.produce('monorail-edge.shopifysvc.com', 1744 'trekkie_storefront_load_errors/1.1', 1745 {shop_id: 70102778037, 1746 theme_id: 187051114677, 1747 app_name: "storefront", 1748 context_url: window.location.href, 1749 source_url: "//petersengames.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 1750 1751 }; 1752 scriptFallback.async = true; 1753 scriptFallback.src = '//petersengames.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1754 first.parentNode.insertBefore(scriptFallback, first); 1755}; 1756script.async = true; 1757script.src = '//petersengames.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1758first.parentNode.insertBefore(script, first); 1759 1760 }; 1761 trekkie.load( 1762 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":70102778037,"isMerchantRequest":null,"themeId":187051114677,"themeCityHash":"14168888919957474732","contentLanguage":"en","currency":"USD","eventMetadataId":"8451c4c1-3345-4cd2-a8e7-68ef3b69c7a6"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1763 ); 1764 1765 var loaded = false;
1766 trekkie.ready(function() { 1767 if (loaded) return; 1768 loaded = true; 1769 1770 window.ShopifyAnalytics.lib = window.trekkie; 1771 1772 var originalDocumentWrite = document.write; 1773 document.write = customDocumentWrite; 1774 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1775 document.write = originalDocumentWrite; 1776 1777 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1778 var token = match? match[1]: undefined; 1779 if (!hasLoggedConversion(token)) { 1780 setCookieIfConversion(token); 1781 1782 } 1783 }); 1784 1785 window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":166591037621,"requestId":"ce0d0a50-22ba-4a07-8859-a2d2f0dd43dd-1790290235","shopifyEmitted":true}); 1786 1787 var eventsListenerScript = document.createElement('script'); 1788 eventsListenerScript.async = true; 1789 eventsListenerScript.src = "//petersengames.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1790 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1791})();</script>
vendor: 1 bytes, line 1791
1791
1792<script 1793 defer 1794 src="https://petersengames.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1795 data-application="storefront-renderer" 1796 data-shop-id="70102778037" 1797 data-render-region="gcp-us-central1" 1798 data-page-type="page" 1799 data-theme-instance-id="187051114677" 1800 data-theme-name="Horizon" 1801 data-theme-version="3.2.1" 1802 data-monorail-region="shop_domain" 1803 data-resource-timing-sampling-rate="10" 1804 data-shs="true" 1805 data-shs-beacon="true" 1806 data-shs-export-with-fetch="true" 1807 data-shs-logs-sample-rate="1" 1808 data-shs-beacon-endpoint="https://petersengames.com/api/collect" 1809></script>
1809 1810<meta name="shopify-y" content="ba7dd905-4765-4807-b13a-3dd96b5b3622" data-expiration="1821847835000"><meta name="shopify-s" content="ccd72a6c-7b1e-461e-8735-fbed2b41a12e" data-expiration="1790292035000"><meta name="new-cookie-storage-activated" content="t"> 1811</head> 1812 1813 <body class="page-width-normal card-hover-effect-none"> 1814 <a 1815 class="skip-to-content-link button-secondary" 1816 href="#MainContent" 1817> 1818 Skip to content 1819</a> 1820 1821 <div id="header-group"> 1822 <!-- BEGIN sections: header-group --> 1823<div id="shopify-section-sections--26548091388085__blocks_XEXpd8" class="shopify-section shopify-section-group-header-group section-wrapper"> 1824 1825 1826 1827<div class="section-background color-scheme-cf058991-a5b9-496f-aba6-870a1ecfd4a7"></div> 1828<div 1829 class="section section--full-width color-scheme-cf058991-a5b9-496f-aba6-870a1ecfd4a7" 1830 data-testid="ui-test-section" 1831 1832 1833 1834 style=" 1835 1836 1837 1838 " 1839> 1840 <div class="custom-section-background"> 1841 1842 1843 1844 1845 </div> 1846 1847 <div 1848 class="border-style custom-section-content" 1849 style="--border-width: 1px; --border-style: none; --border-color: 1850rgb(var(--color-border-rgb) / 1.0); --border-radius: 18510px; 1852" 1853 > 1854 1855 1856 <div 1857 class=" 1858 spacing-style 1859 layout-panel-flex 1860 layout-panel-flex--column 1861 section-content-wrapper 1862 1863 " 1864 style=" 1865 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 1866 1867--gap: 12px; 1868 1869--horizontal-alignment: flex-start; --vertical-alignment: center; 1870--vertical-alignment-mobile: center; 1871 1872 --padding-block-start: 0px;--padding-block-end: 0px; 1873 " 1874 data-testid="section-content" 1875 > 1876 1877 1878 1879 1880<style data-shopify> 1881 .ai-utility-bar-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 { 1882 display: block; 1883 width: 100%; 1884 background-color: #000000; 1885 color: #ffffff; 1886 border-bottom: 1px solid #e6e6e6; 1887 } 1888 1889 .ai-utility-bar-container-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 { 1890 max-width: 1400px; 1891 margin: 0 auto; 1892 padding: 6px 15px; 1893 display: flex; 1894 align-items: center; 1895 justify-content: space-between; 1896 gap: 20px; 1897 flex-wrap: wrap; 1898 } 1899 1900 .ai-utility-bar-left-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4, 1901 .ai-utility-bar-right-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 { 1902 display: flex; 1903 align-items: center; 1904 gap: 20px; 1905 flex-wrap: wrap; 1906 } 1907 1908 .ai-utility-bar-menu-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 { 1909 display: flex; 1910 align-items: center; 1911 gap: 16px; 1912 list-style: none; 1913 margin: 0; 1914 padding: 0; 1915 } 1916 1917 .ai-utility-bar-menu-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 a { 1918 color: #ffffff; 1919 text-decoration: none; 1920 font-size: 12px; 1921 transition: opacity 0.2s ease; 1922 } 1923 1924 .ai-utility-bar-menu-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 a:hover { 1925 opacity: 0.7; 1926 } 1927 1928 .ai-utility-bar-social-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 { 1929 display: flex; 1930 align-items: center; 1931 gap: 12px; 1932 } 1933 1934 .ai-utility-bar-social-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 a { 1935 color: #ffffff; 1936 display: flex; 1937 align-items: center; 1938 justify-content: center; 1939 transition: opacity 0.2s ease; 1940 } 1941 1942 .ai-utility-bar-social-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 a:hover { 1943 opacity: 0.7; 1944 } 1945 1946 .ai-utility-bar-social-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 svg { 1947 width: 18px; 1948 height: 18px; 1949 } 1950 1951 .ai-utility-bar-account-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 a { 1952 color: #ffffff; 1953 text-decoration: none; 1954 font-size: 12px; 1955 display: flex; 1956 align-items: center; 1957 gap: 6px; 1958 transition: opacity 0.2s ease; 1959 } 1960 1961 .ai-utility-bar-account-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 a:hover { 1962 opacity: 0.7; 1963 } 1964 1965 .ai-utility-bar-account-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 svg { 1966 width: 16px; 1967 height: 16px; 1968 } 1969 1970 @media screen and (max-width: 749px) { 1971 .ai-utility-bar-container-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 { 1972 justify-content: center; 1973 text-align: center; 1974 } 1975 1976 .ai-utility-bar-left-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4, 1977 .ai-utility-bar-right-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 { 1978 justify-content: center; 1979 } 1980 1981 .ai-utility-bar-menu-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 { 1982 gap: 12px; 1983 } 1984 1985 1986 .ai-utility-bar-menu-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 { 1987 display: none; 1988 } 1989 1990 } 1991</style> 1992 1993<utility-bar-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4 class="ai-utility-bar-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4" > 1994 <div class="ai-utility-bar-container-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4"> 1995 <div class="ai-utility-bar-left-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4"> 1996 1997 <nav class="ai-utility-bar-menu-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4" role="navigation"> 1998 1999 <a href="/pages/state-of-cthulhu">State of Cthulhu</a> 2000 2001 <a href="/pages/about-sandy-petersen">About Sandy</a> 2002 2003 </nav> 2004 2005 </div> 2006 2007 <div class="ai-utility-bar-right-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4"> 2008 2009 <div class="ai-utility-bar-social-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4"> 2010 2011 2012 2013 <a href="https://www.instagram.com/petersengames/" target="_blank" rel="noopener" aria-label="Instagram"> 2014 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 2015 <rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect> 2016 <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path> 2017 <line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line> 2018 </svg> 2019 </a> 2020 2021 2022 2023 <a href="https://x.com/SandyofCthulhu" target="_blank" rel="noopener" aria-label="X (Twitter)"> 2024 <svg viewBox="0 0 24 24" fill="currentColor"> 2025 <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path> 2026 </svg> 2027 </a> 2028 2029 2030 2031 <a href="https://www.youtube.com/@SandyofCthulhu" target="_blank" rel="noopener" aria-label="YouTube"> 2032 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 2033 <path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path> 2034 <polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon> 2035 </svg> 2036 </a> 2037 2038 2039 2040 </div> 2041 2042 2043 2044 2045 2046 </div> 2047 </div> 2048</utility-bar-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4> 2049
2050<script> 2051 (function() { 2052 class UtilityBaraqtjyvjr2swu5qzdhnaigenblock873ec296faud4 extends HTMLElement { 2053 constructor() { 2054 super(); 2055 } 2056 2057 connectedCallback() { 2058 const localizationForm = this.querySelector('localization-form'); 2059 if (localizationForm) { 2060 localizationForm.addEventListener('change', function(event) { 2061 if (event.target.tagName === 'SELECT') { 2062 event.target.form.submit(); 2063 } 2064 }); 2065 } 2066 } 2067 } 2068 2069 customElements.define('utility-bar-aqtjyvjr2swu5qzdhnaigenblock873ec296faud4', UtilityBaraqtjyvjr2swu5qzdhnaigenblock873ec296faud4); 2070 })(); 2071</script>
2071 2072 2073 2074 2075 2076 </div> 2077 </div> 2078</div> 2079 2080 2081 2082 2083 2084</div><header id="shopify-section-sections--26548091388085__header_section" class="shopify-section shopify-section-group-header-group header-section"> 2085 2086 2087 2088 2089
2090<script type="application/ld+json"> 2091 { 2092 "@context": "http://schema.org", 2093 "@type": "Organization", 2094 "name": "Petersen Games Shop", 2095 2096 "logo": "https:\/\/petersengames.com\/cdn\/shop\/files\/PetersenGames-logo_4122ed26-34e9-44d4-aa0f-3a2b7c8638e9.png?v=1755202370\u0026width=500", 2097 2098 "url": "https:\/\/petersengames.com\/pages\/contact-us" 2099 } 2100</script>
2100 2101 2102<header-component 2103 id="header-component" 2104 class="header" 2105 data-theme-color="rgb(51 51 51)" 2106 2107 2108 sticky="scroll-up" 2109 2110 data-skip-node-update 2111 data-scroll-direction="none" 2112> 2113 2114 2115 2116 2117 2118 2119 <div 2120 class="header__row header__row--top color-scheme-5 section section--full-width-margin section--page-width" 2121 ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;"> 2122 <div class="header__columns spacing-style"> 2123 <div 2124 class="header__column header__column--left" 2125 data-testid="header-top-left" 2126 > 2127 2128 2129 2130 2131 2132 2133 2134 <div 2135 class="header__drawer desktop:hidden" 2136 ref="headerDrawerContainer" 2137 2138 > 2139 2140
2141<script 2142 src="//petersengames.com/cdn/shop/t/546/assets/header-drawer.js?v=44357639294953783801766084390" 2143 type="module" 2144 fetchpriority="low" 2145></script>
2145 2146 2147<header-drawer 2148 class="header-drawer header__drawer--mobile" 2149 style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;" 2150> 2151 <details 2152 id="Details-menu-drawer-container" 2153 data-skip-node-update="true" 2154 class="menu-drawer-container" 2155 ref="details" 2156 scroll-lock 2157 > 2158 <summary 2159 class="header__icon header__icon--menu header__icon--summary" 2160 aria-label="Menu" 2161 on:click="/toggle" 2162 > 2163 <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2164 <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2165 <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2166</svg> 2167</span> 2168 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2169 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2170 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2171</svg> 2172</span> 2173 </summary> 2174 <div 2175 data-header-drawer 2176 class=" 2177 menu-drawer 2178 motion-reduce 2179 color-scheme-cf058991-a5b9-496f-aba6-870a1ecfd4a7 2180 " 2181 > 2182 <button 2183 class="button button-unstyled close-button menu-drawer__close-button" 2184 type="button" 2185 aria-label="Close" 2186 on:click="/close" 2187 > 2188 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2189 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2190 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2191</svg> 2192</span> 2193 </button> 2194 <nav 2195 class="menu-drawer__navigation" 2196 style="--menu-top-level-font-family: var(--font-body--family); 2197--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase; 2198 2199 --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: 2200 var(--menu-font-2xl--line-height); 2201 2202--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 2203 2204--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 2205var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 2206uppercase; 2207 2208 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 2209 var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / 2210 var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); 2211 2212--menu-child-font-family: var(--font-body--family); --menu-child-font-style: 2213var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 2214uppercase; 2215 2216 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 2217 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / 2218 var(--opacity-subdued-text)); 2219 2220 2221 " 2222 > 2223 <ul 2224 class="menu-drawer__menu has-submenu" 2225 role="list" 2226 > 2227 2228 2229 2230 <li 2231 style="--menu-drawer-animation-index: 1;" 2232 class="menu-drawer__list-item--deep" 2233 > 2234 2235<a 2236 id="HeaderDrawer-cthulhu-wars" 2237 href="/collections/cthulhu-wars-1" 2238 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2239 2240 >
2241 <span class="menu-drawer__menu-item-text wrap-text">Cthulhu Wars</span> 2242 </a> 2243 2244 </li> 2245 <li 2246 style="--menu-drawer-animation-index: 2;" 2247 class="menu-drawer__list-item--deep" 2248 > 2249 2250<a 2251 id="HeaderDrawer-hyperspace" 2252 href="/collections/hyperspace-standard-edition-complete" 2253 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2254 2255 > 2256 <span class="menu-drawer__menu-item-text wrap-text">Hyperspace</span> 2257 </a> 2258 2259 </li> 2260 <li 2261 style="--menu-drawer-animation-index: 3;" 2262 class="menu-drawer__list-item--deep" 2263 > 2264 2265<a 2266 id="HeaderDrawer-planet-apocalypse" 2267 href="/collections/planet-apocalypse" 2268 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2269 2270 > 2271 <span class="menu-drawer__menu-item-text wrap-text">Planet Apocalypse</span> 2272 </a> 2273 2274 </li> 2275 <li 2276 style="--menu-drawer-animation-index: 4;" 2277 class="menu-drawer__list-item--deep" 2278 > 2279 2280<a 2281 id="HeaderDrawer-larva-games" 2282 href="/collections/larval-games" 2283 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2284 2285 > 2286 <span class="menu-drawer__menu-item-text wrap-text">Larva Games</span> 2287 </a> 2288 2289 </li> 2290 <li 2291 style="--menu-drawer-animation-index: 5;" 2292 class="menu-drawer__list-item--deep" 2293 > 2294 2295<a 2296 id="HeaderDrawer-shop-all" 2297 href="/collections/all-products" 2298 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2299 2300 > 2301 <span class="menu-drawer__menu-item-text wrap-text">Shop All</span> 2302 </a> 2303 2304 </li> 2305 </ul> 2306 </nav><nav 2307 class="menu-drawer__secondary" 2308 aria-label="Top Bar" 2309 style="--menu-top-level-font-family: var(--font-body--family); 2310--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase; 2311 2312 --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: 2313 var(--menu-font-2xl--line-height); 2314 2315--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 2316 2317--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 2318var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 2319uppercase; 2320 2321 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 2322 var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / 2323 var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); 2324 2325--menu-child-font-family: var(--font-body--family); --menu-child-font-style: 2326var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 2327uppercase; 2328 2329 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 2330 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / 2331 var(--opacity-subdued-text)); 2332 2333 2334 " 2335 > 2336 <ul 2337 class="menu-drawer__menu menu-drawer__secondary-menu" 2338 role="list" 2339 ><li 2340 class="menu-drawer__secondary-list-item" 2341 style="--menu-drawer-animation-index: 6;" 2342 > 2343 <a 2344 id="HeaderDrawerSecondary-state-of-cthulhu" 2345 href="/pages/state-of-cthulhu" 2346 class="menu-drawer__menu-item menu-drawer__menu-item--secondary menu-drawer__animated-element focus-inset" 2347 2348 >
2349 <span class="menu-drawer__menu-item-text wrap-text">State of Cthulhu</span> 2350 </a> 2351 </li><li 2352 class="menu-drawer__secondary-list-item" 2353 style="--menu-drawer-animation-index: 7;" 2354 > 2355 <a 2356 id="HeaderDrawerSecondary-about-sandy" 2357 href="/pages/about-sandy-petersen" 2358 class="menu-drawer__menu-item menu-drawer__menu-item--secondary menu-drawer__animated-element focus-inset" 2359 2360 > 2361 <span class="menu-drawer__menu-item-text wrap-text">About Sandy</span> 2362 </a> 2363 </li></ul> 2364 </nav><div 2365 class="menu-drawer__utility-links menu-drawer__animated-element" 2366 style="--menu-drawer-animation-index: 5;" 2367 > 2368 2369 </div> 2370 2371 2372 </div> 2373 <div 2374 class="menu-drawer__backdrop" 2375 on:click="header-drawer/close" 2376 ></div> 2377 </details> 2378</header-drawer> 2379 2380 2381 2382 </div> 2383 2384 2385 2386 2387 2388 2389 2390 2391 2392 2393 2394 2395 2396 <search-button class="search-action desktop:hidden"> 2397 <button 2398 on:click="#search-modal/showDialog" 2399 class="button button-unstyled search-modal__button header-actions__action" 2400 aria-label="Search" 2401 aria-haspopup="dialog" 2402 > 2403 <span 2404 aria-hidden="true" 2405 class="svg-wrapper" 2406 > 2407 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 2408 2409 </span> 2410 </button> 2411 </search-button> 2412 2413 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 2426<a 2427 2428 href="/" 2429 class="size-style spacing-style header-logo" 2430 style=" 2431 --size-style-width: ;--size-style-height: ; 2432 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 2433 --font-family: var(--font-body--family); 2434 --font-style: var(--font-body--style); 2435 --font-weight: 600; 2436 " 2437 2438> 2439 2440 2441 <span 2442 class="header-logo__image-container header-logo__image-container--original" 2443 data-testid="header-logo" 2444 > 2445 2446 2447 2448 2449 2450 2451 2452 2453 2454 2455 2456 <img src="//petersengames.com/cdn/shop/files/PetersenGames-logo_4122ed26-34e9-44d4-aa0f-3a2b7c8638e9.png?height=36&v=1755202370" alt="" width="171" height="36" class="header-logo__image" srcset="//petersengames.com/cdn/shop/files/PetersenGames-logo_4122ed26-34e9-44d4-aa0f-3a2b7c8638e9.png?height=36&v=1755202370 1x, //petersengames.com/cdn/shop/files/PetersenGames-logo_4122ed26-34e9-44d4-aa0f-3a2b7c8638e9.png?height=72&v=1755202370 2x, //petersengames.com/cdn/shop/files/PetersenGames-logo_4122ed26-34e9-44d4-aa0f-3a2b7c8638e9.png?height=108&v=1755202370 3x" style="--header-logo-image-width: 171px;--header-logo-image-width-mobile: 133px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;"> 2457 2458 2459 </span> 2460 2461 2462</a> 2463 2464 2465 2466 2467 2468 2469 2470 2471 </div><div 2472 class="header__column header__column--center" 2473 data-testid="header-top-center" 2474 > 2475 2476 2477 2478 2479 2480 2481 2482 2483 2484 2485 2486 <header-menu 2487 ref="headerMenu" 2488 class="header-menu mobile:hidden" 2489 data-animation-delay="200" 2490 2491 style="--submenu-animation-speed: 200ms;" 2492 > 2493 <div class="header-menu__inner"> 2494 <nav header-menu> 2495 <div 2496 class="menu-list" 2497 style="--menu-top-level-font-family: var(--font-body--family); 2498--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:uppercase; 2499 2500 --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: 2501 var(--menu-font-sm--line-height); 2502 2503--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 2504" 2505 > 2506 2507 <overflow-list 2508 2509 ref="overflowMenu" 2510 2511
2512 class="overflow-menu color-scheme-cf058991-a5b9-496f-aba6-870a1ecfd4a7" 2513 2514 2515 minimum-items="2" 2516 2517 2518 data-testid="header-menu-overflow-list" 2519 2520 2521 data-skip-node-update 2522 2523> 2524 <template shadowrootmode="open"> 2525 <link href="//petersengames.com/cdn/shop/t/546/assets/overflow-list.css?v=101911674359793798601766084391" rel="stylesheet" type="text/css" media="all" /> 2526 2527 <ul part="list"> 2528 <slot></slot> 2529 <slot 2530 name="more" 2531 part="more" 2532 hidden 2533 2534 > 2535 <li 2536 part="more" 2537 > 2538 <button 2539 class="button" 2540 type="button" 2541 tabindex="0" 2542 > 2543 More 2544 </button> 2545 </li> 2546 </slot> 2547 <li 2548 part="placeholder" 2549 hidden 2550 ></li> 2551 </ul> 2552 2553 <div part="overflow"> 2554 <ul part="overflow-list"> 2555 <slot name="overflow"></slot> 2556 </ul> 2557 </div> 2558 </template> 2559 2560 2561 2562 <li 2563 role="presentation" 2564 class="menu-list__list-item" 2565 on:focus="/activate" 2566 on:blur="/deactivate" 2567 on:pointerenter="/activate" 2568 on:pointerleave="/deactivate" 2569 > 2570 <a 2571 href="/collections/cthulhu-wars-1" 2572 data-skip-node-update="true" 2573 class="menu-list__link"ref="menuitem" 2574 > 2575 <span class="menu-list__link-title">Cthulhu Wars</span> 2576 </a></li> 2577 2578 <li 2579 role="presentation" 2580 class="menu-list__list-item" 2581 on:focus="/activate" 2582 on:blur="/deactivate" 2583 on:pointerenter="/activate" 2584 on:pointerleave="/deactivate" 2585 > 2586 <a 2587 href="/collections/hyperspace-standard-edition-complete" 2588 data-skip-node-update="true" 2589 class="menu-list__link"ref="menuitem" 2590 > 2591 <span class="menu-list__link-title">Hyperspace</span> 2592 </a></li> 2593 2594 <li 2595 role="presentation" 2596 class="menu-list__list-item" 2597 on:focus="/activate" 2598 on:blur="/deactivate" 2599 on:pointerenter="/activate" 2600 on:pointerleave="/deactivate" 2601 > 2602 <a 2603 href="/collections/planet-apocalypse" 2604 data-skip-node-update="true" 2605 class="menu-list__link"ref="menuitem" 2606 > 2607 <span class="menu-list__link-title">Planet Apocalypse</span> 2608 </a></li> 2609 2610 <li 2611 role="presentation" 2612 class="menu-list__list-item" 2613 on:focus="/activate" 2614 on:blur="/deactivate" 2615 on:pointerenter="/activate" 2616 on:pointerleave="/deactivate" 2617 > 2618 <a 2619 href="/collections/larval-games" 2620 data-skip-node-update="true" 2621 class="menu-list__link"ref="menuitem" 2622 > 2623 <span class="menu-list__link-title">Larva Games</span> 2624 </a></li> 2625 2626 <li 2627 role="presentation" 2628 class="menu-list__list-item" 2629 on:focus="/activate" 2630 on:blur="/deactivate" 2631 on:pointerenter="/activate" 2632 on:pointerleave="/deactivate" 2633 > 2634 <a 2635 href="/collections/all-products" 2636 data-skip-node-update="true" 2637 class="menu-list__link"ref="menuitem" 2638 > 2639 <span class="menu-list__link-title">Shop All</span> 2640 </a></li> 2641 2642 <li 2643 class="menu-list__list-item" 2644 role="presentation" 2645 slot="more" 2646 on:focus="/activate" 2647 on:blur="/deactivate" 2648 on:pointerenter="/activate" 2649 on:pointerleave="/deactivate" 2650 > 2651 <button role="menuitem" class="button menu-list__link button-unstyled"> 2652 <span class="menu-list__link-title">More</span> 2653 </button> 2654 </li> 2655 2656</overflow-list> 2657 2658 </div> 2659 </nav> 2660 </div> 2661 2662
2662<script 2663 src="//petersengames.com/cdn/shop/t/546/assets/header-menu.js?v=32392277473258403531766084391" 2664 type="module" 2665 fetchpriority="low" 2666 ></script>
2666 2667 </header-menu> 2668 2669 2670 2671 2672 2673 2674 2675 2676 2677 </div><div 2678 class="header__column header__column--right" 2679 data-testid="header-top-right" 2680 > 2681 2682 2683 2684 2685 2686 2687 2688 2689 2690 2691 2692 2693 2694 <search-button class="search-action mobile:hidden"> 2695 <button 2696 on:click="#search-modal/showDialog" 2697 class="button button-unstyled search-modal__button header-actions__action" 2698 aria-label="Search" 2699 aria-haspopup="dialog" 2700 > 2701 <span 2702 aria-hidden="true" 2703 class="svg-wrapper" 2704 > 2705 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 2706 2707 </span> 2708 </button> 2709 </search-button> 2710 2711 2712 2713 2714 2715 2716 2717 2718 2719
2719<script 2720 type="module" 2721 src="//petersengames.com/cdn/shop/t/546/assets/cart-icon.js?v=157241182139685326961766084391" 2722 fetchpriority="low" 2723></script>
2723 2724 2725 2726 2727<header-actions> 2728 2729
2729<script 2730 src="//petersengames.com/cdn/shop/t/546/assets/dialog.js?v=61774032287387761671766084391" 2731 type="module" 2732 ></script>
2732 2733 2734 <anchored-popover-component 2735 data-close-on-resize="true" 2736 class="account-popover mobile:hidden" 2737 > 2738 <button 2739 class="account-button header-actions__action" 2740 aria-label="Account" 2741 aria-haspopup="dialog"popovertarget="account-popover" 2742 popovertargetaction="toggle"ref="trigger" 2743 2744><span 2745 class="account-button__icon" 2746 aria-hidden="true" 2747 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 2748</span></button> 2749 2750 2751 2752 <div 2753 class="account-popover__panel details-content color-scheme-5" 2754 id="account-popover" 2755 popover="auto" 2756 ref="popover" 2757 > 2758 <div class="account-actions"> 2759 <div class="account-actions__main-menu"> 2760 <header class="account-actions__header"> 2761 <h2 2762 id="account-drawer-heading" 2763 class="account-actions__title h5" 2764 > 2765 2766 Account 2767 2768 </h2> 2769 2770 </header> 2771 2772 2773 <div 2774 class="account-actions__sign-ins" 2775 data-skip-subtree-update="true" 2776 > 2777
2777<script 2778 src="//petersengames.com/cdn/shop/t/546/assets/account-login-actions.js?v=132624473766457443991766084390" 2779 type="module" 2780 fetchpriority="low" 2781 ></script>
2781 2782 <account-login-actions class="account-actions__shop-login"> 2783
2783<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 2783
2783
2784<script type="module"> 2785 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"); 2786 2787 2788</script>
2788 2789 2790<shop-login-button ux-mode="windoid" return-uri="https://petersengames.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button> 2791 2792 </account-login-actions> 2793 2794 <a 2795 href="/customer_authentication/login?return_to=%2Fpages%2Fcontact-us&locale=en&ui_hint=full®ion_country=US" 2796 class="account-actions__link button" 2797 > 2798 <span class="account-actions__sign-in-text"> 2799 Other sign in options 2800 </span> 2801 <span class="account-actions__fallback-text"> 2802 Sign in 2803 </span> 2804 </a> 2805 </div> 2806 2807 2808 <nav class="account-actions__nav"> 2809 <ul class="account-actions__list"> 2810 <li class="account-actions__list-item"> 2811 <a 2812 href="/account" 2813 class="account-actions__link button-secondary" 2814 > 2815 <span 2816 class="account-actions__icon" 2817 aria-hidden="true" 2818 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> 2819 <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/> 2820 <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/> 2821</svg> 2822</span> 2823 Orders 2824 </a> 2825 </li> 2826 <li class="account-actions__list-item"> 2827 <a 2828 href="/account/addresses" 2829 class="account-actions__link button-secondary" 2830 > 2831 <span 2832 class="account-actions__icon" 2833 aria-hidden="true" 2834 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 2835</span> 2836 Profile 2837 </a> 2838 </li> 2839 </ul> 2840 </nav> 2841 </div> 2842</div> 2843 2844 2845 2846 </div> 2847 </anchored-popover-component> 2848 2849 <dialog-component 2850 class="account-drawer" 2851 2852 > 2853 <button 2854 class="account-button header-actions__action" 2855 aria-label="Account" 2856 aria-haspopup="dialog"ref="trigger"
2857 on:click="/showDialog" 2858><span 2859 class="account-button__icon" 2860 aria-hidden="true" 2861 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 2862</span></button> 2863 2864 2865 2866 <dialog 2867 ref="dialog" 2868 class="color-scheme-5 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog" 2869 scroll-lock 2870 aria-labelledby="account-drawer-heading" 2871 > 2872 <button 2873 ref="closeButton" 2874 on:click="/closeDialog" 2875 class="button button-unstyled close-button account-drawer__close-button" 2876 aria-label="Close dialog" 2877 autofocus 2878 > 2879 <span 2880 class="svg-wrapper" 2881 aria-hidden="true" 2882 ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2883 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2884 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2885</svg> 2886</span> 2887 </button> 2888 <div class="account-actions"> 2889 <div class="account-actions__main-menu"> 2890 <header class="account-actions__header"> 2891 <h2 2892 id="account-drawer-heading" 2893 class="account-actions__title h5" 2894 > 2895 2896 Account 2897 2898 </h2> 2899 2900 </header> 2901 2902 2903 <div 2904 class="account-actions__sign-ins" 2905 data-skip-subtree-update="true" 2906 > 2907
2907<script 2908 src="//petersengames.com/cdn/shop/t/546/assets/account-login-actions.js?v=132624473766457443991766084390" 2909 type="module" 2910 fetchpriority="low" 2911 ></script>
2911 2912 <account-login-actions class="account-actions__shop-login"> 2913
2913<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 2913
2913
2914<script type="module"> 2915 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"); 2916 2917 2918</script>
2918 2919 2920<shop-login-button ux-mode="windoid" return-uri="https://petersengames.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button> 2921 2922 </account-login-actions> 2923 2924 <a 2925 href="/customer_authentication/login?return_to=%2Fpages%2Fcontact-us&locale=en&ui_hint=full®ion_country=US" 2926 class="account-actions__link button" 2927 > 2928 <span class="account-actions__sign-in-text"> 2929 Other sign in options 2930 </span> 2931 <span class="account-actions__fallback-text"> 2932 Sign in 2933 </span> 2934 </a> 2935 </div> 2936 2937 2938 <nav class="account-actions__nav"> 2939 <ul class="account-actions__list"> 2940 <li class="account-actions__list-item"> 2941 <a 2942 href="/account" 2943 class="account-actions__link button-secondary" 2944 > 2945 <span 2946 class="account-actions__icon" 2947 aria-hidden="true" 2948 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> 2949 <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/> 2950 <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/> 2951</svg> 2952</span> 2953 Orders 2954 </a> 2955 </li> 2956 <li class="account-actions__list-item"> 2957 <a 2958 href="/account/addresses" 2959 class="account-actions__link button-secondary" 2960 > 2961 <span 2962 class="account-actions__icon" 2963 aria-hidden="true" 2964 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 2965</span> 2966 Profile 2967 </a> 2968 </li> 2969 </ul> 2970 </nav> 2971 </div> 2972</div> 2973 2974 2975 2976 </dialog> 2977 </dialog-component> 2978 2979 2980 2981
2981<script 2982 src="//petersengames.com/cdn/shop/t/546/assets/cart-drawer.js?v=60516533948368149871766084391" 2983 type="module" 2984 fetchpriority="low" 2985 ></script>
2985 2986 2987 <cart-drawer-component 2988 class="cart-drawer" 2989 2990 2991 > 2992 <button 2993 class="button header-actions__action button-unstyled" 2994 on:click="/open" 2995 aria-haspopup="dialog" 2996 aria-label="Cart" 2997 aria-describedby="cart-bubble-text" 2998 data-testid="cart-drawer-trigger" 2999 > 3000 3001 <cart-icon 3002 class=" 3003 header-actions__cart-icon 3004 3005 " 3006 data-testid="cart-icon" 3007 > 3008 <span 3009 class="svg-wrapper" 3010 aria-hidden="true" 3011 > 3012 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg> 3013 3014 </span> 3015 3016 <div 3017 ref="cartBubble" 3018 class="cart-bubble visually-hidden" 3019 3020 3021 data-maintain-ratio 3022 3023> 3024 <span class="cart-bubble__background"></span> 3025 <span 3026 ref="cartBubbleText" 3027 id="cart-bubble-text" 3028 class="cart-bubble__text" 3029 3030 role="status" 3031 3032 > 3033 <span class="visually-hidden">Total items in cart: 0 3034 </span> 3035 <span 3036 class="cart-bubble__text-count hidden" 3037 ref="cartBubbleCount" 3038 aria-hidden="true" 3039 data-testid="cart-bubble" 3040 > 30410</span> 3042 </span> 3043</div> 3044 3045 </cart-icon> 3046 3047 </button> 3048 3049 <dialog 3050 ref="dialog" 3051 class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty" 3052 aria-labelledby="cart-drawer-heading-empty" 3053 scroll-lock 3054 cart-summary-sticky="true" 3055 > 3056 <div class="cart-drawer__inner"> 3057 <cart-items-component 3058 class="cart-items-component" 3059 data-section-id="sections--26548091388085__header_section" 3060 ><div class="cart-drawer__header"> 3061 <button 3062 ref="closeButton" 3063 on:click="cart-drawer-component/close" 3064 class="button close-button cart-drawer__close-button button-unstyled" 3065 aria-label="Close dialog" 3066 > 3067 <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3068 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3069 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3070</svg> 3071</span> 3072 </button> 3073 </div> 3074 3075 <div 3076 class="cart-drawer__content motion-reduce" 3077 aria-label="Cart" 3078 > 3079 <h2 3080 class="cart-drawer__heading h4 cart-drawer__heading--empty" 3081 id="cart-drawer-heading-empty" 3082 > 3083 Your cart is empty 3084 </h2> 3085 3086 <div class="cart-drawer__items"> 3087 3088
3089<script 3090 src="//petersengames.com/cdn/shop/t/546/assets/component-cart-items.js?v=47090504063697747641766084390" 3091 type="module" 3092 fetchpriority="low" 3093></script>
vendor: 1 bytes, line 3093
3093
3094<script 3095 src="//petersengames.com/cdn/shop/t/546/assets/component-cart-quantity-selector.js?v=105130809908858639751766084390" 3096 type="module" 3097 fetchpriority="low" 3098></script>
vendor: 1 bytes, line 3098
3098
3099<script 3100 src="//petersengames.com/cdn/shop/t/546/assets/volume-pricing-info.js?v=94479640769665442661766084391" 3101 type="module" 3102 fetchpriority="low" 3103></script>
3103 3104 3105<div 3106 3107 class="cart-items__wrapper" 3108 3109> 3110 3111<p> 3112 Have an account? <a href="https://petersengames.com/customer_authentication/redirect?locale=en®ion_country=US">Log in</a> to check out faster. 3113 </p><a 3114 class="button cart-items__empty-button" 3115 href="/collections/all" 3116 > 3117 Continue shopping 3118 </a></div> 3119 3120 3121 3122 </div> 3123 </div></cart-items-component> 3124 </div> 3125 </dialog> 3126 </cart-drawer-component> 3127 3128</header-actions> 3129 3130 3131 3132 3133 3134 3135 </div> 3136 </div> 3137 </div> 3138 3139 3140 3141 3142 3143 3144 3145 3146 3147 3148 3149</header-component> 3150
3151<script 3152 src="//petersengames.com/cdn/shop/t/546/assets/header.js?v=155792906110242140481766084391" 3153 type="module" 3154></script>
3154 3155 3156 3157 3158 3159
3159<script type="module"> 3160 import { hydrate } from '@theme/section-hydration'; 3161 const url = new URL(window.location.href); 3162 url.searchParams.delete('page'); 3163 hydrate('sections--26548091388085__header_section', url); 3164 </script>
3164 3165 3166 3167 3168</header> 3169<!-- END sections: header-group --> 3170 </div> 3171 3172
3172<script> 3173 // Inline header height calculation to prevent layout shift 3174 // Note: Updates in calculateHeaderGroupHeight() and updateTransparentHeaderOffset()utilities.js should be kept in sync with this function 3175 (function setHeaderHeighCustomProperties() { 3176 /* 3177 * Header calculation functions for maintaining CSS variables 3178 * Mimic calculateHeaderGroupHeight() in utilities.js 3179 */ 3180 const header = document.querySelector('header-component'); 3181 const headerGroup = document.querySelector('#header-group'); 3182 const hasHeaderSection = headerGroup?.querySelector('.header-section'); 3183 3184 if (!header || !headerGroup) return; 3185 3186 const headerHeight = header.offsetHeight; 3187 3188 // Calculate the total height of the header group 3189 let headerGroupHeight = 0; 3190 const children = headerGroup.children; 3191 for (let i = 0; i < children.length; i++) { 3192 const element = children[i]; 3193 if (element === header || !(element instanceof HTMLElement)) continue; 3194 headerGroupHeight += element.offsetHeight; 3195 } 3196 3197 // Check for transparent header special case 3198 if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) { 3199 headerGroupHeight += headerHeight; 3200 } 3201 3202 // Set CSS variables 3203 document.body.style.setProperty('--header-height', `${headerHeight}px`); 3204 document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`); 3205 3206 /** 3207 * Updates CSS custom properties for transparent header offset calculation 3208 * Mimic updateTransparentHeaderOffset() in utilities.js 3209 */ 3210 3211 if (!hasHeaderSection || !header?.hasAttribute('transparent')) { 3212 document.body.style.setProperty('--transparent-header-offset-boolean', '0'); 3213 return; 3214 } 3215 3216 const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section'); 3217 3218 const shouldApplyOffset = !hasImmediateSection ? '1' : '0'; 3219 document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset); 3220 })(); 3221 </script>
3221 3222 3223 <main 3224 id="MainContent" 3225 class="content-for-layout" 3226 role="main" 3227 data-page-transition-enabled="false" 3228 data-product-transition="false" 3229 data-template="page.contact" 3230 > 3231 <div id="shopify-section-template--26548091093173__main" class="shopify-section section-wrapper"> 3232 3233<div class="section-background color-scheme-1"></div> 3234<div class="section page-width-content color-scheme-1"> 3235 <div 3236 class=" 3237 spacing-style 3238 layout-panel-flex 3239 layout-panel-flex--column 3240 section-content-wrapper 3241 mobile-column 3242 " 3243 style=" 3244 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 3245 3246--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px)); 3247 3248--horizontal-alignment: ; --vertical-alignment: ; 3249--vertical-alignment-mobile: ; 3250 3251 --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: 0px; 3252 " 3253 > 3254 3255 3256 3257 3258 3259 3260 3261 3262 3263 <div class=" spacing-style text-block text-block--ANlQ3bEQxd0Nxd0FtT__title h2 text-block--align-center " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "> 3264 <h1>Contact us</h1> 3265 </div> 3266 3267 3268 3269 3270 3271 3272 3273 3274 3275 3276 3277 3278 3279 3280 3281 3282 3283 3284 3285 3286 3287 </div> 3288</div> 3289 3290 3291</div><div id="shopify-section-template--26548091093173__form" class="shopify-section section-wrapper"> 3292 3293 3294 3295<div class="section-background color-scheme-1"></div> 3296<div 3297 class="section section--page-width color-scheme-1" 3298 data-testid="ui-test-section" 3299 3300 3301 3302 style=" 3303 3304 3305 3306 " 3307> 3308 <div class="custom-section-background"> 3309 3310 3311 3312 3313 </div> 3314 3315 <div 3316 class="border-style custom-section-content" 3317 style="--border-width: 1px; --border-style: none; --border-color: 3318rgb(var(--color-border-rgb) / 1.0); --border-radius: 33190px; 3320" 3321 > 3322 3323 3324 <div 3325 class=" 3326 spacing-style 3327 layout-panel-flex 3328 layout-panel-flex--column 3329 section-content-wrapper 3330 mobile-column 3331 " 3332 style=" 3333 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 3334 3335--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px)); 3336 3337--horizontal-alignment: center; --vertical-alignment: center; 3338--vertical-alignment-mobile: center; 3339 3340 --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 84px)); 3341 " 3342 data-testid="section-content" 3343 > 3344 3345 3346 3347 3348 3349<div 3350 class=" 3351 contact-form 3352 spacing-style size-style 3353 3354 " 3355 style=" 3356 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 3357 --size-style-width:50%;--size-style-height: ; 3358 --size-style-width-mobile:100%; --size-style-width-mobile-min:100%; 3359 " 3360 3361> 3362 3363<form method="post" action="/contact#ContactForm-AVlhBcVVqZEtaV0dlc__contact_form_UwiCkQ" id="ContactForm-AVlhBcVVqZEtaV0dlc__contact_form_UwiCkQ" accept-charset="UTF-8" class="contact-form__form"><input type="hidden" name="form_type" value="contact" /><input type="hidden" name="utf8" value="â" /><div class="contact-form__form-row"> 3364 <label 3365 class="visually-hidden" 3366 for="ContactForm-name" 3367 >Name</label> 3368 <input 3369 type="text" 3370 id="ContactForm-name" 3371 class="contact-form__input" 3372 autocomplete="name" 3373 name="contact[name]" 3374 value="" 3375 placeholder="Name" 3376 > 3377 3378 <label 3379 class="visually-hidden" 3380 for="ContactForm-email" 3381 >Email<span aria-hidden="true">*</span></label 3382 > 3383 <input 3384 type="email" 3385 id="ContactForm-email" 3386 class="contact-form__input" 3387 autocomplete="email" 3388 name="contact[email]" 3389 spellcheck="false" 3390 autocapitalize="off" 3391 value="" 3392 aria-required="true" 3393 3394 placeholder="Email" 3395 > 3396 </div> 3397 3398 <label 3399 class="visually-hidden" 3400 for="ContactForm-phone" 3401 >Phone</label> 3402 <input 3403 type="tel" 3404 id="ContactForm-phone" 3405 class="contact-form__input" 3406 autocomplete="tel" 3407 name="contact[phone]" 3408 pattern="[0-9\-]*" 3409 value="" 3410 placeholder="Phone" 3411 > 3412 3413 <label 3414 class="visually-hidden" 3415 for="ContactForm-body" 3416 >Comment</label> 3417 <textarea 3418 rows="10" 3419 id="ContactForm-body" 3420 class="contact-form__input contact-form__input--textarea" 3421 name="contact[body]" 3422 placeholder="Comment" 3423 ></textarea> 3424 3425 3426 3427<button 3428 type="submit" 3429 class="button submit-button size-style button" 3430 style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;" 3431 3432> 3433 Submit 3434</button> 3435 3436 3437 3438 3439 3440 3441</form></div> 3442 3443 3444 3445 3446 3447 3448 </div> 3449 </div> 3450</div> 3451 3452 3453 3454 3455 3456</div> 3457 </main> 3458 3459 <!-- BEGIN sections: footer-group --> 3460<footer id="shopify-section-sections--26548091355317__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper"> 3461
3462<div class="section-background color-scheme-cf058991-a5b9-496f-aba6-870a1ecfd4a7"></div> 3463<div 3464 class="section section--page-width color-scheme-cf058991-a5b9-496f-aba6-870a1ecfd4a7" 3465> 3466 3467 <div 3468 class=" 3469 footer-content 3470 spacing-style 3471 3472 3473 " 3474 style=" 3475 --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px)); 3476 --footer-gap: 20px; 3477 --grid-columns: 2; 3478 --last-row-count: 2; 3479 --tablet-last-row-count: 2; 3480 " 3481 > 3482 3483 3484 3485 3486 3487 <accordion-custom 3488 class=" 3489 menu 3490 3491 3492 " 3493 data-disable-on-desktop="true" 3494 open-by-default-on-desktop 3495 3496 data-disable-on-mobile="true" 3497 open-by-default-on-mobile 3498 3499 > 3500 <details 3501 class=" 3502 menu__details 3503 spacing-style 3504 3505 " 3506 data-testid="menu-details" 3507 style=" 3508 --spacing--size: 12px; 3509 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 3510 " 3511 3512 open 3513 3514 3515 > 3516 <summary class="menu__heading menu__heading--empty h3"> 3517 <span class="menu__heading__default"></span> 3518 <span class="menu__heading__accordion"> 3519 Footer menu 3520 <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3521 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3522</svg> 3523</span> 3524 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3525 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3526 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 3527</svg> 3528</span> 3529 </span> 3530 </summary> 3531 3532 <div class="details-content"> 3533 3534 <ul class="list-unstyled"> 3535 3536 <li class="menu__item paragraph"> 3537 <a href="/pages/state-of-cthulhu"> 3538 State of Cthulhu 3539 </a> 3540 </li> 3541 3542 <li class="menu__item paragraph"> 3543 <a href="/pages/about-sandy-petersen"> 3544 About Sandy 3545 </a> 3546 </li> 3547 3548 <li class="menu__item paragraph"> 3549 <a href="/pages/wholesale"> 3550 Wholesale Inquiries 3551 </a> 3552 </li> 3553 3554 <li class="menu__item paragraph"> 3555 <a href="/pages/contact-us"> 3556 Customer Support 3557 </a> 3558 </li> 3559 3560 <li class="menu__item paragraph"> 3561 <a href="/policies/shipping-policy"> 3562 Shipping Policy 3563 </a> 3564 </li> 3565 3566 <li class="menu__item paragraph"> 3567 <a href="/policies/refund-policy"> 3568 Refund Policy 3569 </a> 3570 </li> 3571 3572 <li class="menu__item paragraph"> 3573 <a href="/policies/privacy-policy"> 3574 Privacy Policy 3575 </a> 3576 </li> 3577 3578 <li class="menu__item paragraph"> 3579 <a href="/policies/terms-of-service"> 3580 Terms of Service 3581 </a> 3582 </li> 3583 3584 </ul> 3585 3586 </div> 3587 </details> 3588 </accordion-custom> 3589 3590 3591 3592 3593 3594 3595 3596 3597<div 3598 class=" 3599 group-block 3600 group-block--height-fit 3601 group-block--width-fill 3602 border-style 3603 spacing-style 3604 size-style 3605 3606 3607 " 3608 style=" 3609 --border-width: 1px; --border-style: none; --border-color: 3610rgb(var(--color-border-rgb) / 1.0); --border-radius: 36110px; 3612 3613 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 3614 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 3615 3616 " 3617 3618 data-testid="group-block" 3619><div class="group-block__media-wrapper"> 3620 3621 3622 3623 3624 3625 </div> 3626 3627 <div 3628 class=" 3629 group-block-content 3630 3631 layout-panel-flex 3632 layout-panel-flex--column 3633 mobile-column 3634 " 3635 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 3636 3637--gap: 6px; 3638 3639--horizontal-alignment: flex-start; --vertical-alignment: center; 3640--vertical-alignment-mobile: center; 3641" 3642 > 3643 3644 3645 3646 3647 3648 3649 3650 3651 3652 <div class=" spacing-style text-block text-block--AbE1iNklHTEJEekpjb__text_LWt8Pz h4 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 3653 <h2>Join our email list</h2> 3654 </div> 3655 3656 3657 3658 3659 3660 3661 3662 3663 3664 3665 3666 3667 3668 3669 3670 <rte-formatter class=" spacing-style text-block text-block--ALzdkZzVwM1N1emJnO__text_f9CFLH rte text-block--align-left rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 3671 <p>Get exclusive deals and early access to new products.</p> 3672 </rte-formatter> 3673 3674 3675 3676 3677 3678 3679<div id="shopify-block-ATnNMU2cvSExVZWhqR__klaviyo_email_marketing_sms_form_embed_block_73QakV" class="shopify-block shopify-app-block"> 3680 <div class="klaviyo-form-VZkvjj"></div> 3681 3682 3683 3684 3685</div> 3686</div> 3687</div> 3688 3689 3690 3691 3692 3693 3694 </div> 3695</div> 3696 3697 3698 3699 3700</footer><div id="shopify-section-sections--26548091355317__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities"> 3701
3702<div class="section-background color-scheme-cf058991-a5b9-496f-aba6-870a1ecfd4a7"></div> 3703<div 3704 class="section section--page-width color-scheme-cf058991-a5b9-496f-aba6-870a1ecfd4a7" 3705 3706> 3707 <div 3708 class="utilities utilities--blocks-3 spacing-style" 3709 style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;" 3710 data-testid="footer-utilities" 3711 > 3712 3713 3714<div 3715 class=" 3716 footer-utilities__group-copyright 3717 custom-typography 3718 footer-utilities__text 3719 custom-font-size 3720 " 3721 style=" 3722--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);" 3723 3724> 3725 <span class="footer-utilities__text"> 3726 © 2026 3727 <a href="/" title="">Petersen Games Shop</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a> 3728</span> 3729</div> 3730 3731 3732 3733 3734 <anchored-popover-component 3735 class="footer-utilities__policy-list footer-utilities__text" 3736 data-hover-triggered="true" 3737 > 3738 <button 3739 class="policy-list-trigger button-unstyled" 3740 popovertarget="terms-policies-popover" 3741 popovertargetaction="toggle" 3742 ref="trigger" 3743 style=" 3744--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);" 3745 3746 > 3747 Terms and Policies 3748 </button> 3749 <div 3750 class="terms-policies-popover color-scheme-5" 3751 id="terms-policies-popover" 3752 popover="auto" 3753 ref="popover" 3754 > 3755 <ul 3756 class=" 3757 policy_list list-unstyled 3758 custom-typography 3759 custom-font-size 3760 " 3761 ><li> 3762 <a 3763 href="/policies/privacy-policy" 3764 class="footer-utilities__text" 3765 >Privacy policy</a> 3766 </li><li> 3767 <a 3768 href="/policies/terms-of-service" 3769 class="footer-utilities__text" 3770 >Terms of service</a> 3771 </li><li> 3772 <a 3773 href="/policies/refund-policy" 3774 class="footer-utilities__text" 3775 >Refund policy</a> 3776 </li><li> 3777 <a 3778 href="/policies/contact-information" 3779 class="footer-utilities__text" 3780 >Contact information</a> 3781 </li><li> 3782 <a 3783 href="/policies/shipping-policy" 3784 class="footer-utilities__text" 3785 >Shipping policy</a> 3786 </li></ul> 3787 </div> 3788 </anchored-popover-component> 3789 3790 3791 3792 3793 3794 3795 3796<div 3797 class="social-icons__wrapper footer-utilities__icons" 3798 3799> 3800 3801 3802 3803 3804 3805 3806 3807 3808 3809 3810 3811 3812 3813 3814 3815 3816 3817 3818 3819 3820 3821 3822 3823 3824 3825 3826 3827 3828 3829 3830 3831 3832 3833 3834 3835 3836 3837 3838 3839 3840 3841 3842 3843 3844 3845 3846 3847 3848 3849 3850 3851 3852 3853 3854 3855 3856 3857 3858 3859 3860 3861 3862 3863 3864 3865 3866 3867 3868 3869 3870 3871 3872 3873 3874 3875 3876 3877 3878</div> 3879 3880 3881 3882 3883 3884 </div> 3885</div> 3886 3887 3888 3889 3890</div> 3891<!-- END sections: footer-group --> 3892 3893
3893<script 3894 src="//petersengames.com/cdn/shop/t/546/assets/dialog.js?v=61774032287387761671766084391" 3895 type="module" 3896></script>
3896 3897
3898<script 3899 src="//petersengames.com/cdn/shop/t/546/assets/predictive-search.js?v=149240552485540508541766084391" 3900 type="module" 3901 fetchpriority="low" 3902></script>
3902 3903 3904<dialog-component 3905 id="search-modal" 3906 class="search-modal" 3907 3908> 3909 <dialog 3910 ref="dialog" 3911 on:click="/closeDialogOnClickOutside" 3912 on:keydown="/closeDialogOnEscapePress" 3913 class="search-modal__content dialog-modal" 3914 scroll-lock 3915 aria-labelledby="search-modal-heading" 3916 > 3917 <h2 3918 id="search-modal-heading" 3919 class="visually-hidden" 3920 > 3921 Search 3922 </h2> 3923 <predictive-search-component 3924 class="predictive-search color-scheme-5" 3925 style="--product-corner-radius: 0px; --card-corner-radius: 4px;" 3926 data-section-id="predictive-search" 3927 data-testid="search-component--modal" 3928 role="search" 3929 aria-label="Search" 3930 > 3931 <form 3932 action="/search" 3933 method="get" 3934 role="search" 3935 class="predictive-search-form" 3936 ref="form" 3937 on:keydown="/onSearchKeyDown" 3938 > 3939 <div 3940 class="predictive-search-form__header" 3941 > 3942 <div class="predictive-search-form__header-inner"> 3943 <label 3944 for="cmdk-input" 3945 class="visually-hidden" 3946 >Search</label> 3947 <input 3948 class="search-input" 3949 id="cmdk-input" 3950 type="search" 3951 name="q" 3952 role="combobox" 3953 aria-expanded="false" 3954 aria-owns="predictive-search-results" 3955 aria-controls="predictive-search-results" 3956 aria-haspopup="listbox" 3957 aria-autocomplete="list" 3958 autocomplete="off" 3959 placeholder="Search" 3960 ref="searchInput" 3961 on:input="/search" 3962 on:keydown="/onSearchKeyDown" 3963 > 3964 <input 3965 name="options[prefix]" 3966 type="hidden" 3967 value="last" 3968 > 3969 <span class="svg-wrapper predictive-search__icon"> 3970 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 3971 3972 </span> 3973 <button 3974 type="button" 3975 class="button-unstyled predictive-search__reset-button" 3976 ref="resetButton" 3977 hidden 3978 on:click="/resetSearch" 3979 > 3980 Clear 3981 </button> 3982 </div> 3983 <button 3984 type="button" 3985 class="button predictive-search__close-modal-button" 3986 aria-label="Close dialog" 3987 on:click="dialog-component/closeDialog" 3988 ref="closeModalButton" 3989 > 3990 <span class="svg-wrapper"> 3991 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3992 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3993 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3994</svg> 3995 3996 </span> 3997 </button> 3998 </div> 3999 4000 <div class="predictive-search-form__content-wrapper"> 4001 <div 4002 class="predictive-search-form__content" 4003 tabindex="-1" 4004 ref="predictiveSearchResults" 4005 on:click="/handleModalClick" 4006 > 4007 4008 4009<div 4010 id="predictive-search-results" 4011 class="predictive-search-dropdown" 4012 role="listbox" 4013 aria-expanded="true" 4014 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 4015> 4016 4017 <div class="predictive-search-results__inner"> 4018 4019 4020 4021 4022 4023 <div 4024 id="predictive-search-products" 4025 class="predictive-search-results__products" 4026 4027 data-testid="products-list-default--modal" 4028 4029> 4030 4031 <h4 class="predictive-search-results__title"> 4032 Core Game 4033 </h4> 4034 <ul 4035 class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" 4036 role="listbox"
4037 aria-label="Core Game" 4038 > 4039 4040 4041 <li 4042 class="predictive-search-results__card predictive-search-results__card--product" 4043 ref="resultsItems[]" 4044 > 4045 4046<div 4047 class="resource-card" 4048 href="/products/cthulhu-wars-o4-edition" 4049 data-resource-type="product" 4050> 4051 <a 4052 class="resource-card__link" 4053 href="/products/cthulhu-wars-o4-edition" 4054 > 4055 <span class="visually-hidden"> 4056 Cthulhu Wars (O4 Edition) 4057 </span> 4058 </a> 4059 <div 4060 class="resource-card__media" 4061 style="--resource-card-aspect-ratio: 4 / 5;" 4062 4063 > 4064 4065 4066<img src="//petersengames.com/cdn/shop/files/CWO4_transparent_box_95c67ce6-9ae8-40de-877d-e964ffcb6ce6.png?v=1759023662&width=500" alt="Image of Cthulhu Wars (O4 Edition) transparent_box.png" srcset="//petersengames.com/cdn/shop/files/CWO4_transparent_box_95c67ce6-9ae8-40de-877d-e964ffcb6ce6.png?v=1759023662&width=240 240w, //petersengames.com/cdn/shop/files/CWO4_transparent_box_95c67ce6-9ae8-40de-877d-e964ffcb6ce6.png?v=1759023662&width=352 352w" width="500" height="431" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;"> 4067 4068 <img src="//petersengames.com/cdn/shop/files/download_38e41a68-6d07-4b1b-8792-08dd999240b6.png?v=1763590087&width=500" alt="Cthulhu Wars (O4 Edition) â view 2" srcset="//petersengames.com/cdn/shop/files/download_38e41a68-6d07-4b1b-8792-08dd999240b6.png?v=1763590087&width=240 240w, //petersengames.com/cdn/shop/files/download_38e41a68-6d07-4b1b-8792-08dd999240b6.png?v=1763590087&width=352 352w" width="500" height="431" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="62852037181621" style="object-position: 50.0% 50.0%;"> 4069</div> 4070 4071 <div class="resource-card__content"> 4072 <p class="resource-card__title paragraph">Cthulhu Wars (O4 Edition)</p> 4073 4074 4075 <div ref="priceContainer"> 4076 4077 4078 4079 4080 4081 <span class="price">$249.00 USD</span> 4082 4083 4084 4085 4086</div> 4087 4088 </div> 4089</div> 4090 4091 </li> 4092 4093 <li 4094 class="predictive-search-results__card predictive-search-results__card--product" 4095 ref="resultsItems[]" 4096 > 4097 4098<div 4099 class="resource-card" 4100 href="/products/the-invasion-faction-with-no-minis" 4101 data-resource-type="product" 4102> 4103 <a 4104 class="resource-card__link" 4105 href="/products/the-invasion-faction-with-no-minis" 4106 > 4107 <span class="visually-hidden"> 4108 The Invasion Faction with NO MINIS 4109 </span> 4110 </a> 4111 <div 4112 class="resource-card__media" 4113 style="--resource-card-aspect-ratio: 4 / 5;" 4114 4115 > 4116 4117 4118<img src="//petersengames.com/cdn/shop/files/CW-F9-NM_transparent_box_3139387f-48f4-4322-899f-073db0332d47.png?v=1759023594&width=500" alt="Image of The Invasion Faction with NO MINIS transparent_box.png" srcset="//petersengames.com/cdn/shop/files/CW-F9-NM_transparent_box_3139387f-48f4-4322-899f-073db0332d47.png?v=1759023594&width=240 240w, //petersengames.com/cdn/shop/files/CW-F9-NM_transparent_box_3139387f-48f4-4322-899f-073db0332d47.png?v=1759023594&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;"> 4119</div> 4120 4121 <div class="resource-card__content"> 4122 <p class="resource-card__title paragraph">The Invasion Faction with NO MINIS</p> 4123 4124 4125 <div ref="priceContainer"> 4126 4127 4128 4129 4130 4131 <span class="price">$19.99 USD</span> 4132 4133 4134 4135 4136</div> 4137 4138 </div> 4139</div> 4140 4141 </li> 4142 4143 <li 4144 class="predictive-search-results__card predictive-search-results__card--product" 4145 ref="resultsItems[]" 4146 > 4147 4148<div 4149 class="resource-card" 4150 href="/products/cthulhu-wars-duel-extinction" 4151 data-resource-type="product" 4152> 4153 <a 4154 class="resource-card__link" 4155 href="/products/cthulhu-wars-duel-extinction" 4156 > 4157 <span class="visually-hidden"> 4158 Cthulhu Wars Duel - Extinction 4159 </span> 4160 </a> 4161 <div 4162 class="resource-card__media" 4163 style="--resource-card-aspect-ratio: 4 / 5;" 4164 4165 > 4166 4167 4168<img src="//petersengames.com/cdn/shop/files/CWD-2_transparent_box_15a78a1f-6f76-427d-82a6-6940bf870173.png?v=1759023645&width=500" alt="Image of Cthulhu Wars Duel - Extinction transparent_box.png" srcset="//petersengames.com/cdn/shop/files/CWD-2_transparent_box_15a78a1f-6f76-427d-82a6-6940bf870173.png?v=1759023645&width=240 240w, //petersengames.com/cdn/shop/files/CWD-2_transparent_box_15a78a1f-6f76-427d-82a6-6940bf870173.png?v=1759023645&width=352 352w" width="500" height="431" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;"> 4169 4170 <img src="//petersengames.com/cdn/shop/files/download_f9eeb35c-b523-4ebb-a359-b5da2ef16994.png?v=1763592310&width=500" alt="Cthulhu Wars Duel - Extinction â view 2" srcset="//petersengames.com/cdn/shop/files/download_f9eeb35c-b523-4ebb-a359-b5da2ef16994.png?v=1763592310&width=240 240w, //petersengames.com/cdn/shop/files/download_f9eeb35c-b523-4ebb-a359-b5da2ef16994.png?v=1763592310&width=352 352w" width="500" height="431" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="62852112318645" style="object-position: 50.0% 50.0%;"> 4171</div> 4172 4173 <div class="resource-card__content"> 4174 <p class="resource-card__title paragraph">Cthulhu Wars Duel - Extinction</p> 4175 4176 4177 <div ref="priceContainer"> 4178 4179 4180 4181 4182
4183 <span class="price">$29.99 USD</span> 4184 4185 4186 4187 4188</div> 4189 4190 </div> 4191</div> 4192 4193 </li> 4194 4195 <li 4196 class="predictive-search-results__card predictive-search-results__card--product" 4197 ref="resultsItems[]" 4198 > 4199 4200<div 4201 class="resource-card" 4202 href="/products/cthulhu-wars-duel" 4203 data-resource-type="product" 4204> 4205 <a 4206 class="resource-card__link" 4207 href="/products/cthulhu-wars-duel" 4208 > 4209 <span class="visually-hidden"> 4210 Cthulhu Wars Duel 4211 </span> 4212 </a> 4213 <div 4214 class="resource-card__media" 4215 style="--resource-card-aspect-ratio: 4 / 5;" 4216 4217 > 4218 4219 4220<img src="//petersengames.com/cdn/shop/files/CWD-1_transparent_box_20cac4ba-0e74-4cc7-b29a-5fc1cdaf0c26.png?v=1759023638&width=500" alt="Image of Cthulhu Wars Duel transparent_box.png" srcset="//petersengames.com/cdn/shop/files/CWD-1_transparent_box_20cac4ba-0e74-4cc7-b29a-5fc1cdaf0c26.png?v=1759023638&width=240 240w, //petersengames.com/cdn/shop/files/CWD-1_transparent_box_20cac4ba-0e74-4cc7-b29a-5fc1cdaf0c26.png?v=1759023638&width=352 352w" width="500" height="431" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="false" style="object-position: 50.0% 50.0%;"> 4221 4222 <img src="//petersengames.com/cdn/shop/files/CWD-1_gamesetup_neutral_7ad7ae14-1baf-420c-b512-cf18be9e47dd.png?v=1759023640&width=500" alt="Image of Cthulhu Wars Duel gamesetup_neutral.png" srcset="//petersengames.com/cdn/shop/files/CWD-1_gamesetup_neutral_7ad7ae14-1baf-420c-b512-cf18be9e47dd.png?v=1759023640&width=240 240w, //petersengames.com/cdn/shop/files/CWD-1_gamesetup_neutral_7ad7ae14-1baf-420c-b512-cf18be9e47dd.png?v=1759023640&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitionToProduct="false" data-media-id="62516142735541" style="object-position: 50.0% 50.0%;"> 4223</div> 4224 4225 <div class="resource-card__content"> 4226 <p class="resource-card__title paragraph">Cthulhu Wars Duel</p> 4227 4228 4229 <div ref="priceContainer"> 4230 4231 4232 4233 4234 4235 <span class="price">$29.99 USD</span> 4236 4237 4238 4239 4240</div> 4241 4242 </div> 4243</div> 4244 4245 </li> 4246 4247 </ul> 4248 4249</div> 4250 4251 4252 4253 4254 4255 </div> 4256 4257</div> 4258 4259 </div> 4260 4261 <div class="predictive-search-form__footer"> 4262 <button 4263 class="button button-primary predictive-search__search-button" 4264 ref="viewAllButton" 4265 > 4266 View all 4267 </button> 4268 </div> 4269 </div> 4270 </form> 4271 </predictive-search-component> 4272 </dialog> 4273</dialog-component> 4274 4275 4276 4277 4278 4279 <style> /* 1. Change 'height' to 'min-height' so the page can grow as long as your products list */html {height: auto; min-height: 100%;} body {min-height: 100vh; height: auto; margin: 0; /* Your existing background settings integrated below */ background-image: url("https://cdn.shopify.com/s/files/1/0701/0277/8037/files/Page-Theme.png?v=1765943931") !important; background-repeat: repeat-y !important; background-position: top center !important; background-size: 100% auto !important; background-attachment: scroll !important;} /* 2. Fix for Horizon/Shopify 2.0: Remove theme 'overlays' that block your background */.gradient,#MainContent,.section-sections-wrapper {background-color: transparent !important; background-image: none !important;} /* 3. Ensure the main content area doesn't have its own solid background */#MainContent {min-height: 100vh;} </style> 4280<div id="shopify-block-Aenh1NWExaGprVXFIQ__16156609502398088594" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: omega_multi_pixel --><div class='ot-multi-pixel'></div> 4281 4282
4282<script> 4283 (function () { 4284 try { 4285 localStorage.setItem( 4286 "omega_product_context_save_to_theme_app", 4287 JSON.stringify({ collections: [], id: "null", tags: [], type: "null" }) 4288 ); 4289 } catch (e) { 4290 console.error("Omega: reset product context failed", e); 4291 } 4292 })(); 4293 </script>
4293 4294 4295 4296 4297 4298 4299 4300 4301 4302 4303 4304 4305
4305<script> 4306 var omegaFBSettings = {"settings":{"shop_id":8398,"plan_configs":"","is_enable_trigger":false,"attributes_window":7,"enable":true,"content_type_event":"product","capi_track_addtocart":true,"capi_track_addpaymentinfo":true,"capi_track_checkout":true,"capi_track_pageview":true,"capi_track_purchase":true,"capi_track_search":true,"capi_track_viewcontent":true,"pixel_track_addpaymentinfo":true,"pixel_track_addtocart":true,"pixel_track_checkout":true,"pixel_track_pageview":true,"pixel_track_purchase":true,"pixel_track_search":true,"pixel_track_viewcontent":true,"accept_permission_fb_ads":false,"is_enable_capi_pageview":false,"include_shipping_cost":false,"anti_spam_event":false,"plan_id":"","insights_enabled":true,"app_proxy_subpath":"/apps/otm"}}; 4307 (function () { 4308 try { 4309 localStorage.setItem( 4310 'omegaFBSettings', 4311 JSON.stringify(omegaFBSettings) 4312 ); 4313 } catch (e) { 4314 console.error('Omega FB Settings parse error', e); 4315 } 4316 })(); 4317 </script>
4317 4318 4319 4320
4321<script> 4322 var localizationOmega = { 4323 // ââ country hiá»n tại ââ 4324 country: { 4325 name: "United States", 4326 iso_code: "US", 4327 continent: "North America", 4328 unit_system: "imperial", 4329 popular: null, 4330 currency: { 4331 iso_code: "USD", 4332 name: "United States Dollar", 4333 symbol: "$" 4334 } 4335 }, 4336 4337 // ââ language hiá»n tại ââ 4338 language: { 4339 name: "English", 4340 endonym_name: "English", 4341 iso_code: "en", 4342 primary: true, 4343 root_url: "\/" 4344 }, 4345 4346 // ââ market hiá»n tại (market object bá» cấm | json, lấy field con) ââ 4347 market: { 4348 id: 37767676085, 4349 handle: "us" 4350 }, 4351 4352 // ââ danh sách country khả dụng ââ 4353 availableCountries: [{ 4354 name: "Australia", 4355 iso_code: "AU", 4356 currency: "AUD" 4357 },{ 4358 name: "Austria", 4359 iso_code: "AT", 4360 currency: "EUR" 4361 },{ 4362 name: "Belgium", 4363 iso_code: "BE", 4364 currency: "EUR" 4365 },{ 4366 name: "Bulgaria", 4367 iso_code: "BG", 4368 currency: "EUR" 4369 },{ 4370 name: "Canada", 4371 iso_code: "CA", 4372 currency: "CAD" 4373 },{ 4374 name: "China", 4375 iso_code: "CN", 4376 currency: "CNY" 4377 },{ 4378 name: "Croatia", 4379 iso_code: "HR", 4380 currency: "EUR" 4381 },{ 4382 name: "Cyprus", 4383 iso_code: "CY", 4384 currency: "EUR" 4385 },{ 4386 name: "Czechia", 4387 iso_code: "CZ", 4388 currency: "EUR" 4389 },{ 4390 name: "Denmark", 4391 iso_code: "DK", 4392 currency: "EUR" 4393 },{ 4394 name: "Estonia", 4395 iso_code: "EE", 4396 currency: "EUR" 4397 },{ 4398 name: "Finland", 4399 iso_code: "FI", 4400 currency: "EUR" 4401 },{ 4402 name: "France", 4403 iso_code: "FR", 4404 currency: "EUR" 4405 },{ 4406 name: "Germany", 4407 iso_code: "DE", 4408 currency: "EUR" 4409 },{ 4410 name: "Greece", 4411 iso_code: "GR", 4412 currency: "EUR" 4413 },{ 4414 name: "Hong Kong SAR", 4415 iso_code: "HK", 4416 currency: "HKD" 4417 },{ 4418 name: "Hungary", 4419 iso_code: "HU", 4420 currency: "EUR" 4421 },{ 4422 name: "Indonesia", 4423 iso_code: "ID", 4424 currency: "IDR" 4425 },{ 4426 name: "Ireland", 4427 iso_code: "IE", 4428 currency: "EUR" 4429 },{ 4430 name: "Italy", 4431 iso_code: "IT", 4432 currency: "EUR" 4433 },{ 4434 name: "Japan", 4435 iso_code: "JP", 4436 currency: "JPY" 4437 },{ 4438 name: "Latvia", 4439 iso_code: "LV", 4440 currency: "EUR" 4441 },{ 4442 name: "Lithuania", 4443 iso_code: "LT", 4444 currency: "EUR" 4445 },{ 4446 name: "Luxembourg", 4447 iso_code: "LU", 4448 currency: "EUR" 4449 },{ 4450 name: "Macao SAR", 4451 iso_code: "MO", 4452 currency: "MOP" 4453 },{ 4454 name: "Malaysia", 4455 iso_code: "MY", 4456 currency: "MYR" 4457 },{ 4458 name: "Malta", 4459 iso_code: "MT", 4460 currency: "EUR" 4461 },{ 4462 name: "Netherlands", 4463 iso_code: "NL", 4464 currency: "EUR" 4465 },{ 4466 name: "New Zealand", 4467 iso_code: "NZ", 4468 currency: "NZD" 4469 },{ 4470 name: "Norway", 4471 iso_code: "NO", 4472 currency: "EUR" 4473 },{ 4474 name: "Philippines", 4475 iso_code: "PH", 4476 currency: "PHP" 4477 },{ 4478 name: "Poland", 4479 iso_code: "PL", 4480 currency: "EUR" 4481 },{ 4482 name: "Portugal", 4483 iso_code: "PT", 4484 currency: "EUR" 4485 },{ 4486 name: "Romania", 4487 iso_code: "RO", 4488 currency: "EUR" 4489 },{ 4490 name: "Singapore", 4491 iso_code: "SG", 4492 currency: "SGD" 4493 },{ 4494 name: "Slovakia", 4495 iso_code: "SK", 4496 currency: "EUR" 4497 },{ 4498 name: "Slovenia", 4499 iso_code: "SI", 4500 currency: "EUR" 4501 },{ 4502 name: "South Africa", 4503 iso_code: "ZA", 4504 currency: "USD" 4505 },{ 4506 name: "South Korea", 4507 iso_code: "KR", 4508 currency: "KRW" 4509 },{ 4510 name: "Spain", 4511 iso_code: "ES", 4512 currency: "EUR" 4513 },{ 4514 name: "Sweden", 4515 iso_code: "SE", 4516 currency: "EUR" 4517 },{ 4518 name: "Switzerland", 4519 iso_code: "CH", 4520 currency: "EUR" 4521 },{ 4522 name: "Taiwan", 4523 iso_code: "TW", 4524 currency: "TWD" 4525 },{ 4526 name: "Thailand", 4527 iso_code: "TH", 4528 currency: "THB" 4529 },{ 4530 name: "United Kingdom", 4531 iso_code: "GB", 4532 currency: "GBP" 4533 },{ 4534 name: "United States", 4535 iso_code: "US", 4536 currency: "USD" 4537 },{ 4538 name: "Vietnam", 4539 iso_code: "VN", 4540 currency: "VND" 4541 }], 4542 4543 // ââ danh sách language khả dụng ââ 4544 availableLanguages: [{ 4545 name: "English", 4546 endonym_name: "English", 4547 iso_code: "en", 4548 primary: true 4549 }] 4550 }; 4551 4552 // Ghi market cá»§a phiên và o localStorage Äá» web pixel Äá»c lại lúc register() 4553 // (event xem hà ng không có market â phải bắt á» storefront). Best-effort. 4554 try { 4555 localStorage.setItem( 4556 "omega_market_context", 4557 JSON.stringify({ 4558 handle: localizationOmega.market && localizationOmega.market.handle, 4559 id: localizationOmega.market && localizationOmega.market.id, 4560 country: localizationOmega.country && localizationOmega.country.iso_code 4561 }) 4562 ); 4563 } catch (e) { 4564 console.error("Omega: save market context failed", e); 4565 } 4566</script>
4566 4567 4568 4569 4570<!-- END app snippet -->
4570<script src="https://cdn.shopify.com/extensions/01a0cc1a-64d0-7b89-9dd7-451712028831/facebook-pixel-5-535/assets/omega-init.js" defer></script>
vendor: 1 bytes, line 4570
4570
4571<script 4572 type="text/javascript" 4573 src="https://cdn.shopify.com/extensions/01a0cc1a-64d0-7b89-9dd7-451712028831/facebook-pixel-5-535/assets/omega-storefront.js" 4574 defer 4575></script>
4575<script> 4576 window.__OT_BUNDLE_ATC__ = { 4577 enabled: true, 4578 window_ms: 400, 4579 hold_max_ms: 8000, 4580 }; 4581 </script>
4581 4582
4582<script src="https://cdn.shopify.com/extensions/01a0cc1a-64d0-7b89-9dd7-451712028831/facebook-pixel-5-535/assets/bundle-atc.js"></script>
4582 4583
4584<script> 4585 window.__OTICS__ = { 4586 enabled: true, 4587 app: "SPF001", 4588 proxy: "\/apps\/otm", // subpath first-party -> collector POST {proxy}/signal -> backend /cab/<app_code>/signal 4589 shop: "qmgkh2-0g.myshopify.com" 4590 }; 4591 </script>
4591<script> 4592 window.__OT_GATE__ = { 4593 regions: "", 4594 liquidCountry: "US", 4595 modules: { 4596 // ð´ `allow_false: true` là BẮT BUá»C. Bá» lá»c `default` cá»§a Liquid coi `false` là "không có 4597 // giá trá»" và thay bằng mặc Äá»nh â nên `false | default: true` ra TRUE. Thiếu tham sá» nà y 4598 // thì tắt cá» á» admin không có tác dụng gì: module vẫn ÄÆ°á»£c nạp, im lặng. 4599 // Äá»nh danh khách. Nạp TRƯá»C collector.js (thứ tá»± trong object = thứ tá»± chèn, và các 4600 // module `defer` chạy theo Äúng thứ tá»± chèn) Äá» collector thấy ÄÆ°á»£c window.OTVisitorId. 4601 // Vắng module â beacon consent vẫn gá»i, chá» thiếu phần Äá»nh danh. 4602 visitor_id: true, 4603 consent_signal: true, 4604 cart_attrs: true 4605 }, 4606 assets: { 4607 visitor_id: { src: "https:\/\/cdn.shopify.com\/extensions\/01a0cc1a-64d0-7b89-9dd7-451712028831\/facebook-pixel-5-535\/assets\/ot-visitor-id.js", defer: true }, 4608 consent_signal: { src: "https:\/\/cdn.shopify.com\/extensions\/01a0cc1a-64d0-7b89-9dd7-451712028831\/facebook-pixel-5-535\/assets\/collector.js", defer: true }, 4609 cart_attrs: { src: "https:\/\/cdn.shopify.com\/extensions\/01a0cc1a-64d0-7b89-9dd7-451712028831\/facebook-pixel-5-535\/assets\/ot-cart-attrs.js", defer: true } 4610 }, 4611 // Luôn nạp, Ká» CẢ khi khu vá»±c bá» chặn â Äó chÃnh là lúc cần dá»n nhất. 4612 cleanup: { src: "https:\/\/cdn.shopify.com\/extensions\/01a0cc1a-64d0-7b89-9dd7-451712028831\/facebook-pixel-5-535\/assets\/ot-cleanup.js", defer: true } 4613 }; 4614</script>
4614<script src="https://cdn.shopify.com/extensions/01a0cc1a-64d0-7b89-9dd7-451712028831/facebook-pixel-5-535/assets/ot-region-gate.js" defer></script>
4614 4615 4616 4617</div>
4617<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4617 4618</body> 4619</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.