.pets-page{min-width:0}.pets-header{margin-bottom:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pets-header h1{margin:0 0 8px;display:inline-flex;align-items:center;gap:10px;font-size:clamp(28px,3vw,36px);line-height:1.15;font-weight:820}.pets-title-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(180deg,#4aa07a,#2f6d52);box-shadow:0 8px 16px rgba(47,109,82,.22)}.pets-title-icon svg{width:20px;height:20px}.pets-header p{margin:0;color:var(--puffyo-muted);font-size:14px;line-height:1.55}.pets-total{min-width:120px;padding:12px 14px;border:1px solid var(--puffyo-border);border-radius:14px;background:#fff;box-shadow:0 8px 18px rgba(46,42,74,.04);text-align:right}.pets-total span{display:block;color:var(--puffyo-muted);font-size:11px;font-weight:700}.pets-total strong{font-size:20px;font-weight:820;color:var(--puffyo-brand)}.pets-quick{margin-bottom:18px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(108px,1fr);gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.pets-quick-card{padding:10px;border:1px solid var(--puffyo-border);border-radius:14px;background:#fff;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.pets-quick-active,.pets-quick-card:hover{border-color:#cbbef2;box-shadow:0 10px 22px rgba(104,64,212,.12);transform:translateY(-1px)}.pets-quick-art{height:84px;margin-bottom:8px;border-radius:12px;overflow:hidden;display:grid;place-items:center}.pets-quick-art img{width:78%!important;height:78%!important;-o-object-fit:contain;object-fit:contain}.pets-quick-card strong{display:block;font-size:13px;font-weight:800}.pets-quick-card>span{display:block;margin:2px 0 8px;color:var(--puffyo-muted);font-size:11px;font-weight:700}.pets-level-bar,.pets-mini-bar{height:6px;overflow:hidden;border-radius:999px;background:#ebe8f4}.pets-level-bar span,.pets-mini-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8e6af0,#7048df)}.pets-focus{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.8fr);gap:16px;margin-bottom:22px}.pets-hero{position:relative;min-height:360px;overflow:hidden;border:1px solid var(--puffyo-border);border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(46,42,74,.05)}.pets-hero-art{position:absolute;inset:0 0 38% 0;overflow:hidden}.pets-hero-glow{position:absolute;width:180px;height:180px;top:18%;border-radius:50%;background:hsla(0,0%,100%,.35);filter:blur(10px)}.pets-hero-glow,.pets-hero-image{left:50%;transform:translateX(-50%)}.pets-hero-image{position:absolute!important;width:auto!important;height:92%!important;bottom:-4%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(28,40,48,.24))}.pets-hero-info{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;background:linear-gradient(180deg,hsla(0,0%,100%,.72),#fff 36%);backdrop-filter:blur(4px)}.pets-hero-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.pets-hero-title h2{margin:0;font-size:24px;font-weight:820}.pets-rarity{padding:4px 9px;border-radius:999px;font-size:10px;font-weight:800}.pets-rarity-common{color:#5b6475;background:#eef1f5}.pets-rarity-rare{color:#2f6fbf;background:#e5f0ff}.pets-rarity-epic{color:#6840d4;background:#efe8ff}.pets-rarity-legendary{color:#b56a12;background:#fff0d6}.pets-level-row{display:flex;justify-content:space-between;color:var(--puffyo-muted);font-size:12px;font-weight:700;margin-bottom:6px}.pets-level-row strong{color:var(--puffyo-brand)}.pets-hero-info>p{margin:10px 0 14px;color:var(--puffyo-muted);font-size:13px;line-height:1.5;max-width:54ch}.pets-hero-actions{display:flex;flex-wrap:wrap;gap:8px}.pets-btn{min-height:38px;padding:0 16px;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer}.pets-btn-primary{border:0;color:#fff;background:linear-gradient(180deg,#7d58e6,#6840d4);box-shadow:0 7px 14px rgba(104,64,212,.2);opacity:.78}.pets-btn-secondary{border:1px solid #d8d3e6;color:#5f5a73;background:#fff;opacity:.85}.pets-side{display:flex;flex-direction:column;gap:14px}.pets-panel{padding:16px 16px 14px;border:1px solid var(--puffyo-border);border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(46,42,74,.04)}.pets-panel h3{margin:0 0 12px;font-size:15px;font-weight:820}.pets-stats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pets-stats li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;min-height:36px;padding:0 4px;border-radius:10px}.pets-stats li:nth-child(odd){background:#faf8ff}.pets-stat-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#efe8ff;color:#6840d4;font-size:12px}.pets-stats span:nth-child(2){color:#6f6b80;font-size:12px;font-weight:700}.pets-stats strong{font-size:13px;font-weight:820}.pets-skill-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pets-skill-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(180deg,#7d58e6,#6840d4);font-weight:900}.pets-skill-row strong{display:block;font-size:14px}.pets-skill-row span{color:var(--puffyo-muted);font-size:11px;font-weight:700}.pets-skill p{margin:0;color:var(--puffyo-muted);font-size:12px;line-height:1.5}.pets-inventory{margin-bottom:20px}.pets-inventory-head{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.pets-inventory-head h2{margin:0;font-size:20px;font-weight:820}.pets-rarity-filter{display:inline-flex;align-items:center;gap:8px;color:var(--puffyo-muted);font-size:12px;font-weight:700}.pets-rarity-filter select{min-height:34px;padding:0 10px;border:1px solid #e2e0ea;border-radius:10px;background:#fff;color:var(--puffyo-ink);font-size:12px;font-weight:700}.pets-inventory-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.pets-inv-empty{grid-column:1/-1;padding:36px 24px;text-align:center;border:1px dashed #d9d5e6;border-radius:16px;background:#fff}.pets-inv-empty h3{margin:0 0 8px;font-size:18px}.pets-inv-empty p{margin:0 0 14px;color:var(--puffyo-muted);font-size:13px}.pets-inv-empty .pets-btn{opacity:1;cursor:pointer}.pets-inv-card{padding:10px;border:1px solid var(--puffyo-border);border-radius:14px;background:#fff;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}.pets-inv-active,.pets-inv-card:hover{border-color:#cbbef2;box-shadow:0 10px 22px rgba(104,64,212,.1);transform:translateY(-1px)}.pets-inv-art{height:110px;margin-bottom:8px;border-radius:12px;overflow:hidden;display:grid;place-items:center}.pets-inv-art img{width:78%!important;height:78%!important;-o-object-fit:contain;object-fit:contain}.pets-inv-card strong{display:block;font-size:13px;font-weight:800}.pets-inv-card>span{color:var(--puffyo-muted);font-size:11px;font-weight:700}.pets-inv-locked{cursor:default;background:#f6f5f9;box-shadow:none;transform:none}.pets-inv-locked:hover{border-color:var(--puffyo-border);box-shadow:none;transform:none}.pets-inv-lock{height:110px;margin-bottom:8px;display:grid;place-items:center;border-radius:12px;background:#eceaf2;color:#8b86a0;font-size:22px}.pets-inv-locked span,.pets-inv-locked strong{color:#8b86a0}.pets-banner{margin-top:8px;padding:18px 22px;display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:16px;border-radius:18px;background:linear-gradient(105deg,#efe9ff,#f4f0ff 55%,#ebe5ff);border:1px solid #e2daf8}.pets-banner-art{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:hsla(0,0%,100%,.72);overflow:hidden}.pets-banner-art img{width:78px;height:78px;-o-object-fit:contain;object-fit:contain}.pets-banner h2{margin:0 0 4px;font-size:18px;font-weight:820}.pets-banner p{margin:0;color:var(--puffyo-muted);font-size:13px}.pets-banner-btn{min-height:40px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;background:linear-gradient(180deg,#7d58e6,#6840d4);font-size:12px;font-weight:800;box-shadow:0 7px 14px rgba(104,64,212,.2)}.pets-scene-meadow{background:linear-gradient(#7ec5e2,#cae88e 58%,#65a25b 0)}.pets-scene-night{background:linear-gradient(#34355e,#242342 60%,#37334c 0)}.pets-scene-grove{background:linear-gradient(#3f8193,#234c52 61%,#173c36 0)}.pets-scene-warm{background:linear-gradient(#f2c46d,#e8a24a 56%,#d4893a 0)}.pets-scene-ember{background:linear-gradient(#4f5d9a,#2a314f 58%,#3d2f4f 0)}.pets-scene-sky{background:linear-gradient(#9ed7f2,#d7ecfb 55%,#b9d8ef 0)}.pets-hero.pets-scene-ember,.pets-hero.pets-scene-grove,.pets-hero.pets-scene-meadow,.pets-hero.pets-scene-night,.pets-hero.pets-scene-sky,.pets-hero.pets-scene-warm{background:#fff}.pets-hero.pets-scene-meadow .pets-hero-art{background:linear-gradient(#7ec5e2,#cae88e 58%,#65a25b 0)}.pets-hero.pets-scene-night .pets-hero-art{background:linear-gradient(#34355e,#242342 60%,#37334c 0)}.pets-hero.pets-scene-grove .pets-hero-art{background:linear-gradient(#3f8193,#234c52 61%,#173c36 0)}.pets-hero.pets-scene-warm .pets-hero-art{background:linear-gradient(#f2c46d,#e8a24a 56%,#d4893a 0)}.pets-hero.pets-scene-ember .pets-hero-art{background:linear-gradient(#4f5d9a,#2a314f 58%,#3d2f4f 0)}.pets-hero.pets-scene-sky .pets-hero-art{background:linear-gradient(#9ed7f2,#d7ecfb 55%,#b9d8ef 0)}@media (max-width:1100px){.pets-inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.pets-focus{grid-template-columns:1fr}.pets-hero{min-height:430px}.pets-banner{grid-template-columns:72px 1fr}.pets-banner-btn{grid-column:1/-1;width:100%}}@media (max-width:640px){.pets-header{flex-direction:column}.pets-total{width:100%;text-align:left}.pets-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pets-hero-actions{flex-direction:column}.pets-btn{width:100%}}.pets-layout{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:16px}.pets-hero-card{background:rgba(255,252,246,.92);border:1px solid rgba(40,70,55,.16);border-radius:14px;padding:16px;text-align:center}.pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.pets-card{background:rgba(255,252,246,.92);border:1px solid rgba(40,70,55,.16);border-radius:14px;padding:14px}.pets-card.is-locked{opacity:.55}.pets-card h3{margin:8px 0 4px}.pets-card p{margin:0 0 10px;color:#5d6f66;font-size:.88rem}@media (max-width:800px){.pets-layout{grid-template-columns:1fr}}