.pro-roster-directory{max-width:1120px;margin:0 auto;padding:28px 24px 64px;color:#e8dcc2;font-family:inherit;box-sizing:border-box}
body[data-view="rosters"] .blog-app{display:none}body[data-view="rosters"] .pro-roster-directory[hidden]{display:none}
.pro-roster-directory *{box-sizing:border-box}.roster-header{margin-bottom:22px}.roster-eyebrow{margin:0 0 7px;color:#b7a375;font-size:10px;letter-spacing:.14em;font-weight:650}.roster-header h1{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-1px;margin:0}.roster-intro{color:#b5a88f;font-size:14px;line-height:1.6;margin:12px 0 9px}.roster-coverage{color:#a99a7c;font-size:11px;margin:0}
.roster-controls{display:flex;gap:16px;align-items:end;margin:24px 0 14px}.roster-controls label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#b9aa8b}.roster-search{flex:1}.roster-team-filter{width:260px}.roster-controls input,.roster-controls select{width:100%;min-width:0;background:#19160f;border:1px solid #51432e;border-radius:6px;color:#eee0c4;padding:12px;font:inherit;font-size:13px}.roster-controls input::placeholder{color:#9e9076}.roster-result-count{font-size:11px;color:#af9e7e;margin:12px 0}
.roster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.roster-player{min-width:0;border:1px solid #443923;border-radius:8px;background:#19160f;padding:18px;overflow-wrap:anywhere}.roster-player-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.roster-player h2{font-size:21px;line-height:1.2;letter-spacing:-.4px;margin:0}.roster-build-link{flex:none;font-size:10px!important;border:1px solid #6a5733;border-radius:4px;padding:7px 9px;background:#292215}.roster-aliases{font-size:10px;line-height:1.5;color:#a5977b;margin:7px 0 0}.roster-affiliation{font-size:12px;line-height:1.5;margin:18px 0 4px;color:#ad9f83}.roster-affiliation strong{font-weight:600;color:#e4d5b6}.roster-observation{font-size:10px;line-height:1.6;color:#b9a98a;margin:0}.roster-counts{font-size:11px;line-height:1.5;color:#c7b795;margin:11px 0 16px}
.roster-accounts{list-style:none;margin:0;padding:0;border-top:1px solid #3d3323}.roster-account{padding:12px 0;border-bottom:1px solid #3d3323}.roster-account-links{display:flex;flex-wrap:wrap;gap:9px 14px;align-items:center}.roster-account-label{font-size:9px;color:#ae9e80;width:100%;text-transform:uppercase;letter-spacing:.05em}.pro-roster-directory a{color:#dcc08a;text-underline-offset:3px;font-size:11px}.pro-roster-directory a:hover{color:#fff0ca}.roster-check{display:block;font-size:9px;color:#a2947a;margin-top:9px;line-height:1.5}.roster-evidence{margin:15px 0 12px;color:#b9a88a;font-size:10px}.roster-evidence summary{cursor:pointer;padding:4px 0}.roster-evidence ul{padding:0;list-style:none;margin:7px 0}.roster-evidence li{padding:7px 0;display:flex;flex-direction:column;gap:6px;line-height:1.5}.roster-match-source{font-size:10px!important}.roster-note{font-size:11px;line-height:1.65;color:#a6977c;margin:24px 0 0;max-width:740px}
.roster-empty{grid-column:1/-1;padding:34px 24px;border:1px solid #4c3e29;border-radius:8px;background:#19160f}.roster-empty h1,.roster-empty h2{margin:0;font-size:22px}.roster-empty p,.roster-loading{color:#c2b292;line-height:1.6;font-size:13px}.roster-empty button{background:#d2b16e;color:#201a10;border:1px solid #d2b16e;border-radius:5px;padding:10px 14px;font:inherit;font-size:12px;cursor:pointer}.pro-roster-directory :is(a,button,input,select,summary):focus-visible{outline:2px solid #efd5a0;outline-offset:4px}
@media(max-width:980px){.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.pro-roster-directory{padding:22px 16px 48px}.roster-grid{grid-template-columns:minmax(0,1fr)}.roster-controls{flex-direction:column;align-items:stretch;gap:12px}.roster-team-filter{width:auto}.roster-player{padding:17px}.roster-header h1{font-size:33px}.roster-intro{font-size:13px}.roster-controls input,.roster-controls select{font-size:16px}}
@media(max-width:600px){body[data-product="true"] .product-nav{flex-wrap:wrap;gap:6px 16px;min-width:0}body[data-product="true"] .product-nav a{font-size:11px}}
