:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg-1:#fde7ef;--bg-2:#e6ecff;--surface:#ffffffc7;--surface-solid:#fff;--surface-2:#ffffff8c;--text:#2a2340;--text-2:#6b6485;--line:#2a23401f;--accent:#ff5d8f;--accent-ink:#fff;--accent-2:#7b6cff;--good:#2fb37a;--warn:#f5a524;--scrim:#1e163261;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:26px;--r-xl:36px;--r-pill:999px;--sh-1:0 1px 2px #2a234014, 0 2px 8px #2a23400f;--sh-2:0 4px 14px #2a23401f, 0 1px 3px #2a234014;--sh-3:0 18px 50px #2a234038;--fs-xs:12px;--fs-sm:14px;--fs-md:17px;--fs-lg:20px;--fs-xl:26px;--fs-2xl:34px;--fs-3xl:44px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--tap:44px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--dur-1:.12s;--dur-2:.22s;--dur-3:.38s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-1:#1d1830;--bg-2:#14223a;--surface:#282240c7;--surface-solid:#2a2442;--surface-2:#ffffff14;--text:#f4f0ff;--text-2:#b4acd0;--line:#ffffff1f;--accent:#ff7aa2;--accent-2:#9a8cff;--scrim:#05030c99;--sh-1:0 1px 2px #0000004d;--sh-2:0 4px 14px #00000059;--sh-3:0 18px 50px #00000080}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-1:#1d1830;--bg-2:#14223a;--surface:#282240c7;--surface-solid:#2a2442;--surface-2:#ffffff14;--text:#f4f0ff;--text-2:#b4acd0;--line:#ffffff1f;--accent:#ff7aa2;--accent-2:#9a8cff;--scrim:#05030c99;--sh-1:0 1px 2px #0000004d;--sh-2:0 4px 14px #00000059;--sh-3:0 18px 50px #00000080}}@media (prefers-reduced-motion:reduce){:root{--dur-1:0s;--dur-2:0s;--dur-3:0s}}:root[data-motion=reduce]{--dur-1:0s;--dur-2:0s;--dur-3:0s}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:linear-gradient(160deg, var(--bg-1), var(--bg-2));-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:manipulation;transition:background var(--dur-3) ease;background-attachment:fixed;overflow:hidden}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}#app{position:fixed;inset:0}.g-scene{position:absolute;inset:0}.g-screen{padding:calc(var(--safe-t) + var(--sp-3)) calc(var(--safe-r) + var(--sp-4)) calc(var(--safe-b) + var(--sp-4)) calc(var(--safe-l) + var(--sp-4));animation:g-fade-in var(--dur-2) var(--ease-out);flex-direction:column;display:flex;position:absolute;inset:0}.g-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-y:auto}.g-topbar{align-items:center;gap:var(--sp-2);min-height:var(--tap);display:flex}.g-topbar h1,.g-title{font-size:var(--fs-lg);letter-spacing:-.01em;text-align:center;flex:1;margin:0;font-weight:800}.g-spacer{width:var(--tap);flex:none}.g-btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:52px;padding:0 var(--sp-5);border-radius:var(--r-pill);background:var(--surface);color:var(--text);font-size:var(--fs-md);box-shadow:var(--sh-1);cursor:pointer;transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1);-webkit-backdrop-filter:blur(12px);border:0;font-weight:750;display:inline-flex}.g-btn:active{transform:scale(.96)}.g-btn[disabled]{opacity:.45;pointer-events:none}.g-btn svg{flex:none;width:22px;height:22px}.g-btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 45%, transparent)}.g-btn-block{width:100%}.g-btn-lg{min-height:60px;font-size:var(--fs-lg)}.g-icon-btn{width:var(--tap);height:var(--tap);min-width:var(--tap);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--sh-1);cursor:pointer;transition:transform var(--dur-1) var(--ease-out);-webkit-backdrop-filter:blur(12px);border:0;place-items:center;font-size:20px;line-height:1;display:inline-grid;position:relative}.g-icon-btn:active{transform:scale(.9)}.g-icon-btn[disabled]{opacity:.4;pointer-events:none}.g-icon-btn svg{width:22px;height:22px}.g-badge{border-radius:var(--r-pill);background:var(--accent);min-width:20px;height:20px;color:var(--accent-ink);text-align:center;padding:0 5px;font-size:12px;font-weight:800;line-height:20px;position:absolute;top:-4px;right:-4px}.g-card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--sp-2) var(--sp-4);-webkit-backdrop-filter:blur(14px)}.g-row{justify-content:space-between;align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--line);min-height:56px;display:flex}.g-row:last-child{border-bottom:0}.g-row-stack{align-items:stretch;gap:var(--sp-2);padding:var(--sp-3) 0;flex-direction:column}.g-row-label{font-size:var(--fs-md);font-weight:650}.g-row-sub{font-size:var(--fs-xs);color:var(--text-2);margin-top:2px;font-weight:500}.g-section-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);margin:var(--sp-5) var(--sp-2) var(--sp-2);font-weight:800}.g-toggle{appearance:none;border-radius:var(--r-pill);background:var(--line);cursor:pointer;width:52px;height:32px;transition:background var(--dur-2);flex:none;margin:0;position:relative}.g-toggle:after{content:"";width:26px;height:26px;transition:transform var(--dur-2) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.g-toggle:checked{background:var(--good)}.g-toggle:checked:after{transform:translate(20px)}.g-seg{border-radius:var(--r-pill);background:var(--line);gap:2px;padding:3px;display:inline-flex}.g-seg button{min-width:44px;min-height:36px;padding:0 var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-sm);cursor:pointer;color:var(--text-2);background:0 0;border:0;font-weight:700}.g-seg button[aria-pressed=true]{background:var(--surface-solid);color:var(--text);box-shadow:var(--sh-1)}.g-select{min-height:40px;padding:0 var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-solid);color:var(--text);font:inherit;font-weight:650}.g-grid{gap:var(--sp-3);padding:var(--sp-2) 0 var(--sp-6);grid-template-columns:repeat(5,1fr);display:grid}.g-cell{aspect-ratio:1;min-height:var(--tap);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-1);font-size:var(--fs-lg);cursor:pointer;transition:transform var(--dur-1) var(--ease-out);border:0;place-items:center;font-weight:800;display:grid;position:relative}.g-cell:active{transform:scale(.92)}.g-cell[data-state=locked]{opacity:.5;cursor:default}.g-cell[data-state=current]{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 45%, transparent)}.g-cell .g-stars{letter-spacing:1px;text-align:center;color:var(--warn);font-size:9px;position:absolute;bottom:5px;left:0;right:0}.g-cell .g-lock{color:var(--text-2);display:grid}.g-cell .g-lock svg{width:18px;height:18px}.g-pager{justify-content:center;align-items:center;gap:var(--sp-3);padding-top:var(--sp-2);display:flex}.g-pager span{text-align:center;min-width:90px;color:var(--text-2);font-weight:700;font-size:var(--fs-sm)}.g-overlay{z-index:50;padding:calc(var(--safe-t) + var(--sp-4)) var(--sp-4) calc(var(--safe-b) + var(--sp-4));background:var(--scrim);animation:g-fade-in var(--dur-2) var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.g-modal{width:min(380px,100%);padding:var(--sp-6) var(--sp-5) var(--sp-5);border-radius:var(--r-xl);background:var(--surface-solid);box-shadow:var(--sh-3);text-align:center;animation:g-pop-in var(--dur-3) var(--ease-spring)}.g-modal h2{margin:0 0 var(--sp-2);font-size:var(--fs-2xl);letter-spacing:-.02em;font-weight:850}.g-modal p{margin:0 0 var(--sp-5);color:var(--text-2);font-size:var(--fs-md);line-height:1.4}.g-modal .g-actions{gap:var(--sp-3);display:grid}.g-stars-big{justify-content:center;gap:var(--sp-2);margin:var(--sp-2) 0 var(--sp-4);font-size:40px;display:flex}.g-stars-big span{filter:grayscale()opacity(.3);transition:transform var(--dur-3) var(--ease-spring), filter var(--dur-3);transform:scale(.6)}.g-stars-big span.on{filter:none;transform:scale(1)}.g-toast{left:50%;bottom:calc(var(--safe-b) + 96px);z-index:60;max-width:calc(100% - 32px);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-pill);background:var(--text);color:var(--surface-solid);font-size:var(--fs-sm);box-shadow:var(--sh-2);animation:g-toast var(--dur-3) var(--ease-out);pointer-events:none;font-weight:700;position:absolute;transform:translate(-50%)}.g-hold{position:relative;overflow:hidden}.g-hold:before{content:"";background:color-mix(in srgb, var(--accent) 35%, transparent);transform-origin:0;transform:scaleX(var(--hold,0));position:absolute;inset:0}.g-hold>*{position:relative}.g-tips .g-modal{padding-top:20px}.g-tips h2{font-size:var(--fs-xl)}.g-skip{box-shadow:none;min-height:44px;color:var(--text-2);background:0 0}.g-dots{justify-content:center;gap:6px;margin:-8px 0 16px;display:flex}.g-dots i{background:var(--line);width:8px;height:8px;transition:width var(--dur-2);border-radius:4px}.g-dots i.on{background:var(--accent);width:22px}@keyframes g-fade-in{0%{opacity:0}to{opacity:1}}@keyframes g-pop-in{0%{opacity:0;transform:scale(.85)translateY(12px)}to{opacity:1;transform:none}}@keyframes g-toast{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}@media (max-height:640px){.g-btn{min-height:46px}.g-modal{padding:var(--sp-5) var(--sp-4) var(--sp-4)}.g-modal h2{font-size:var(--fs-xl)}}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-1:#fbf8f3;--bg-2:#f3eee6;--surface:#ffffffdb;--surface-solid:#fff;--surface-2:#2b26330d;--text:#2b2633;--text-2:#6a6376;--line:#2b263317;--accent:#5b5bd6;--accent-ink:#fff;--accent-2:#ff7a6b;--good:#2fa86a;--scrim:#1e182852;--sh-1:0 1px 2px #3c2d500f, 0 4px 14px #3c2d500f;--sh-2:0 8px 28px #3c2d501f, 0 1px 3px #3c2d500f;--sh-3:0 22px 60px #3c2d502e;--px-empty-light:#fff;--px-empty-dark:#d3cdd6;--px-selected:#c9c3f4;--px-grid:#2b26331c;--px-num:#a29cab;--px-num-sel:#2b2633;--px-shadow:#3c2d5012;--px-wrong:#e5484d}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-1:#191622;--bg-2:#110f17;--surface:#282434db;--surface-solid:#26222f;--surface-2:#ffffff0f;--text:#f3eff8;--text-2:#a69fb8;--line:#ffffff17;--accent:#8f8cff;--accent-ink:#14121b;--accent-2:#ff8f80;--good:#4fcf8f;--scrim:#04030899;--sh-1:0 1px 2px #0006, 0 0 0 1px #ffffff0a inset;--sh-2:0 10px 30px #00000073;--sh-3:0 22px 60px #0000008c;--px-empty-light:#5d576f;--px-empty-dark:#2b2735;--px-selected:#6e63d0;--px-grid:#ffffff12;--px-num:#8d87a0;--px-num-sel:#fff;--px-shadow:#00000059;--px-wrong:#ff6b6f}body{background:linear-gradient(170deg, var(--bg-1), var(--bg-2))}.px-home{justify-content:space-between;gap:12px}.px-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.px-wordmark{letter-spacing:-.04em;margin:0;font-size:clamp(54px,17vw,84px);font-weight:900;line-height:.95;display:flex}.px-wordmark span{animation:px-hop .7s var(--ease-spring) both;animation-delay:calc(var(--i) * 70ms);display:inline-block}.px-wordmark span:first-child{color:#ff7a6b}.px-wordmark span:nth-child(2){color:#f2b33d}.px-wordmark span:nth-child(3){color:#3fbf8f}.px-wordmark span:nth-child(4){color:#5b8ff0}.px-wordmark span:nth-child(5){color:#a07ae8}@keyframes px-hop{0%{opacity:0;transform:translateY(18px)scale(.6)}to{opacity:1;transform:none}}.px-tagline{font-size:var(--fs-sm);color:var(--text-2);letter-spacing:.22em;text-transform:uppercase;margin-top:10px;font-weight:800}.px-pets{flex-wrap:wrap;justify-content:center;gap:6px 8px;max-width:320px;min-height:52px;margin-top:26px;display:flex}.px-pet{width:48px;height:48px;position:relative}.px-pet canvas{width:48px;height:48px;image-rendering:pixelated;position:absolute;inset:0}.px-pet.on{animation:1.6s ease-in-out infinite px-bob;animation-delay:var(--d);filter:drop-shadow(0 4px 4px #3c2d502e)}.px-pet.on canvas:nth-child(2){opacity:0;animation:4.2s step-end infinite px-blink;animation-delay:var(--d)}.px-pets.still .px-pet,.px-pets.still canvas{animation:none!important}@keyframes px-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes px-blink{0%,94%{opacity:0}95%,99%{opacity:1}}.px-menu{gap:10px;width:min(460px,100%);margin:0 auto;display:grid}.px-loading{text-align:center;color:var(--text-2);padding:24px;font-weight:700}.px-row2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.px-card{text-align:left;border-radius:22px;justify-content:flex-start;gap:12px;min-height:66px;padding:8px 14px 8px 8px}.px-row2 .px-card{padding-left:14px}.px-card .px-thumb{border-radius:14px;flex:none;width:50px;height:50px}.px-card-ico{width:26px;height:26px;color:var(--accent);flex:none;place-items:center;display:inline-grid}.px-card-ico svg{width:24px;height:24px}.g-btn-primary .px-card-ico{color:inherit}.px-card-text{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.px-card-text b{font-size:var(--fs-md)}.px-card-text small{opacity:.72;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:650;overflow:hidden}.px-card-go{opacity:.45;display:inline-grid}.px-card-go svg{width:18px;height:18px}.px-row2 .px-card-go{display:none}.px-thumb{aspect-ratio:1;background:var(--surface-solid);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden}.px-thumb-img{width:100%;height:100%;image-rendering:pixelated;object-fit:contain;display:block}.px-thumb-new .px-thumb-img{filter:grayscale()contrast(.55)brightness(1.28)}:root[data-theme=dark] .px-thumb-new .px-thumb-img{filter:grayscale()contrast(.6)brightness(.62)}.px-thumb-mystery{background:repeating-conic-gradient(var(--surface-2) 0 25%, transparent 0 50%) 0 0 / 22% 22%, var(--surface-solid)}.px-thumb-mystery span{color:var(--accent);text-shadow:0 2px 0 var(--surface-solid);font-size:34px;font-weight:900}.px-library,.px-gallery{padding-bottom:0}.px-lib-tools{gap:10px;margin-top:8px;display:grid}.px-search{border-radius:var(--r-pill);width:100%;height:46px;font:inherit;color:var(--text);background:var(--surface);box-shadow:var(--sh-1);-webkit-user-select:text;user-select:text;border:0;padding:0 18px;font-size:16px;font-weight:600}.px-search::placeholder{color:var(--text-2)}.px-chips{scrollbar-width:none;margin:0 calc(-1 * var(--sp-4));padding:2px var(--sp-4) 4px;gap:8px;display:flex;overflow-x:auto}.px-chips::-webkit-scrollbar{display:none}.px-chip-btn{border-radius:var(--r-pill);background:var(--surface);min-height:40px;box-shadow:var(--sh-1);color:var(--text-2);cursor:pointer;transition:background var(--dur-1), color var(--dur-1);border:0;flex:none;padding:0 16px;font-size:14px;font-weight:750}.px-chip-btn[aria-selected=true]{background:var(--text);color:var(--bg-1)}.px-lib-count{color:var(--text-2);letter-spacing:.04em;margin:10px 2px 6px;font-size:12px;font-weight:750}.px-lib-scroll{min-height:0;margin:0 calc(-1 * var(--sp-4));padding:0 var(--sp-4) calc(var(--safe-b) + 24px);flex:1}.px-grid{grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:14px 12px;display:grid}.px-gallery .g-scroll{min-height:0;margin:8px calc(-1 * var(--sp-4)) 0;padding:4px var(--sp-4) calc(var(--safe-b) + 24px);flex:1}.px-item{text-align:left;cursor:pointer;content-visibility:auto;contain-intrinsic-size:102px 150px;background:0 0;border:0;flex-direction:column;gap:5px;padding:0;display:flex}.px-item .px-thumb{box-shadow:var(--sh-1), inset 0 0 0 1px var(--line);transition:transform var(--dur-1) var(--ease-out)}.px-item:active .px-thumb{transform:scale(.95)}.px-item-title{white-space:nowrap;text-overflow:ellipsis;padding:0 2px;font-size:13px;font-weight:750;overflow:hidden}.px-item-sub{color:var(--text-2);margin-top:-4px;padding:0 2px;font-size:11.5px;font-weight:700}.px-item.is-done .px-item-sub{color:var(--good)}.px-item.is-remix .px-item-sub{color:var(--accent)}.px-empty{text-align:center;color:var(--text-2);grid-column:1/-1;padding:48px 24px;font-weight:650}.px-empty-art{background:conic-gradient(from 45deg, #ff7a6b 0 25%, #f2b33d 0 50%, #3fbf8f 0 75%, #5b8ff0 0);opacity:.35;border-radius:24px;width:96px;height:96px;margin:0 auto 12px}.px-paint{padding-bottom:0;padding-left:0;padding-right:0}.px-top{padding:0 calc(var(--safe-r) + var(--sp-3)) 0 calc(var(--safe-l) + var(--sp-3));z-index:2;position:relative}.px-head{text-align:center;flex:1;min-width:0;line-height:1.15}.px-title{font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.px-pct{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:12px;font-weight:750}.px-stage{touch-action:none;flex:1;min-height:0;position:relative}.px-bucket.armed{background:var(--accent);color:var(--accent-ink)}.px-bucket.empty{opacity:.55}.px-badge{background:var(--accent-2);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:850;line-height:18px;position:absolute;top:-3px;right:-3px}.g-icon-btn[disabled]{opacity:.4}.px-palette{left:calc(var(--safe-l) + 10px);right:calc(var(--safe-r) + 10px);bottom:calc(var(--safe-b) + 10px);z-index:2;background:var(--surface);box-shadow:var(--sh-2);-webkit-backdrop-filter:blur(18px)saturate(1.3);transition:transform var(--dur-3) var(--ease-out), opacity var(--dur-2);border-radius:30px;position:absolute}.px-palette.hide{opacity:0;pointer-events:none;transform:translateY(140%)}.px-swatches{scrollbar-width:none;gap:6px;padding:9px 12px 6px;scroll-padding:0 40px;display:flex;overflow-x:auto}.px-swatches::-webkit-scrollbar{display:none}.px-swatch{cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:2px;width:52px;padding:0;display:flex}.px-chip{background:var(--sw);color:#2b2633;width:50px;height:44px;transition:transform var(--dur-1) var(--ease-spring), box-shadow var(--dur-1);border-radius:22px;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #00000014,0 2px 6px #3c2d501f}.px-swatch.dark .px-chip{color:#fff}.px-chip b{font-variant-numeric:tabular-nums;font-size:16px;font-weight:850}.px-swatch.on .px-chip{box-shadow:0 0 0 3px var(--surface-solid), 0 0 0 5.5px var(--text), 0 6px 14px #3c2d5033;transform:translateY(-3px)scale(1.06)}.px-count{color:var(--text-2);font-variant-numeric:tabular-nums;min-height:13px;font-size:10.5px;font-weight:800}.px-sym{opacity:.85;width:12px;height:12px;position:absolute;bottom:4px;right:5px}.px-done{opacity:0;transition:opacity var(--dur-1), transform var(--dur-2) var(--ease-spring);place-items:center;display:grid;position:absolute;inset:0;transform:scale(.4)}.px-done svg{width:24px;height:24px}.px-tick{stroke-dasharray:24;stroke-dashoffset:24px;transition:stroke-dashoffset .26s 80ms var(--ease-out)}.px-swatch.is-done .px-chip b{opacity:0}.px-swatch.is-done .px-done{opacity:1;transform:none}.px-swatch.is-done .px-tick{stroke-dashoffset:0}.px-swatch.is-done .px-chip{filter:saturate(.7);opacity:.8}.px-sheet{left:calc(var(--safe-l) + 12px);right:calc(var(--safe-r) + 12px);bottom:calc(var(--safe-b) + 12px);z-index:3;background:var(--surface);box-shadow:var(--sh-3);-webkit-backdrop-filter:blur(18px);transition:transform .46s var(--ease-spring);border-radius:30px;max-width:480px;margin:0 auto;padding:18px 16px 16px;position:absolute;transform:translateY(120%)}.px-sheet.in{transform:none}.px-sheet-head{text-align:center}.px-sheet-head h2{font-size:var(--fs-xl);letter-spacing:-.02em;margin:0;font-weight:900}.px-sheet-head p{color:var(--text-2);margin:4px 0 14px;font-weight:650}.px-sheet-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.px-sheet-actions .g-btn-primary{grid-column:1/-1}.px-sheet-actions .g-btn{padding:0 12px;font-size:15px}.px-pet-stage{place-items:center;padding:6px 0 2px;display:grid}.px-pet-big{width:128px;height:128px;image-rendering:pixelated;animation:1.4s ease-in-out infinite px-bob}.px-viewer .g-modal{position:relative}.px-viewer-close{position:absolute;top:12px;right:12px}.px-viewer-frame{aspect-ratio:1;background:var(--surface-solid);width:min(70vw,300px);box-shadow:var(--sh-2);border-radius:22px;place-items:center;margin:8px auto 0;display:grid;overflow:hidden}.px-viewer-img{width:100%;height:100%;image-rendering:pixelated}.px-remix-body{min-height:0;margin:0 calc(-1 * var(--sp-4));padding:4px var(--sp-4) 16px;flex:1}.px-remix-preview{aspect-ratio:1;width:min(72vw,40vh,340px);box-shadow:var(--sh-2);border-radius:24px;margin:6px auto 4px;overflow:hidden}.px-remix-preview canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.px-themes{scrollbar-width:none;margin:0 calc(-1 * var(--sp-4));padding:2px var(--sp-4) 6px;gap:10px;display:flex;overflow-x:auto}.px-themes::-webkit-scrollbar{display:none}.px-theme{color:var(--text-2);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:5px;min-width:58px;font-size:12px;font-weight:750;display:flex}.px-theme i{width:54px;height:54px;box-shadow:var(--sh-1), inset 0 0 0 1px var(--line);background:var(--surface);color:var(--text);border-radius:18px;place-items:center;display:grid}.px-theme i svg{width:24px;height:24px}.px-remix-swatches{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px;display:grid}.px-remix-sw{background:var(--sw);color:#2b2633;cursor:pointer;border:0;border-radius:16px;height:46px;font-size:13px;font-weight:850;box-shadow:inset 0 0 0 1px #0000001a}.px-remix-sw span{background:#ffffffbf;border-radius:8px;padding:1px 6px}.px-remix-save{padding-top:10px}.px-picker{left:12px;right:12px;bottom:calc(var(--safe-b) + 12px);z-index:4;background:var(--surface-solid);box-shadow:var(--sh-3);animation:g-fade-in var(--dur-2) var(--ease-out);border-radius:28px;padding:14px;position:absolute}.px-picker-head{justify-content:space-between;align-items:center;margin-bottom:10px;padding-left:6px;display:flex}.px-picker-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.px-pick{aspect-ratio:1;background:var(--sw);cursor:pointer;border:0;border-radius:14px;min-height:44px;box-shadow:inset 0 0 0 1px #0000001f}.px-tip-art{place-items:center;margin-bottom:6px;display:grid;position:relative}.px-tip-canvas{width:240px;height:130px}.px-hand{font-size:30px;animation:2s ease-in-out infinite px-drag;position:absolute;top:30%;left:52%}@keyframes px-drag{0%{transform:translate(-20px,-26px)}50%{transform:translate(6px)}to{transform:translate(-20px,26px)}}:root[data-motion=reduce] .px-hand,:root[data-motion=reduce] .px-pet,:root[data-motion=reduce] .px-wordmark span{animation:none!important}@media (prefers-reduced-motion:reduce){.px-hand,.px-pet,.px-wordmark span,.px-pet-big{animation:none!important}}@media (max-height:640px){.px-pets{margin-top:14px}.px-wordmark{font-size:52px}.px-card{min-height:58px}}
/*$vite$:1*/