.roster-page{min-height:100vh;background:radial-gradient(circle at 82% 4%,rgba(1,183,238,.22),transparent 26rem),linear-gradient(180deg,#060b2d,#10136b 48%,#060b2d);color:#fff}.roster-container{width:min(1180px,calc(100% - 2rem));margin:0 auto}.roster-hero{padding:5.5rem 0 3rem;background-image:linear-gradient(90deg,#020523db,#02052394),url(/Hero.webp);background-position:center;background-repeat:no-repeat;background-size:cover}.roster-eyebrow,.roster-hero h1,.roster-intro,.player-list h2,.player-tab-nick,.player-tab-name,.player-status,.player-info h2,.player-real-name,.player-role,.player-facts,.player-facts dd,.player-summary{margin:0}.roster-eyebrow{margin-bottom:.9rem;color:#7de3ff;font-size:.82rem;line-height:1.3;text-transform:uppercase}.roster-hero h1{max-width:760px;font-size:clamp(2.5rem,6.5vw,5.2rem);line-height:1.04;overflow-wrap:anywhere;text-shadow:0 .25rem 1rem rgba(0,0,0,.42)}.roster-intro{max-width:760px;margin-top:1.4rem;color:#fffc;font-size:clamp(1rem,2vw,1.25rem);line-height:1.65;overflow-wrap:anywhere}.roster-picker{padding:4rem 0 6rem}.roster-picker-layout{display:grid;grid-template-columns:minmax(16rem,.36fr) minmax(0,1fr);gap:1.5rem;align-items:start}.player-list{position:sticky;top:1rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid rgba(125,227,255,.18);background:#04092ab8;box-shadow:0 1rem 2rem #0003}.player-list h2{padding:.35rem .25rem .75rem;color:#fff;font-size:1.25rem;line-height:1.2}.player-tab{width:100%;display:grid;gap:.32rem;padding:1rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#fff;text-align:left;font:inherit;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease}.player-tab:hover,.player-tab.is-active{border-color:#7de3ffd1;background:#01b7ee2e;transform:translate(.25rem)}.player-tab:focus-visible{outline:3px solid #7de3ff;outline-offset:3px}.player-tab-nick{font-size:1rem;line-height:1.25}.player-tab-name{color:#ffffffad;font-size:.78rem;line-height:1.35}.player-details{min-width:0}.player-panel{display:none;grid-template-columns:minmax(17rem,.85fr) minmax(0,1.15fr);min-height:34rem;border:1px solid rgba(125,227,255,.2);background:linear-gradient(135deg,#01b7ee1f,#ffffff0a),#04092ac7;box-shadow:0 1.25rem 2.8rem #00000047;overflow:hidden}.player-panel.is-active{display:grid}.player-photo-wrap{min-height:34rem;background:linear-gradient(180deg,#01b7ee1f,#0213597a),#021359;overflow:hidden}.player-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.player-info{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:2.2rem}.player-status{width:fit-content;padding:.45rem .65rem;border:1px solid rgba(125,227,255,.72);color:#7de3ff;font-size:.75rem;line-height:1;text-transform:uppercase}.player-info h2{font-size:clamp(2.4rem,6vw,4.6rem);line-height:.98}.player-real-name{color:#ffffffc7;font-size:1.1rem;line-height:1.4}.player-role{color:#7de3ff;font-size:1rem;line-height:1.45}.player-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.player-facts div{padding:.85rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.player-facts dt{margin-bottom:.45rem;color:#ffffff8a;font-size:.72rem;line-height:1.25;text-transform:uppercase}.player-facts dd{color:#fff;font-size:.88rem;line-height:1.35}.player-summary{max-width:620px;color:#ffffffc7;font-size:1rem;line-height:1.75}.player-tags{display:flex;flex-wrap:wrap;gap:.65rem;padding:0;margin:.6rem 0 0;list-style:none}.player-tags li{padding:.55rem .7rem;border:1px solid rgba(255,255,255,.14);background:#ffffff12;color:#ffffffdb;font-size:.82rem;line-height:1.2}@media(max-width:980px){.roster-picker-layout{grid-template-columns:1fr}.player-list{position:static}.player-panel,.player-panel.is-active{grid-template-columns:1fr}.player-photo-wrap{min-height:28rem}.player-facts{grid-template-columns:1fr}}@media(max-width:620px){.roster-container{width:min(100% - 1.25rem,1180px)}.roster-hero{padding:4rem 0 2.5rem}.roster-hero h1{font-size:clamp(2rem,10vw,3rem)}.roster-picker{padding:2.5rem 0 4rem}.player-list,.player-info{padding:1rem}.player-tab:hover,.player-tab.is-active{transform:none}.player-photo-wrap{min-height:24rem}}@media(max-width:430px){.roster-container{width:min(100% - 2rem,1180px)}.roster-hero{padding:3.5rem 0 2.5rem}.roster-hero h1{font-size:clamp(1.75rem,8.5vw,2.25rem);line-height:1.12}.roster-intro{font-size:.92rem;line-height:1.6}.player-list h2,.player-info h2{font-size:clamp(1.55rem,8vw,2.2rem);line-height:1.12}}@media(max-width:360px){.roster-container{width:min(100% - 3rem,1180px)}.roster-hero h1{font-size:clamp(1.55rem,7.8vw,1.9rem);line-height:1.16}.roster-intro{font-size:.86rem;line-height:1.62}.player-list,.player-info{padding:1.25rem}.player-list h2,.player-info h2{font-size:clamp(1.35rem,7.2vw,1.75rem)}}