@keyframes pg-case-lid{to{transform:rotateX(105deg);opacity:0}}@keyframes pg-case-flip{0%{transform:rotateY(90deg);opacity:1}to{transform:none;opacity:1}}[data-page] .pg-case{position:relative;padding:.9em;border-radius:var(--brand-radius-card);background:var(--pg-case);box-shadow:inset 0 0 0 3px var(--pg-case-trim),var(--brand-shadow-paper);perspective:56em;container:pg-case / inline-size}[data-page] .pg-case-lining{display:flex;justify-content:center;align-items:center;gap:.4em;min-height:8.75em;padding:1.1em .6em;border-radius:.75em;background:var(--pg-case-lining)}[data-page] .pg-case-tile{display:inline-block;transform:rotateY(90deg);opacity:0;--pg-ctw: min(3.25em, 100cqw / 6.6);--tile-w: var(--pg-ctw);--tile-h: calc(var(--pg-ctw) * 1.4);animation:pg-case-flip .32s var(--brand-motion-easing) forwards;animation-delay:calc(.7s + var(--pg-i) * .22s)}[data-page] .pg-case-lid{position:absolute;inset:0;border-radius:var(--brand-radius-card);background:var(--pg-case);box-shadow:inset 0 0 0 3px var(--pg-case-trim);transform-origin:50% 0;animation:pg-case-lid .9s var(--brand-motion-easing) .2s forwards}[data-page] .pg-case[data-case-done] .pg-case-tile{animation:none;transform:none;opacity:1}[data-page] .pg-case[data-case-done] .pg-case-lid{animation:none;transform:rotateX(105deg);opacity:0}[data-page] .pg-case[data-case-state=closed] :is(.pg-case-tile,.pg-case-lid){animation:none}@media(prefers-reduced-motion:reduce){[data-page] .pg-case-tile{animation:none;transform:none;opacity:1}[data-page] .pg-case-lid{animation:none;opacity:0}}@media(forced-colors:active){[data-page] .pg-case,[data-page] .pg-case-lining{border:1.5px solid currentColor}}[data-page] .pg-showoff{box-sizing:border-box;width:100%;max-width:calc(var(--pg-o, 1) * 40em);min-width:0;container:pg-showoff / inline-size}[data-page][data-monitor] .pg-showoff{max-width:calc(var(--pg-o, 1) * 42em)}[data-page] .pg-show-felt{--pg-show-hi: color-mix(in srgb, var(--pg-felt) 84%, var(--brand-palette-cream));--pg-show-lo: color-mix(in srgb, var(--pg-felt) 90%, var(--brand-palette-chocolate));position:relative;display:grid;justify-items:center;gap:0;min-width:0;padding:calc(var(--pg-o, 1) * 1.4em) 1em calc(var(--pg-o, 1) * 1.3em);overflow:hidden;border-radius:var(--brand-radius-card);background-color:var(--pg-felt);background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--brand-palette-cream) 10%,transparent) 0 1px,transparent 1px .25em),repeating-linear-gradient(0deg,color-mix(in srgb,var(--brand-palette-chocolate) 7%,transparent) 0 1px,transparent 1px .19em),radial-gradient(120% 95% at 50% 40%,var(--pg-show-hi) 0%,var(--pg-felt) 55%,var(--pg-show-lo) 100%);box-shadow:inset 0 0 0 1px var(--pg-felt-line)}[data-page] .pg-loose{position:relative;width:min(100%,calc(var(--pg-o, 1) * 22em));isolation:isolate;container:pg-loose / inline-size}[data-page] .pg-loose-piece{position:absolute;display:block;width:var(--pg-tw);--tile-w: var(--pg-tw);--tile-h: calc(var(--pg-tw) * 1.4);filter:drop-shadow(0 .3em .3em color-mix(in srgb,var(--brand-shadow-color) 30%,transparent))}[data-page] .pg-showoff[data-phase=playing] .pg-loose-piece{will-change:transform,opacity}[data-page] .pg-setrack{--tile-font: 1em;--pg-rtw: min(calc(var(--pg-o, 1) * 2.5em), 100cqw / 10.4);--pg-sr-hi: color-mix(in srgb, var(--pg-setrack) 80%, var(--brand-palette-cream));--pg-sr-lo: color-mix(in srgb, var(--pg-setrack) 82%, var(--brand-palette-chocolate));--pg-sr-edge: color-mix(in srgb, var(--pg-setrack) 62%, var(--brand-palette-chocolate));--pg-sr-lip-hi: color-mix(in srgb, var(--pg-setrack) 46%, var(--brand-palette-cream));--pg-sr-lip-lo: color-mix(in srgb, var(--pg-setrack) 74%, var(--brand-palette-cream));position:relative;isolation:isolate;margin-top:calc(var(--pg-rtw) * .3);padding:0 calc(var(--pg-rtw) * .22) calc(var(--pg-rtw) * .44);border-radius:calc(var(--pg-rtw) * .2)}[data-page] .pg-setrack:before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--pg-rtw) * 1.05);z-index:-1;border-radius:calc(var(--pg-rtw) * .2);background-image:repeating-linear-gradient(91deg,color-mix(in srgb,var(--brand-palette-chocolate) 9%,transparent) 0 .06em,transparent .06em .5em),linear-gradient(180deg,var(--pg-sr-hi),var(--pg-setrack) 55%,var(--pg-sr-lo));box-shadow:inset 0 1px color-mix(in srgb,var(--brand-palette-cream) 55%,transparent),inset 0 calc(var(--pg-rtw) * -.1) 0 var(--pg-sr-edge),0 .5em .9em -.5em color-mix(in srgb,var(--brand-shadow-color) 60%,transparent)}[data-page] .pg-setrack:after{content:"";position:absolute;left:calc(var(--pg-rtw) * .08);right:calc(var(--pg-rtw) * .08);bottom:calc(var(--pg-rtw) * .14);height:calc(var(--pg-rtw) * .26);z-index:1;border-radius:calc(var(--pg-rtw) * .08);background-image:linear-gradient(180deg,var(--pg-sr-lip-hi),var(--pg-sr-lip-lo));box-shadow:inset 0 1px color-mix(in srgb,var(--brand-palette-cream) 80%,transparent),inset 0 -1.5px 0 var(--pg-setrack-trim),0 calc(var(--pg-rtw) * -.05) calc(var(--pg-rtw) * .1) calc(var(--pg-rtw) * -.04) color-mix(in srgb,var(--brand-shadow-color) 50%,transparent)}[data-page] .pg-setrack-row{display:flex;gap:calc(var(--pg-rtw) * .03);--tile-w: var(--pg-rtw);--tile-h: calc(var(--pg-rtw) * 1.4)}[data-page] .pg-setrack-row [data-back]{outline:max(1.5px,calc(var(--pg-rtw) * .04)) solid color-mix(in srgb,var(--pg-setback) 66%,var(--brand-palette-chocolate));outline-offset:calc(var(--pg-rtw) * -.19)}@media(forced-colors:active){[data-page] .pg-show-felt,[data-page] .pg-setrack{border:1.5px solid currentColor}}[data-page] .pg-set-facts{display:flex;flex-wrap:wrap;align-items:center;gap:.6em 1em;min-width:0}[data-page] .pg-set-facts .pg-chip{margin-top:0}[data-page] .pg-colorways{display:flex;flex-wrap:wrap;gap:.5em;min-width:0}[data-page] .pg-colorway{box-sizing:border-box;display:inline-flex;align-items:center;gap:.45em;min-width:var(--brand-touch-min);min-height:max(2.75em,var(--brand-touch-min));padding:0 1em 0 .75em;border-radius:var(--brand-radius-control);background:var(--brand-paper);color:var(--brand-ink);box-shadow:inset 0 0 0 1.5px var(--brand-control);font:var(--brand-weight-ui-strong) 1em / 1.1 var(--brand-font-ui);text-decoration:none}[data-page] .pg-colorway:is(:hover,:active){background:var(--brand-surface-sunk)}[data-page] .pg-colorway[aria-current=page]{background:var(--brand-highlight);color:var(--brand-on-highlight);box-shadow:inset 0 0 0 2px var(--brand-on-highlight)}[data-page] .pg-colorway .pg-ic{width:.9em;height:.9em;stroke-width:3.2}[data-page] .pg-swatch{flex:none;width:1.1em;height:1.1em;border-radius:50%;background:linear-gradient(135deg,var(--pg-swatch-face) 0 50%,var(--pg-swatch-back) 50% 100%);box-shadow:inset 0 0 0 1px var(--brand-control)}[data-page] .pg-set-story{margin:0;max-width:34em;line-height:1.45;text-wrap:pretty}[data-page] .pg-pill[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--brand-ink)}[data-page] .pg-pill .pg-ic{width:.9em;height:.9em;stroke-width:3.2}[data-page] .pg-set-tiles{display:flex;flex-wrap:wrap;gap:.35em;min-width:0;--pg-etw: 2.6em;--tile-w: var(--pg-etw);--tile-h: calc(var(--pg-etw) * 1.4)}[data-page] .pg-sample-hand{box-sizing:border-box;display:grid;justify-items:center;min-width:0;margin:0;padding:1.6em 0 1.2em;border-radius:var(--brand-radius-card);background:var(--pg-felt);box-shadow:inset 0 0 0 1px var(--pg-felt-line)}[data-page] .pg-sample-rack{box-sizing:border-box;display:grid;justify-items:center;gap:3px;min-width:0;max-width:100%;padding:.35em .35em .6em;border-radius:.45em;background:linear-gradient(180deg,var(--pg-setrack) 0 calc(100% - .45em),var(--pg-setrack-trim) calc(100% - .45em) 100%);box-shadow:var(--brand-shadow-paper)}[data-page] .pg-sample-row{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;min-width:0}[data-page] .pg-sample-row>span{display:inline-flex}[data-page] .pg-set-own{margin:0;font-family:var(--pg-name-font);font-weight:var(--pg-name-weight);font-style:var(--pg-name-style);font-size:1.75em;line-height:1.1;overflow-wrap:anywhere}[data-page] .pg-bullets{display:grid;gap:.3em;margin:0;padding:0 0 0 1.2em;line-height:1.4;list-style:disc}[data-page] .pg-back-line{display:flex;align-items:center;gap:.75em;margin:.25em 0 0;--pg-btw: 2.2em;--tile-w: var(--pg-btw);--tile-h: calc(var(--pg-btw) * 1.4)}[data-page] .pg-list-signup{padding-top:.75em;border-top:1px solid var(--brand-hairline)}@media(forced-colors:active){[data-page] .pg-sample-hand,[data-page] .pg-sample-rack,[data-page] .pg-colorway{border:1.5px solid currentColor}[data-page] .pg-colorway[aria-current=page]{border-width:3px}}