.evolution-show{text-align:center;isolation:isolate;overflow:hidden;padding:8px 3px 3px}.evolution-show>.eyebrow{font-size:9px;color:var(--evo-color);letter-spacing:.13em}.evolution-stage{position:relative;height:280px;display:grid;place-items:center;margin:6px 0 0;perspective:650px}.evolution-halo{position:absolute;width:245px;height:245px;border-radius:50%;background:radial-gradient(circle,#ffffff26,transparent 62%);box-shadow:inset 0 0 38px var(--evo-color);opacity:.28;animation:evo-halo 2.6s ease-out both}.evolution-ring{position:absolute;width:220px;height:220px;border:1px solid var(--evo-color);border-radius:50%;opacity:.45;transform:rotateX(65deg);animation:evo-ring 2.6s ease-out both}.ring-b{width:250px;height:250px;animation-delay:.12s;transform:rotateY(65deg)}.evolution-card{position:relative;z-index:2;width:148px;border:2px solid var(--evo-color);border-radius:16px;background:linear-gradient(160deg,#324865,#111c32);overflow:hidden;box-shadow:0 0 30px #080d28,0 0 18px var(--evo-color);animation:evo-card 2.6s cubic-bezier(.2,.7,.2,1) both}.evolution-card .portrait{display:block;width:100%;height:180px;border-radius:0}.evolution-card .cost{display:none}.evolution-card strong{display:block;font-size:16px;color:#fff1c8;margin:10px 3px 5px}.evolution-card>span:last-child{display:block;font-size:10px;color:var(--evo-color);margin-bottom:10px}.evolution-rays{position:absolute;inset:0;display:grid;place-items:center}.evolution-rays i{position:absolute;width:4px;height:18px;background:var(--evo-color);border-radius:9px;transform:rotate(var(--angle)) translateY(-70px);opacity:0;animation:evo-spark 1.2s .75s ease-out both}.evolution-burst{position:absolute;z-index:3;color:#fffce7;font-size:110px;text-shadow:0 0 20px var(--evo-color);pointer-events:none;animation:evo-burst 1.6s .4s both}.evolution-title{font-size:26px;color:#fff2cd;margin:8px 0 15px;animation:evo-title .6s .6s backwards}.evolution-level{display:flex;justify-content:center;align-items:center;gap:17px;margin:0 0 18px}.evolution-level>span{color:#b5c3d9;font-size:18px}.evolution-level>b{color:var(--evo-color);font-size:25px}.evolution-level>strong{font-size:25px;color:#112439;background:var(--evo-color);padding:7px 15px;border-radius:12px;animation:evo-level .7s .85s backwards}.evolution-stats{display:flex;gap:12px;margin:15px 0 22px}.evolution-stats>div{flex:1;background:#11233b;border:1px solid #6474916b;padding:12px;border-radius:13px}.evolution-stats span{display:block;color:#c6d6e4;font-size:11px;margin-bottom:6px}.evolution-stats small{font-size:13px;color:#90a7be;text-decoration:line-through;margin-right:10px}.evolution-stats b{font-size:20px;color:var(--evo-color)}.evolution-show>.primary{width:100%}@keyframes evo-card{0%{transform:translateY(32px) scale(.72) rotateY(-25deg);opacity:0}30%{opacity:1;transform:translateY(-6px) scale(.96) rotateY(12deg)}55%{transform:scale(1.07) rotateY(-5deg)}100%{transform:none;opacity:1}}@keyframes evo-halo{0%{transform:scale(.35);opacity:0}45%{transform:scale(1.15);opacity:.55}100%{transform:scale(1);opacity:.25}}@keyframes evo-ring{0%{transform:scale(.2) rotateX(65deg) rotate(0);opacity:0}50%{opacity:.65}100%{transform:scale(1.1) rotateX(65deg) rotate(140deg);opacity:.18}}@keyframes evo-spark{0%{opacity:0;transform:rotate(var(--angle)) translateY(-70px) scale(.2)}20%{opacity:.9}100%{opacity:0;transform:rotate(var(--angle)) translateY(-155px) scale(.4)}}@keyframes evo-burst{0%,100%{opacity:0;transform:scale(.15) rotate(-30deg)}45%{opacity:.8;transform:scale(1.2) rotate(15deg)}}@keyframes evo-title{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes evo-level{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}.economy-mode .evolution-ring,.economy-mode .evolution-rays,.economy-mode .evolution-burst{display:none}.economy-mode .evolution-card{animation:evo-title .5s both}.motion-paused .evolution-show *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.evolution-show *{animation:none!important}.evolution-rays,.evolution-ring,.evolution-burst{display:none}}@media(max-height:700px){.evolution-stage{height:240px}.evolution-card{width:125px}.evolution-card .portrait{height:148px}.evolution-title{font-size:22px}.evolution-stats{margin:10px 0 15px}}
