/* Shared page navigation. Load after styles.css and fanclub.css. */
.masthead-inner:has(.site-nav){gap:28px}
.site-nav{display:flex;flex:none;min-width:0;align-items:center;gap:10px;white-space:nowrap}
.site-nav a{border-radius:6px;position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 4px;color:#b5b5b5;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none}
.site-nav a:hover{color:#fff}
.site-nav a[aria-current="page"]{color:#fff;font-weight:900}
.site-nav a[aria-current="page"]::after{content:"";position:absolute;right:4px;bottom:3px;left:4px;height:3px;border-radius:2px;background:#9e0059}
.site-nav-divider{color:#666;font-size:13px;font-weight:400;line-height:1}
.site-nav a:focus-visible{outline:3px solid #f36bb9;outline-offset:3px}
.site-nav .nav-coming{gap:6px}
.nav-status{display:inline-block;border:1px solid #65515d;border-radius:5px;padding:2px 5px;background:#30232b;color:#f0c3df;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:0}

.coming-soon-page{display:flex;min-height:100vh;min-height:100svh;flex-direction:column;background:#1b1b1b}
.coming-soon-page .masthead{flex:none}
.coming-soon-page main{display:grid;flex:1;place-items:center;width:100%;padding:80px 32px}
.coming-soon-content{width:100%;max-width:900px;text-align:center}
.coming-soon-kicker{border-radius:6px;display:inline-block;margin:0;padding:5px 12px;background:#9e0059;color:#fff;font-size:15px;font-weight:900;line-height:1.4}
.coming-soon-content h1{margin:23px 0 20px;color:#fff;font-size:clamp(40px,8vw,96px);font-weight:900;letter-spacing:-.045em;line-height:1.05}
.coming-soon-description{max-width:28em;margin:0 auto;color:#b5b5b5;font-size:16px;line-height:1.8;word-break:keep-all;overflow-wrap:break-word}
.coming-soon-return{display:inline-flex;min-height:44px;margin-top:30px;padding:10px 16px;border-radius:10px;align-items:center;gap:9px;color:#fff;font-size:14px;font-weight:700;text-decoration:none;border:1px solid #676767}
.coming-soon-return:hover{border-color:#f36bb9;color:#f36bb9}
.coming-soon-page footer{flex:none;width:calc(100% - 64px);margin:0 auto;padding-bottom:32px}

@media(max-width:1050px){
  .masthead-inner:has(.site-nav){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;row-gap:8px}
  .masthead-inner:has(.site-nav) .wordmark{grid-column:1;grid-row:1;min-width:0}
  .masthead-inner:has(.site-nav) .brand-logo{max-width:100%;height:auto}
  .masthead-inner:has(.site-nav) .account-link{display:inline-flex;grid-column:2;grid-row:1;justify-self:end;margin-left:0}
  .site-nav{grid-column:1/-1;grid-row:2;justify-self:start;max-width:100%}
}
@media(max-width:820px){
  .site-nav{gap:8px}
  .site-nav a{font-size:14px}
  .coming-soon-page main{padding:64px 20px}
  .coming-soon-page footer{width:calc(100% - 40px)}
}
@media(max-width:600px){
  .masthead-inner:has(.site-nav){column-gap:12px;row-gap:8px}
  .masthead-inner:has(.site-nav) .brand-logo{width:180px;max-width:100%;height:auto}
  .masthead-inner:has(.site-nav) .account-link{font-size:11px;line-height:1.5}
  .site-nav a{padding-right:3px;padding-left:3px}
  .site-nav .nav-coming{flex-direction:column;gap:2px;padding-top:3px;padding-bottom:3px}
  .nav-status{font-size:9px;padding:1px 4px}
  .coming-soon-page main{padding-top:58px;padding-bottom:58px}
  .coming-soon-description{max-width:18em;font-size:14px}
}
@media(max-width:370px){
  .masthead-inner:has(.site-nav){padding-right:14px;padding-left:14px;column-gap:10px}
  .masthead-inner:has(.site-nav) .brand-logo{width:160px}
  .site-nav{gap:7px}
  .site-nav a{font-size:13px}
  .coming-soon-page main{padding-right:15px;padding-left:15px}
  .coming-soon-page footer{width:calc(100% - 30px)}
}