/* Night League: the selected bold reset. Loaded last on the main site and page sets. */
:root{--night:#0a101d;--night-panel:#111b2a;--night-card:#172436;--night-line:#344253;--night-text:#f4f5ed;--night-muted:#aeb9c9;--lime:#dfff68;--orange:#ef7547;--navy:#0a101d;--cream:#f0efe8;--ink:#101825}
html{scroll-behavior:smooth}
body{background:var(--night);color:var(--night-text)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}

/* Main navigation and the full-screen game selector. */
.topline,.top-ribbon{background:var(--lime);color:var(--night)}
.site-header{background:var(--night);color:var(--night-text);border-bottom:1px solid var(--night-line)}
.site-header .brand-mark i{background:var(--lime)}
.site-header .brand-period{color:var(--lime)}
.main-nav>a:not(.nav-cta):hover,.mega-toggle:hover,.mega-toggle[aria-expanded=true]{color:var(--lime)}
.mega-toggle{color:var(--night-text);gap:10px}
.mega-toggle .menu-chevron,.nav-more summary .nav-chevron{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid var(--night-line);color:var(--lime);font-size:initial;line-height:normal;transform:none;transition:border-color .22s ease}
.menu-chevron svg,.nav-chevron svg{display:block;width:18px;height:18px;transition:transform .22s ease}
.menu-chevron path,.nav-chevron path{stroke-width:2.2}
.mega-toggle[aria-expanded=true] .menu-chevron,.nav-more[open] summary .nav-chevron{border-color:var(--lime);transform:none}
.mega-toggle[aria-expanded=true] .menu-chevron svg,.nav-more[open] summary .nav-chevron svg{transform:rotate(180deg)}
.nav-cta{background:var(--lime);color:var(--night)}
.nav-cta:hover{background:#f0ffa9}
.mega-panel{top:84px;height:calc(100dvh - 112px);min-height:550px;grid-template-columns:minmax(235px,.72fr) minmax(420px,1.55fr) minmax(225px,.68fr);background:var(--night);color:var(--night-text);box-shadow:0 22px 45px #0009;border-top:1px solid var(--night-line)}
.mega-intro{background:var(--night);padding:clamp(34px,4vw,68px);border-right:1px solid var(--night-line)}
.mega-intro strong{font-weight:500;line-height:.85;letter-spacing:-.025em;font-size:clamp(62px,6vw,104px);margin:clamp(40px,7vh,90px) 0 25px}
.mega-intro p{color:var(--night-muted);font-size:13px;line-height:1.65}
.mega-sports{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(2,minmax(155px,1fr));gap:12px;padding:clamp(23px,3vw,48px)}
.mega-column-label{grid-column:1/-1;color:var(--lime);margin:0;align-self:end}
.mega-link{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:1fr auto;grid-template-rows:1fr auto;gap:4px;border:1px solid #5d6b7d;background:var(--night-card);padding:22px;color:#fff;transition:border-color .2s,transform .2s,background .2s}
.mega-link::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.38;background:url('./assets/sports-photos.png') left top/200% 200%;transition:opacity .25s,transform .4s}
.mega-link:nth-of-type(2)::before{background-position:right top}.mega-link:nth-of-type(3)::before{background-position:left bottom}.mega-link:nth-of-type(4)::before{background-position:right bottom}
html[data-visual=illustrations] .mega-link::before{opacity:0}
.mega-link::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0a101df0,#0a101d18 80%)}
.mega-link:hover,.mega-link:focus-visible{transform:translateY(-4px);border-color:var(--lime);color:#fff}
.mega-link:hover::before{opacity:.7;transform:scale(1.04)}
.mega-link .mega-icon{grid-column:1/-1;width:45px;height:45px;background:var(--lime);border-radius:0;color:var(--night);font-size:26px}
.mega-link .mega-icon.orange{background:var(--orange)}.mega-link .mega-icon.green{background:#c6f2a4}.mega-link .mega-icon.blue{background:#a4c4ff}
.mega-link span:nth-child(2){align-self:end}
.mega-link strong{font-size:clamp(27px,2.8vw,43px);font-weight:600;line-height:.95}
.mega-link small{color:#d9e0e6;font-size:9px}
.mega-arrow{width:38px;height:38px;padding:8px;align-self:end;justify-self:end;border:1px solid #dfff6888;color:var(--lime);transition:background .2s,color .2s}
.mega-link:hover .mega-arrow,.mega-link:focus-visible .mega-arrow{background:var(--lime);color:var(--night)}
.mega-feature{padding:clamp(25px,3vw,50px);background:var(--night-panel);border-left:1px solid var(--night-line)}
.mega-feature:before{background-position:72% center;filter:saturate(.8)}
.mega-feature:after{background:linear-gradient(180deg,#0a101de8,#0a101d44 50%,#0a101de8)}
.mega-feature strong{font-weight:500;line-height:.87;letter-spacing:-.02em}
.mega-feature>a{background:var(--lime)}
.menu-scrim{background:#030810ab}

/* Night court hero: editorial type, fluorescent accents and a tilted visual card. */
.hero{height:auto;min-height:min(860px,calc(100svh - 112px));background:var(--night);isolation:isolate}
.hero::before{content:"";position:absolute;inset:-20% -15%;z-index:-1;opacity:.17;background-image:linear-gradient(#9ab1c3 1px,transparent 1px),linear-gradient(90deg,#9ab1c3 1px,transparent 1px);background-size:72px 72px;transform:perspective(550px) rotateX(25deg) scale(1.2)}
.hero::after{content:"";position:absolute;width:520px;height:520px;border:1px solid #dfff6852;border-radius:50%;right:-135px;top:-190px;pointer-events:none}
.hero-image{inset:auto;top:21%;right:7%;width:34%;height:54%;background-position:68% center;border:8px solid var(--lime);box-shadow:18px 18px 0 var(--orange);transform:rotate(5deg)}
.hero-image::after{content:"ALL GAMES WELCOME";position:absolute;inset:0;display:flex;align-items:end;padding:24px;background:linear-gradient(0deg,#0a101dcf,transparent 55%);font:600 clamp(30px,3.5vw,55px)/.9 var(--display);letter-spacing:-.02em}
.hero-overlay{display:none}
.hero-content{padding-top:clamp(110px,12vh,170px);padding-bottom:175px}
.hero .eyebrow{color:var(--lime);font-size:10px}
.hero h1{font-size:clamp(126px,13.4vw,215px);line-height:.78;letter-spacing:-.035em;margin:42px 0 28px;max-width:780px}
.hero h1 em{color:var(--lime)}
.hero-content p{max-width:365px;color:#e1e7ec;font-size:16px}
.hero-secondary{color:var(--night-text)}
.hero-bottom{color:var(--lime)}
.visual-choice{background:#0a101de8;color:var(--night-text);border:1px solid #71818f;box-shadow:none}
.visual-choice button{color:var(--night-text)}
.visual-choice button:hover{background:#29394a}
.visual-choice button[aria-pressed=true],.visual-choice button[aria-pressed=true]:hover{background:var(--lime);color:var(--night)}
.ticker{background:var(--lime)}.ticker-track{color:var(--night);font-weight:600}

/* Dark sports directory, contrasting club and joining sections. */
.sports-section{background:var(--night-panel);color:var(--night-text)}
.sports-section .section-rule{opacity:.25}
.section-heading-row h2 em,.how-intro h2 em{color:var(--lime)}
.section-heading-row p{color:var(--night-muted)}
.sport-card{border:1px solid var(--night-line);background:var(--night-card)}
.sport-card-foot{background:var(--night-card);color:var(--night-text)}
.sport-label{color:var(--lime)}
.sport-arrow{border-color:var(--lime);color:var(--lime)}
.sports-section .concept-note{color:var(--night-muted)}
.club-section{background:#0d1625;border-top:1px solid var(--night-line)}
.club-copy p:not(.large),.values-grid p{color:var(--night-muted)}
.values-grid,.values-grid>div+div{border-color:var(--night-line)}
.how-section{background:var(--cream);color:var(--night)}
.how-section .how-intro h2 em{color:#3552b0}
.how-section .step-icon{color:#3552b0}
.end-cta{background:var(--lime);color:var(--night)}
.end-cta h2 em{color:#344b19}
.cta-star{color:#bedf37}
.button-dark{background:var(--night)}
.site-footer{background:var(--night);border-top:1px solid var(--night-line)}
.site-footer p{color:var(--night-muted)}
.footer-brand .brand-mark i{background:var(--lime)}

/* The short introduction becomes a pulse, like the court lights coming on. */
.has-js .preloader{background:var(--night)}
.preloader-inner::before{content:"✳";display:grid;place-items:center;width:76px;height:76px;margin-bottom:35px;border:1px solid var(--lime);border-radius:50%;color:var(--lime);font:42px var(--sans);animation:night-pulse 1s ease-in-out infinite alternate}
.preloader-word{font-weight:500;letter-spacing:-.035em}
.preloader-bottom{color:var(--night-muted)}
.preloader-bar{background:#536175}.preloader-bar i{background:var(--lime)}
@keyframes night-pulse{from{box-shadow:0 0 0 0 #dfff6800;transform:scale(.9)}to{box-shadow:0 0 0 18px #dfff6824;transform:scale(1)}}

/* The page-size hub and all 18 page-set routes carry the same direction. */
.header,.tier-header{background:var(--night);color:var(--night-text);border-bottom:1px solid var(--night-line)}
.header .brand span,.tier-brand .brand-glyph,.tier-brand .orange{color:var(--lime)}
.header nav a:hover,.quick-links a:hover,.quick-links a[aria-current=page]{color:var(--lime)}
.site-size-page .hero{min-height:0;padding:105px 0 110px}
.site-size-page .hero::before{z-index:0}
.site-size-page .hero .container{position:relative;z-index:1}
.site-size-page .hero-decor{color:#26372a;opacity:.7}
.site-size-page .sizes{background:var(--night-panel)}
.site-size-page .tier-card{background:var(--night-card);color:var(--night-text);border-color:var(--lime)}
.site-size-page .tier-card.standard{border-color:#adc2ff}.site-size-page .tier-card.premium{border-color:var(--orange)}
.site-size-page .tier-card h2 span,.site-size-page .tier-card.standard h2 span,.site-size-page .tier-card.premium h2 span{color:var(--lime)}
.site-size-page .tier-card li{border-color:var(--night-line)}
.site-size-page .tier-card li a:hover{color:var(--lime)}
.site-size-page .tier-card li a:before,.site-size-page .concept-note{color:var(--night-muted)}
.site-size-page .launch{background:var(--lime);color:var(--night)}
.site-size-page .choice-note{background:var(--lime);color:var(--night)}
.site-size-page .choice-note h2 em{color:#455926}
.site-size-page footer{background:var(--night)}

.tier-header .tier-brand{color:var(--night-text)}
.tier-badge{border-color:var(--night-line);color:var(--night-muted)}
.tier-nav .nav-more summary{background:var(--lime);color:var(--night);font-weight:700}
.tier-nav .nav-more[open] summary{background:#f1ffac}
.nav-more summary .nav-chevron{border-color:#0a101d88;color:var(--night)}
.nav-more[open] summary .nav-chevron{border-color:var(--night)}
.nav-mega{background:var(--night-panel);color:var(--night-text);box-shadow:0 20px 45px #0008;border-top:1px solid var(--night-line)}
.mega-message{background:var(--night)}.mega-message strong{font-weight:500}.mega-message p{color:var(--night-muted)}
.mega-list a,.mega-choice a{border-color:var(--night-line)}
.mega-list a:hover,.mega-choice a:hover,.mega-list a[aria-current=page]{color:var(--lime)}
.mega-list small,.mega-choice small{color:var(--lime)}
.mega-choice{background:#1a293b}
.tier-hero,.tier-mini .tier-hero,.tier-premium .tier-hero{background:var(--night);position:relative}
.tier-hero::before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#9ab1c3 1px,transparent 1px),linear-gradient(90deg,#9ab1c3 1px,transparent 1px);background-size:65px 65px;pointer-events:none}
.hero-copy{position:relative;z-index:1}
.tier-mini .hero-kicker,.hero-kicker{color:var(--lime)}
.hero-copy h1{font-weight:500;letter-spacing:-.03em}
.hero-copy p{color:var(--night-muted)}
.action-solid{background:var(--lime);color:var(--night)}
.hero-visual{margin:70px 20px 70px 0;min-height:490px;border:7px solid var(--lime);box-shadow:17px 17px 0 var(--orange);transform:rotate(3deg)}
.hero-visual .visual-choice{top:13px;right:13px;transform:rotate(-3deg)}
.visual-stamp{color:#fff;font-weight:600}
.tier-loader{background:var(--night)}
.has-js .tier-loader{background:var(--night)}
.tier-loader strong{font-weight:500}
.tier-loader::before{content:"✳";position:absolute;top:22%;font:52px var(--sans);color:var(--lime);animation:night-pulse 1s ease-in-out infinite alternate}
.section-shell{background:var(--night-panel);color:var(--night-text)}
.section-shell:nth-of-type(even){background:var(--night)}
.section-shell h2 em,.section-shell .micro-label{color:var(--lime)}
.feature-card,.feature-card:nth-child(2),.feature-card:nth-child(3){background:var(--night-card);color:var(--night-text);border:1px solid var(--night-line)}
.feature-card:nth-child(2){border-color:var(--orange)}
.feature-card:hover{border-color:var(--lime)}
.sport-tile{background:var(--night-card);color:var(--night-text);border:1px solid var(--night-line)}
.sport-tile-info small,.concept-footnote{color:var(--night-muted)}
.sport-tile:hover .sport-tile-info{background:#2a3b43}
.values-section,.contact-section,.steps-section,.page-directory{background:var(--night-panel);color:var(--night-text)}
.values-section .values-grid,.values-section .values-grid article+article,.step-grid,.step-grid article{border-color:var(--night-line)}
.values-section .values-grid p,.values-section .concept-footnote{color:var(--night-muted)}
.contact-fields,.contact-fields>div,.directory-grid,.directory-link{border-color:var(--night-line)}
.contact-fields span,.directory-link span{color:var(--night-muted)}
.text-action,.directory-link:hover,.directory-link.is-current{color:var(--lime);border-color:var(--lime)}
.gallery-panel{border:1px solid var(--night-line)}
.closing-banner{background:var(--lime);color:var(--night)}
.closing-banner h2 em{color:#465c20}
.closing-banner a{background:var(--night)}
.tier-footer{background:var(--night);border-top:1px solid var(--night-line)}
.tier-footer p{color:var(--night-muted)}

@media(max-width:1100px){
  .mega-panel{grid-template-columns:minmax(200px,.8fr) minmax(380px,1.5fr)}
  .mega-feature{display:none}
  .hero-image{right:5%;width:37%}
}
@media(max-width:700px){
  .site-header{background:var(--night)}
  .menu-toggle span{background:var(--lime)}
  .main-nav{background:var(--night);color:var(--night-text);border-top:1px solid var(--night-line)}
  .main-nav a:not(.nav-cta),.mega-toggle{border-color:var(--night-line)}
  .main-nav.is-open{max-height:calc(100dvh - 93px)}
  .mega-panel{position:static;display:block;height:auto;min-height:0;box-shadow:none;background:transparent;border:0;margin:0 0 12px}
  .mega-sports{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:8px;padding:12px 0}
  .mega-column-label{font-size:8px}
  .main-nav .mega-panel .mega-link{display:grid;min-height:120px;padding:12px;border:1px solid var(--night-line)}
  .mega-link .mega-icon{width:27px;height:27px;font-size:17px}
  .mega-link strong{font-size:21px}
  .mega-link small{font-size:7px}
  .mega-arrow{width:25px;height:25px;padding:4px}
  .hero{min-height:790px}
  .hero::before{background-size:48px 48px}
  .hero-image{top:auto;bottom:85px;right:10%;width:59%;height:250px;border-width:5px;box-shadow:10px 10px 0 var(--orange)}
  .hero-image::after{font-size:24px;padding:12px}
  .hero-content{padding-top:105px;padding-bottom:420px}
  .hero h1{font-size:clamp(86px,15vw,126px);margin:35px 0 22px}
  .hero-content p{max-width:300px;font-size:14px}
  .hero-actions{gap:17px}
  .hero-bottom{bottom:18px}
  .visual-choice{top:16px;right:18px}
  .sports-section .section-heading-row p{color:var(--night-muted)}
  .how-section .section-heading-row p{color:var(--night)}
  .sport-card-foot{padding:15px 12px}
  .site-size-page .hero{min-height:0}
  .site-size-page .hero .container h1{font-size:clamp(60px,18vw,72px)}
  .tier-header{background:var(--night)}
  .nav-mega{background:var(--night-panel)}
  .mega-list{padding:18px}
  .hero-visual{min-height:340px;margin:0 9px 35px 0;border-width:5px;box-shadow:9px 9px 0 var(--orange);transform:rotate(2deg)}
  .hero-visual .visual-choice{transform:rotate(-2deg)}
  .tier-hero .hero-copy{padding-bottom:45px}
  .tier-loader::before{top:30%;font-size:35px}
}
@media(max-width:390px){
  .hero h1{font-size:clamp(73px,18vw,85px)}
  .hero-image{width:66%;right:8%}
  .mega-link strong{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.preloader-inner::before,.tier-loader::before{animation:none}.mega-link::before,.mega-link,.mega-arrow,.menu-chevron,.nav-chevron,.menu-chevron svg,.nav-chevron svg{transition:none}}