.pet-character{display:inline-block;width:160px;height:150px;vertical-align:middle;flex-shrink:0;line-height:0;animation:none!important;transform:none!important}.pet-character>svg{display:block;width:100%;height:100%;overflow:visible}.virtual-pet .pet-stage{height:160px;display:flex;align-items:center;justify-content:center}.virtual-pet .pet-stage .pet-character{width:170px;height:160px}.virtual-pet .pet-spark{display:none}.header-pet-button .pet-character{width:42px;height:42px}.pet-character.dialog-mascot{display:block;width:125px;height:117px;margin:0 auto 12px}.empty .pet-character{width:150px;height:140px}.hero-art .pet-character,.watch-art .pet-character,.info-hero-art .pet-character{width:min(100%,240px);height:auto;aspect-ratio:320/300}.guide-wide .pet-character{width:140px;height:132px}.pet-gallery-art .pet-character{width:100%;height:100%}@media(max-width:700px){.virtual-pet .pet-stage{height:177px;gap:0;justify-content:flex-start}.virtual-pet .pet-stage .pet-character{width:150px;height:141px}.virtual-pet .pet-stage .pet-notifications{margin-top:3px}.watch-art .pet-character{width:180px}.pet-character.dialog-mascot{width:110px;height:104px}}
.header-pet-button .notification-count{right:-8px;top:-5px}.section-mascot.pet-character{width:100px;height:94px}

/* Landing: size both the initial image and the mounted SVG character. */
.scene{display:flex;flex-direction:column;align-items:center;min-width:0}
.scene .mascot,.scene .pet-character.mascot{width:min(100%,460px);max-width:460px;height:auto;aspect-ratio:320/300;display:block;margin:0 auto}
@media(max-width:700px){
 .virtual-pet.guide,.product-page-side .virtual-pet.guide{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px 12px;padding:14px;min-width:0;align-items:center}
 .virtual-pet.guide .pet-status{grid-column:1/-1;grid-row:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:12px}
 .virtual-pet.guide .pet-stage{grid-column:1;grid-row:2;width:112px;height:auto;min-height:112px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
 .virtual-pet.guide .pet-stage .pet-character,.virtual-pet.guide .pet-stage>img{width:112px;max-width:100%;height:105px;flex-shrink:0}
 .virtual-pet.guide .pet-stage::before{display:none}
 .virtual-pet.guide .pet-stage .pet-notifications{position:relative;inset:auto;width:36px;height:36px;margin:0;flex:none}
 .virtual-pet.guide .pet-message{grid-column:2;grid-row:2;font-size:13px;line-height:1.55;margin:0;padding:0;background:transparent;min-width:0;overflow-wrap:anywhere}
 .virtual-pet.guide .pet-options{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
 .virtual-pet.guide .pet-options .chip{width:100%;min-height:44px;padding:9px 10px;margin:0;font-size:12px;line-height:1.3;white-space:normal;justify-content:center;text-align:center;overflow-wrap:anywhere}
 .virtual-pet.guide .pet-options .chip:last-child:nth-child(odd){grid-column:1/-1}
 .scene .mascot,.scene .pet-character.mascot{width:min(100%,350px);max-width:350px;height:auto}
 .header-pet-button .pet-character{width:34px;height:34px}
}

.notification-dog-heading{display:flex;align-items:center;gap:18px}.notification-dog-heading>img{width:110px;height:110px;object-fit:contain;flex-shrink:0}.notification-dog-heading h1{margin:4px 0}.notifications-page>.section-heading{flex-wrap:wrap;gap:16px}@media(max-width:600px){.notification-dog-heading{gap:12px}.notification-dog-heading>img{width:80px;height:80px}.notification-dog-heading h1{font-size:1.4rem}}

/* Approved Nadie-inspired character: static poses, without motion. */
img.static-mascot{object-fit:contain;animation:none!important;transition:none!important;transform:none!important;filter:none!important}
.virtual-pet .pet-stage>img.static-mascot{width:155px;height:185px;max-width:100%}.virtual-pet .pet-stage{height:190px}.virtual-pet .pet-stage:before{display:none}
.hero-art>img.static-mascot,.watch-art>img.static-mascot,.info-hero-art>img.static-mascot{width:240px;height:280px;object-fit:contain}
.scene .mascot.static-mascot{aspect-ratio:auto;height:auto}.dialog-mascot.static-mascot{width:115px;height:140px}.section-mascot.static-mascot{width:90px;height:110px}
@media(max-width:700px){.virtual-pet.guide .pet-stage{height:auto;min-height:125px}.virtual-pet.guide .pet-stage>img.static-mascot{width:105px;height:125px}.hero-art>img.static-mascot,.watch-art>img.static-mascot{width:190px;height:230px}}

/* Quiet decorative motion around the fixed character, never over its face. */
.mascot-spark-stage{position:relative;isolation:isolate}
.mascot-sparks{position:absolute;inset:8% 8%;pointer-events:none;z-index:4;overflow:hidden}
.mascot-sparks i{position:absolute;display:block;font-style:normal;font-size:15px;line-height:1;color:#ff9a42;opacity:.65;animation:mascot-spark-drift 7s ease-in-out infinite}
.mascot-sparks i:nth-child(1){left:8%;top:24%;animation-delay:-2s}
.mascot-sparks i:nth-child(2){right:8%;top:15%;font-size:19px;animation-duration:9s;animation-delay:-5s}
.mascot-sparks i:nth-child(3){left:13%;top:65%;width:4px;height:4px;border-radius:50%;background:#f6bf63;animation-delay:-4s}
.mascot-sparks i:nth-child(4){right:5%;top:64%;font-size:12px;animation-duration:8s;animation-delay:-1s}
.mascot-sparks i:nth-child(5){right:20%;top:5%;width:3px;height:3px;border-radius:50%;background:#ffa75c;animation-duration:10s;animation-delay:-7s}
@keyframes mascot-spark-drift{0%,100%{transform:translateY(4px) rotate(-8deg);opacity:.3;color:#ed8a3e}50%{transform:translateY(-7px) rotate(10deg);opacity:.8;color:#f6c96c}}
@media(max-width:700px){.mascot-sparks{inset:3% 0}.mascot-sparks i{font-size:11px}.mascot-sparks i:nth-child(2){font-size:14px}}
@media(prefers-reduced-motion:reduce){.mascot-sparks i{animation:none;opacity:.5}}