/* Multi-server league directory. */
body.league-directory{font-family:Inter,system-ui,sans-serif;background:#09090b;color:#eeeef2}
.league-directory .wrap{max-width:1180px;padding:24px}
.league-directory>header{background:#101013;border-top:3px solid #d82d3c;border-bottom:1px solid #303038}
.league-directory .bar{padding-block:18px;gap:20px}
.league-directory .logo{display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:1.8px;margin-right:auto}
.league-directory .logo img{width:38px;height:38px}
.league-directory .logo span{color:#f3f3f7}
.league-directory .logo small{display:block;color:#93939e;font-size:7px;font-weight:500;letter-spacing:1px;margin-top:3px}
.league-directory .bar>a:not(.logo){font-size:12px;color:#b9b9c4}
.league-directory .directory-hero{background:linear-gradient(110deg,#222226,#121215);border:1px solid #393942;border-top:2px solid #96303c;border-radius:12px;padding:27px;margin:10px 0 25px}
.directory-hero>small,.directory-kicker{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#b8b8c4}
.league-directory .directory-hero h1{font-size:36px;margin:12px 0 13px;letter-spacing:-1px;line-height:1.15}
.league-directory p{color:#a5a5b2;line-height:1.7;font-size:12px}
.league-directory .directory-hero #welcome{font-size:13px;margin:9px 0}
.league-directory .directory-note{font-size:11px;color:#82828f;margin:10px 0 0}
.league-directory .directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 1px 8px}
.league-directory h2{font-size:22px;letter-spacing:-.4px;margin:0 0 6px;color:#e2e2eb}
.league-directory #workspace-count{font-size:11px;color:#9696a4;margin:0}
.league-directory .directory-toolbar label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#a3a3b1;min-width:260px}
.league-directory #workspace-search,.league-directory #setup-guild{font:inherit;font-size:12px;background:#101013!important;color:#eeeef4!important;border:1px solid #41414b!important;border-radius:7px;padding:11px 13px;min-height:42px;box-sizing:border-box}
.league-directory #workspace-search{width:100%}
.league-directory .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:13px;align-items:start}
.league-directory .card{background:#16161b;border:1px solid #393942;border-radius:11px;padding:20px;min-width:0}
.league-directory .card[hidden]{display:none!important}
.league-directory .directory-card-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.league-directory .directory-mark{display:grid;place-items:center;width:45px;height:46px;border:1px solid #59404a;border-radius:9px;background:#2b1c22;color:#ff9ca6;font-size:16px;font-weight:800;flex:none}
.league-directory .card h2{font-size:19px;line-height:1.3;letter-spacing:-.4px;margin:6px 0 0;overflow-wrap:anywhere}
.league-directory .directory-access{font-size:8px;letter-spacing:.9px;color:#b4b4c1;font-weight:700}
.league-directory .card p{font-size:11px;color:#92929f;margin:8px 0 14px}
.league-directory .card>a.btn{display:block;text-align:center;margin:0;background:#cb2939!important;border:1px solid #e34c5a!important;border-radius:7px;color:#fff!important;padding:11px 10px;font-size:11px;font-weight:700}
.league-directory .card>a.btn:hover{background:#e13c4c!important;text-decoration:none}
.league-directory .directory-card-settings{margin-top:16px;border-top:1px solid #303038;padding-top:13px}
.league-directory .directory-card-settings>summary{font-size:11px;color:#a7a7b5;cursor:pointer;line-height:1.7}
.league-directory .directory-manage-link{display:block;font-size:11px;color:#c6c6d1;border-bottom:1px solid #303038;padding:10px 0;line-height:1.6}
.league-directory .directory-remove{display:block;width:100%;text-align:left;font:inherit;font-size:10px;background:#2e1c22;border:1px solid #5e3540;border-radius:6px;color:#e3a5b0;padding:9px 10px;margin-top:12px;cursor:pointer}
.league-directory .directory-setup{margin-top:27px;padding:23px;background:#141418;border:1px solid #393942;border-radius:11px}
.league-directory .directory-setup h2{margin:10px 0 13px}
.league-directory .directory-setup>label{display:block;font-size:11px;color:#b4b4c0;margin:17px 0 7px}
.league-directory #setup-guild{width:min(100%,420px);margin:0 8px 10px 0}
.league-directory #launch-setup{background:#29292f!important;border:1px solid #50505a;color:#fff!important;font-size:11px;padding:12px 15px;border-radius:7px}
.league-directory .directory-advanced{border-top:1px solid #303038;margin-top:10px;padding-top:15px}
.league-directory .directory-advanced summary{font-size:11px;color:#a3a3b0;cursor:pointer}
.league-directory .directory-advanced p{font-size:11px}
.league-directory #create-org{font-size:11px;background:#28282f!important;color:#d9d9e4!important;border:1px solid #45454f}
.league-directory :is(button,input,select):disabled{opacity:.5;cursor:default}
.league-directory :is(a,button,summary,input,select):focus-visible{outline:2px solid #ff6572;outline-offset:3px}
@media(max-width:1000px){.league-directory .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.league-directory .wrap{padding:16px}.league-directory .directory-hero{padding:20px}.league-directory .directory-hero h1{font-size:30px}.league-directory .directory-toolbar{align-items:stretch;flex-direction:column;gap:12px}.league-directory .directory-toolbar label{min-width:0}.league-directory .cards{grid-template-columns:minmax(0,1fr)}.league-directory .card{padding:19px}.league-directory .directory-setup{padding:18px}.league-directory #setup-guild{width:100%}.league-directory #launch-setup{display:block;text-align:center;margin-top:0}.league-directory .bar{gap:15px}.league-directory .logo{font-size:16px}.league-directory .logo small{font-size:6px}}