.pg{--cream: #faf9f6;--tray: #f2f1ed;--ink: #17141f;--ink-soft: #5d5a66;--accent: #7c3aed;--accent-deep: #4c1d95;--accent-soft: #ede9fe;--ring: rgb(23 20 31 / .06);--shadow-soft: 0 24px 60px -20px rgb(23 20 31 / .14);--shadow-lift: 0 34px 80px -24px rgb(23 20 31 / .22);--ease: cubic-bezier(.32, .72, 0, 1);--spring: cubic-bezier(.16, 1, .3, 1);--display: "Plus Jakarta Sans", "Geist", ui-sans-serif, system-ui, sans-serif;--text: "Geist", ui-sans-serif, system-ui, sans-serif}.pg,.pg *{box-sizing:border-box}.pg{background:radial-gradient(60% 50% at 50% 58%,#fff,#fff0 70%),radial-gradient(90% 70% at 85% 0%,#7c3aed0f,#7c3aed00 60%),var(--cream);color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.pg ::selection{background:var(--accent-soft)}.pg .mono{font-family:var(--text);font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}.pg{position:relative;height:100svh;min-height:620px}.pg #stage{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:grab}.pg #stage.grabbing{cursor:grabbing}.pg #stage canvas{display:block;width:100%;height:100%}.pg .titles{position:absolute;top:28px;left:32px;pointer-events:none;z-index:2}.pg .brandline{display:flex;align-items:center;gap:10px;margin:0}.pg .back{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;letter-spacing:.2em}.pg .back .logo{width:28px;height:28px;flex:none}.pg .back .logo .cap{transition:transform .15s var(--ease)}.pg .back:hover .logo .cap{transform:translateY(9px)}.pg .brandline .sep{color:var(--ink-soft);opacity:.5}.pg .titles h1{margin:18px 0 0;font-family:var(--display);font-weight:800;font-size:clamp(44px,5.6vw,80px);line-height:.98;letter-spacing:-.035em}.pg .titles h1 em{display:block;font-style:normal;color:var(--accent)}.pg .titles p.lede{margin:14px 0 0;max-width:290px;font-size:15px;line-height:1.5;color:var(--ink-soft)}.pg .toys{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px;max-width:min(600px,calc(100vw - 320px));pointer-events:auto}.pg .toys a{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;font:600 13px/1 var(--text);letter-spacing:-.005em;text-transform:none;color:var(--ink);text-decoration:none;padding:9px 14px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--ring),0 2px 6px -2px #17141f0f;transition:transform .3s var(--spring),background .2s,color .2s}.pg .toys a .n{font-size:10px;letter-spacing:.08em;color:var(--ink-soft);font-variant-numeric:tabular-nums}.pg .toys a:hover{transform:scale(1.03)}.pg .toys a:active{transform:scale(.97)}.pg .toys a[aria-current=page]{background:var(--ink);color:#fff;box-shadow:0 8px 20px -8px #17141f73}.pg .toys a[aria-current=page] .n{color:#c4b5fd}.pg .panel{position:absolute;top:24px;right:24px;z-index:2;width:260px;background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:1.75rem;padding:18px;box-shadow:0 0 0 1px var(--ring),var(--shadow-lift)}.pg .panel h2{margin:0;display:flex;justify-content:space-between;align-items:center}.pg .panel h2 #specKind{color:var(--accent);background:var(--accent-soft);padding:5px 9px;border-radius:999px;letter-spacing:.14em;font-size:10px}.pg .row{margin-top:16px}.pg .row>.mono{display:block;margin-bottom:10px}.pg #colorName{color:var(--ink)}.pg .swatches{display:flex;flex-wrap:wrap;gap:8px}.pg .sw{width:30px;height:30px;border-radius:999px;border:0;padding:0;cursor:pointer;box-shadow:inset 0 -4px 8px #00000014,0 0 0 1px #17141f1a;transition:transform .3s var(--spring),box-shadow .2s;outline-offset:3px}.pg .sw:hover{transform:scale(1.1)}.pg .sw[aria-checked=true]{box-shadow:inset 0 -4px 8px #00000014,0 0 0 2px #fff,0 0 0 4px var(--accent)}.pg .stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pg .stat{background:var(--tray);border-radius:1.1rem;padding:10px 12px}.pg .stat .mono{font-size:10px;letter-spacing:.16em}.pg .stat b{display:block;font-family:var(--display);font-size:24px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:2px}.pg .btns{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pg .btn{font:600 13px var(--text);border:0;background:#fff;color:var(--ink);border-radius:999px;padding:10px;cursor:pointer;box-shadow:0 0 0 1px #17141f1a;transition:transform .3s var(--spring),background .2s,color .2s}.pg .btn:hover{transform:scale(1.03)}.pg .btn:active{transform:scale(.97)}.pg .btn[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}.pg .buy{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:8px 8px 8px 18px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;text-decoration:none;font:700 14px var(--display);letter-spacing:-.01em;box-shadow:0 14px 30px -12px #7c3aed99;transition:transform .3s var(--spring),box-shadow .3s var(--ease)}.pg .buy:hover{transform:scale(1.03);box-shadow:0 18px 36px -12px #7c3aedb3}.pg .buy:active{transform:scale(.97)}.pg .buy span.arrow{width:34px;height:34px;border-radius:999px;background:#ffffff2e;display:grid;place-items:center;transition:transform .3s var(--spring)}.pg .buy:hover span.arrow{transform:translate(2px)}.pg .legend{position:absolute;left:32px;bottom:26px;z-index:2;max-width:340px;pointer-events:none}.pg .legend p{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--ink)}.pg .legend .credit{margin-top:14px;pointer-events:auto;font-size:10px}.pg .legend .credit a{color:var(--accent);text-decoration:none}.pg .legend .credit a:hover{text-decoration:underline}.pg .hint{position:absolute;z-index:3;left:0;top:0;pointer-events:none;transform:translate(-50%,-100%);white-space:nowrap;font:600 13px var(--text);color:#fff;background:var(--accent);padding:8px 14px;border-radius:999px;opacity:0;transition:opacity .4s var(--ease);box-shadow:0 10px 24px -10px #7c3aedb3}.pg .hint:after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:var(--accent);transform:translate(-50%) rotate(45deg);border-radius:2px}.pg .hint.on{opacity:1;animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{margin-top:-6px}}.pg .loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:1;transition:opacity .5s}.pg .loading.done{opacity:0;pointer-events:none}@media(max-width:760px){.pg{height:auto;min-height:0;display:flex;flex-direction:column}.pg .titles{position:relative;top:auto;left:auto;padding:22px 18px 0}.pg .toys{max-width:none}.pg .titles h1{font-size:46px}.pg #stage{position:relative;inset:auto;height:62svh;min-height:420px}.pg .panel{position:relative;top:auto;right:auto;width:auto;margin:0 16px}.pg .legend{position:relative;left:auto;bottom:auto;padding:18px 18px 32px;max-width:none}}@media(prefers-reduced-motion:reduce){.pg .hint.on{animation:none}.pg .back:hover .logo .cap{transform:none}}.pg{position:relative;isolation:isolate}.pg .titles{top:calc(28px + var(--pg-top, 0px))}.pg .panel{top:calc(24px + var(--pg-top, 0px))}@media(max-width:760px){.pg .titles{top:auto;padding-top:calc(22px + var(--pg-top, 0px))}.pg .panel{top:auto}.pg .toys{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:14px -18px 0;padding:2px 18px 6px;scroll-padding:18px}.pg .toys::-webkit-scrollbar{display:none}}.pg h2,.pg p{font-weight:inherit}.pg button{font-family:inherit}.pg .nudge{margin:14px 0 0;padding:10px 12px;border-radius:1rem;background:var(--accent-soft);color:var(--accent-deep);font-size:13px;line-height:1.4;font-weight:500;opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease),transform .5s var(--spring)}.pg .nudge.on{opacity:1;transform:none}.pg .nudge+.buy{margin-top:10px}.pg .buy.pulse{animation:pg-pulse 1.4s var(--ease) 2}@keyframes pg-pulse{0%,to{box-shadow:0 14px 30px -12px #7c3aed99,0 0 #7c3aed59}50%{box-shadow:0 14px 30px -12px #7c3aed99,0 0 0 10px #7c3aed00}}.pg .buy.added{background:var(--ink)}.pg .trust{margin:10px 0 0;font-size:12px;line-height:1.45;color:var(--ink-soft);text-align:center}.pg .details{display:block;margin-top:6px;text-align:center;font-size:12px;font-weight:600;color:var(--ink);text-decoration:none}.pg .details:hover{color:var(--accent)}@media(prefers-reduced-motion:reduce){.pg .buy.pulse{animation:none}}.pg.embed{height:100%;min-height:0;background:radial-gradient(70% 60% at 50% 55%,#ffffff 0%,var(--cream) 100%)}.pg.embed .titles,.pg.embed .panel,.pg.embed .legend{display:none}@media(max-width:760px){.pg.embed{display:block}.pg.embed #stage{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/play.css.map */