.avatar-evolution-entry{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:15px;align-items:center;margin:0 0 18px;padding:14px;border:1px solid #a78bfa66;border-radius:18px;background:radial-gradient(circle at 8% 30%,#7c3aed3d,transparent 34%),linear-gradient(135deg,#111426,#080a11);box-shadow:0 14px 38px #02030a55}.avatar-evolution-entry small{color:#c4b5fd;font-size:9px;font-weight:900;letter-spacing:.13em}.avatar-evolution-entry h3{margin:4px 0;font-size:16px}.avatar-evolution-entry p{margin:0;color:#94a3b8;font-size:11px}.avatar-evolution-entry button{width:auto;margin:0;white-space:nowrap;border-color:#a78bfa88;background:linear-gradient(135deg,#7657ff44,#ec489922);color:#fff}.evolution-entry-portrait{position:relative;width:68px;height:68px;padding:4px;border:2px solid #a78bfa;border-radius:50%;box-shadow:0 0 24px #8b5cf666}.evolution-entry-portrait img{width:100%;height:100%;object-fit:cover;border-radius:50%}.evolution-entry-portrait span{position:absolute;right:-5px;bottom:-4px;padding:3px 6px;border:1px solid #ffffff22;border-radius:999px;background:#080a11;color:#fff;font-size:9px;font-weight:900}.avatar-evolution{margin:18px 0;padding:16px;border:1px solid #8b5cf655;border-radius:18px;background:radial-gradient(circle at 90% 0,#4c1d9540,transparent 35%),#0b0e18}.avatar-evolution-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.avatar-evolution h3{margin:4px 0;font-size:19px}.avatar-evolution small{color:#c4b5fd;font-weight:900;letter-spacing:.1em}.avatar-evolution p{margin:6px 0;color:#94a3b8;font-size:12px;line-height:1.45}.avatar-evolution-head button{width:auto;margin:0;white-space:nowrap}.evolution-next{display:grid;gap:4px;margin:14px 0;padding:11px;border:1px solid #a78bfa55;border-radius:12px;background:#7657ff13}.evolution-next b{color:#ddd6fe}.evolution-next span{color:#cbd5e1;font-size:12px}.evolution-track{display:grid;gap:12px}.evolution-lane{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:start}.evolution-lane>b{padding-top:10px;color:#cbd5e1;font-size:11px}.evolution-lane>div{display:flex;gap:8px;overflow-x:auto;padding:3px 2px 8px}.evolution-step{position:relative;display:grid;flex:0 0 128px;gap:3px;min-height:96px;padding:10px;border:1px solid #ffffff1c;border-radius:12px;background:#060810}.evolution-step:before{content:'';position:absolute;top:20px;left:-9px;width:9px;height:2px;background:#ffffff25}.evolution-step:first-child:before{display:none}.evolution-step i{width:22px;height:22px;border:2px solid var(--evolution-color);border-radius:50%;box-shadow:0 0 12px var(--evolution-color)}.evolution-step small{color:#94a3b8;font-size:9px}.evolution-step strong{font-size:11px;line-height:1.15}.evolution-step span{color:#94a3b8;font-size:9px;line-height:1.25}.evolution-step.locked{opacity:.56;filter:grayscale(.7)}.evolution-step.earned{border-color:color-mix(in srgb,var(--evolution-color) 55%,#ffffff22);background:linear-gradient(135deg,color-mix(in srgb,var(--evolution-color) 15%,#080a11),#080a11)}.evolution-step.selected{border-color:var(--evolution-color);background:linear-gradient(135deg,color-mix(in srgb,var(--evolution-color) 28%,#080a11),#080a11);box-shadow:0 0 0 1px color-mix(in srgb,var(--evolution-color) 45%,transparent),0 0 20px color-mix(in srgb,var(--evolution-color) 20%,transparent)}.evolution-step.selected span{color:#fff;font-weight:850}.evolution-export-note{padding-top:8px;border-top:1px solid #ffffff12}@media(max-width:620px){.avatar-evolution-entry{grid-template-columns:58px 1fr;padding:11px}.avatar-evolution-entry button{grid-column:1/-1;width:100%}.evolution-entry-portrait{width:54px;height:54px}.avatar-evolution{padding:12px}.avatar-evolution-head{display:grid}.avatar-evolution-head button{width:100%}.evolution-lane{grid-template-columns:1fr}.evolution-lane>b{padding:0}.evolution-step{flex-basis:118px}}