:root{--color-paper:oklch(95.8% .0067 97);--color-tile:oklch(89.5% .007 97);--color-rule:oklch(80% .008 97);--color-muted:oklch(47% .008 97);--color-ink:oklch(17% .006 97);--color-accent:oklch(40% .12 25);--color-scrim:oklch(17% .006 97/.4);--color-game-text:oklch(95.8% .0067 97);--color-game-red:oklch(62% .17 25);--color-game-grey:oklch(82% .004 97);--color-game-scrim:oklch(17% .006 97/.72);--texture-opacity:.045;--texture-size:204px;--font-body:"Helvetica Neue", Helvetica, Arimo, Arial, sans-serif;--weight:700;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-xl:clamp(1.375rem, 1.1rem + 1.2vw, 2rem);--text-menu:clamp(1.5rem, 1rem + 2.4vw, 2.5rem);--tracking-caps:.05em;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--gutter:clamp(1rem, 3vw, 2.5rem);--bar-h:3.75rem;--rule-hair:1px;--z-under:-1;--z-bar:10;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable;-webkit-text-size-adjust:100%;overflow-x:clip}html:has(dialog[open]){overflow:hidden}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-weight:var(--weight);font-size:var(--text-sm);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;position:relative;overflow-x:clip}body:before{content:"";z-index:var(--z-under);pointer-events:none;background:var(--color-ink);opacity:var(--texture-opacity);-webkit-mask:url(/texture.png) 0 0 / var(--texture-size) auto repeat;-webkit-mask:url(/texture.png) 0 0 / var(--texture-size) auto repeat;mask:url(/texture.png) 0 0 / var(--texture-size) auto repeat;position:absolute;inset:0}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit}p,h1,h2,h3{margin:0}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skip{left:var(--gutter);top:var(--space-xs);z-index:var(--z-bar);padding:var(--space-xs) var(--space-sm);background:var(--color-ink);color:var(--color-paper);position:absolute;transform:translateY(-200%)}.skip:focus-visible{transform:none}.caps{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase}.link{color:inherit;cursor:pointer;white-space:nowrap;text-decoration:underline;text-decoration-thickness:var(--rule-hair);text-underline-offset:.25em;background:0 0;border:0;padding:0}@media (hover:hover){.link:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-decoration-thickness:2px}}.icon-btn{cursor:pointer;width:2.75rem;height:2.75rem;transition:transform var(--dur-micro) var(--ease-out);background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.icon-btn:active{transform:translateY(1px)}.icon{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:square;width:1.5rem;height:1.5rem}.btn{width:100%;min-height:3rem;padding:var(--space-sm) var(--space-lg);border:var(--rule-hair) solid var(--color-ink);background:var(--color-ink);color:var(--color-paper);cursor:pointer;white-space:nowrap;font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);font-weight:700;display:block}@media (hover:hover){.btn:hover{background:var(--color-paper);color:var(--color-ink)}}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.bar{z-index:var(--z-bar);height:var(--bar-h);padding-inline:calc(var(--gutter) - .625rem);background:var(--color-paper);border-bottom:var(--rule-hair) solid var(--color-rule);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.bar__logo{justify-self:center}.bar__logo img{width:auto;height:clamp(1.25rem,1rem + 1vw,1.625rem)}.icon-btn--sack{justify-self:end}.sack{width:2rem;height:2rem;overflow:visible}.sack__fill{fill:var(--color-ink)}.sack__band{fill:var(--color-ink);stroke:var(--color-paper);stroke-width:1.1px;paint-order:stroke}.sack__halo,.sack__rope,.sack__stitch{fill:none;stroke-linecap:round}.sack__halo{stroke:var(--color-paper);stroke-width:3px}.sack__rope{stroke:var(--color-ink);stroke-width:1.5px}.sack__stitch{stroke:var(--color-paper);stroke-width:.9px;stroke-dasharray:1.6 1.3}.sack__count{color:var(--color-paper);font-size:var(--text-2xs);pointer-events:none;line-height:1;position:absolute;top:61%;left:50%;translate:-50% -50%}.sack__count.is-long{letter-spacing:-.04em;font-size:.5625rem}.icon-btn--sack.is-bump .sack{animation:bump var(--dur-long) var(--ease-out)}@keyframes bump{0%{transform:translateY(-3px)rotate(-6deg)}to{transform:none}}.hero{min-height:clamp(24rem,72svh,48rem);padding:var(--space-xl) var(--gutter) var(--space-md);align-content:end;display:grid;position:relative}.hero__stage{place-items:center;display:grid;position:absolute;inset:0}.hero__fallback{object-fit:contain;width:auto;max-width:76%;height:58%;transition:opacity var(--dur-long) var(--ease-out)}.hero__canvas{opacity:0;cursor:grab;touch-action:pan-y;width:100%;height:100%;transition:opacity var(--dur-long) var(--ease-out);position:absolute;inset:0}.hero__canvas:active{cursor:grabbing}.hero__stage.is-live .hero__canvas{opacity:1}.hero__stage.is-live .hero__fallback{opacity:0}.hero__stage{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.hero__sig{aspect-ratio:560/329;opacity:0;pointer-events:none;width:min(80%,44rem);transition:opacity var(--dur-short) var(--ease-out);background:url(/signature-sprite.webp) 0 0/600% 600% no-repeat;position:absolute;top:50%;left:50%;translate:-50% -50%}.hero__stage.is-signing:not(.is-live) .hero__sig{opacity:1}.hero__stage.is-signing:not(.is-live) .hero__fallback{opacity:0}.hero__foot{justify-content:space-between;align-items:baseline;gap:var(--space-xs) var(--space-lg);pointer-events:none;flex-wrap:wrap;display:flex;position:relative}.hero__foot>*{pointer-events:auto}.hero__hint{color:var(--color-muted)}@media (width<=47.99rem){.hero__hint{text-align:center;margin-bottom:var(--space-sm);flex-basis:100%;order:-1}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shop{padding:var(--space-xl) var(--gutter) var(--space-3xl);border-top:var(--rule-hair) solid var(--color-rule);scroll-margin-top:var(--bar-h)}.shop__head{align-items:baseline;gap:var(--space-xs) var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.shop__title{overflow-wrap:anywhere;min-width:0;font-size:var(--text-xl);letter-spacing:-.01em;text-transform:uppercase;line-height:1}.shop__count{color:var(--color-muted);font-size:var(--text-xs)}.shop__reset{font-size:var(--text-xs);margin-inline-start:auto}.grid{gap:var(--space-xl) var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.grid{gap:var(--space-2xl) var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=72rem){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{min-width:0;animation:arrive-up var(--dur-long) var(--ease-out) both;animation-delay:calc(min(var(--i), 8) * 50ms);flex-direction:column;display:flex}.card[hidden]{display:none}@keyframes arrive-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card__media{aspect-ratio:4/5;background:var(--color-tile);place-items:center;padding:11%;display:grid;overflow:hidden}.card__media img{object-fit:contain;width:100%;height:100%;transition:transform var(--dur-long) var(--ease-out)}@media (hover:hover){.card:hover .card__media img{transform:scale(1.02)}}.card__meta{justify-content:space-between;align-items:baseline;gap:var(--space-xs);margin-top:var(--space-sm);display:flex}.card__name{min-width:0}.card__price{font-size:var(--text-xs);flex-shrink:0}.card__colour{margin-top:var(--space-2xs);color:var(--color-muted);font-size:var(--text-xs)}.card__swatches{gap:var(--space-xs);margin-top:var(--space-xs);display:flex}.swatch{border:var(--rule-hair) solid var(--color-rule);background:var(--swatch);cursor:pointer;width:1.125rem;height:1.125rem;padding:0}.swatch[aria-checked=true]{outline:2px solid var(--color-ink);outline-offset:2px}@media (pointer:coarse){.swatch{width:1.75rem;height:1.75rem}}.card__sizes{gap:var(--space-2xs);padding-top:var(--space-sm);margin-top:auto;display:flex}.card__sizes button{border:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);cursor:pointer;min-width:0;height:2.25rem;font-size:var(--text-xs);transition:background-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out);flex:1 1 0;padding:0}@media (hover:hover){.card__sizes button:hover{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}}.card__sizes button:active{background:var(--color-ink);color:var(--color-paper)}@media (pointer:coarse){.card__sizes button{height:2.75rem}}.foot{justify-items:center;gap:var(--space-md);padding:var(--space-xl) var(--gutter);border-top:var(--rule-hair) solid var(--color-rule);background:var(--color-paper);color:var(--color-muted);font-size:var(--text-xs);grid-template-columns:1fr;display:grid}.foot__logo{order:-1;width:1.75rem}@media (width>=48rem){.foot{grid-template-columns:1fr auto 1fr;align-items:center}.foot p:first-child{justify-self:start}.foot p:last-child{justify-self:end}.foot__logo{order:0}}.drawer{background:var(--color-paper);width:min(26rem,88%);max-width:none;height:100dvh;max-height:none;color:var(--color-ink);transition:transform var(--dur-long) var(--ease-out), overlay var(--dur-long) allow-discrete, display var(--dur-long) allow-discrete;border:0;margin:0;padding:0;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.drawer--right{inset:0 0 0 auto;transform:translate(100%)}.drawer[open]{transform:none}@starting-style{.drawer--left[open]{transform:translate(-100%)}.drawer--right[open]{transform:translate(100%)}}.drawer::backdrop{transition:background-color var(--dur-long) var(--ease-out), overlay var(--dur-long) allow-discrete, display var(--dur-long) allow-discrete;background:0 0}.drawer[open]::backdrop{background:var(--color-scrim)}@starting-style{.drawer[open]::backdrop{background:0 0}}.drawer__inner{height:100%;padding:0 var(--gutter) max(var(--space-lg), env(safe-area-inset-bottom));flex-direction:column;display:flex}.drawer__head{height:var(--bar-h);border-bottom:var(--rule-hair) solid var(--color-rule);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.drawer__head .icon-btn{margin-inline:-.625rem}.drawer__title{font-weight:700}.drawer__small{color:var(--color-muted);font-size:var(--text-xs)}.drawer__small:empty{display:none}.menu{padding:var(--space-lg) 0;flex:1;margin:0;list-style:none}.menu__link{padding-block:var(--space-2xs);color:inherit;white-space:nowrap;font-size:var(--text-menu);text-transform:uppercase;line-height:1.15;text-decoration:none;display:block}.menu__n{color:var(--color-muted);font-size:var(--text-xs);margin-inline-start:var(--space-sm);display:inline-block}.menu__game{margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule)}.menu__link[aria-current]{text-underline-offset:.15em;text-decoration:underline;text-decoration-thickness:3px}@media (hover:hover){.menu__link:hover{color:var(--color-accent)}}.lines{margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter);flex:1;list-style:none;overflow-y:auto}.line{gap:var(--space-md);padding-block:var(--space-md);border-bottom:var(--rule-hair) solid var(--color-rule);grid-template-columns:4.5rem minmax(0,1fr) auto;display:grid}.line__img{aspect-ratio:4/5;background:var(--color-tile);place-items:center;padding:10%;display:grid}.line__img img{object-fit:contain;width:100%;height:100%}.line__sub{margin-top:var(--space-2xs);color:var(--color-muted);font-size:var(--text-xs)}.line__end{font-size:var(--text-xs);flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.qty{margin-top:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);align-items:center;display:inline-flex}.qty button{cursor:pointer;width:2rem;height:2rem;font-size:var(--text-md);background:0 0;border:0;padding:0;line-height:1}.qty button:disabled{opacity:.3;cursor:not-allowed}@media (hover:hover){.qty button:not(:disabled):hover{background:var(--color-tile)}}.qty output{text-align:center;min-width:1.5rem;font-size:var(--text-xs)}.cart-empty{gap:var(--space-lg);padding-block:var(--space-xl);display:grid}.cart-empty[hidden],.cart-foot[hidden]{display:none}.cart-foot{gap:var(--space-sm);padding-top:var(--space-lg);flex-shrink:0;display:grid}.cart-foot__row{font-size:var(--text-sm);letter-spacing:var(--tracking-caps);text-transform:uppercase;justify-content:space-between;font-weight:700;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}.card{animation-name:fade;animation-delay:0s}.drawer,.drawer--right,.drawer[open]{transform:none}@starting-style{.drawer--left[open],.drawer--right[open]{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}}