.sport-directory { --cyan:#ff681e; --blue:#ff5a08; --border:#173a43; --muted:#a6c2cf; background:#000a0e; }
.sport-directory main { padding:0 34px 30px; }
.sport-directory .site-header { background:#000b10; border-bottom-color:#102a32; }
.sport-directory .brand-symbol { border-color:#ff681f; box-shadow:inset 0 0 0 2px #00101c,0 0 0 1px #ffab4a; }
.sport-directory .brand-symbol::before { border-top-color:#ffcb68; border-bottom-color:#e4480c; }
.sport-directory .brand-symbol i { border-top-color:#ef8e36; border-bottom-color:#c8430c; }
.sport-directory .brand-words>span { color:#f5f8fc; }
.sport-directory .desktop-nav a[href="/sports"] { color:#ff721f; padding-block:22px; border-bottom:3px solid #ff651c; }
.sport-directory .primary-button,.sport-directory .header-download { background:linear-gradient(#ff9c49,#ff5004); border-color:#ff8e39; color:white; box-shadow:inset 0 1px #ffcb7777; }
.sport-directory .outline-button { background:#001319; border-color:#294c58; }
.sport-directory .directory-hero { position:relative; min-height:500px; margin-inline:-34px; padding:56px 40px 36px; isolation:isolate; overflow:hidden; }
.directory-hero-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-2; }
.directory-hero::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#000a0e66,transparent 55%),linear-gradient(0deg,#000a0e,transparent 13%); }
.directory-hero-copy { position:relative; width:57%; }
.sport-directory .directory-hero .eyebrow { font-size:17px; letter-spacing:4px; color:#77d5ed; margin-bottom:12px; }
.sport-directory .directory-hero h1 { font:900 clamp(48px,6vw,88px)/1.03 var(--heading); letter-spacing:-3px; margin:0 0 18px; }
.sport-directory .directory-hero h1>span { background:linear-gradient(#ffd09a,#ff6219 85%); background-clip:text; -webkit-background-clip:text; }
.directory-hero-description { color:#f1f4f5; font-size:27px; line-height:1.3; }
.directory-stats { display:flex; gap:45px; margin-top:40px; }
.directory-stats>div { display:flex; gap:13px; align-items:center; }
.directory-stats .icon { width:43px; height:43px; color:#ff7429; }
.directory-stats strong { display:block; font-size:27px; line-height:1.1; font-weight:700; }
.directory-stats small { display:block; font-size:17px; color:#b8c8cf; white-space:nowrap; margin-top:4px; }
.directory-hero-motto { position:absolute; top:48px; right:45px; transform:rotate(-9deg); text-align:center; color:white; font:italic 28px/1.15 'Apple Chancery','Segoe Print',cursive; text-shadow:0 1px 5px #000; }
.directory-hero-motto::after { content:''; display:block; height:3px; background:#ff681b; margin-top:10px; border-radius:50%; transform:rotate(-5deg); }
.directory-search-row { display:flex; align-items:center; gap:16px; margin:2px 0 20px; }
.directory-search-row .sports-search-field { flex:1; min-width:0; padding:0 18px; height:64px; background:#001319; border-color:#285464; }
.directory-search-row .sports-search-field>.icon { color:#dfedf4; width:27px; height:27px; }
.directory-search-row .sports-search-field input { font-size:20px; }
.directory-search-row>label { font-size:20px; font-weight:500; }
.directory-search-row>select { width:280px; height:64px; padding:12px 15px; border-color:#285464; border-radius:8px; background:#001319; font-size:20px; }
.directory-filter-toggle { height:64px; font-size:19px; gap:10px; padding-inline:18px; }
.directory-filter-toggle .icon { color:#8bc9e6; }
.directory-categories-row { position:relative; display:flex; gap:10px; margin-bottom:28px; }
.sport-directory .sports-category-chips { display:flex; flex-wrap:nowrap; overflow:auto; scrollbar-width:none; gap:8px; margin:0; padding:4px; flex:1; min-width:0; }
.sports-category-chips::-webkit-scrollbar { display:none; }
.sport-directory .sports-category-chips button { flex:0 0 auto; min-width:137px; max-width:190px; min-height:68px; padding:10px 12px; gap:11px; font-size:17px; color:white; border-color:#244855; background:linear-gradient(#031c25,#001016); border-radius:9px; text-align:left; }
.sport-directory .sports-category-chips .icon { width:29px; height:29px; color:#f57b2a; }
.sport-directory .sports-category-chips button>span { display:block; line-height:1.12; }
.sport-directory .sports-category-chips small { display:block; margin-top:4px; font-size:15px; color:#a2c9da; }
.sport-directory .sports-category-chips [aria-pressed=true] { border:1px solid #ff8b35; box-shadow:0 0 9px #ff610c88,inset 0 0 13px #ef4c1244; background:linear-gradient(140deg,#b54b20,#291b13); color:#ffb46a; }
.sport-directory .sports-category-chips [aria-pressed=true] .icon { color:#fff; }
.directory-category-next { flex:0 0 48px; border:1px solid #254d5d; border-radius:9px; background:#00131c; color:#cae0ea; }
.directory-advanced { padding:15px; margin:0 0 25px; display:flex; gap:15px; flex-wrap:wrap; align-items:center; }
.sport-directory .sports-alphabet { padding:0; border:0; flex-basis:100%; }
.sport-directory .sports-alphabet [aria-pressed=true] { background:#d84f16; border-color:#ff9a4a; }
.directory-featured { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:0 0 42px; }
.sport-directory .sport-directory-card { display:block; min-height:0; padding:0; border:1px solid #245361; border-radius:10px; background:linear-gradient(120deg,#001922,#000b10); overflow:hidden; isolation:auto; }
.sport-directory .sport-directory-card::after { display:none; content:none; }
.sport-directory .sport-directory-card:hover { border-color:#ff8444; background:#06252f; filter:brightness(1.08); }
.sport-directory .sport-directory-card>.directory-card-photo { position:static; z-index:auto; display:block; width:100%; height:126px; object-fit:cover; object-position:62% 44%; }
.directory-card-meta { display:flex; align-items:center; gap:10px; padding:12px 10px; min-height:72px; border-top:1px solid #214a54; }
.directory-card-meta>div { flex:1; min-width:0; }
.directory-sport-symbol { display:grid; place-items:center; width:46px; height:46px; border-radius:50%; color:white; flex-shrink:0; background:var(--sport-color,#16435a); border:1px solid #92c6d077; }
.directory-sport-symbol .icon { width:27px; height:27px; }
.sport-directory .directory-card-meta strong { font:600 21px/1.08 var(--body); display:block; overflow-wrap:anywhere; }
.sport-directory .directory-card-meta small { display:block; padding-top:4px; font:400 16px/1.05 var(--body); color:#bdd3df; }
.directory-card-arrow { display:grid; place-items:center; color:#d5edf6; flex-shrink:0; }
.directory-card-arrow .icon { width:18px; height:18px; }
.sport-directory .directory-feature-card>.directory-card-photo { height:155px; }
.directory-feature-card .directory-card-arrow { border:1px solid #5b889b; width:42px; height:42px; border-radius:50%; background:#062331; }
.directory-explore-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.directory-explore-heading h2 { font:800 38px/1.15 var(--heading); letter-spacing:-1px; }
.directory-explore-heading>div>p { color:#b5cad4; font-size:21px; margin-top:7px; }
.directory-view-tools { display:flex; align-items:center; gap:25px; flex-shrink:0; }
.directory-view-tools>p { color:#aac1ce; font-size:16px; min-width:140px; }
.directory-view-switch { display:flex; border:1px solid #27505e; border-radius:7px; overflow:hidden; background:#00121a; }
.directory-view-switch button { display:flex; align-items:center; gap:8px; padding:13px 16px; font-size:18px; }
.directory-view-switch .icon { width:18px; height:18px; }
.directory-view-switch [aria-pressed=true] { background:linear-gradient(#ff9b48,#fb4c04); box-shadow:inset 0 1px #ffb869; }
.sport-directory .sports-directory-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.directory-more-card { display:flex; flex-direction:column; overflow:hidden; text-align:left; border-color:#245361; background:radial-gradient(circle at 80% 10%,#7a412850,transparent 70%),#00141d; padding:0; }
.directory-more-card>span { display:grid; place-items:center; min-height:126px; }
.directory-more-card>span>.icon { width:60px; height:60px; border:1px solid #577c90; border-radius:50%; padding:12px; transform:rotate(90deg); background:#0b2b3c; }
.directory-more-card>div { position:relative; width:100%; padding:14px 17px; border-top:1px solid #214a54; }
.directory-more-card strong { display:block; font-size:22px; }
.directory-more-card small { display:block; color:#aec7d7; font-size:16px; }
.directory-more-card>div>.icon { position:absolute; right:12px; top:22px; width:17px; }
.sport-directory .sports-load-more { padding:28px 0 20px; }
.sport-directory .sports-load-more button { padding:13px 25px; font-size:18px; }
.sport-directory .sports-load-more .icon { width:20px; height:20px; }
.sport-directory .footer-main { border-top:1px solid #18313b; margin-top:12px; background:transparent; }
.sport-directory .footer-bottom { background:transparent; }
.sport-directory[data-layout=list] .sports-directory-grid { grid-template-columns:1fr 1fr; }
.sport-directory[data-layout=list] .sports-directory-grid .sport-directory-card { display:flex; }
.sport-directory[data-layout=list] .sports-directory-grid .directory-card-photo { width:150px; height:100%; min-height:105px; }
.sport-directory[data-layout=list] .sports-directory-grid .directory-card-meta { flex:1; border-top:0; }
.sport-directory[data-layout=list] .directory-more-card { display:none; }
.sport-directory [hidden] { display:none!important; }
#directory-team-results { margin-bottom:25px; }
#directory-team-results h3 { font-size:24px; margin-bottom:12px; }
.directory-team-results-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:10px; }
.directory-team-results-grid>a { display:flex; align-items:center; gap:12px; padding:15px; border:1px solid #315460; border-radius:7px; background:#011b25; }
.directory-team-results-grid img { width:40px; height:40px; object-fit:contain; }
.directory-team-results-grid strong,.directory-team-results-grid small { display:block; }
.directory-team-results-grid small { color:#a6c3d1; margin-top:5px; }
@media(max-width:1150px) { .sport-directory main { padding-inline:25px; } .sport-directory .directory-hero { margin-inline:-25px; padding-inline:30px; min-height:430px; } .directory-hero-copy { width:58%; } .directory-hero-description { font-size:23px; } .directory-stats { gap:22px; margin-top:27px; } .directory-stats .icon { width:35px; } .directory-stats strong { font-size:23px; } .directory-stats small { font-size:14px; } .directory-hero-motto { top:35px; right:25px; font-size:23px; } .directory-search-row { gap:10px; } .directory-search-row>select { width:220px; } .directory-explore-heading h2 { font-size:31px; } .directory-explore-heading>div>p { font-size:18px; } .directory-view-tools { gap:12px; } .sport-directory .sports-directory-grid,.directory-featured { gap:12px; } .directory-card-meta { gap:7px; padding:10px 8px; } .directory-sport-symbol { width:35px; height:35px; } .directory-sport-symbol .icon { width:23px; height:23px; } .sport-directory .directory-card-meta strong { font-size:18px; } .sport-directory .directory-card-meta small { font-size:14px; } .sport-directory .sport-directory-card>.directory-card-photo { height:112px; } .sport-directory .directory-feature-card>.directory-card-photo { height:135px; } }
@media(max-width:850px) { .sport-directory .directory-hero { min-height:400px; } .directory-hero-copy { width:65%; } .sport-directory .directory-hero h1 { font-size:57px; } .directory-hero-description { font-size:21px; } .directory-stats { gap:15px; } .directory-stats>div { gap:7px; } .directory-stats small { font-size:12px; } .directory-search-row { flex-wrap:wrap; } .directory-search-row .sports-search-field { flex-basis:100%; } .directory-search-row>select { flex:1; } .directory-explore-heading { align-items:start; flex-direction:column; } .directory-view-tools { width:100%; justify-content:space-between; } .sport-directory .sports-directory-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .directory-featured { grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:30px; } .directory-more-card>span { min-height:112px; } }
@media(max-width:550px) { .sport-directory main { padding-inline:16px; } .sport-directory .directory-hero { margin-inline:-16px; padding:28px 18px 20px; min-height:570px; } .directory-hero-copy { width:100%; } .directory-hero-art { object-fit:cover; object-position:74% bottom; height:310px; top:auto; bottom:0; } .directory-hero::after { background:linear-gradient(180deg,#000a0e 0%,#000a0e 42%,transparent 72%,#000a0e 100%); } .sport-directory .directory-hero h1 { font-size:51px; letter-spacing:-2px; } .sport-directory .directory-hero .eyebrow { font-size:12px; letter-spacing:2px; } .directory-hero-description { font-size:19px; } .directory-stats { margin-top:22px; justify-content:space-between; gap:7px; } .directory-stats .icon { width:27px; height:30px; } .directory-stats strong { font-size:22px; } .directory-stats small { font-size:12px; } .directory-hero-motto { top:auto; bottom:180px; right:15px; font-size:18px; } .sport-directory .sports-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .directory-card-arrow { display:none; } .directory-search-row .sports-search-field,.directory-search-row>select,.directory-filter-toggle { height:53px; font-size:17px; } .directory-search-row .sports-search-field input { font-size:17px; } .directory-search-row>label { font-size:17px; } .directory-filter-toggle { padding-inline:12px; } .sport-directory .sports-category-chips button { min-height:58px; min-width:120px; font-size:15px; } .directory-featured { gap:10px; } .sport-directory .directory-feature-card>.directory-card-photo { height:110px; } .sport-directory[data-layout=list] .sports-directory-grid { grid-template-columns:1fr; } .sport-directory[data-layout=list] .sports-directory-grid .directory-card-photo { width:110px; } }

#directory-sport-requests { margin-bottom:20px; }
#directory-sport-requests h3 { font-size:24px; margin-bottom:12px; }
#directory-sport-links { display:flex; flex-wrap:wrap; gap:10px; }