.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}.embla{max-width:100%;height:auto;--slide-height:auto;--slide-spacing:0.5rem;--slide-size:100%;position:relative}.embla__viewport{overflow:hidden;width:100%}.embla__container{backface-visibility:hidden;display:flex;touch-action:pan-y;margin-left:calc(var(--slide-spacing) * -1)}.embla__slide{flex:0 0 calc(100% / 1);min-width:0;padding-left:calc(var(--slide-spacing) / 2);padding-right:calc(var(--slide-spacing) / 2);height:var(--slide-height)}.embla-button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.embla-button:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.6)}.embla-button-prev{left:10px}.embla-button-next{right:10px}.embla-button:disabled{opacity:.3;cursor:not-allowed}@media screen and (min-width:320px){.embla__slide{flex:0 0 calc(100% / 1.2)}}@media screen and (min-width:450px){.embla__slide{flex:0 0 calc(100% / 1.4)}}@media screen and (min-width:570px){.embla__slide{flex:0 0 calc(100% / 1.8)}}@media screen and (min-width:720px){.embla__slide{flex:0 0 calc(100% / 2.2)}.embla-button-prev{left:20px}.embla-button-next{right:20px}}@media screen and (min-width:960px){.embla__slide{flex:0 0 calc(100% / 2.8)}}@media screen and (min-width:1280px){.embla__slide{flex:0 0 calc(100% / 3.5)}}@media screen and (min-width:1720px){.embla__slide{flex:0 0 calc(100% / 4.5)}}.embla__slide__number{box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);border-radius:1.8rem;font-size:4rem;font-weight:600;display:flex;align-items:center;justify-content:center;height:100%;color:#fff;font-family:DIN Condensed,sans-serif}