.vx-roster-picker-shell{max-width:78rem;margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) clamp(1.25rem,5vw,3rem)}.vx-roster-picker-grid{gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.vx-roster-picker-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1080px){.vx-roster-picker-grid{grid-template-columns:repeat(3,1fr)}}.vx-roster-picker-card{background:#ffffff06;border:1px solid #ffffff14;border-radius:18px;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden}.vx-roster-picker-card--pink{color:var(--pink)}.vx-roster-picker-card--mint{color:var(--mint)}.vx-roster-picker-card--purple{color:#a957ff}.vx-roster-picker-card--cyan{color:var(--cyan)}.vx-roster-picker-card:hover{border-color:rgba(from currentColor r g b / .55);box-shadow:0 18px 50px rgba(from currentColor r g b / .18);transform:translateY(-4px)}.vx-roster-picker-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.vx-roster-picker-banner{aspect-ratio:16/11;background:#ffffff0a;width:100%;position:relative;overflow:hidden}@media (min-width:1080px){.vx-roster-picker-banner{aspect-ratio:16/10}}.vx-roster-picker-banner:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(72% 58% at 50% 46%,#08080ed1 0%,#08080e59 52%,#0000 78%);position:absolute;inset:0}.vx-roster-picker-banner:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#08080e66 0%,#08080e1f 40%,#08080ee0 100%);position:absolute;inset:0}.vx-roster-picker-banner-img{--vx-banner-scale:1;object-fit:cover;object-position:center top;transform:scale(var(--vx-banner-scale));transition:transform .5s}.vx-roster-picker-card:hover .vx-roster-picker-banner-img{transform:scale(calc(var(--vx-banner-scale) * 1.04))}.vx-roster-picker-status{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;color:#ffffffd1;background:#08080eb3;border:1px solid #ffffff29;border-radius:999px;padding:.28rem .7rem;font-size:.62rem;font-weight:600;position:absolute;top:.85rem;right:.85rem}.vx-roster-picker-logo-wrap{z-index:2;pointer-events:none;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:absolute;inset:0}.vx-roster-picker-logo-scrim{-webkit-backdrop-filter:blur(10px);background:#06060c8c;border-radius:14px;width:min(86%,300px);height:clamp(88px,18vw,132px);position:absolute;box-shadow:inset 0 0 0 1px #ffffff0f}.vx-roster-picker-logo{z-index:1;object-fit:contain;filter:drop-shadow(0 4px 16px #000000a6);width:auto;max-width:72%;height:clamp(72px,13vw,118px);transition:filter .35s,transform .35s;position:relative}.vx-roster-picker-card:hover .vx-roster-picker-logo{filter:drop-shadow(0 6px 22px #0000008c) drop-shadow(0 0 24px rgba(from currentColor r g b / .45));transform:translateY(-2px)}.vx-roster-picker-body{border-top:1px solid #ffffff0f;flex-direction:column;flex:1;gap:.9rem;padding:1.15rem 1.25rem 1.3rem;display:flex}.vx-roster-picker-meta{flex-direction:column;gap:.25rem;display:flex}.vx-roster-picker-name{font-family:var(--font-syne), system-ui, sans-serif;letter-spacing:-.01em;color:#fff;margin:0;font-size:clamp(1.15rem,2.2vw,1.4rem);font-weight:800;line-height:1.2}.vx-roster-picker-division{font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;color:#ffffff6b;margin:0;font-size:.66rem;font-weight:600}.vx-roster-picker-cta{font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:currentColor;opacity:.88;align-items:center;gap:.35rem;margin-top:auto;font-size:.7rem;font-weight:600;transition:opacity .2s,gap .2s;display:inline-flex}.vx-roster-picker-card:hover .vx-roster-picker-cta{opacity:1;gap:.55rem}