/* The SEO player directory uses the same game shell as the player search. */
.cm-dir-main{min-width:0;display:flex;flex-direction:column}
.cm-dir-main .scouts{margin-top:auto}
.cm-dir-main .cm-dir-donate{display:flex!important;align-items:center;justify-content:center;text-decoration:none}
.cm-dir-main .tabs > a.cm-dir-tab,.cm-dir-main .tabs > a.cm-scout-one{display:flex!important;align-items:center;justify-content:center;background:#2b066f;color:white;text-decoration:none;border:1px solid #5c3daf;font-weight:bold;height:39px}
.cm-dir-main .tabs > a.on{border:2px solid #fff400;color:#fff400}
.cm-dir-main .toolbar > :disabled{opacity:1}
.cm-dir-main .results .scroll{max-height:min(56vh,515px);min-height:0;overflow-y:auto}
.cm-dir-main .results table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}
.cm-dir-main .results th{height:24px;padding:4px 6px;background:#999;color:white;text-align:left;border:1px solid #696969}
.cm-dir-main .results td{height:25px;padding:3px 7px;color:white;border-bottom:1px solid rgba(255,255,255,.12)}
.cm-dir-main .results td.rank{color:#fff400;font-weight:bold;width:5%;text-align:center}
.cm-dir-main .results td.name{width:30%}
.cm-dir-main .results td.club{width:24%}
.cm-dir-main .results td.pos{color:#ff8400;width:28%}
.cm-dir-main .results td.num{color:#fff400;text-align:right;width:13%}
.cm-dir-main .results th:nth-child(1){width:5%}.cm-dir-main .results th:nth-child(2){width:30%}.cm-dir-main .results th:nth-child(3){width:24%}.cm-dir-main .results th:nth-child(4){width:28%}.cm-dir-main .results th:nth-child(5){width:13%}
.cm-dir-main .results td a{color:#77f5ef!important;text-decoration:none;font-weight:bold}
.cm-dir-main .results td a:hover{text-decoration:underline}
.cm-dir-main .directory-pager a,.cm-dir-main .directory-pager b{display:flex;align-items:center;justify-content:center;height:25px;background:#11166d;color:#fff400;border:1px solid #3343ae;padding:3px 8px;text-decoration:none;font-size:15px}
.directory-page-links{display:flex;gap:4px;justify-content:center;padding:6px;margin:0 10px;background:#15165d}
.directory-page-links a{display:inline-block;background:#2b066f;border:1px solid #5c3daf;color:#fff;text-decoration:none;font-weight:bold;min-width:27px;text-align:center;padding:4px}
.directory-page-links a[aria-current="page"]{border:2px solid #fff400;color:#fff400}
.cm-dir-main .scouts{margin-top:6px}
.cm-directory-back>a,.cm-directory-back>button{height:39px;display:flex;justify-content:center;align-items:center;min-width:0;background:linear-gradient(#aaa,#8c8c8c);border:1px solid #ddd;color:#f5f5f5;text-decoration:none;font-size:17px;font-weight:bold}
.cm-directory-back>button:disabled{color:#626262!important;background:#777!important;border-color:#999!important}
@media(max-width:900px),(max-width:1024px) and (pointer:coarse){
 .cm-dir-main{min-height:calc(100dvh - 41px)}
 .cm-dir-main .tabs{grid-template-columns:repeat(3,minmax(0,1fr));}
 .cm-dir-main .tabs button:disabled{display:none!important}
 .cm-dir-main .tabs>a.cm-dir-tab,.cm-dir-main .tabs>a.cm-scout-one{height:29px;font-size:11px}
 .cm-dir-main .results .title{font-size:15px;justify-content:flex-start;white-space:nowrap;padding-left:7px}
 .cm-dir-main .results .scroll{max-height:55dvh;min-height:0}
 .cm-dir-main .results table{min-width:0!important;table-layout:fixed}
 .cm-dir-main .results th,.cm-dir-main .results td{font-size:11px;padding:3px}
 .cm-dir-main .results th:nth-child(1),.cm-dir-main .results td.rank{width:8%!important;display:table-cell}
 .cm-dir-main .results th:nth-child(2),.cm-dir-main .results td.name{width:37%!important}
 .cm-dir-main .results th:nth-child(3),.cm-dir-main .results td.club{width:30%!important}
 .cm-dir-main .results th:nth-child(4),.cm-dir-main .results td.pos{width:25%!important}
 .cm-dir-main .results th:nth-child(5),.cm-dir-main .results td.num{display:none}
 .cm-dir-main .results .pager a,.cm-dir-main .results .pager b{font-size:11px;min-width:23px;padding:2px 3px}
 .directory-page-links{padding:3px;margin:2px 0 0}
 .cm-dir-main .bottom.back-next{margin:4px 0 0}
 .cm-dir-main .results .found{font-size:12px;padding:5px 3px}
}
@media(max-width:390px){.cm-dir-main .results .title{font-size:13px}.cm-dir-main .results .pager{gap:1px}}