.evolution-path{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:20px 0;font-size:12px;color:#87705a}.evolution-path i{font-style:normal;color:#b9a386}.evolution-path b{color:#876047;background:#f0dfba;padding:7px 10px;border-radius:12px}.evolution-hint{font-size:13px;line-height:1.9;color:#675d47}.evolution-hint small,.evolution-invite small{display:block;font-size:11px;margin-top:7px;color:#927b61}.evolution-invite{display:flex;gap:14px;align-items:center;background:#f5ecd7;border:1px solid #e9d2a4;border-radius:16px;padding:14px;margin:14px 0}.evolution-invite>span{color:#bd9255;font-size:28px}.evolution-invite p{font-size:14px;line-height:1.6;margin:0}.evolution-book-title{margin:25px 0 12px}.evolution-book-title h3{font-size:14px;margin:0}.evolution-book-title>span{font-size:11px;color:#927b61}.evolution-book{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.evolution-slot{position:relative;border-radius:15px;padding:12px 5px;background:#eeeeda;text-align:center;border:1px solid #dfe1c7;min-width:0}.evolution-slot .pixel-pony{width:76px;height:81px;margin:3px auto 4px;display:block}.evolution-slot strong{display:block;font-size:12px;color:#58644c}.evolution-slot small{display:block;font-size:9px;line-height:1.7;margin-top:5px;color:#7e826a}.evolution-no{position:absolute;top:8px;left:9px;font-size:9px;color:#9ca487}.evolution-slot.undiscovered .pixel-pony{filter:brightness(0);opacity:.24}.evolution-slot.undiscovered{background:#f2f0e4;border-style:dashed}.evolution-slot.discovered{box-shadow:inset 0 0 0 2px #fff9e5}.evolution-fine{font-size:10px;line-height:1.8;text-align:center;color:#9c846a;margin:0}.evolution-modal{max-width:460px!important;background:#fffaf0}.evolution-scene{position:relative;height:225px;overflow:hidden;background:radial-gradient(ellipse at center,#fffbdc 0 20%,#e3e9bf 65%);border:5px solid #b7a387;box-shadow:inset 0 0 0 3px #eff2cf;border-radius:25px;margin:18px 0 22px}.evolution-before,.evolution-after{position:absolute;inset:28px 0 23px;display:flex;align-items:flex-end;justify-content:center}.evolution-scene .pixel-pony{width:150px;height:160px;max-height:none}.evolution-before{animation:evolution-old 3s steps(2,end) both}.evolution-after{animation:evolution-new 3s steps(3,end) both}.evolution-after .pony-head{animation:evolution-head 1s 3s steps(2,end) 3}.evolution-orbit{position:absolute;inset:0;display:grid;place-items:center;font-size:160px;color:#fff7c4;animation:evolution-light 3s ease-out both;pointer-events:none}.evolution-spark{position:absolute;top:45px;font-size:33px;color:#9c9254;animation:evolution-spark 1s 3s ease-out 3 both}.spark-left{left:17%}.spark-right{right:14%;top:80px;animation-delay:3.2s}.evolution-stage-word,.evolution-result-word{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:12px;font-weight:700;color:#65704c}.evolution-stage-word{animation:evolution-old 3s steps(2,end) both}.evolution-result-word{animation:evolution-label 3s steps(1,end) both}.evolution-story{text-align:center;color:#77624b;font-size:13px;line-height:1.9}.evolution-story .eyebrow{font-size:9px;color:#b39166;margin-bottom:5px}.evolution-story h3{font-size:25px;color:#65523e;letter-spacing:.08em;margin:0 0 10px}.evolution-quote{font-weight:600;color:#8b6c4f}.evolution-tabs{justify-content:center}.evolution-tabs button{font-size:11px}.evolution-modal .modal-head h2{font-size:17px}.evolution-card .between h2{font-size:16px}.evolution-card .life-stamp{font-size:9px;white-space:nowrap}
.evolution-shortcut{display:flex;margin:14px auto;background:#f3dfac!important;color:#6c543b!important;border:1px solid #ceb77d!important}.evolution-story{animation:evolution-label 3s steps(1,end) both}
@keyframes evolution-old{0%,35%{opacity:1;transform:scale(.9)}50%{opacity:.4;transform:scale(.95)}65%,100%{opacity:0;transform:scale(.8)}}
@keyframes evolution-new{0%,58%{opacity:0;transform:scale(.55)}72%{opacity:1;transform:scale(1.08)}80%,100%{opacity:1;transform:translateY(0)}86%{transform:translateY(-13px)}94%{transform:translateY(-7px)}}
@keyframes evolution-light{0%{opacity:0;transform:scale(.2) rotate(-30deg)}50%{opacity:.8}65%{opacity:1;transform:scale(1.2) rotate(20deg)}100%{opacity:0;transform:scale(1.6) rotate(40deg)}}
@keyframes evolution-spark{0%,100%{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(-12px) scale(1)}}
@keyframes evolution-label{0%,65%{opacity:0}66%,100%{opacity:1}}
@keyframes evolution-head{50%{transform:rotate(-6deg)}}
@media(max-width:365px){.evolution-card{padding:18px}.evolution-card .between h2{font-size:14px}.evolution-slot strong{font-size:11px}.evolution-modal{padding:20px!important}.evolution-scene{height:210px}.evolution-story h3{font-size:22px}.evolution-modal .modal-head h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){.evolution-modal *{animation:none!important;transition:none!important}.evolution-before,.evolution-stage-word,.evolution-orbit,.evolution-spark{display:none}.evolution-after,.evolution-result-word{opacity:1;transform:none}}