.roster-card{perspective:1000px;width:250px;height:350px;margin:20px}.roster-card-inner{width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);border-radius:10px}.roster-card:hover .roster-card-inner{transform:rotateY(180deg)}.roster-card-back,.roster-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px}.roster-card-front{background:linear-gradient(to bottom,var(--app-tri-color),var(--app-button))}.roster-card-back,.roster-card-front{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.roster-card-back{background:linear-gradient(to bottom,var(--app-button),var(--app-tri-color));transform:rotateY(180deg)}.roster-card-image{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;margin-bottom:20px}.roster-card-details{text-align:center}.roster-card-name{font-size:24px;font-weight:700;margin-bottom:10px}.roster-card-position{font-size:18px}.roster-card-back-content{text-align:center}.roster-card-graduation{font-size:18px;margin-bottom:20px}.roster-card-button{padding:10px 20px;background-color:#fff;color:#000;border:none;border-radius:5px;font-size:16px;cursor:pointer}.roster-card-back{background-color:#f5f5f5;padding:20px;text-align:center}.roster-card-stats-title{font-size:24px;margin-bottom:10px}.roster-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.roster-card-stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:14px;color:#fff}.stat-value{font-size:18px;font-weight:700}