.pet-select-screen{z-index:5000;padding:calc(24px + var(--tg-content-top,0px)) 16px 24px;background:radial-gradient(90% 40% at 50% 0,#8450ff29 0%,#0000 100%),#0e0f18;flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.28s ease-out pet-select-in;display:flex;position:fixed;inset:0}.pet-select-screen--closing{opacity:0;pointer-events:none;transition:opacity .24s,transform .24s;transform:scale(1.02)}@keyframes pet-select-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.pet-select-head{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:320px;display:flex}.pet-select-title{color:#fff}.pet-select-subtitle{color:#8f91a3}.pet-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:360px;display:grid}.pet-select-card{cursor:pointer;background-image:linear-gradient(#303244eb 0%,#1a1b27f0 100%);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;box-shadow:inset 0 1px #ffffff17,0 8px 20px #00000073}.pet-select-card:active{transform:scale(.97)}.pet-select-card--active{border-color:#a14affe6;box-shadow:inset 0 1px #ffffff1f,0 8px 24px #8450ff59}.pet-iridescent{background:linear-gradient(125deg,#241b45 0%,#14324a 24%,#3a1b52 48%,#14453e 72%,#241b45 100%) 0 0/400% 400%;animation:9s ease-in-out infinite pet-iridescent-shift}@keyframes pet-iridescent-shift{0%,to{background-position:0%}50%{background-position:100%}}@media (prefers-reduced-motion:reduce){.pet-iridescent{animation:none}}.pet-select-card-image-wrap{border-radius:18px;width:108px;height:108px;overflow:hidden}.pet-select-card-image{object-fit:contain;width:100%;height:100%;padding:6%;display:block}.pet-select-card-image--anim{object-fit:contain;background:0 0}.pet-select-card-name{color:#fff;font-size:14px;font-weight:600}.pet-select-card-tagline{color:#8f91a3;text-align:center}.pet-select-actions{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:360px;display:flex}.pet-select-warning{color:#ffb84d;text-align:center}.pet-select-submit{color:#fff;cursor:pointer;background:linear-gradient(#ffffff29 0%,#fff0 52%),linear-gradient(228.74deg,#a14aff .77%,#7c4dff 99.23%);border:none;border-radius:16px;width:100%;padding:14px 16px;font-size:15px;font-weight:600;transition:opacity .16s,transform .12s;box-shadow:inset 0 1px #ffffff47,0 6px 16px #8450ff4d}.pet-select-submit:active{transform:translateY(1px)}.pet-select-submit:disabled{opacity:.45;cursor:default}.pet-profile-card{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:420px;margin:0 auto;display:flex}.pet-profile-empty{color:#8f91a3;padding:24px 0}.pet-profile-portrait{cursor:pointer;border:none;border-radius:50%;width:96px;height:96px;padding:0;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #a14aff8c}.pet-profile-portrait--framed{box-shadow:none}.pet-profile-portrait-image{object-fit:contain;border-radius:50%;width:calc(100% - 2px);height:calc(100% - 2px);margin:1px;padding:5%;display:block}.pet-profile-portrait-image--anim{object-fit:contain;background:0 0}.pet-anim-fallback{padding:6%}.pet-anim-file{object-fit:contain!important;padding:0!important}.pet-profile-level-badge{color:#fff;background:linear-gradient(228.74deg,#a14aff .77%,#7c4dff 99.23%);border-radius:13px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 6px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 3px 8px #0006}.pet-profile-headline{flex-direction:column;align-items:center;gap:2px;display:flex}.pet-profile-name{color:#fff;font-size:16px;font-weight:600}.pet-profile-stage{color:#a14aff;font-weight:600}.pet-profile-progress{flex-direction:column;align-items:center;gap:5px;width:100%;display:flex}.pet-profile-progress-track{background:#ffffff14;border-radius:4px;width:100%;height:8px;overflow:hidden}.pet-profile-progress-fill{background:linear-gradient(90deg,#7c4dff 0%,#a14aff 100%);border-radius:4px;height:100%;transition:width .4s}.pet-profile-progress-caption{color:#8f91a3}.pet-profile-rewards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.pet-profile-reward{cursor:pointer;text-align:left;min-height:76px;font:inherit;background-image:linear-gradient(#2c2e3ee6 0%,#1c1d29eb 100%);border:none;border-radius:12px;flex-direction:column;justify-content:center;gap:4px;padding:12px 14px;transition:transform .12s;display:flex;box-shadow:inset 0 1px #ffffff0f}.pet-profile-reward:active{transform:translateY(1px)}.pet-profile-reward-label{color:#8f91a3;text-transform:uppercase;letter-spacing:.4px}.pet-profile-reward-value{color:#fff}.pet-profile-reward--static{cursor:default}.pet-profile-reward-more{color:#a894ff;font-weight:600}.pet-profile-reward-more--muted{color:#8f91a3;font-weight:500}.pet-bonuses-card{max-width:420px}.pet-bonuses-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.pet-bonuses-summary-item{background-image:linear-gradient(#2c2e3ee6 0%,#1c1d29eb 100%);border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;display:flex;box-shadow:inset 0 1px #ffffff0f}.pet-bonuses-summary-label{color:#8f91a3;text-transform:uppercase;letter-spacing:.4px}.pet-bonuses-summary-value{color:#fff;font-size:16px;font-weight:700}.pet-bonuses-list{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;gap:6px;max-height:46dvh;display:flex;overflow-y:auto}.pet-bonuses-list::-webkit-scrollbar{display:none}.pet-bonuses-row{background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex}.pet-bonuses-row-level{color:#cdb2ff;background:#8450ff3d;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:26px;height:26px;font-size:12px;font-weight:700;display:inline-flex}.pet-bonuses-row-label{color:#fff}.pet-bonuses-empty{color:#8f91a3;text-align:center;padding:12px 0 4px}.pet-skin-card{max-width:460px}.pet-skin-scroller{position:relative}.pet-skin-arrow{z-index:2;color:#fff;cursor:pointer;background:#141521db;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0 0 2px;font-size:20px;line-height:1;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.pet-skin-arrow:active{background:#8450ff59}.pet-skin-arrow--prev{left:-6px}.pet-skin-arrow--next{right:-6px}@media (width<=520px){.pet-skin-arrow{display:none}}.pet-skin-track{cursor:grab;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding:4px 2px 8px;display:flex;overflow-x:auto}.pet-skin-track::-webkit-scrollbar{display:none}.pet-skin-slide{scroll-snap-align:center;cursor:pointer;width:62%;max-width:240px;font:inherit;color:inherit;background-image:linear-gradient(#2c2e3ee6 0%,#1c1d29eb 100%);border:1px solid #0000;border-radius:20px;flex-direction:column;flex:none;align-items:center;gap:6px;padding:12px 10px;transition:transform .16s,border-color .16s;display:flex;box-shadow:inset 0 1px #ffffff0f}.pet-skin-slide:not(:disabled):active{transform:scale(.98)}.pet-skin-slide--active{border-color:#52d274bf;box-shadow:inset 0 1px #ffffff1a,0 8px 22px #52d27433}.pet-skin-slide--locked{cursor:default;opacity:.6;filter:saturate(.35)}.pet-skin-image-wrap{aspect-ratio:1;border-radius:16px;width:100%;position:relative;overflow:hidden}.pet-skin-image{object-fit:contain;width:100%;height:100%;display:block}.pet-skin-lock{font-size:16px;position:absolute;top:8px;right:8px}.pet-skin-name{color:#fff;font-weight:700}.pet-skin-hint{text-align:center;color:#8f91a3!important}.pet-skin-slide--active .pet-skin-hint{color:#6fe58c!important}.pet-skin-auto{color:#cdb2ff;cursor:pointer;background:#8450ff1f;border:1px solid #a14aff73;border-radius:12px;width:100%;margin-top:10px;padding:11px 14px;font-size:13px;font-weight:600}.pet-skin-auto--active{color:#8f91a3;cursor:default;background:#ffffff0d;border-color:#ffffff1f}.pet-frame-settings{flex-direction:column;gap:6px;width:100%;display:flex}.pet-frame-settings-label{color:#8f91a3;text-transform:uppercase;letter-spacing:.4px}.pet-frame-settings-row{align-items:center;gap:6px;display:flex}.pet-frame-option{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0;transition:border-color .16s,background .16s;display:flex;position:relative}.pet-frame-option--text{color:#8f91a3;padding:0 10px;font-size:11px;font-weight:600}.pet-frame-option--active{color:#fff;background:#8450ff29;border-color:#a14affe6}.pet-frame-option--locked{opacity:.4;cursor:default}.profile-avatar-wrap.pet-frame:before{opacity:.3}.pet-frame-option-dot{background:#3a3d52;border-radius:50%;width:14px;height:14px}.pet-frame-option-dot.pet-frame--s1{box-shadow:0 0 0 1px #d6d9e499,0 0 5px 1px #d6d9e466}.pet-frame-option-dot.pet-frame--s2{box-shadow:0 0 0 1px #6fff90b3,0 0 6px 1px #52ff7a80}.pet-frame-option-dot.pet-frame--s3{box-shadow:0 0 0 1px #f4c94bbf,0 0 6px 1px #f4c94b80}.pet-frame-option-dot.pet-frame--s4{box-shadow:0 0 0 1px #2ee6aecc,0 0 7px 2px #f4c94b66}.pet-frame-option-dot.pet-frame--s5{animation:none;box-shadow:0 0 0 1px #cf94ffd9,0 0 8px 2px #b76bff8c}.pet-frame-option-lock{font-size:9px;position:absolute;top:-6px;right:-4px}.pet-nick-dot--s1{background:#d6d9e4}.pet-nick-dot--s2{background:#6fff90}.pet-nick-dot--s3{background:#f4c94b}.pet-nick-dot--s4{background:linear-gradient(90deg,#2ee6ae 0%,#f4c94b 100%)}.pet-nick-dot--s5{background:linear-gradient(90deg,#b76bff 0%,#ff6bd5 100%)}.pet-profile-roadmap-button{color:#cdb3ff;cursor:pointer;background:#8450ff1f;border:1px solid #a14aff73;border-radius:12px;width:100%;padding:10px 14px;font-size:13px;font-weight:600;transition:background .16s,transform .12s}.pet-profile-roadmap-button:active{background:#8450ff33;transform:translateY(1px)}.pet-profile-toggle{background:#ffffff0f;border-radius:999px;align-items:center;gap:0;margin-bottom:10px;padding:3px;display:flex;box-shadow:inset 0 1px #ffffff0d}.pet-profile-toggle-option{color:#8f91a3;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:12px;font-weight:600;transition:color .16s,background .16s}.pet-profile-toggle-option--active{color:#fff;background:linear-gradient(228.74deg,#a14aff .77%,#7c4dff 99.23%);box-shadow:0 3px 8px #8450ff4d}.pet-roadmap-modal{padding:max(60px, calc(var(--tg-content-top,0px) + 16px)) 16px 16px;box-sizing:border-box;justify-content:center;align-items:center;display:flex}.pet-roadmap-card{background-image:linear-gradient(#303244f7 0%,#1a1b27fa 100%);border-radius:24px;outline:none;flex-direction:column;gap:10px;width:100%;max-width:360px;max-height:min(78vh,640px);padding:18px 16px;display:flex;box-shadow:inset 0 1px #ffffff17,0 16px 40px #0009}.pet-roadmap-head{justify-content:space-between;align-items:center;display:flex}.pet-roadmap-title{color:#fff}.pet-roadmap-close{color:#8f91a3;cursor:pointer;background:#ffffff12;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex}.pet-roadmap-subtitle{color:#8f91a3}.pet-roadmap-progress{background-image:linear-gradient(#2c2e3ee6 0%,#1c1d29eb 100%);border-radius:14px;flex-direction:column;gap:6px;padding:10px 12px;display:flex;box-shadow:inset 0 1px #ffffff0f}.pet-roadmap-progress-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.pet-roadmap-progress-label{color:#8f91a3;flex-shrink:0}.pet-roadmap-progress-value{color:#fff;text-align:right}.pet-roadmap-list{flex-direction:column;gap:8px;padding-right:2px;display:flex;overflow-y:auto}.pet-roadmap-item{opacity:.55;filter:saturate(.35);background-image:linear-gradient(#2c2e3ee6 0%,#1c1d29eb 100%);border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:8px;display:flex;box-shadow:inset 0 1px #ffffff0f}.pet-roadmap-item--done,.pet-roadmap-item--current{opacity:1;filter:none}.pet-roadmap-item--current{border-color:#a14affb3;box-shadow:inset 0 1px #ffffff1a,0 6px 18px #8450ff40}.pet-roadmap-item{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;transition:transform .14s,border-color .16s}.pet-roadmap-item:disabled,.pet-roadmap-item--locked{cursor:default}.pet-roadmap-item:not(:disabled):active{transform:scale(.985)}.pet-roadmap-item--active{opacity:1;filter:none;border-color:#52d274cc;box-shadow:inset 0 1px #ffffff1a,0 6px 18px #52d27438}.pet-roadmap-item-active-mark{font-weight:600;color:#6fe58c!important}.pet-roadmap-hint{text-align:center;color:#8f91a3!important;margin:0 0 8px!important}.pet-roadmap-item-image-wrap{border-radius:14px;flex-shrink:0;width:56px;height:56px;overflow:hidden}.pet-roadmap-item-image{object-fit:contain;width:100%;height:100%;padding:5%;display:block}.pet-roadmap-item-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.pet-roadmap-item-name{color:#fff;font-size:14px;font-weight:600}.pet-roadmap-item-levels{color:#8f91a3}.pet-roadmap-item-now{color:#a14aff;font-weight:600}.pet-roadmap-item-check{color:#fff;background:linear-gradient(228.74deg,#a14aff .77%,#7c4dff 99.23%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:auto;font-size:12px;font-weight:700;display:flex}.pet-guide{background-image:linear-gradient(#2c2e3ee6 0%,#1c1d29eb 100%);border-radius:12px;width:100%;overflow:hidden}.pet-guide-toggle{width:100%;color:inherit;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.pet-guide-label{color:#8f91a3;text-transform:uppercase;letter-spacing:.4px}.pet-guide-chevron{color:#8f91a3;transition:transform .2s}.pet-guide--open .pet-guide-chevron{transform:rotate(180deg)}.pet-guide-steps{flex-direction:column;gap:10px;margin:0;padding:0 14px 12px;list-style:none;display:flex}.pet-guide-step{align-items:flex-start;gap:10px;display:flex}.pet-guide-step-id{color:#c8a8ff;background:#9257ff2e;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;min-width:22px;height:22px;display:inline-flex}.pet-guide-step-body{text-align:left;flex-direction:column;gap:2px;display:flex}.pet-guide-step-title{color:#fff}.pet-guide-step-text{color:#a3a5b8;line-height:1.35}