.pet-evolution-foundation{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center;margin-top:8px;padding:8px;border:1px solid rgba(151,105,225,.3);border-radius:9px;background:linear-gradient(135deg,rgba(65,35,101,.42),rgba(9,15,16,.72))}.pet-evolution-foundation>b{padding:3px 6px;border:1px solid rgba(190,143,255,.5);border-radius:6px;color:#ddbaff;font-size:9px}.pet-evolution-foundation>span{color:#b6a9bf;font-size:8px}.pet-evolution-foundation>i{grid-column:1/-1;height:4px;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.08)}.pet-evolution-foundation>i>em{display:block;height:100%;background:linear-gradient(90deg,#7849b4,#cf9cff)}.pet-evolution-foundation>small{grid-column:1/-1;color:#84788c;font-size:7px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}
.pet-development-path{grid-column:1/-1;width:100%;box-sizing:border-box;margin-top:0;border:1px solid rgba(190,143,255,.18);border-radius:10px;background:rgba(8,10,14,.55);overflow:hidden}.pet-development-path>summary{padding:11px 12px;color:#c9a8ee;font-size:11px;font-weight:900;letter-spacing:.7px;cursor:pointer;list-style-position:inside}.pet-development-path>div{display:grid;gap:7px;padding:0 9px 9px}.pet-development-path article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border-radius:8px;background:rgba(255,255,255,.025);opacity:.55}.pet-development-path article.is-current{background:rgba(119,72,174,.18);box-shadow:inset 0 0 0 1px rgba(204,157,255,.28);opacity:1}.pet-development-path article.is-complete{opacity:.8}.pet-development-path article>b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#2b1c39;color:#e0c4ff;font-size:11px}.pet-development-path article span{display:grid;gap:3px;min-width:0}.pet-development-path article strong{color:#ded6e5;font-size:11px}.pet-development-path article small{color:#a79dad;font-size:10px;line-height:1.4}.pet-development-path article>i{color:#84798b;font-size:8px;font-style:normal;font-weight:900;white-space:nowrap}.pet-development-path>p{margin:0;padding:0 10px 10px;color:#857a8b;font-size:9px;line-height:1.4}@media(max-width:420px){.pet-development-path article{grid-template-columns:30px minmax(0,1fr)}.pet-development-path article>i{grid-column:2;white-space:normal}.pet-development-path article strong{font-size:12px}.pet-development-path article small{font-size:10px}}