.c-petstage{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start}.c-petstage-view{position:relative;height:400px;border-radius:20px;overflow:hidden;background:color-mix(in srgb,var(--art) 62%,var(--card));border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.c-petstage-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.c-petstage-loop{max-height:78%;max-width:78%;width:auto;transition:opacity .25s ease;pointer-events:none}@keyframes c-petstage-fade-in{0%{opacity:0}to{opacity:1}}.c-petstage-loop.is-in{animation:c-petstage-fade-in .12s ease-out both}.c-petstage-loop.is-out{opacity:1}@media (prefers-reduced-motion: reduce){.c-petstage-loop.is-in{animation:none}}.c-petstage-empty{color:var(--ink-soft);font-size:13px}.c-petstage-info{display:flex;flex-direction:column;justify-content:space-between;min-height:400px}.c-petstage-ops{display:flex;flex-direction:column}.c-petstage .c-petstage-title{font-size:26px;font-weight:800;line-height:1.25;margin:0;letter-spacing:normal;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.c-petstage-meta{color:var(--ink-soft);font-size:14px;margin-top:8px}.c-petstage-tags{display:flex;flex-wrap:wrap;gap:8px}.c-petstage-tags.is-center{justify-content:center}.c-petstage-tag{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:13px;font-weight:700;cursor:pointer;border:1.5px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:7px 14px;transition:border-color .12s,color .12s}.c-petstage-tag:hover{border-color:var(--honey)}.c-petstage-tag.is-on{background:linear-gradient(180deg,var(--cta1),var(--cta2));color:#fff;border-color:transparent}.c-petstage-tags.is-subtle .c-petstage-tag{font-size:12px;font-weight:600;padding:5px 12px;border-width:1px;border-color:color-mix(in srgb,var(--line) 70%,transparent);color:var(--ink-soft)}.c-petstage-tags.is-subtle .c-petstage-tag:hover{border-color:var(--honey);color:var(--ink)}.c-petstage-tags.is-subtle .c-petstage-tag.is-on{background:color-mix(in srgb,var(--honey) 14%,var(--card));color:var(--honey-deep);border-color:color-mix(in srgb,var(--honey) 30%,var(--line))}.c-petstage-cta{margin-top:22px}.c-petstage-foot{color:var(--ink-soft);font-size:12.5px;margin:0}@media (max-width: 860px){.c-petstage{grid-template-columns:1fr;gap:18px}.c-petstage-view{height:320px}.c-petstage-info{min-height:0;justify-content:flex-start;gap:18px}}.c-petloop-act{position:absolute;right:10px;bottom:10px;z-index:2;font-size:11.5px;font-weight:700;color:var(--ink);background:var(--card);box-shadow:0 2px 8px var(--shadow-color);border-radius:999px;padding:5px 11px;pointer-events:none;overflow:hidden;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.c-petloop-fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:color-mix(in srgb,var(--honey) 42%,transparent);transform-origin:left center;animation:c-act-progress var(--c-act-dur, 3s) linear both}.c-petloop-txt{position:relative;font-style:normal;font-weight:700}@keyframes c-act-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.c-petloop-fill{animation:none;transform:scaleX(1);opacity:.35}}.c-framewall{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;max-width:420px;margin:0 auto}.c-framewall-cell{margin:0}.c-framewall-cell img,.c-framewall-blank{width:100%;aspect-ratio:1;border-radius:10px;-o-object-fit:contain;object-fit:contain;background:color-mix(in srgb,var(--art) 55%,var(--card));border:1px solid var(--line)}.c-framewall-cell.is-done img{animation:c-framewall-pop .32s ease}.c-framewall-blank{opacity:.5}.c-framewall-cell figcaption{font-size:10.5px;color:var(--ink-soft);text-align:center;margin-top:3px}@keyframes c-framewall-pop{0%{transform:scale(.82);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.c-framewall-cell.is-done img{animation:none}}@keyframes c-xfade-in{0%{opacity:0;transform:scale(.965)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){@keyframes c-xfade-in{0%{opacity:1}to{opacity:1}}}.c-petloop-act{animation:c-actlabel-in .38s cubic-bezier(.2,.8,.2,1) both}@keyframes c-actlabel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.c-petloop-act{animation:none}}.c-petloop-play{position:absolute;left:10px;bottom:10px;z-index:3;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font:inherit;width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;color:var(--honey-deep);background:var(--card);box-shadow:0 2px 10px var(--shadow-color),inset 0 0 0 1px color-mix(in srgb,var(--honey) 22%,transparent);opacity:.85;transition:opacity .16s,transform .16s,box-shadow .16s}.c-petloop-play:hover,.c-petloop-play:focus-visible{opacity:1;transform:scale(1.08);box-shadow:0 4px 14px var(--shadow-color),inset 0 0 0 1.5px var(--honey)}[data-pet-hover]:hover .c-petloop-play{opacity:1}.c-petstage-eyebrow{font-size:14px;font-weight:700;color:var(--ink-soft);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-styleref-hint{margin:10px 0 0;text-align:center;font-size:12.5px;color:var(--ink-soft)}.c-framewall-head{display:flex;align-items:baseline;justify-content:center;gap:10px;max-width:420px;margin:0 auto 10px}.c-framewall-count{font-family:var(--round);font-weight:800;font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}.c-framewall-now{font-size:12.5px;color:var(--ink-soft)}.c-framewall-blank.is-running{opacity:1;border-color:color-mix(in srgb,var(--honey) 45%,var(--line));background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--honey) 22%,transparent) 50%,transparent 70%),color-mix(in srgb,var(--art) 55%,var(--card));background-size:220% 100%,100% 100%;animation:c-framewall-sweep 1.5s ease-in-out infinite}@keyframes c-framewall-sweep{0%{background-position:140% 0,0 0}to{background-position:-40% 0,0 0}}@media (prefers-reduced-motion: reduce){.c-framewall-blank.is-running{animation:none}}.c-framewall-cell figcaption.is-pending{opacity:.55}.c-giftdone{max-width:460px;margin:0 auto;padding:56px 24px 72px;text-align:center}.c-giftdone-title{font-size:30px;font-weight:800;margin:0;display:flex;align-items:center;justify-content:center;gap:10px}.c-giftdone-title span{font-size:.86em;line-height:1}.c-giftdone-from{margin:8px 0 0;font-size:14.5px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-giftdone-pet{display:block;height:220px;width:auto;max-width:100%;margin:22px auto 26px}.c-giftdone-cta{display:inline-block}.c-giftdone-steps{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;text-align:left;max-width:320px;margin-inline:auto}.c-giftdone-steps li{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--ink-soft)}.c-giftdone-steps b{flex:0 0 auto;width:24px;height:24px;border-radius:999px;background:color-mix(in srgb,var(--honey) 22%,transparent);color:var(--honey-deep);font-size:12.5px;display:inline-flex;align-items:center;justify-content:center}.c-giftdone-steps em{font-style:normal;font-weight:800;color:var(--ink)}@media (max-width: 560px){.c-giftdone{padding:40px 20px 60px}.c-giftdone-title{font-size:25px}.c-giftdone-pet{height:170px;margin:20px auto 24px}}.c-styleref{display:flex;align-items:flex-end;justify-content:center;gap:12px;min-height:132px}.c-styleref-cell{position:relative;margin:0;flex:0 0 auto;width:112px;height:128px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;background:color-mix(in srgb,var(--art) 55%,var(--card));border:1px solid var(--line)}.c-styleref-cell img{max-height:88%;max-width:88%;width:auto}.c-styleref-empty{margin:0;align-self:center;font-size:13px;color:var(--ink-soft);border:1px dashed var(--line);border-radius:14px;padding:22px 18px}.c-namerow{display:flex;align-items:center;gap:12px}.c-namerow-label{flex:0 0 auto;font-size:14px;color:var(--ink-soft)}.c-namerow-field{position:relative;flex:1 1 auto}.c-namerow-input{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;font-size:15px;padding:10px 46px 10px 14px;transition:border-color .12s}.c-namerow-input:focus{outline:none;border-color:var(--honey)}.c-namerow-dice{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:10px;border:none;background:none;cursor:pointer;font-size:17px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background .12s}.c-namerow-dice:hover{background:color-mix(in srgb,var(--honey) 16%,transparent)}.c-namerow-dice:active{transform:translateY(-50%) scale(.9)}.c-namerow-dice:disabled{opacity:.45;cursor:default}.c-showcase-cell{position:relative;width:92px;height:92px;flex:none;overflow:hidden;border-radius:12px;background:var(--art);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.c-showcase-cell img{max-width:86%;max-height:86%;-o-object-fit:contain;object-fit:contain}.c-showcase-tag{position:absolute;top:4px;left:4px;padding:1px 6px;border-radius:999px;background:#0000008c;color:#fff;font-size:10px;line-height:1.5;pointer-events:none}.c-plaza-skel{min-width:140px;flex:0 0 auto;border-radius:18px;overflow:hidden;background:var(--card);border:1px solid var(--line);animation:c-skel-pulse 1.4s ease-in-out infinite}.c-plaza-skel .sk-pv{aspect-ratio:4 / 3;background:color-mix(in srgb,var(--art) 55%,var(--card))}.c-plaza-skel .sk-line{height:12px;margin:14px 14px 0;border-radius:999px;background:color-mix(in srgb,var(--line) 70%,transparent)}.c-plaza-skel .sk-btn{height:36px;margin:14px;border-radius:999px;background:color-mix(in srgb,var(--line) 55%,transparent)}@keyframes c-skel-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.c-plaza-skel{animation:none;opacity:.8}}