.player-card{aspect-ratio:2/3;border-radius:20px;transition:transform .3s;position:relative;overflow:hidden}.player-card:hover{transform:translateY(-8px)}.player-badges{z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;top:50px;right:13px}.badge{width:24px;height:24px;font-size:20px;font-weight:800;font-family:var(--sb-font-sec);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #0003}.badge-c,.badge-vc{background:hsl(var(--background_main_surface));color:hsl(var(--background_sec_surface))}.badge.badge-plane,.badge.badge-wk{background:hsl(var(--background_sec_container_2));color:hsl(var(--text_invert_high))}.badge.badge-wk{font-size:15px}.player-card-bg{z-index:1;background:url(https://sb.dev-fanxp.sportz.io/static-assets/images/misc/card-bg-hd.png) bottom/100% 100% no-repeat;width:100%;height:80%;position:absolute;bottom:0;left:0;overflow:hidden}.player-card-content{z-index:2;flex-direction:column;justify-content:flex-end;height:100%;padding:0 16px 16px;display:flex;position:relative}.player-card-content:after{content:"";background:var(--gradient_sec_vert_1_gradient);z-index:2;pointer-events:none;width:100%;height:60%;position:absolute;bottom:0;left:0}.player-image-wrap{justify-content:center;align-items:flex-end;display:flex;position:relative}.player-image-wrap:before{content:"";aspect-ratio:1;background:hsl(var(--background_main_surface));opacity:.6;mix-blend-mode:screen;filter:blur(19px);z-index:1;border-radius:50%;width:80%;transition:transform .3s;position:absolute;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%)}.player-card:hover .player-image-wrap:before{transform:translate(-50%)scale(1.3)}.player-image{object-fit:contain;z-index:2;width:74%;max-width:340px;position:relative}.player-role{text-transform:uppercase;writing-mode:vertical-rl;letter-spacing:2.4px;opacity:.95;color:hsl(var(--background_main_surface));font-size:12px;font-weight:800;line-height:1;position:absolute;top:26%;left:6.5%;transform:rotate(-180deg)}.player-name{text-align:center;text-transform:uppercase;width:100%;font-size:36px;line-height:1.1;font-family:var(--sb-font-prim);z-index:3;position:absolute;bottom:23px}.player-stats{background:hsl(var(--background_sec_container_2));z-index:4;border-radius:16px;justify-content:space-around;padding:10px 20px;display:flex}.stat{text-align:center}.stat-label{font-family:var(--sb-font-sec);opacity:.7;text-transform:uppercase;font-size:10px}.stat-value{font-size:16px;font-weight:800;font-family:var(--sb-font-sec);margin-top:4px}.stat-divider{background-color:hsl(var(--border_sec_default));align-self:stretch;width:1px}@media (max-width:768px){.player-name{font-size:28px}.page-view .player-name{font-size:24px;bottom:10px}.page-view .player-card-content{padding:0 10px 10px}.page-view .player-stats{padding:9px 13px}.page-view .player-role{font-size:10px}.stat-value{font-size:16px}.page-view .stat-value{font-size:10px}.hide-on-mobile{display:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-bg{background:linear-gradient(90deg,#ffffff1a 25%,#ffffff40 50%,#ffffff1a 75%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}.shimmer-wrapper .player-image-wrap:before{display:none}
.sb-filter-overlay{width:100vw;height:100vh;z-index:999;background:#00000080;height:100dvh;position:fixed;top:0;left:0}.sb-filter-modal{width:100%;max-width:400px;height:100vh;background:hsl(var(--background_main_surface));z-index:1000;height:100dvh;font-family:var(--sb-font-sec);color:hsl(var(--text_main_high));flex-direction:column;transition:right .3s;display:flex;position:fixed;top:0;right:-400px}.sb-filter-modal.open{right:0}.sb-filter-header{background:hsl(var(--background_sec_container));color:hsl(var(--text_invert_high));justify-content:space-between;align-items:center;padding:24px;display:flex}.sb-filter-header h3{font-size:16px;font-family:var(--sb-font-sec);text-transform:uppercase;margin:0;font-weight:700}.sb-filter-close{color:hsl(var(--text_invert_high));cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sb-filter-body{flex:1;padding:24px;overflow-y:auto}.sb-filter-accordion-head{cursor:pointer;border-bottom:1px solid hsl(var(--border_main_disable));justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.sb-filter-accordion-title{flex-direction:column;gap:4px;display:flex}.sb-filter-accordion-title .label{font-family:var(--sb-font-sec);color:hsl(var(--text_main_low));text-transform:uppercase;font-size:12px}.sb-filter-accordion-title .value{font-size:14px;font-weight:700;font-family:var(--sb-font-sec);color:hsl(var(--text_main_prim))}.icon_sb_down{color:hsl(var(--text_main_low));font-size:12px}.sb-filter-option{cursor:pointer;border-bottom:1px solid hsl(var(--border_main_disable));text-transform:uppercase;font-size:12px;font-weight:600;font-family:var(--sb-font-sec);color:hsl(var(--text_main_medium));padding:24px 0}.sb-filter-option:last-child{border-bottom:none}.sb-filter-option.selected{color:hsl(var(--text_main_prim))}.sb-filter-footer{gap:16px;padding:24px;display:flex}.sb-btn{cursor:pointer;text-transform:uppercase;font-size:12px;font-weight:700;font-family:var(--sb-font-sec);border-radius:8px;width:50%;padding:10px 12px}.sb-btn-apply{background:hsl(var(--background_prim_card));color:hsl(var(--text_invert_high));border:none}.sb-btn-reset{background:hsl(var(--background_main_surface));color:hsl(var(--button_outline_style_1_text_default));border:1px solid hsl(var(--button_outline_style_1_border_default))}@media (max-width:768px){.sb-filter-header,.sb-filter-body{padding:16px}.sb-filter-accordion-head{padding-bottom:12px}.sb-filter-option{padding:14px 0}.sb-filter-footer{gap:12px;padding:16px}.sb-btn{padding:8px 10px}}
.sb-filter-btn{background:hsl(var(--background_main_surface));color:hsl(var(--button_filled_style_3_text_default));width:107px;height:40px;font-weight:700;font-family:var(--sb-font-sec);cursor:pointer;text-transform:uppercase;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:12px;display:flex}.sb-filter-btn i{font-size:16px}.role-group{margin-bottom:56px}.role-group:first-child .role-title{color:hsl(var(--core_sec_50))}.role-title{text-transform:uppercase;color:hsl(var(--text_main_sec));margin-bottom:24px;font-size:24px;font-weight:800}.players-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:1024px){.players-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.players-grid{grid-template-columns:repeat(2,1fr);gap:10px}.role-title{margin-bottom:16px;font-size:24px}.sb-filter-btn{justify-content:center;width:40px;height:40px;padding:0}.sb-filter-btn-text{display:none}}@media (max-width:480px){.players-grid{grid-template-columns:repeat(2,1fr)}}.no-data-msg{text-align:center;color:hsl(var(--text_invert_high));text-transform:uppercase;padding:4rem 0;font-size:1.2rem}
.sb-view-more{border:1px solid hsl(var(--button_outline_style_3_border_default));color:hsl(var(--text_invert_high));font-size:10px;font-weight:700;font-family:var(--sb-font-sec);cursor:pointer;background:0 0;border-radius:8px;padding:5px 16px}.sb-nav{justify-content:flex-end;gap:14px;margin-top:35px;display:flex}.sb-nav button{border:1px solid hsl(var(--text_invert_high));width:40px;height:40px;color:hsl(var(--text_invert_high));cursor:pointer;background:0 0;border-radius:50%}.sb-squad .swiper-slide{width:25%}.sb-squad .swiper-wrapper{padding-left:var(--container-offset)}@media (max-width:768px){.sb-view-more{aspect-ratio:1;padding:10px;font-size:0}.view-more-icon{font-size:12px}.sb-squad .swiper-slide{width:40%}}@media (max-width:767px){.sb-squad .swiper-slide{width:80%}.sb-nav{display:none}}.no-data-msg{text-align:center;color:hsl(var(--text_invert_high));text-transform:uppercase;padding:4rem 0;font-size:1.2rem}.sb-squad-skeleton-cards{gap:16px;display:flex;overflow:hidden}.sb-squad-skeleton-card-wrapper{flex-shrink:0;width:23%}@media (max-width:1024px){.sb-squad-skeleton-card-wrapper{width:38%}}@media (max-width:768px){.sb-squad-skeleton-card-wrapper{width:60%}}@media (max-width:480px){.sb-squad-skeleton-card-wrapper{width:75%}}