.roster-hero{min-height:520px;position:relative;overflow:hidden;display:flex;align-items:center;padding:80px 7%;background:radial-gradient(ellipse at 78% 42%,#153f72 0,#1c1844 30%,#080b13 72%)}
.roster-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080b13 0%,#080b13d9 38%,transparent 80%)}
.roster-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent)}
.roster-hero-copy{position:relative;z-index:2;max-width:800px}
.roster-hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(72px,9vw,140px);font-weight:900;line-height:.86;letter-spacing:-.025em;margin:28px 0;text-transform:uppercase}
.roster-hero h1 em{font-style:normal;background:linear-gradient(90deg,#ca2bff,#6a43ef 55%,#28c2ff);background-clip:text;color:transparent}
.roster-hero p{max-width:600px;color:#c6c9d7;font-size:17px;line-height:1.7}
.roster-mark{position:absolute;z-index:1;right:7%;width:min(25vw,300px);filter:drop-shadow(0 0 44px #1f81ff88);opacity:.78}
.roster-tabs{position:sticky;top:0;z-index:8;display:flex;gap:8px;padding:14px 7%;overflow:auto;background:#10131eeb;border-block:1px solid #ffffff1c;backdrop-filter:blur(14px)}
.roster-tabs a{white-space:nowrap;padding:10px 15px;border:1px solid #ffffff24;color:#cbd0df;font-size:12px;font-weight:800;letter-spacing:.08em;transition:.2s}
.roster-tabs a:hover,.roster-tabs a:focus-visible{color:#fff;border-color:#23bfff;background:#173452}
.roster-section{padding:95px 7% 110px;background:#f3f5fa;color:#0c0d15;scroll-margin-top:70px}
.roster-section-dark{background:#090c15;color:#f7f8ff}
.roster-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}
.roster-heading span{color:#7a33d5;font-size:12px;letter-spacing:.18em;font-weight:800}
.roster-section-dark .roster-heading span{color:#22bbff}
.roster-heading h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(48px,6vw,86px);line-height:.94;margin:12px 0 0;letter-spacing:-.02em}
.roster-heading>p{max-width:410px;color:#5d6272;font-size:15px;line-height:1.7;margin:0}
.roster-section-dark .roster-heading>p{color:#adb3c6}
.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.profile-grid-featured{grid-template-columns:repeat(2,minmax(0,1fr))}
.single-profile{grid-template-columns:minmax(0,860px)}
.profile-card{display:grid;grid-template-columns:minmax(180px,.8fr) 1.2fr;min-height:410px;background:#fff;border:1px solid #dfe2ea;overflow:hidden;box-shadow:0 18px 50px #09101f12;position:relative}
.roster-section-dark .profile-card{background:#121724;border-color:#ffffff18;box-shadow:none}
.profile-card.compact{display:flex;flex-direction:column;min-height:520px}
.profile-photo{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(circle at 50% 65%,#3d2b82,#101525 68%);color:#fff;border-bottom:1px solid #ffffff17}
.profile-photo span{font-family:'Barlow Condensed',sans-serif;font-size:58px;font-weight:900;letter-spacing:.05em;background:linear-gradient(120deg,#d040ff,#20c9ff);background-clip:text;color:transparent}
.profile-photo small{font-size:10px;letter-spacing:.25em;color:#98a0b7}
.profile-info{padding:28px;display:flex;flex-direction:column}
.profile-kicker{font-size:10px;letter-spacing:.18em;font-weight:800;color:#7b34d4;margin:0 0 12px}
.roster-section-dark .profile-kicker{color:#24bfff}
.profile-info h3{font-family:'Barlow Condensed',sans-serif;font-size:38px;line-height:1;margin:0 0 8px}
.profile-role{font-size:13px;font-weight:700;color:#72788c;margin:0 0 22px}
.roster-section-dark .profile-role{color:#9ba2b6}
.profile-bio{font-size:14px;line-height:1.65;color:#606678;margin:0}
.roster-section-dark .profile-bio{color:#b2b7c6}
.profile-meta{display:flex;gap:8px;margin-top:auto;padding-top:24px}
.profile-meta span,.social-row span,.social-row a{padding:8px 10px;border:1px solid #d7dbe5;font-size:10px;font-weight:800;letter-spacing:.06em;color:#62697d}
.games-played{position:relative;z-index:4;margin-top:20px;padding-top:16px;border-top:1px solid #e2e5ec;cursor:pointer}
.single-profile .games-played{display:none}
.games-played>p{margin:0 0 10px;color:#72788c;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.game-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.game-badges>span{--game-accent:#7b3ee4;--game-deep:#111827;position:relative;display:flex;align-items:flex-end;min-width:0;min-height:64px;padding:30px 8px 7px;border:1px solid #ffffff26;background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--game-accent) 80%,#fff),transparent 35%),linear-gradient(145deg,var(--game-accent),var(--game-deep) 76%);background-position:center;background-size:cover;color:#fff;border-radius:6px;overflow:hidden;box-shadow:0 7px 16px #11182724;transition:transform .2s,border-color .2s,box-shadow .2s}
.game-badges>span:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 50%,#ffffff0d 50% 53%,transparent 53%),linear-gradient(0deg,#05070bbd,transparent 62%);pointer-events:none}
.game-badges>span:hover{transform:translateY(-2px);border-color:var(--game-accent);box-shadow:0 8px 20px #11182714}
.game-icon{display:none}
.game-icon-v,.game-icon-l{font-size:18px}
.game-badges small{position:relative;z-index:1;min-width:0;font-size:8px;font-weight:900;line-height:1.05;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 5px #000}
.game-cod{--game-accent:#66717b!important;--game-deep:#11161a!important}.game-wow{--game-accent:#d19722!important;--game-deep:#173763!important}.game-ow{--game-accent:#f19a28!important;--game-deep:#343d4c!important}.game-fn{--game-accent:#7457ee!important;--game-deep:#18245f!important}.game-val{--game-accent:#ff4655!important;--game-deep:#111d29!important}.game-poe{--game-accent:#9f3528!important;--game-deep:#28130d!important}.game-lol{--game-accent:#c99832!important;--game-deep:#082b3a!important}.game-apex{--game-accent:#d6473e!important;--game-deep:#241313!important}.game-gta{--game-accent:#55a368!important;--game-deep:#16251a!important}.game-gta6{--game-accent:#de55ae!important;--game-deep:#433079!important}
.game-cod{background-image:linear-gradient(0deg,#05070bd9 0,transparent 72%),url('../game-cards/call-of-duty.png')!important}
.game-wow{background-image:linear-gradient(0deg,#05070bd9 0,transparent 72%),url('../game-cards/world-of-warcraft.jpg')!important}
.game-ow{background-image:linear-gradient(0deg,#05070bd9 0,transparent 72%),url('../game-cards/overwatch.png')!important}
.game-fn{background-image:linear-gradient(0deg,#05070bd9 0,transparent 72%),url('../game-cards/fortnite.jpg')!important}
.game-val{background-image:linear-gradient(0deg,#05070bd9 0,transparent 72%),url('../game-cards/valorant.jpg')!important}
.game-poe{background-image:linear-gradient(0deg,#05070bd9 0,transparent 72%),url('../game-cards/path-of-exile-2.jpg')!important}
.game-lol{background-image:linear-gradient(0deg,#05070bd9 0,transparent 72%),url('../game-cards/league-of-legends.jpg')!important}
.game-apex{background-image:linear-gradient(0deg,#05070bd9 0,transparent 72%),url('../game-cards/apex-legends.jpg')!important}
.game-gta{background-image:linear-gradient(0deg,#05070bd9 0,transparent 72%),url('../game-cards/gta-5.jpg')!important}
.game-gta6{background-image:linear-gradient(0deg,#05070bd9 0,transparent 72%),url('../game-cards/gta-6.jpg')!important}
.social-row a{transition:color .2s,border-color .2s,background .2s}
.social-row a:hover,.social-row a:focus-visible{color:#fff;border-color:#7136c5;background:#7136c5}
.roster-section-dark .profile-meta span,.roster-section-dark .social-row span,.roster-section-dark .social-row a{border-color:#ffffff1c;color:#b7bdce}
.social-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:24px}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.social-icons{display:flex;gap:8px;margin-top:auto;padding-top:18px}
.social-icons span,.social-icons a{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d7dbe5;color:#747b8e;background:#f6f7fa;border-radius:3px}
.social-icons span{cursor:pointer;transition:color .2s,border-color .2s,background .2s,transform .2s}
.social-icons a{transition:color .2s,border-color .2s,background .2s,transform .2s}
.social-icons a:hover,.social-icons a:focus-visible,.social-icons span:hover{color:#fff;border-color:#7136c5;background:#7136c5;transform:translateY(-2px)}
.social-icons svg{width:17px;height:17px;display:block}
.social-icons>.social-twitch,.social-icons>:has(svg use[href="#icon-twitch"]){background:#9146ff;border-color:#a970ff;color:#fff}
.social-icons>.social-x,.social-icons>:has(svg use[href="#icon-x"]){background:#050505;border-color:#333;color:#fff}
.social-icons>.social-instagram,.social-icons>:has(svg use[href="#icon-instagram"]){background:radial-gradient(circle at 30% 105%,#feda75 0 22%,#fa7e1e 36%,#d62976 58%,#962fbf 78%,#4f5bd5 100%);border-color:#e455a2;color:#fff}
.social-icons>.social-tiktok,.social-icons>:has(svg use[href="#icon-tiktok"]){background:#090909;border-color:#26f4ee;color:#fff;box-shadow:inset 2px 0 #25f4ee,inset -2px 0 #fe2c55}
.social-icons>.social-twitch:hover,.social-icons>.social-twitch:focus-visible,.social-icons>:has(svg use[href="#icon-twitch"]):hover,.social-icons>:has(svg use[href="#icon-twitch"]):focus-visible{background:#772ce8;border-color:#fff;color:#fff}
.social-icons>.social-x:hover,.social-icons>.social-x:focus-visible,.social-icons>:has(svg use[href="#icon-x"]):hover,.social-icons>:has(svg use[href="#icon-x"]):focus-visible{background:#1b1b1b;border-color:#fff;color:#fff}
.social-icons>.social-instagram:hover,.social-icons>.social-instagram:focus-visible,.social-icons>:has(svg use[href="#icon-instagram"]):hover,.social-icons>:has(svg use[href="#icon-instagram"]):focus-visible{background:radial-gradient(circle at 30% 105%,#ffe39b 0 22%,#ff913d 36%,#e23887 58%,#a742c8 78%,#6570e4 100%);border-color:#fff;color:#fff}
.social-icons>.social-tiktok:hover,.social-icons>.social-tiktok:focus-visible,.social-icons>:has(svg use[href="#icon-tiktok"]):hover,.social-icons>:has(svg use[href="#icon-tiktok"]):focus-visible{background:#171717;border-color:#fff;color:#fff}
.roster-section-dark .social-icons span{border-color:#ffffff20;color:#bbc2d3;background:#ffffff08}
.council-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.profile-card.council-card{min-height:390px}
.council-card .profile-photo{min-height:270px}
.council-card .profile-info{padding:24px}
.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.member-slot{display:flex;align-items:center;gap:22px;padding:25px;background:#fff;border:1px solid #dfe2ea;position:relative;transition:transform .2s,box-shadow .2s}
.member-slot:hover{transform:translateY(-2px);box-shadow:0 14px 40px #09101f16}
.member-details{min-width:0;flex:1}
.member-slot img{width:54px;height:54px;filter:grayscale(1);opacity:.45}
.member-slot h3{font-family:'Barlow Condensed',sans-serif;font-size:26px;margin:0 0 5px}
.member-slot p{font-size:13px;color:#747a8b;margin:0}
.trial-slot{background:#121724;border-color:#ffffff18;color:#fff}
.trial-slot img{filter:none;opacity:.7}
.trial-slot p{color:#aeb5c7}
.trial-slot .social-icons span{border-color:#ffffff20;color:#bbc2d3;background:#ffffff08}
.profile-open{position:absolute;inset:0;z-index:3;width:100%;height:100%;border:0;background:transparent;cursor:pointer}
.profile-open:focus-visible{outline:3px solid #24bfff;outline-offset:-4px}
.profile-card .social-icons,.member-slot .social-icons{position:relative;z-index:5;pointer-events:auto;isolation:isolate}
.profile-card .social-icons>*,.member-slot .social-icons>*{position:relative;z-index:1;pointer-events:auto}
.member-dialog{width:min(700px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;color:#fff;background:#0c111d;border:1px solid #ffffff2b;box-shadow:0 28px 100px #000c;overflow:auto}
.member-dialog::backdrop{background:#03050bd9;backdrop-filter:blur(7px)}
.member-dialog-inner{position:relative;padding:clamp(38px,7vw,72px);background:radial-gradient(circle at 90% 10%,#174f8566,transparent 34%),radial-gradient(circle at 8% 92%,#6f1da766,transparent 38%)}
.member-dialog-close{position:absolute;top:18px;right:18px;width:42px;height:42px;border:1px solid #ffffff35;background:#ffffff0d;color:#fff;font-size:26px;cursor:pointer}
.member-dialog-close:hover,.member-dialog-close:focus-visible{background:#fff;color:#0d111d}
.member-dialog-role{color:#28c3ff;font-size:11px;font-weight:800;letter-spacing:.2em}
.member-dialog h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(62px,10vw,100px);line-height:.9;margin:18px 0 12px}
.member-dialog h2.is-long-name{font-size:clamp(42px,7vw,68px);letter-spacing:-.025em;overflow-wrap:anywhere}
.member-dialog-status{display:inline-block;margin:0 0 26px;padding:8px 11px;border:1px solid #ffffff2b;color:#c9cfdd;font-size:11px;font-weight:800;letter-spacing:.1em}
.member-dialog-bio{max-width:580px;color:#c4cad8;font-size:16px;line-height:1.75}
.member-dialog-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.member-dialog-meta span{padding:9px 11px;border:1px solid #ffffff24;background:#ffffff08;color:#c9cfdd;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.member-dialog-games{margin-top:26px;padding-top:20px;border-top:1px solid #ffffff18}
.member-dialog-games>p:first-child{margin:0 0 12px;color:#28c3ff;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.member-dialog-games .game-badges>span{border-color:#ffffff20;color:#fff;box-shadow:none}
.member-dialog-games-empty{margin:0;color:#7f879b;font-size:13px}
.member-dialog-socials{display:flex;gap:8px;margin-top:30px;padding-top:0}
.member-dialog-socials span{width:34px;height:34px;min-width:0;padding:0;border-color:#ffffff20;background:#ffffff09;color:#bfc6d6}
.member-dialog-socials svg{width:17px;height:17px}
.social-coming-soon{color:#7f879b;font-size:12px;margin:12px 0 0}
.roster-cta{display:grid;grid-template-columns:auto 1fr auto;gap:38px;align-items:center;padding:70px 7%;background:linear-gradient(110deg,#211044,#102c55);border-block:1px solid #ffffff22}
.roster-cta img{filter:drop-shadow(0 0 25px #3c8cff77)}
.roster-cta>div>span{font-size:11px;letter-spacing:.18em;font-weight:800;color:#2cc6ff}
.roster-cta h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(42px,5vw,72px);line-height:1;margin:10px 0}
.roster-cta p{color:#bcc2d2;margin:0}
@media(max-width:1000px){.profile-grid,.council-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid-featured{grid-template-columns:1fr}.profile-card{grid-template-columns:220px 1fr}.roster-cta{grid-template-columns:auto 1fr}.roster-cta .primary-button{grid-column:2;width:max-content}}
@media(max-width:700px){.roster-hero{min-height:610px;padding:80px 5%}.roster-hero h1{font-size:clamp(70px,19vw,105px)}.roster-mark{right:-16%;top:15%;width:62vw;opacity:.35}.roster-tabs{padding-inline:5%}.roster-section{padding:75px 5% 85px}.roster-heading{display:block}.roster-heading>p{margin-top:20px}.profile-grid,.profile-grid-featured,.member-grid{grid-template-columns:1fr}.profile-card{display:flex;flex-direction:column}.profile-photo{min-height:220px}.roster-cta{grid-template-columns:1fr;padding:62px 5%;text-align:left}.roster-cta img{width:90px}.roster-cta .primary-button{grid-column:auto;width:100%}.member-dialog-inner{padding:58px 24px 32px}.member-dialog-socials{flex-direction:row}.member-dialog-socials span{width:34px}}