/* Production World pet-care SVG animation, scoped for the guide preview. */
      .petscene {
        border-radius: 20px;
        overflow: hidden;
        box-shadow: inset 0 0 0 1px #23264a0f;
      }
      .petscene > svg {
        display: block;
        width: 100%;
        height: auto;
      }
      .petscene .ps-o,
      .petscene .ps-arm,
      .petscene .ps-p {
        transform-box: view-box;
        transform-origin: 0 0;
      }
      .petscene .held,
      .petscene .ps-bowl,
      .petscene .ps-jelly,
      .petscene .ps-glow,
      .petscene .ps-sun,
      .petscene .ps-blush,
      .petscene .ps-crumbs,
      .petscene .ps-nom,
      .petscene .ps-yum,
      .petscene .ps-excl,
      .petscene .ps-dust,
      .petscene .sd,
      .petscene .nt,
      .petscene .ps-cfall,
      .petscene .ps-shd,
      .petscene .ps-fly,
      .petscene .sh,
      .petscene .hb,
      .petscene .hbf,
      .petscene .st,
      .petscene .ps-gain,
      .petscene .ps-heye,
      .petscene .ps-hi {
        opacity: 0;
      }
      .petscene .sd,
      .petscene .nt,
      .petscene .ps-cfall,
      .petscene .ps-shd,
      .petscene .ps-fly {
        transform-box: view-box;
        transform-origin: 0 0;
      }
      .petscene .sh,
      .petscene .hb,
      .petscene .hbf,
      .petscene .st,
      .petscene .ps-dust circle,
      .petscene .ps-excl,
      .petscene .ps-nom,
      .petscene .ps-yum,
      .petscene .sunin,
      .petscene .rays,
      .petscene .spin,
      .petscene .crit {
        transform-box: fill-box;
        transform-origin: 50% 50%;
      }
      .petscene .crit {
        transform-origin: 50% 100%;
      }
      .petscene[class*="a-"] .ps-heye {
        animation: psHeye 2.6s ease both;
      }
      .petscene[class*="a-"] .ps-gain {
        animation: psGain 2.6s ease both;
      }
      @keyframes psHeye {
        0%,
        78% {
          opacity: 0;
        }
        83%,
        96% {
          opacity: 1;
        }
        to {
          opacity: 0;
        }
      }
      @keyframes psGain {
        0%,
        76% {
          opacity: 0;
          transform: translateY(4px);
        }
        84% {
          opacity: 1;
          transform: none;
        }
        to {
          opacity: 0;
          transform: translateY(-14px);
        }
      }
      @keyframes psBurst {
        0% {
          opacity: 0;
          transform: scale(0.2);
        }
        35% {
          opacity: 1;
          transform: scale(1.25);
        }
        to {
          opacity: 0;
          transform: translateY(-22px) scale(1);
        }
      }
      .petscene.a-feed .ps-o {
        animation: psWalkF 2.6s cubic-bezier(0.45, 0.05, 0.3, 1) both;
      }
      @keyframes psWalkF {
        0% {
          transform: none;
        }
        8% {
          transform: translate(calc(var(--stepF) * 0.5), -2px);
        }
        16%,
        70% {
          transform: translate(var(--stepF));
        }
        24%,
        40% {
          transform: translate(var(--stepF)) rotate(6deg);
        }
        86%,
        to {
          transform: none;
        }
      }
      .petscene.a-feed .ps-arm {
        animation: psArmF 2.6s cubic-bezier(0.45, 0.05, 0.3, 1) both;
      }
      @keyframes psArmF {
        0%,
        6% {
          transform: rotate(0);
        }
        16% {
          transform: rotate(-30deg);
        }
        28%,
        36% {
          transform: rotate(-70deg);
        }
        48%,
        to {
          transform: rotate(0);
        }
      }
      .petscene.a-feed .held-bowl {
        animation: psHeldF 2.6s linear both;
      }
      @keyframes psHeldF {
        0%,
        33% {
          opacity: 1;
        }
        35%,
        to {
          opacity: 0;
        }
      }
      .petscene.a-feed .ps-bowl {
        animation: psPlaced 2.6s linear both;
      }
      @keyframes psPlaced {
        0%,
        33% {
          opacity: 0;
        }
        35%,
        95% {
          opacity: 1;
        }
        to {
          opacity: 0;
        }
      }
      .petscene.a-feed .ps-p {
        animation: psPetF 2.6s cubic-bezier(0.45, 0.05, 0.3, 1) both;
      }
      @keyframes psPetF {
        0%,
        36% {
          transform: none;
        }
        42% {
          transform: translate(calc(var(--pdx) * 0.5), -5px);
        }
        48% {
          transform: translate(var(--pdx));
        }
        53%,
        63%,
        73% {
          transform: translate(var(--pdx)) rotate(-8deg) translateY(2px);
        }
        58%,
        68%,
        78% {
          transform: translate(var(--pdx));
        }
        86% {
          transform: translate(var(--pdx)) translateY(-6px) scale(0.97, 1.04);
        }
        92% {
          transform: translate(var(--pdx));
        }
        to {
          transform: none;
        }
      }
      .petscene.a-feed .ps-crumbs {
        animation: psCrumbs 2.6s linear both;
      }
      @keyframes psCrumbs {
        0%,
        52% {
          opacity: 0;
          transform: none;
        }
        56% {
          opacity: 1;
        }
        64% {
          opacity: 1;
          transform: translateY(-4px);
        }
        66% {
          opacity: 0;
        }
        68% {
          opacity: 1;
          transform: none;
        }
        76% {
          opacity: 1;
          transform: translateY(-4px);
        }
        80%,
        to {
          opacity: 0;
        }
      }
      .petscene.a-feed .ps-nom {
        animation: psPop 2.6s ease both;
      }
      @keyframes psPop {
        0%,
        52% {
          opacity: 0;
          transform: scale(0.4);
        }
        57% {
          opacity: 1;
          transform: scale(1.1);
        }
        60%,
        80% {
          opacity: 1;
          transform: none;
        }
        84%,
        to {
          opacity: 0;
        }
      }
      .petscene.a-feed .hbf {
        animation: psBurst 1s ease-out 1.95s both;
      }
      .petscene.a-feed .hbf.hb2 {
        animation-delay: 2.05s;
      }
      .petscene.a-feed .hbf.hb3 {
        animation-delay: 2.15s;
      }
      .petscene.a-pat .ps-o {
        animation: psWalkP 2.6s cubic-bezier(0.45, 0.05, 0.3, 1) both;
      }
      @keyframes psWalkP {
        0% {
          transform: none;
        }
        9% {
          transform: translate(calc(var(--stepP) * 0.5), -3px);
        }
        18%,
        82% {
          transform: translate(var(--stepP));
        }
        96%,
        to {
          transform: none;
        }
      }
      .petscene.a-pat .ps-arm {
        animation: psArmP 2.6s ease-in-out both;
      }
      @keyframes psArmP {
        0%,
        14% {
          transform: rotate(0);
        }
        24% {
          transform: rotate(var(--armP));
        }
        32%,
        48%,
        64% {
          transform: rotate(calc(var(--armP) + 16deg));
        }
        40%,
        56%,
        72% {
          transform: rotate(var(--armP));
        }
        80% {
          transform: rotate(var(--armP));
        }
        92%,
        to {
          transform: rotate(0);
        }
      }
      .petscene.a-pat .ps-p {
        animation: psPetP 2.6s ease-in-out both;
      }
      @keyframes psPetP {
        0%,
        22%,
        to {
          transform: none;
        }
        32%,
        48%,
        64% {
          transform: scale(1.05, 0.9) rotate(-5deg);
        }
        40%,
        56%,
        72% {
          transform: scale(0.99, 1.02);
        }
        82% {
          transform: translateY(-6px);
        }
        88% {
          transform: none;
        }
      }
      .petscene.a-pat .ps-blush {
        animation: psBlush 2.6s ease both;
      }
      @keyframes psBlush {
        0%,
        26% {
          opacity: 0;
        }
        34%,
        84% {
          opacity: 1;
        }
        94%,
        to {
          opacity: 0;
        }
      }
      .petscene.a-pat .sh {
        animation: psBurst 0.9s ease-out 0.9s both;
      }
      .petscene.a-pat .sh2 {
        animation-delay: 1.3s;
      }
      .petscene.a-pat .sh3 {
        animation-delay: 1.7s;
      }
      .petscene.a-pat .hb {
        animation: psBurst 1s ease-out 2s both;
      }
      .petscene.a-pat .hb2 {
        animation-delay: 2.1s;
      }
      .petscene.a-pat .hb3 {
        animation-delay: 2.2s;
      }
      .petscene.a-play .ps-o {
        animation: psThrowO 2.6s ease both;
      }
      @keyframes psThrowO {
        0%,
        to {
          transform: none;
        }
        10% {
          transform: rotate(-5deg) translate(-3px);
        }
        20% {
          transform: rotate(6deg) translate(4px);
        }
        32% {
          transform: none;
        }
      }
      .petscene.a-play .ps-arm {
        animation: psArmT 2.6s both;
      }
      @keyframes psArmT {
        0% {
          transform: rotate(0);
          animation-timing-function: ease-in;
        }
        12% {
          transform: rotate(38deg);
          animation-timing-function: cubic-bezier(0.2, 0.9, 0.3, 1);
        }
        22% {
          transform: rotate(-150deg);
        }
        30% {
          transform: rotate(-120deg);
        }
        46%,
        to {
          transform: rotate(0);
        }
      }
      .petscene.a-play .held-ball {
        animation: psHeldT 2.6s linear both;
      }
      @keyframes psHeldT {
        0%,
        20% {
          opacity: 1;
        }
        21%,
        to {
          opacity: 0;
        }
      }
      .petscene.a-play .ps-fly {
        animation: psFly 2.6s both;
      }
      @keyframes psFly {
        0%,
        20% {
          opacity: 0;
          transform: translate(var(--f0x), var(--f0y));
        }
        21% {
          opacity: 1;
          transform: translate(var(--f0x), var(--f0y));
          animation-timing-function: cubic-bezier(0.3, 0.6, 0.5, 1);
        }
        38% {
          transform: translate(var(--f1x), var(--f1y));
          animation-timing-function: cubic-bezier(0.5, 0, 0.8, 0.5);
        }
        54% {
          transform: translate(var(--f2x), var(--f2y));
          animation-timing-function: ease-in;
        }
        68% {
          transform: translate(var(--f3x), var(--f3y));
        }
        94% {
          opacity: 1;
          transform: translate(var(--f3x), var(--f3y));
        }
        to {
          opacity: 0;
          transform: translate(var(--f3x), var(--f3y));
        }
      }
      .petscene.a-play .spin {
        animation: psSpin 0.6s linear 0.55s 3;
      }
      @keyframes psSpin {
        to {
          transform: rotate(360deg);
        }
      }
      .petscene.a-play .ps-shd {
        animation: psShd 2.6s both;
      }
      @keyframes psShd {
        0%,
        20% {
          opacity: 0;
          transform: translate(var(--f0x), var(--fy)) scale(1);
        }
        22% {
          opacity: 0.8;
          transform: translate(var(--f0x), var(--fy)) scale(1);
        }
        38% {
          transform: translate(var(--f1x), var(--fy)) scale(0.5);
        }
        54% {
          opacity: 0.8;
          transform: translate(var(--f2x), var(--fy)) scale(0.8);
        }
        60%,
        to {
          opacity: 0;
          transform: translate(var(--f2x), var(--fy));
        }
      }
      .petscene.a-play .ps-p {
        animation: psPetT 2.6s both;
      }
      @keyframes psPetT {
        0%,
        36% {
          transform: none;
        }
        44% {
          transform: scale(1.08, 0.84);
          animation-timing-function: cubic-bezier(0.2, 0.9, 0.3, 1);
        }
        54% {
          transform: translateY(-32px) scale(0.95, 1.07);
          animation-timing-function: ease-in;
        }
        64% {
          transform: none;
        }
        68% {
          transform: scale(1.1, 0.86);
        }
        74% {
          transform: none;
        }
        80% {
          transform: translateY(-7px);
        }
        86%,
        to {
          transform: none;
        }
      }
      .petscene.a-play .ps-dust {
        animation: psDust 2.6s ease both;
      }
      @keyframes psDust {
        0%,
        63% {
          opacity: 0;
          transform: scale(0.3);
        }
        68% {
          opacity: 1;
          transform: scale(1);
        }
        80%,
        to {
          opacity: 0;
          transform: scale(1.6);
        }
      }
      .petscene.a-play .st {
        animation: psBurst 1s ease-out 2s both;
      }
      .petscene.a-play .st2 {
        animation-delay: 2.1s;
      }
      .petscene.a-play .st3 {
        animation-delay: 2.2s;
      }

@media (prefers-reduced-motion: reduce) { .petscene * { animation: none !important; } }