.class-family{min-width:0;display:flex;flex-direction:column;border:1px solid #b28c5538;background:#14110e;border-radius:4px;overflow:hidden}.class-family .class-face{border:0;border-radius:0}.class-family .class-back{overflow-y:auto}.class-family .class-flip{margin:0}.class-evolution{padding:20px 24px 24px;border-top:1px solid #b28c5529;flex:1;background:linear-gradient(140deg,#221a1140,transparent)}.class-evolution h3{margin:0 0 14px;color:#b9a07a;font-size:9px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase}.class-evolution ol{list-style:none;margin:0;padding:0}.class-evolution li{position:relative;padding:0 0 12px 17px;color:#b9ad9b;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.class-evolution li:before{content:'';position:absolute;left:0;top:5px;width:5px;height:5px;border:1px solid #947044;border-radius:50%;background:#16120e;box-sizing:border-box}.class-evolution li:not(:last-child):after{content:'';position:absolute;left:2px;top:11px;bottom:1px;width:1px;background:#735b3b66}.class-evolution li:last-child{padding-bottom:0;color:#e2c494}.class-evolution li:last-child:before{background:#d7ae6d;border-color:#d7ae6d}@media(max-width:600px){.class-evolution{padding:18px 22px 22px}.class-evolution li{font-size:12px}}@media(prefers-reduced-motion:reduce){.class-family .class-face{transition:none}}