.petsui{--bg:#0c0c10;--panel:#15151c;--panel-2:#1b1b24;--line:hsla(0,0%,100%,.08);--line-2:hsla(0,0%,100%,.16);--text:#f5f0e8;--dim:hsla(37,39%,94%,.64);--faint:hsla(37,39%,94%,.42);--cream:#f5f0e8;--apple:#86d47f;--minus:#ff8a8a;--common:#a1a1aa;--uncommon:#4ade80;--rare:#60a5fa;--legendary:#c084fc;--limited:#fb7185;position:relative;isolation:isolate;overflow-x:clip;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}.petsui.page{flex:1;min-height:100vh;padding-bottom:64px;overflow:clip}.petsui.petsui-layer{position:fixed;top:0;left:0;width:0;height:0;overflow:visible;z-index:1000;background:none;isolation:auto}.petsui.page:before{content:"";position:absolute;inset:-10% -20%;z-index:-1;pointer-events:none;background:radial-gradient(40% 30% at 20% 12%,rgba(96,165,250,.1),transparent 70%),radial-gradient(35% 30% at 80% 40%,rgba(192,132,252,.08),transparent 70%),radial-gradient(30% 25% at 60% 4%,rgba(74,222,128,.06),transparent 70%);animation:pu-ambient 28s ease-in-out infinite alternate}@keyframes pu-ambient{to{translate:24px -16px}}.petsui img{display:block;max-width:100%}.petsui .display{font-family:var(--font-bebas),"Bebas Neue",Impact,sans-serif;letter-spacing:.04em;font-weight:400}.petsui .wrap{max-width:1160px;margin:0 auto;padding:0 20px}.petsui .muted{color:var(--dim);margin:0}.petsui .eyebrow{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin:0 0 12px;font-weight:600}.petsui h1,.petsui h2{margin:0;font-weight:400}.petsui .apple{color:var(--apple)}.petsui .panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.petsui a{color:inherit}.petsui .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--line-2);background:hsla(0,0%,100%,.04);color:var(--text);font:inherit;font-weight:600;cursor:pointer;text-decoration:none;transition:background .2s,translate .15s,scale .1s,box-shadow .2s}.petsui .btn:hover{background:hsla(0,0%,100%,.1);translate:0 -1px}.petsui .btn:active{scale:.96}.petsui .btn:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.petsui .btn.primary{background:var(--cream);color:#121216;border-color:var(--cream)}.petsui .btn.primary:hover{background:#fff;box-shadow:0 6px 22px hsla(0,0%,100%,.14)}.petsui .btn.small{min-height:38px;padding:0 14px;font-size:14px}.petsui .btn[disabled]{opacity:.45;cursor:not-allowed;background:hsla(0,0%,100%,.04);color:var(--dim);border-color:var(--line);translate:none;box-shadow:none}.petsui .pill{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px;color:var(--dim);white-space:nowrap}.petsui .pill b{color:var(--text);font-variant-numeric:tabular-nums}.petsui .rarity{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:3px 9px;border-radius:999px;color:var(--rc);border:1px solid color-mix(in srgb,var(--rc) 70%,transparent);background:color-mix(in srgb,var(--rc) 12%,transparent);white-space:nowrap}.petsui .r-COMMON,.petsui .rarity{--rc:var(--common)}.petsui .r-UNCOMMON{--rc:var(--uncommon)}.petsui .r-RARE{--rc:var(--rare)}.petsui .r-LEGENDARY{--rc:var(--legendary)}.petsui .rarity.limited{--rc:var(--limited)}.petsui .rarity.r-LEGENDARY{background:linear-gradient(110deg,color-mix(in srgb,var(--rc) 14%,transparent) 30%,color-mix(in srgb,var(--rc) 45%,transparent) 50%,color-mix(in srgb,var(--rc) 14%,transparent) 70%);background-size:250% 100%;animation:pu-shimmer 2.8s linear infinite}@keyframes pu-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.petsui .soon{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);border:1px dashed var(--line-2);border-radius:999px;padding:1px 7px;margin-left:6px;white-space:nowrap}.petsui .stage{--tint:#a1a1aa;position:relative;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle at 50% 68%,color-mix(in srgb,var(--tint) 30%,transparent),transparent 62%),var(--panel-2)}.petsui .stage img{max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}.petsui .sil{filter:brightness(0) invert(.22)!important;opacity:.8}.petsui .shiny img{filter:hue-rotate(150deg) saturate(1.4) drop-shadow(0 0 10px rgba(255,255,255,.35))}.petsui .shiny:after{content:"✦";position:absolute;top:8px;right:10px;color:#fff3d0;font-size:18px;text-shadow:0 0 8px #fff;animation:pu-twinkle 1.8s ease-in-out infinite}@keyframes pu-twinkle{0%,to{opacity:.35;scale:.8}50%{opacity:1;scale:1.15}}.petsui .pet{transform-origin:50% 100%;animation:pu-idle var(--idle-dur,3.4s) ease-in-out var(--idle-delay,0s) infinite}@keyframes pu-idle{0%,to{translate:0 0;scale:1 1}50%{translate:0 -6px;scale:1.015 .985}}.petsui .pet.hop{animation:pu-hop .75s cubic-bezier(.3,1.5,.5,1)}@keyframes pu-hop{0%{translate:0 0;scale:1 1}25%{translate:0 -22px;rotate:-5deg;scale:.96 1.05}55%{translate:0 0;rotate:2deg;scale:1.07 .93}75%{scale:.98 1.02;rotate:0deg}to{translate:0 0;scale:1 1}}.petsui .tilt{position:relative;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s ease,border-color .25s,box-shadow .25s}.petsui .tilt.tilting{transition:transform .08s linear,border-color .25s,box-shadow .25s}.petsui .tilt:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),hsla(0,0%,100%,.1),transparent 45%)}.petsui .tilt.tilting:after{opacity:1}.petsui .reveal{opacity:0;translate:0 18px;transition:opacity .6s ease,translate .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i, 0) * 60ms)}.petsui .reveal.in{opacity:1;translate:0 0}.petsui .bar{height:8px;border-radius:99px;background:hsla(0,0%,100%,.08);overflow:hidden}.petsui .bar>span{display:block;height:100%;border-radius:99px;width:var(--w,0);background:var(--tint,var(--apple));box-shadow:0 0 12px color-mix(in srgb,var(--tint,var(--apple)) 60%,transparent);transition:width 1.2s cubic-bezier(.2,.8,.2,1) .2s}.petsui .specks{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.petsui .specks span{position:absolute;bottom:-8px;width:var(--s,5px);height:var(--s,5px);border-radius:50%;opacity:0;background:color-mix(in srgb,var(--tint) 60%,#fff);box-shadow:0 0 8px var(--tint);animation:pu-drift var(--d,6s) linear var(--delay,0s) infinite}@keyframes pu-drift{0%{opacity:0;translate:0 0}15%{opacity:.85}to{opacity:0;translate:var(--x,0) -380px}}.petsui .delta{position:absolute;right:12px;top:-4px;font-weight:800;color:var(--minus);pointer-events:none;animation:pu-deltaUp 1.3s ease-out forwards}@keyframes pu-deltaUp{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 -34px}}.petsui .bump{animation:pu-bump .45s cubic-bezier(.3,1.6,.5,1)}@keyframes pu-bump{40%{scale:1.08}}.petsui .toast{position:fixed;left:50%;bottom:24px;translate:-50% 0;z-index:80;background:#2a1518;border:1px solid rgba(251,113,133,.5);color:#ffd3da;padding:12px 18px;border-radius:12px;font-size:14px;max-width:calc(100vw - 32px);box-shadow:0 10px 30px rgba(0,0,0,.4)}.petsui .sec-head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 14px}.petsui .sec-head h2{font-size:32px;line-height:1}.petsui section.block{margin-top:52px}.petsui .shop-hero{position:relative;padding:44px 0 30px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px}.petsui .shop-hero h1{font-size:72px;line-height:.92;margin:0 0 10px}.petsui .shop-hero p{max-width:480px}.petsui .hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.petsui .parade{display:flex;align-items:flex-end;gap:4px;height:96px}.petsui .parade .pet{height:100%;width:auto;max-width:110px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.petsui .parade .pet:nth-child(2){height:78%}.petsui .parade .pet:nth-child(4){height:70%}.petsui .hero-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.petsui .window{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.petsui .offer{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}.petsui .offer:hover{border-color:color-mix(in srgb,var(--tint) 60%,transparent);box-shadow:0 14px 40px color-mix(in srgb,var(--tint) 16%,transparent)}.petsui .art-btn{all:unset;cursor:pointer;display:block;border-radius:12px}.petsui .art-btn:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.petsui .offer .stage{height:184px}.petsui .offer .stage img{max-height:164px}.petsui .offer .name{display:flex;justify-content:space-between;align-items:center;gap:8px}.petsui .offer .name .display{font-size:27px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.petsui .artist{font-size:13px;color:var(--faint)}.petsui .offer .artist{margin-top:-6px}.petsui .artist b{color:var(--dim);font-weight:600}.petsui .perk{font-size:13px;color:var(--dim)}.petsui .perk b{color:var(--text)}.petsui .buy{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:4px;flex-wrap:wrap}.petsui .price{font-size:28px;line-height:1}.petsui .badges{position:absolute;left:10px;top:10px;display:flex;gap:6px;flex-wrap:wrap;z-index:2}.petsui .badges span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:rgba(0,0,0,.6);border:1px solid var(--line-2);border-radius:999px;padding:3px 9px;color:var(--dim)}.petsui .badges .own{background:rgba(74,222,128,.14);border-color:rgba(74,222,128,.55);color:#c9f5d6}.petsui .badges .hot{background:rgba(251,113,133,.16);border-color:rgba(251,113,133,.6);color:#ffd3da;animation:pu-pulse 1.6s ease-in-out infinite}.petsui .badges .day{background:var(--cream);border-color:var(--cream);color:#121216;font-weight:700}@keyframes pu-pulse{50%{box-shadow:0 0 0 5px rgba(251,113,133,0);background:rgba(251,113,133,.3)}}.petsui .featured{grid-column:span 2;grid-row:span 2;padding:16px;border-color:color-mix(in srgb,var(--tint) 40%,var(--line));box-shadow:0 0 60px color-mix(in srgb,var(--tint) 12%,transparent)}.petsui .featured .art-btn{flex:1;display:flex;flex-direction:column}.petsui .featured .stage{height:auto;flex:1;min-height:360px;overflow:hidden}.petsui .featured .stage:before{content:"";position:absolute;inset:-30%;border-radius:50%;opacity:.5;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--tint) 22%,transparent) 0deg 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 15%,transparent 60%);mask:radial-gradient(circle,#000 15%,transparent 60%);animation:pu-spin 40s linear infinite}@keyframes pu-spin{to{rotate:1turn}}.petsui .featured .stage img{max-height:400px;max-width:92%;position:relative}.petsui .featured .name .display{font-size:42px}.petsui .featured .price{font-size:38px}.petsui .eggs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.petsui .egg-card{display:flex;gap:22px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.petsui .egg{width:96px;height:122px;flex:none;position:relative;overflow:hidden;border-radius:50% 50% 50% 50%/60% 60% 40% 40%}.petsui .egg,.petsui .half{box-shadow:inset -10px -14px 0 rgba(0,0,0,.18)}.petsui .egg:before,.petsui .half.top:before{content:"";position:absolute;left:22%;top:15%;width:18%;height:22%;border-radius:50%;background:hsla(0,0%,100%,.45)}.petsui .egg-orchard{background:radial-gradient(circle at 70% 62%,#5d8f5e 0 8%,transparent 9%),radial-gradient(circle at 35% 74%,#5d8f5e 0 6%,transparent 7%),radial-gradient(circle at 62% 30%,#5d8f5e 0 5%,transparent 6%),#8cc48a}.petsui .egg-golden{background:radial-gradient(circle at 66% 66%,#fff1c4 0 5%,transparent 6%),radial-gradient(circle at 34% 58%,#fff1c4 0 4%,transparent 5%),linear-gradient(160deg,#f6dc8a,#d9a93c)}.petsui .egg-card .egg{animation:pu-twitch 4s ease-in-out infinite;transform-origin:50% 90%;transition:scale .2s}.petsui .egg-card .egg-golden{animation-delay:-1.8s;box-shadow:inset -10px -14px 0 rgba(120,80,0,.22),0 0 28px hsla(46,86%,75%,.35)}.petsui .egg-card:hover .egg{animation-duration:.9s;scale:1.05}@keyframes pu-twitch{0%,70%,to{rotate:0deg;translate:0 0}74%{rotate:-6deg}78%{rotate:5deg;translate:0 -3px}82%{rotate:-3deg}86%{rotate:2deg;translate:0 0}}.petsui .egg-card .egg-golden:after{content:"";position:absolute;inset:-20% -60%;background:linear-gradient(105deg,transparent 40%,hsla(0,0%,100%,.75) 50%,transparent 60%);translate:-100% 0;animation:pu-glint 3.6s ease-in-out infinite}@keyframes pu-glint{0%,55%{translate:-100% 0}85%,to{translate:100% 0}}.petsui .egg-info{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.petsui .egg-info .display{font-size:34px;line-height:1}.petsui .odds{display:flex;gap:6px;flex-wrap:wrap}.petsui .odds .rarity{font-size:10px}.petsui .filters{display:flex;gap:6px;flex-wrap:wrap}.petsui .filters button{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--dim);font:inherit;font-size:13px;cursor:pointer;transition:background .2s,color .2s}.petsui .filters button[aria-pressed=true]{background:var(--cream);color:#121216;border-color:var(--cream)}.petsui .dex{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px}.petsui .dex-item{all:unset;box-sizing:border-box;cursor:pointer;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;transition:opacity .5s ease,translate .6s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s}.petsui .dex-item.reveal{opacity:0;translate:0 16px;transition-delay:calc(var(--i, 0) * 40ms),calc(var(--i, 0) * 40ms),0s,0s}.petsui .dex-item.reveal.in{opacity:1;translate:0 0}.petsui .dex-item:hover{border-color:color-mix(in srgb,var(--tint) 55%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--tint) 14%,transparent)}.petsui .dex-item:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.petsui .dex-item.owned{border-color:rgba(74,222,128,.4)}.petsui .dex-item .stage{height:92px}.petsui .dex-item .stage img{max-height:80px}.petsui .dex-item:not(.owned):hover .sil{filter:brightness(0) invert(.38)!important}.petsui .dex-item .n{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.petsui .dex-item .when{font-size:11px;color:var(--faint);display:flex;align-items:center;gap:6px}.petsui .dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--rc);box-shadow:0 0 6px var(--rc)}.petsui .meter{display:flex;align-items:center;gap:12px;min-width:220px}.petsui .meter .bar{flex:1}.petsui .how{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.petsui .how>div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;font-size:14px;color:var(--dim)}.petsui .how b{display:block;color:var(--text);font-size:15px;margin-bottom:4px}.petsui .how svg{color:var(--cream);margin-bottom:8px}.petsui .sheet{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px;background:rgba(4,4,6,.78);backdrop-filter:blur(6px);animation:pu-fade .2s ease both}@keyframes pu-fade{0%{opacity:0}}.petsui .sheet-card{position:relative;width:min(780px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--panel);border:1px solid color-mix(in srgb,var(--tint) 45%,var(--line));border-radius:20px;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;box-shadow:0 0 80px color-mix(in srgb,var(--tint) 16%,transparent);animation:pu-pop .3s cubic-bezier(.2,1.3,.4,1) both}@keyframes pu-pop{0%{scale:.92;opacity:0;translate:0 10px}}.petsui .sheet-card>.stage{min-height:330px;overflow:hidden}.petsui .sheet-card>.stage img{max-height:300px;max-width:90%}.petsui .sheet-x{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:10px;border:0;background:transparent;color:var(--dim);cursor:pointer;display:grid;place-items:center;z-index:2}.petsui .sheet-x:hover{background:hsla(0,0%,100%,.07);color:var(--text)}.petsui .sheet-info{display:flex;flex-direction:column;gap:12px;padding-right:30px}.petsui .sheet-info .big{font-size:46px;line-height:1}.petsui .kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px;margin:0}.petsui .kv dt{color:var(--faint)}.petsui .kv dd{margin:0;color:var(--text)}.petsui .line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.petsui .line .stage{width:74px;height:74px;flex:none}.petsui .line .stage img{max-height:62px}.petsui .line .arrow{color:var(--faint)}.petsui .sheet-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:6px}.petsui .note-box{background:var(--panel-2);border-radius:12px;padding:14px;font-size:14px;color:var(--dim)}.petsui .note-box b{color:var(--text)}.petsui .arrived .pet{animation:pu-arrive .8s cubic-bezier(.2,1.6,.4,1) both,pu-idle 3.4s ease-in-out .8s infinite}@keyframes pu-arrive{0%{scale:.4;translate:0 40px;opacity:0}}.petsui .confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:12px}.petsui .confetti i{position:absolute;left:50%;top:55%;width:7px;height:12px;border-radius:2px;background:var(--c);opacity:0;animation:pu-conf 1.2s var(--d) cubic-bezier(.15,.7,.3,1) forwards}@keyframes pu-conf{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}.petsui .hatch{--rc:#60a5fa;position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:56px 16px 24px;overflow-y:auto;overflow-x:hidden;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--rc) 16%,#0c0c10),#060608 62%);animation:pu-fade .3s ease both}.petsui .hatch .skip{position:absolute;top:16px;right:16px;z-index:5}.petsui .h-scene{position:relative;flex:none;width:min(420px,86vw,48vh);height:min(420px,86vw,48vh);display:grid;grid-template:100%/100%;place-items:center}.petsui .h-scene>*{grid-area:1/1}.petsui .h-rays{position:absolute;inset:-40%;border-radius:50%;opacity:0;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rc) 40%,transparent) 0deg 6deg,transparent 6deg 16deg);-webkit-mask:radial-gradient(circle,#000 12%,transparent 60%);mask:radial-gradient(circle,#000 12%,transparent 60%);animation:pu-spin 9s linear infinite,pu-raysOn 1s ease-out 2.9s forwards}@keyframes pu-raysOn{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}.petsui .h-glow{width:70%;height:70%;border-radius:50%;opacity:0;background:radial-gradient(circle,color-mix(in srgb,var(--rc) 60%,#fff),transparent 68%);animation:pu-hglow 1.5s ease-in 1.5s forwards,pu-hglowAfter 1.2s ease-out 2.95s forwards}@keyframes pu-hglow{0%{opacity:0;scale:.4}to{opacity:.9;scale:1.05}}@keyframes pu-hglowAfter{0%{opacity:1;scale:1.5}to{opacity:.4;scale:1}}.petsui .h-egg{position:relative;width:150px;height:190px;transform-origin:50% 92%;animation:pu-drop .45s cubic-bezier(.3,1.4,.5,1) both,pu-wobble .6s ease-in-out .3s 2,pu-wobbleFast .25s ease-in-out 1.5s 4,pu-shake .08s linear 2.5s 5}@keyframes pu-drop{0%{translate:0 -60px;opacity:0}}@keyframes pu-wobble{0%,to{rotate:0deg}25%{rotate:-7deg}75%{rotate:7deg}}@keyframes pu-wobbleFast{0%,to{rotate:0deg}25%{rotate:-10deg}75%{rotate:10deg}}@keyframes pu-shake{0%,to{translate:0 0}25%{translate:-5px 0}75%{translate:5px 0}}.petsui .half{position:absolute;inset:0;border-radius:50% 50% 50% 50%/60% 60% 40% 40%}.petsui .half.top{clip-path:polygon(0 0,100% 0,100% 52%,88% 46%,76% 55%,64% 45%,52% 56%,40% 46%,28% 55%,16% 46%,0 54%);animation:pu-flyTop .8s cubic-bezier(.2,.7,.4,1) 2.95s forwards}.petsui .half.bot{clip-path:polygon(0 54%,16% 46%,28% 55%,40% 46%,52% 56%,64% 45%,76% 55%,88% 46%,100% 52%,100% 100%,0 100%);animation:pu-flyBot .8s cubic-bezier(.4,0,.8,.6) 2.95s forwards}@keyframes pu-flyTop{to{transform:translate(-70px,-190px) rotate(-50deg);opacity:0}}@keyframes pu-flyBot{to{transform:translate(50px,160px) rotate(25deg);opacity:0}}.petsui .crack{position:absolute;inset:0;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;overflow:hidden;pointer-events:none;animation:pu-hide .1s 2.95s forwards}.petsui .crack svg{width:100%;height:100%}.petsui .crack polyline{fill:none;stroke:rgba(30,20,0,.6);stroke-width:3.5;stroke-linejoin:round;stroke-dasharray:260;stroke-dashoffset:260;animation:pu-crack 1s ease-in 1.5s forwards}@keyframes pu-crack{to{stroke-dashoffset:0}}@keyframes pu-hide{to{opacity:0}}.petsui .h-pet{opacity:0;max-width:72%;max-height:72%;object-fit:contain;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--rc) 60%,transparent)) drop-shadow(0 12px 18px rgba(0,0,0,.6));animation:pu-petPop .85s cubic-bezier(.2,1.55,.35,1) 3s forwards,pu-bob 2.6s ease-in-out 4s infinite}.petsui .hatch.is-shiny .h-pet{filter:hue-rotate(150deg) saturate(1.4) drop-shadow(0 0 26px rgba(255,255,255,.6))}@keyframes pu-petPop{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}.petsui .h-flash{position:fixed;inset:0;opacity:0;pointer-events:none;z-index:3;background:color-mix(in srgb,var(--rc) 25%,#fff);animation:pu-flash .9s ease-out 2.9s forwards}.petsui .h-sparks{position:absolute;inset:0;pointer-events:none}.petsui .h-sparks span{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;opacity:0;background:color-mix(in srgb,var(--rc) 50%,#fff);box-shadow:0 0 10px 2px color-mix(in srgb,var(--rc) 80%,transparent);animation:pu-burst 1.3s calc(2.95s + var(--d)) cubic-bezier(.1,.8,.3,1) both}@keyframes pu-burst{0%{opacity:1;transform:rotate(var(--a)) translateX(0) scale(1.4)}to{opacity:0;transform:rotate(var(--a)) translateX(var(--r)) scale(.2)}}.petsui .h-stars{position:absolute;inset:0;pointer-events:none}.petsui .h-stars b{position:absolute;color:#fff3d0;text-shadow:0 0 10px #fff;font-size:22px;opacity:0;animation:pu-twinkle 1.4s calc(3.2s + var(--d)) ease-in-out infinite}.petsui .h-stamp{position:absolute;top:4%;left:0;right:0;text-align:center;z-index:4;opacity:0;color:var(--rc);font-size:36px;text-shadow:0 0 18px color-mix(in srgb,var(--rc) 70%,transparent);animation:pu-stamp .5s cubic-bezier(.2,1.6,.4,1) 3.45s forwards}@keyframes pu-stamp{0%{opacity:0;scale:2.4}to{opacity:1;scale:1}}.petsui .h-caption{flex:none;width:min(460px,100%);text-align:center;opacity:0;z-index:4;animation:pu-rise .6s ease-out 3.9s forwards}@keyframes pu-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.petsui .h-caption .what{font-size:13px;letter-spacing:.25em;text-transform:uppercase;color:var(--dim)}.petsui .h-caption .display{font-size:clamp(30px,6vw,46px);line-height:1.05;margin:4px 0 6px}.petsui .h-caption .sub{font-size:14px;color:var(--dim);margin:0 0 14px}.petsui .h-caption .sub b{color:var(--text)}.petsui .h-caption .actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.petsui .page-head{padding:44px 0 24px;display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}.petsui .page-head h1{font-size:64px;line-height:.95}.petsui .mypets-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px}.petsui .showcase{display:flex;flex-direction:column;gap:16px}.petsui .showcase .stage{height:380px}.petsui .showcase .stage img{max-height:300px}.petsui .pet-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.petsui .pet-head .display{font-size:42px;line-height:1}.petsui .tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.petsui .row-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.petsui .side{display:flex;flex-direction:column;gap:16px}.petsui .evolve{display:flex;gap:14px;align-items:center;margin-top:4px}.petsui .evolve .stage{width:88px;height:88px;flex:none}.petsui .evolve .stage img{max-height:72px}.petsui .perk-name{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.petsui .perk-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--tint) 18%,transparent);color:var(--tint)}.petsui .perk-name .display{font-size:28px;line-height:1}.petsui .rename{display:flex;gap:8px;flex-wrap:wrap}.petsui .rename input{flex:1;min-width:160px;min-height:44px;border-radius:10px;border:1px solid var(--line-2);background:var(--panel-2);color:var(--text);padding:0 12px;font:inherit}.petsui .rename input:focus{outline:2px solid var(--cream);outline-offset:1px}.petsui .pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:14px;margin-top:16px}.petsui .pet-tile{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}.petsui .pet-tile:hover{border-color:color-mix(in srgb,var(--tint) 55%,transparent);box-shadow:0 10px 30px color-mix(in srgb,var(--tint) 14%,transparent)}.petsui .pet-tile.selected{border-color:hsla(37,39%,94%,.5)}.petsui .pet-tile .stage{height:132px}.petsui .pet-tile .stage img{max-height:116px}.petsui .pet-tile .name{display:flex;justify-content:space-between;align-items:center;gap:6px}.petsui .pet-tile .name .display{font-size:22px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.petsui .mini{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--faint)}.petsui .oncard{color:var(--text)}.petsui .empty{text-align:center;padding:48px 20px}.petsui.strip-panel{border-radius:16px;border:1px solid var(--line);padding:16px}.petsui .strip{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 6px}.petsui .strip .stage{width:92px;height:92px;flex:none;border:1px solid var(--line)}.petsui .strip .stage img{max-height:76px}.petsui .strip .stage.on{border-color:hsla(37,39%,94%,.55)}.petsui .bond-num{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}.petsui .bond-num .display{font-size:44px;line-height:1}.petsui .bond-num .display small{color:var(--faint);font-size:22px}.petsui .meter{position:relative;height:12px;border-radius:99px;background:hsla(0,0%,100%,.08)}.petsui .meter>span{position:absolute;inset:0 auto 0 0;border-radius:99px;width:var(--w,0);background:var(--tint);box-shadow:0 0 14px color-mix(in srgb,var(--tint) 60%,transparent);transition:width .6s cubic-bezier(.2,.8,.2,1)}.petsui .meter i{position:absolute;top:-5px;width:3px;height:22px;border-radius:3px;background:hsla(37,39%,94%,.35);translate:-50% 0}.petsui .meter i.hit{background:var(--tint);box-shadow:0 0 8px var(--tint)}.petsui .meter-labels{position:relative;height:18px;margin-top:8px;font-size:11px;color:var(--faint);letter-spacing:.08em;text-transform:uppercase}.petsui .meter-labels span{position:absolute;translate:-50% 0;white-space:nowrap}.petsui .meter-labels span:last-child{translate:-100% 0}.petsui .today{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;color:var(--dim)}.petsui .today .meter{flex:1;height:6px}.petsui .today .meter>span{background:var(--apple);box-shadow:none}.petsui .today b{color:var(--text)}.petsui .feed{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--dim)}.petsui .feed li{display:flex;justify-content:space-between;gap:12px}.petsui .feed li b{color:var(--apple)}.petsui .feed time{color:var(--faint);white-space:nowrap}.petsui .bond-evolve{display:flex;gap:14px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.petsui .bond-evolve .stage{width:88px;height:88px;flex:none}.petsui .bond-evolve .stage img{max-height:72px}.petsui .bond-evolve .sil{animation:pu-peek 3s ease-in-out infinite}@keyframes pu-peek{0%,to{opacity:.65}50%{opacity:1}}.petsui .evo-ready{margin-top:10px;animation:pu-ready 1.8s ease-in-out infinite}@keyframes pu-ready{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--tint) 60%,transparent)}60%{box-shadow:0 0 0 10px transparent}}.petsui .forms{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.petsui .forms button{all:unset;cursor:pointer;display:flex;gap:8px;align-items:center;padding:6px 12px 6px 6px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);font-size:14px;font-weight:600;color:var(--dim)}.petsui .forms button:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.petsui .forms button img{width:30px;height:30px;object-fit:contain}.petsui .forms button[aria-pressed=true]{border-color:var(--tint);color:var(--text);box-shadow:0 0 0 1px var(--tint) inset}.petsui .on-pill{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#4ade80;border:1px solid rgba(74,222,128,.5);background:rgba(74,222,128,.1);border-radius:999px;padding:3px 9px;display:inline-flex;gap:6px;align-items:center}.petsui .on-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#4ade80;animation:pu-blink 1.6s ease-in-out infinite}@keyframes pu-blink{50%{opacity:.3}}.petsui .off-pill{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line-2);border-radius:999px;padding:3px 9px}.petsui .perk-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.petsui .perk-stats .stat{background:var(--panel-2);border-radius:10px;padding:10px 12px}.petsui .perk-stats .display{font-size:28px;line-height:1.1;display:block}.petsui .pet-tile{position:relative}.petsui .pet-tile .bar>span{width:var(--w)}.petsui .tile-badge{position:absolute;top:10px;left:10px;z-index:3;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--tint);color:#0c0c10;animation:pu-ready 1.8s ease-in-out infinite;pointer-events:none}.petsui .tile-badge.quiet{background:rgba(12,12,16,.75);color:var(--text);border:1px solid var(--line-2);animation:none}.petsui .stage.aura-ring{overflow:visible}.petsui .shiny.aura-ring:after{content:"✦";width:auto;aspect-ratio:auto;left:auto;top:8px;right:10px;translate:none;border-radius:0;background:none;z-index:3;animation:pu-twinkle 1.8s ease-in-out infinite}.petsui .evo{--to:#f5f0e8;position:fixed;inset:0;z-index:10;display:flex;overflow-x:hidden;overflow-y:auto;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:56px 16px 24px;background:radial-gradient(circle at 50% 40%,#15151d 0,#060608 62%);animation:pu-evo-in .4s ease both}@keyframes pu-evo-in{0%{opacity:0}}.petsui .evo-skip{position:absolute;top:16px;right:16px;z-index:5}.petsui .evo-scene{position:relative;flex:none;width:min(440px,88vw,50vh);height:min(440px,88vw,50vh);display:grid;grid-template:100%/100%;place-items:center}.petsui .evo-scene>*{grid-area:1/1}.petsui .evo-rays{position:absolute;inset:-45%;border-radius:50%;opacity:0;background:repeating-conic-gradient(from 0deg,hsla(0,0%,100%,.16) 0deg 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(circle,#000 12%,transparent 62%);mask:radial-gradient(circle,#000 12%,transparent 62%);animation:pu-aura-spin 7s linear infinite,pu-rays-charge 3.3s ease-in .4s forwards,pu-rays-blaze 1.6s ease-out 3.7s forwards}@keyframes pu-rays-charge{0%{opacity:0;scale:.6}to{opacity:.9;scale:1}}@keyframes pu-rays-blaze{0%{opacity:1;scale:1.25}to{opacity:.5;scale:1.05}}.petsui .evo-glow{width:62%;height:62%;border-radius:50%;opacity:0;background:radial-gradient(circle,hsla(0,0%,100%,.9),color-mix(in srgb,var(--to) 35%,transparent) 45%,transparent 70%);animation:pu-glow 3.3s ease-in .4s forwards,pu-glow-after 1.4s ease-out 3.7s forwards}@keyframes pu-glow{0%{opacity:0;scale:.5}70%{opacity:.7;scale:1}to{opacity:1;scale:1.25}}@keyframes pu-glow-after{0%{opacity:1;scale:1.5}to{opacity:.35;scale:1.1}}.petsui .evo-new,.petsui .evo-old,.petsui .evo-sil{max-width:64%;max-height:64%;object-fit:contain}.petsui .evo-old{filter:drop-shadow(0 10px 18px rgba(0,0,0,.6));animation:pu-whiten .7s ease .5s forwards,pu-flicker-old 2.5s linear 1.2s forwards}@keyframes pu-whiten{to{filter:brightness(0) invert(1) drop-shadow(0 0 22px #ffffff)}}.petsui .evo-sil{opacity:0;filter:brightness(0) invert(1) drop-shadow(0 0 22px #ffffff);animation:pu-flicker-new 2.5s linear 1.2s forwards}@keyframes pu-flicker-old{0%,14%{opacity:1;scale:1}15%,26%{opacity:0}27%,37%{opacity:1;scale:.96}38%,46%{opacity:0}47%,54%{opacity:1;scale:.93}55%,61%{opacity:0}62%,67%{opacity:1;scale:.9}68%,72%{opacity:0}73%,76%{opacity:1;scale:.88}77%,80%{opacity:0}81%,83%{opacity:1}84%,86%{opacity:0}87%,88%{opacity:1}89%,to{opacity:0}}@keyframes pu-flicker-new{0%,14%{opacity:0;scale:.9}15%,26%{opacity:1;scale:.95}27%,37%{opacity:0}38%,46%{opacity:1;scale:1}47%,54%{opacity:0}55%,61%{opacity:1;scale:1.04}62%,67%{opacity:0}68%,72%{opacity:1;scale:1.07}73%,76%{opacity:0}77%,80%{opacity:1;scale:1.1}81%,83%{opacity:0}84%,86%{opacity:1}87%,88%{opacity:0}89%,97%{opacity:1;scale:1.14}to{opacity:0}}.petsui .evo-new{opacity:0;filter:drop-shadow(0 0 26px color-mix(in srgb,var(--to) 60%,transparent)) drop-shadow(0 12px 20px rgba(0,0,0,.6));animation:pu-reveal .9s cubic-bezier(.2,1.5,.35,1) 3.75s forwards,pu-bob 2.6s ease-in-out 4.7s infinite}@keyframes pu-reveal{0%{opacity:0;scale:.55}to{opacity:1;scale:1}}@keyframes pu-bob{0%,to{translate:0 0}50%{translate:0 -10px}}.petsui .evo-sparks{position:absolute;inset:0;pointer-events:none}.petsui .evo .spark{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px;border-radius:50%;opacity:0;background:#fff;box-shadow:0 0 10px 2px color-mix(in srgb,var(--to) 80%,#fff)}.petsui .evo .spark.in{animation:pu-spark-in 1.1s var(--d) ease-in 2 both}.petsui .evo .spark.out{animation:pu-spark-out 1.3s calc(3.75s + var(--d) * .2) cubic-bezier(.1,.8,.3,1) both}@keyframes pu-spark-in{0%{opacity:0;transform:rotate(var(--a)) translateX(calc(var(--r) * 1.6)) scale(1.4)}30%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateX(0) scale(.3)}}@keyframes pu-spark-out{0%{opacity:1;transform:rotate(var(--a)) translateX(0) scale(1.4)}to{opacity:0;transform:rotate(var(--a)) translateX(calc(var(--r) * 2.2)) scale(.2)}}.petsui .evo-flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:3;animation:pu-flash 1.1s ease-out 3.65s forwards}@keyframes pu-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.petsui .evo-caption{position:relative;flex:none;width:min(460px,100%);text-align:center;opacity:0;z-index:4;animation:pu-rise .6s ease-out 4.5s forwards}.petsui .evo-caption .what{font-size:13px;letter-spacing:.25em;text-transform:uppercase;color:var(--dim)}.petsui .evo-caption .display{font-size:clamp(30px,6vw,46px);line-height:1.05;margin:6px 0 12px}.petsui .evo-caption .upgrades{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.petsui .evo-caption .upgrades span{background:hsla(0,0%,100%,.06);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px;color:var(--dim)}.petsui .evo-caption .upgrades b{color:var(--text)}.petsui .evo-charging{position:absolute;top:max(8vh,28px);left:0;right:0;text-align:center;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:hsla(0,0%,100%,.75);opacity:0;z-index:4;animation:pu-charging 3.2s ease .4s forwards}@keyframes pu-charging{0%{opacity:0}15%,80%{opacity:1}to{opacity:0}}@media (max-height:560px){.petsui .evo{justify-content:flex-start}.petsui .evo-caption .display{font-size:28px;margin:2px 0 8px}}@media (prefers-reduced-motion:reduce){.petsui .evo *,.petsui .evo :after,.petsui .evo :before{animation-delay:0s!important}}@media (max-width:960px){.petsui .window{grid-template-columns:repeat(2,minmax(0,1fr))}.petsui .featured{grid-row:auto}.petsui .how{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.petsui .mypets-top{grid-template-columns:minmax(0,1fr)}.petsui .showcase .stage{height:290px}.petsui .showcase .stage img{max-height:236px}}@media (max-width:760px){.petsui .parade{display:none}.petsui .hero-right{align-items:flex-start}.petsui .hero-pills{justify-content:flex-start}}@media (max-width:700px){.petsui .eggs,.petsui .sheet-card{grid-template-columns:minmax(0,1fr)}.petsui .sheet-card>.stage{min-height:220px}.petsui .sheet-card>.stage img{max-height:200px}.petsui .page-head h1,.petsui .shop-hero h1{font-size:52px}}@media (max-width:520px){.petsui .wrap{padding:0 16px}.petsui .window{grid-template-columns:minmax(0,1fr)}.petsui .featured{grid-column:auto}.petsui .featured .stage{min-height:260px}.petsui .featured .stage img{max-height:240px}.petsui .how{grid-template-columns:minmax(0,1fr)}.petsui .egg-card{padding:16px;gap:14px}.petsui .egg{width:76px;height:98px}}@media (max-height:560px){.petsui .hatch{justify-content:flex-start}.petsui .h-caption .display{font-size:28px}}@media (prefers-reduced-motion:reduce){.petsui *,.petsui :after,.petsui :before,.petsui.page:before{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.petsui .reveal{opacity:1;translate:none}.petsui .tilt{transform:none!important}}