.market-pets-slot{grid-column:1/-1;min-width:0}
.pets-shop{display:grid;gap:20px;color:var(--text);margin-top:24px;font-size:14px;container-type:inline-size}
.pets-shop [hidden],.pet-follower[hidden]{display:none!important}
.pets-shop-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.pets-shop-heading>div:first-child{min-width:0}.pets-shop h2{font-size:clamp(27px,3vw,36px);line-height:1.2;letter-spacing:-.025em;color:var(--text-bright);margin:7px 0 10px}
.pets-shop-heading p,.pets-shop-rule{line-height:1.7;color:var(--text-muted);font-size:13px;margin:0}
.pets-eyebrow{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--accent-bright)}
.pets-balance{flex:0 0 auto;display:grid;gap:5px;background:var(--bg-soft);border:1px solid var(--border);border-radius:14px;padding:13px 16px;text-align:right}
.pets-balance span{font-size:10px;color:var(--text-muted)}.pets-balance strong{font-size:18px;color:var(--text-bright);white-space:nowrap}
.pets-shop-rule{padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:var(--bg-soft)}
.pets-shop-status{margin:0;color:var(--accent-bright);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.pets-shop-status:empty{display:none}.pets-shop-status-error{color:var(--danger,#db6a6a)}
.pets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:18px}
.pet-card{min-width:0;position:relative;display:flex;flex-direction:column;padding:22px;border:1px solid var(--border);border-radius:24px;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--pet-color) 13%,transparent),transparent 64%),var(--panel);box-shadow:0 10px 24px #00000006;overflow:hidden}
.pet-card-equipped{border-color:var(--pet-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--pet-color) 14%,transparent)}
.pet-card-top{display:flex;gap:8px;align-items:center;justify-content:space-between;min-height:24px}.pet-rarity{font-size:10px;font-weight:900;letter-spacing:.06em;color:var(--text-bright);background:color-mix(in srgb,var(--pet-color) 14%,transparent);padding:6px 9px;border-radius:8px}.pet-owned{font-size:10px;font-weight:800;color:var(--accent-bright)}
.pet-card-art{display:grid;place-items:center;min-height:190px;position:relative}.pet-card-art::before{content:"";position:absolute;width:145px;height:145px;inset:auto;border:1px solid color-mix(in srgb,var(--pet-color) 22%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pet-color) 8%,transparent),transparent 67%)}
.pet-card-art .pet-art{position:relative;max-width:100%;height:auto}.pet-art{vertical-align:middle;flex-shrink:0;overflow:visible}
.lb-pet-icon{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;margin-inline-start:8px;vertical-align:middle;flex-shrink:0;border:1px solid var(--border);border-radius:9px;background:var(--bg-soft)}.lb-pet-icon .pet-art{display:block;width:28px;height:28px;max-width:100%}
.pet-card h3{font-size:20px;line-height:1.35;color:var(--text-bright);letter-spacing:-.015em;margin:4px 0 10px;overflow-wrap:normal;word-break:normal;hyphens:none}
.pet-description{font-size:12px;color:var(--text-muted);line-height:1.6;margin:0 0 20px;min-height:39px}
.pet-bonus{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:auto;padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:var(--bg-soft)}.pet-bonus strong{flex:0 0 auto;font-size:27px;font-weight:900;color:var(--text-bright);font-variant-numeric:tabular-nums}.pet-bonus span{flex:1 1 90px;min-width:0;font-size:10px;line-height:1.5;color:var(--text-muted);max-width:130px}
.pet-price{font-size:10px;line-height:1.6;color:var(--text-muted);margin:14px 0 10px;min-height:16px}
.pets-button{font:inherit;font-size:12px;font-weight:900;line-height:1.5;border:1px solid var(--border);border-radius:12px;min-height:44px;padding:11px 14px;cursor:pointer;color:var(--text-bright);background:var(--bg-soft);overflow-wrap:anywhere;transition:background .15s,color .15s}
.pets-button-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pets-button:hover:not(:disabled){filter:brightness(1.06)}.pets-button:disabled{opacity:.5;cursor:default}.pets-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.pets-button-quiet{min-height:40px}
.pets-pending{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--warm-border,var(--border));background:var(--surface-warm,var(--bg-soft));padding:16px;border-radius:15px;line-height:1.6;font-size:12px;color:var(--text-bright)}
.pet-hatch{position:fixed;inset:0;z-index:85;pointer-events:none;display:flex;align-items:center;justify-content:center;flex-direction:column;background:color-mix(in srgb,var(--bg) 87%,transparent);animation:pet-hatch-overlay 2s ease both;color:var(--text-bright);gap:8px}
.pet-hatch::before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pet-color) 34%,transparent),transparent 69%);animation:pet-hatch-aura 1.5s ease both}
.pet-hatch-egg{width:90px;height:120px;position:absolute;animation:pet-egg 1.05s ease both}.pet-hatch-egg svg{width:100%;height:100%;fill:var(--bg-card,var(--panel));stroke:var(--pet-color);stroke-width:4}.pet-hatch-egg svg path+path{fill:none;stroke-width:3;stroke-linecap:round}
.pet-hatch-reveal{position:relative;animation:pet-reveal 2s ease both}.pet-hatch>strong{font-size:22px;position:relative;animation:pet-reveal-copy 2s ease both;text-align:center;padding:0 12px}.pet-hatch>span{font-size:13px;position:relative;animation:pet-reveal-copy 2s ease both}
.pet-hatch-reduced,.pet-hatch-reduced *{animation:none!important}.pet-hatch-reduced .pet-hatch-egg{display:none}
.pet-follower{position:fixed;left:0;top:0;width:88px;height:88px;z-index:25;pointer-events:none!important;user-select:none;opacity:.82;contain:layout style;will-change:auto}.pet-follower[data-moving=true]{will-change:transform}.pet-follower .pet-art{width:100%;height:100%;filter:drop-shadow(0 4px 5px #00000012)}
.pet-follower[data-moving=true] .pet-art-wing{transform-box:fill-box;transform-origin:center;transform:rotate(var(--pet-wing-angle,0deg))}.pet-follower-corner{width:60px;height:60px;opacity:.6}
@keyframes pet-hatch-overlay{0%,100%{opacity:0}10%,85%{opacity:1}}
@keyframes pet-hatch-aura{0%{transform:scale(.35);opacity:0}45%{opacity:.7}75%{transform:scale(1.3);opacity:.8}100%{transform:scale(1.5);opacity:0}}
@keyframes pet-egg{0%,15%{transform:rotate(0) scale(.7);opacity:0}25%{opacity:1;transform:rotate(-5deg)}45%{transform:rotate(7deg)}65%{transform:rotate(-8deg)}80%{transform:rotate(5deg) scale(1.1);opacity:1}100%{transform:scale(1.35);opacity:0}}
@keyframes pet-reveal{0%,42%{transform:scale(.4);opacity:0}58%{transform:scale(1.08);opacity:1}78%,100%{transform:scale(1);opacity:1}}
@keyframes pet-reveal-copy{0%,50%{opacity:0;transform:translateY(8px)}65%,100%{opacity:1;transform:none}}
@container(max-width:540px){.pets-shop-heading{flex-wrap:wrap}.pets-balance{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;text-align:left}.pets-grid{gap:14px}.pet-card{padding:18px}}
@media(max-width:1000px){.pets-grid{gap:12px}.pet-card{padding:17px}.pet-card h3{font-size:18px}.pet-card-art{min-height:166px}.pet-card-art .pet-art{width:155px}}
@media(max-width:700px){.pets-shop{gap:16px}.pets-shop-heading{gap:14px;flex-wrap:wrap}.pets-shop-heading h2{font-size:28px}.pets-balance{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;text-align:left}.pets-grid{grid-template-columns:1fr;gap:15px}.pet-card{padding:21px;border-radius:22px}.pet-card-art{min-height:180px}.pet-card-art .pet-art{width:174px}.pet-card h3{font-size:23px}.pet-description{min-height:0}.pet-bonus{gap:12px}.pet-bonus span{font-size:11px;max-width:none}.pet-price{font-size:11px}.pets-pending{align-items:stretch;flex-direction:column}.pets-pending .pets-button{width:100%}.pets-shop-rule{font-size:12px;padding:14px 16px}}
@media(prefers-reduced-motion:reduce){.pets-shop *,.pet-follower *{animation:none!important;transition:none!important}}