.pet-opening-stage{--reveal-color:#4fbfc5;--reveal-ink:#17606a;background:radial-gradient(at 50% 42%,#fff9d7 0,#fff6ea 43%,#faf7ff 80%);min-height:442px;padding:20px 24px 14px}.pet-opening-stage .pet-stage-eyebrow{color:#9c4b48;letter-spacing:.18em;margin:0;font-size:12px}.pet-opening-stage>p:not(.pet-stage-eyebrow):not(.pet-reveal-eyebrow){color:#755764;font-size:14px;line-height:1.5}.pet-opening-stage h2{color:#5d3040;margin:3px 0 8px;font-size:27px}.pet-opening-stage .pet-stage-stars svg{color:#eac5a860}.pet-gacha{flex-shrink:0;width:min(360px,100%);margin:0 auto -5px}.pet-gacha>svg{width:100%;height:auto;display:block;overflow:visible}.pet-gacha.is-still *{animation:none!important}.pet-gacha[data-beat=mixing] .gacha-machine-body{transform-origin:180px 300px;animation:.18s ease-in-out infinite alternate gacha-rattle}.pet-gacha[data-beat=mixing] .gacha-doodles{transform-origin:50%;animation:.5s ease-in-out infinite alternate pet-sparkle}.pet-gacha[data-beat=opening] .gacha-dispensed{filter:drop-shadow(0 0 14px var(--reveal-color))}.pet-gacha[data-beat=opening] .gacha-dispensed .gacha-shell-top{animation:.6s cubic-bezier(.2,.7,.3,1) forwards gacha-open-top}.pet-gacha[data-beat=opening] .gacha-dispensed .gacha-shell-bottom{animation:.6s ease-in forwards gacha-open-bottom}.pet-gacha[data-beat=opening] .gacha-prize-shell>circle,.pet-gacha[data-beat=opening] .gacha-dispensed .gacha-shell-seam,.pet-gacha[data-beat=opening] .gacha-prize-star{opacity:0}.pet-opening-stage .pet-skip{min-height:44px;padding:10px 16px;font-size:13px!important}#pet-adopt-panel .pet-pull-button{width:min(100%,300px);min-width:0}.pet-opening-stage[data-rarity=uncommon]{--reveal-color:#66cd82;--reveal-ink:#236437}.pet-opening-stage[data-rarity=rare]{--reveal-color:#8c83f1;--reveal-ink:#53429b}.pet-opening-stage[data-rarity=legendary]{--reveal-color:#ffc338;--reveal-ink:#805000}.pet-opening-stage.phase-reveal{background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--reveal-color) 32%,white),#faf7ff 75%);padding-top:26px}.pet-reveal-rays{z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 8deg,color-mix(in srgb,var(--reveal-color) 24%,transparent) 0deg 12deg,transparent 12deg 30deg);border-radius:50%;width:670px;height:670px;animation:16s linear pet-reveal-rays;position:absolute;top:185px;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 8%,#0000 65%);mask-image:radial-gradient(circle,#000 8%,#0000 65%)}.pet-opening-stage[data-rarity=legendary] .pet-reveal-rays{background:repeating-conic-gradient(#ffd45d99 0deg 10deg,#0000 10deg 24deg)}.pet-opening-stage .pet-reveal-eyebrow{color:var(--reveal-ink);letter-spacing:.15em;margin:0 0 8px;font-size:12px}.pet-opening-stage .pet-reveal-model{width:260px;height:222px;margin:0 0 -6px;animation:.7s cubic-bezier(.16,1,.3,1) both pet-gacha-reveal;position:relative}.pet-opening-stage .pet-reveal-model:after{content:"";z-index:-1;background:var(--reveal-color);opacity:.25;filter:blur(6px);border-radius:50%;width:130px;height:17px;position:absolute;bottom:12px;left:65px}.pet-reveal-canvas{opacity:0;position:absolute;inset:0}.pet-preview-fallback,.pet-reveal-canvas{transition:opacity .15s}.pet-reveal-model.is-ready>.pet-reveal-canvas{opacity:1}.pet-reveal-model.is-ready>.pet-preview-fallback{opacity:0}.pet-opening-stage .pet-rarity{color:var(--reveal-ink);border:1px solid color-mix(in srgb,var(--reveal-color) 70%,white);box-shadow:0 3px 0 color-mix(in srgb,var(--reveal-color) 35%,transparent);background:#ffffffde;align-items:center;gap:7px;padding:6px 13px;font-size:12px;display:inline-flex}.pet-opening-stage .pet-reveal-name{color:var(--reveal-ink);letter-spacing:-.04em;text-shadow:0 3px #ffffffb0;margin:9px 0 8px;font-size:44px}.pet-opening-stage .pet-reveal-name:focus{outline:none}.pet-opening-stage .pet-level-pill{color:#694a7c;background:#fff9;margin:9px 0 0}.pet-opening-stage .pet-stats{margin:10px 0 0}.pet-opening-stage .pet-stats>div{background:#ffffffbf}.pet-opening-stage .pet-stats dt{color:#694f79;font-size:11px}.pet-opening-stage .pet-reveal-bonuses{margin:12px 0 9px}.pet-opening-stage>p.pet-help{max-width:420px!important;font-size:12px!important}.pet-reveal-confetti{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pet-reveal-confetti i{background:var(--reveal-color);opacity:0;width:8px;height:13px;animation:1.1s cubic-bezier(.15,.7,.4,1) both pet-gacha-confetti;animation-delay:calc(mod(var(--i),4)*30ms);border-radius:2px;position:absolute;top:200px;left:50%}.pet-reveal-confetti i:nth-child(3n){background:#ef6b86}.pet-reveal-confetti i:nth-child(3n+1){background:#eeb536}.pet-reveal-confetti i:nth-child(4n){background:#57bfb4;border-radius:50%;width:9px;height:9px}@keyframes gacha-rattle{0%{transform:rotate(-.7deg)translate(-1px)}to{transform:rotate(.7deg)translate(1px)}}@keyframes gacha-open-top{25%{transform:translateY(-4px)}to{opacity:0;transform:translate(-10px,-32px)rotate(-25deg)}}@keyframes gacha-open-bottom{30%{transform:translateY(2px)}to{opacity:0;transform:translate(9px,20px)rotate(20deg)}}@keyframes pet-gacha-reveal{0%{opacity:0;transform:scale(.45)translateY(30px)rotate(-9deg)}65%{opacity:1;transform:scale(1.08)translateY(-5px)rotate(3deg)}to{opacity:1;transform:scale(1)}}@keyframes pet-reveal-rays{0%{transform:translate(-50%,-50%)rotate(-15deg)}to{transform:translate(-50%,-50%)rotate(45deg)}}@keyframes pet-gacha-confetti{0%{opacity:0;transform:translate(0)scale(.2)rotate(0)}12%{opacity:1}70%{opacity:1}to{transform:translate(var(--x),var(--y)) scale(.7) rotate(var(--turn));opacity:0}}@media (max-width:600px){#pet-adopt-panel .pet-result-actions .pet-pull-button{width:100%}.pet-opening-stage{min-height:390px;padding:18px 15px 12px}.pet-gacha{width:min(305px,100%)}.pet-opening-stage h2{font-size:23px}.pet-opening-stage .pet-stage-eyebrow{font-size:11px}.pet-opening-stage .pet-reveal-name{font-size:38px}.pet-opening-stage .pet-reveal-model{width:230px;height:195px}.pet-opening-stage .pet-reveal-model:after{left:50px}.pet-opening-stage .pet-reveal-eyebrow{font-size:11px}}@media (prefers-reduced-motion:reduce){.pet-opening-stage *,.pet-opening-stage :after{transition:none!important;animation:none!important}.pet-reveal-confetti{display:none}}