.roster-page{color:#fff;background:radial-gradient(circle at 75% 0,#7927ff1a,#0000 32rem),#090b0f;min-height:100vh}.roster-wrap{width:min(1400px,100% - 64px);margin:0 auto;padding:32px 0 120px}.roster-wrap h1{letter-spacing:-.035em;margin:4px 0 0;font-size:clamp(54px,7vw,100px);line-height:.95}.roster-subtitle{color:#9ea6b3;text-transform:uppercase;letter-spacing:.14em;margin:18px 0 36px}.roster-stats{border:1px solid #29303a;border-radius:7px;grid-template-columns:repeat(5,1fr);margin-top:36px;display:grid;overflow:hidden}.roster-stat{color:#fff;height:72px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-right:1px solid #29303a;align-items:center;gap:14px;padding:0 30px;transition:background .16s;display:flex;position:relative}.roster-stat:last-child{border-right:0}.roster-stat strong{color:#fff;font-size:30px;line-height:1}.roster-stat span{color:#aab2bf;letter-spacing:.1em;font-size:12px;font-weight:600}.roster-stat:hover{background:#ffffff06}.roster-stat.active{background:#ff2f780e}.roster-stat.active strong{color:#fff}.roster-stat.active span{color:#aab2bf}.roster-stat.active:after{content:"";background:var(--gradient);pointer-events:none;border:0;border-radius:0;height:3px;position:absolute;bottom:0;left:0;right:0;-webkit-mask:none;mask:none}.roster-groups{flex-direction:column;gap:28px;margin-top:30px;display:flex}.roster-class{margin:0;padding:0}.roster-class+.roster-class{margin-top:0}.roster-class-heading{align-items:center;gap:18px;margin-bottom:14px;display:flex}.roster-class-heading:after{content:"";background:var(--gradient);flex:1;height:1px}.roster-class-heading h2{text-transform:uppercase;margin:0;font-size:20px}.roster-class-heading span{color:#77808e;letter-spacing:.1em;order:3;font-size:11px}.roster-player-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.roster-player{background:#0e1218d9;border:1px solid #28303a;border-radius:6px;align-items:center;min-height:72px;padding:10px 14px;display:flex}.roster-player-icon{object-fit:cover;background:#11151b;border:1px solid #3a424e;border-radius:5px;flex:0 0 48px;width:48px;height:48px;margin-right:14px}.roster-player-info{flex-direction:column;min-width:0;display:flex}.roster-player-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.roster-player-info span{color:#8f98a6;text-transform:capitalize;margin-top:4px;font-size:12px}.roster-role{color:#9da7b5;letter-spacing:.08em;border:1px solid #37404c;border-radius:5px;margin-left:auto;padding:5px 8px;font-size:9px;font-weight:800}.roster-role-healer{color:#63e895;border-color:#63e89573}.roster-role-tank{color:#60b9ff;border-color:#60b9ff73}.roster-role-melee{color:#ffad42;border-color:#ffad4273}.roster-role-ranged{color:#c66bff;border-color:#c66bff73}.roster-class-title{flex:0 0 120px;align-items:center;gap:10px;width:120px;display:flex}.roster-class-icon{object-fit:cover;border:1px solid #343c47;border-radius:5px;width:34px;height:34px}.roster-class-druid .roster-class-heading h2,.roster-player-druid .roster-player-info strong{color:#ff7c0a}.roster-class-hunter .roster-class-heading h2,.roster-player-hunter .roster-player-info strong{color:#aad372}.roster-class-mage .roster-class-heading h2,.roster-player-mage .roster-player-info strong{color:#3fc7eb}.roster-class-paladin .roster-class-heading h2,.roster-player-paladin .roster-player-info strong{color:#f48cba}.roster-class-priest .roster-class-heading h2,.roster-player-priest .roster-player-info strong{color:#fff}.roster-class-rogue .roster-class-heading h2,.roster-player-rogue .roster-player-info strong{color:#fff468}.roster-class-shaman .roster-class-heading h2,.roster-player-shaman .roster-player-info strong{color:#0070dd}.roster-class-warlock .roster-class-heading h2,.roster-player-warlock .roster-player-info strong{color:#8788ee}.roster-class-warrior .roster-class-heading h2,.roster-player-warrior .roster-player-info strong{color:#c69b6d}@media (max-width:1000px){.roster-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-stats{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}}@media (max-width:650px){.roster-wrap{width:min(100% - 32px,1400px);padding-top:48px}.roster-player-grid{grid-template-columns:1fr}.roster-tabs{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}}.roster-page .roster-class:before,.roster-page .roster-class:after{content:none!important;background:0 0!important;display:none!important}.roster-page .roster-class{background-image:none;border:0;border-image:}