.roster-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:640px){.roster-grid{grid-template-columns:repeat(3,1fr);gap:1.125rem}}@media (min-width:1024px){.roster-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}}@media (min-width:1280px){.roster-grid{grid-template-columns:repeat(5,1fr)}}.roster-card{cursor:default;border:1px solid #ffffff14;border-radius:.875rem;flex-direction:column;align-items:center;padding:1.5rem 1rem 1.25rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .3s;display:flex;position:relative;overflow:hidden}.roster-card:hover{border-color:#ffd10040;transform:translateY(-6px)scale(1.02);box-shadow:0 12px 40px #0006,0 0 0 1px #ffd10026}.roster-card-foil{background:linear-gradient(90deg,transparent 0%,var(--color-gold)20%,#fff8 50%,var(--color-gold)80%,transparent 100%);opacity:.7;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.roster-card:hover .roster-card-foil{opacity:1}.roster-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(105deg,#0000 40%,#ffd1000f 45%,#ffffff1a 50%,#ffd1000f 55%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.roster-card:hover:after{transform:translate(100%)}.roster-card:before{content:"";pointer-events:none;border:1px solid #ffffff08;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-20px;right:-20px}.roster-card-avatar{background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:.875rem;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.roster-card:hover .roster-card-avatar{border-color:#ffd1004d;box-shadow:0 0 20px #ffd1001a}.roster-card-silhouette{opacity:.25;width:36px;height:36px;transition:opacity .3s}.roster-card:hover .roster-card-silhouette{opacity:.4}.roster-card-name{font-family:var(--font-display);color:#fff;text-align:center;letter-spacing:.01em;margin-bottom:.25rem;font-size:.8125rem;font-weight:700;line-height:1.25}.roster-card-discipline{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;opacity:.6;margin-bottom:.5rem;font-size:.625rem;font-weight:600}.roster-card-badge{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;z-index:2;background:#ffffff14;border:1px solid #ffffff1a;border-radius:9999px;padding:.125rem .5rem;font-size:.5625rem;font-weight:800;position:absolute;top:.625rem;right:.625rem}.roster-card-gender{text-transform:uppercase;letter-spacing:.15em;opacity:.35;font-size:.5625rem;font-weight:500}.roster-card-emoji{filter:saturate(.7);font-size:1.5rem;line-height:1;transition:filter .3s}.roster-card:hover .roster-card-emoji{filter:saturate()}.roster-card-year{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;opacity:.12;white-space:nowrap;font-size:.5rem;font-weight:800;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.roster-tabs{-ms-overflow-style:none;scrollbar-width:none;gap:.375rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.roster-tabs::-webkit-scrollbar{display:none}.roster-tab{font-family:var(--font-display);color:#ffffff80;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:9999px;flex-shrink:0;min-width:0;min-height:0;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .25s}.roster-tab:hover{color:#fffc;background:#ffffff14}.roster-tab-active{color:#fff;background:#ffffff1f;border-color:#fff3;box-shadow:0 0 12px #ffffff0d}.roster-filter{font-family:var(--font-display);color:#fff6;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;background:0 0;border:1px solid #ffffff0f;border-radius:9999px;flex-shrink:0;min-width:0;min-height:0;padding:.375rem .75rem;font-size:.6875rem;font-weight:600;transition:all .2s}.roster-filter:hover{color:#ffffffb3;background:#ffffff0d}.roster-filter-active{color:#fff;background:#ffffff1a;border-color:#ffffff26}.roster-tab-count{background:#ffffff1a;border-radius:9999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;margin-left:.375rem;padding:0 .35rem;font-size:.625rem;font-weight:700;display:inline-flex}