/* Desktop geometry matched to Home. Mobile keeps its own scaled header. */
body>.member-header:not(.member-header-mobile){box-sizing:border-box;height:86px;min-height:86px;max-height:86px;padding-top:0;padding-bottom:0;align-items:center;border-bottom:1px solid #d6eaf5}
body>.member-header:not(.member-header-mobile) .member-wordmark{width:150px;height:59px;flex:0 0 150px;display:flex;align-items:center}
body>.member-header:not(.member-header-mobile) .member-wordmark img{display:block;width:150px;height:auto;filter:none}
body>.member-header:not(.member-header-mobile) .back-to-game{box-sizing:border-box;flex:0 0 240px;width:240px;height:52px;padding:0;margin-top:16px;margin-bottom:0;align-self:flex-start;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:28px;font:700 26px/1 DS,Arial,sans-serif}
/* Shared Home navigation, isolated from the account navigation. */
body>.member-header{position:relative;z-index:100;background:#f3faff}
body>.member-header:not(.member-header-mobile){min-width:1400px}
.member-site-nav{position:absolute;left:50%;top:0;transform:translateX(-50%);width:900px;font-family:DS,Arial,sans-serif}
.member-site-nav ul{list-style:none;margin:0;padding:0}
.member-site-nav>ul{display:flex;width:900px}
.member-site-nav>ul>li{position:relative;flex:0 0 225px;text-align:center}
.member-site-nav>ul>li>a{height:85px;display:flex;align-items:center;justify-content:center;font:700 27px/normal DS,Arial,sans-serif;color:#386580;padding-bottom:1px;box-sizing:border-box;text-decoration:none;position:relative}
.member-site-nav>ul>li>a:after{content:'';position:absolute;bottom:-3px;left:50%;width:42px;height:6px;border-radius:4px;background:#0c9dc7;transform:translateX(-50%);opacity:0}
.member-site-nav>ul>li:hover>a:after{opacity:1}
.member-site-nav>ul>li>a:hover{color:#2459a6}
.member-site-nav>ul:before{content:'';position:absolute;top:85px;left:calc(50% - max(50vw,700px));width:max(100vw,1400px);height:0;background:#202a32;box-shadow:inset 0 1px #354956,0 10px 20px #00000029;transition:height .18s ease}
.member-site-nav>ul>li>ul{position:absolute;top:85px;left:0;width:225px;padding:18px 0;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s;pointer-events:none}
.member-site-nav>ul>li>ul a{display:block;margin:0 12px;border-radius:10px;color:#eaf2f6;font:700 23px/45px DS,Arial,sans-serif;text-decoration:none;transition:color .15s,background-color .15s}
.member-site-nav>ul>li>ul a:hover{color:#75ddf4;background:#2b3d49}
.member-header:not(.member-header-mobile):hover .member-site-nav>ul:before,.member-header:not(.member-header-mobile):focus-within .member-site-nav>ul:before{height:216px}
.member-header:not(.member-header-mobile):hover .member-site-nav>ul>li>ul,.member-header:not(.member-header-mobile):focus-within .member-site-nav>ul>li>ul{opacity:1;visibility:visible;pointer-events:auto}
.member-site-nav a:focus-visible{outline:3px solid #087fb0;outline-offset:-3px}
body>.member-header .back-to-game{background:#12a5cd linear-gradient(115deg,#12a5cd,#19b493);box-shadow:inset 0 0 0 100px transparent;transition:box-shadow .18s ease;color:#fff;text-decoration:none;z-index:1}
body>.member-header .back-to-game:hover{background:#12a5cd linear-gradient(115deg,#12a5cd,#19b493);box-shadow:inset 0 0 0 100px #00506c26}
.site-nav-toggle{display:none}
.member-header-mobile .back-to-game{display:none!important}
.member-header-mobile .site-nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-left:auto;border:1px solid #c5e2ef;border-radius:10px;background:#fff;padding:11px}
.site-nav-toggle span{display:block;height:2px;width:20px;background:#386580}
.member-header-mobile .member-site-nav{display:none;top:100%;left:0;width:100%;transform:none;background:#202a32;padding:14px;box-sizing:border-box}
.member-header-mobile.site-nav-open .member-site-nav{display:block}
.member-header-mobile .member-site-nav>ul{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px}
.member-header-mobile .member-site-nav>ul:before,.member-header-mobile .member-site-nav>ul>li>a:after{display:none}
.member-header-mobile .member-site-nav>ul>li>a{height:40px;color:#75ddf4;font-size:24px;justify-content:flex-start;padding:0 12px}
.member-header-mobile .member-site-nav>ul>li>ul{position:static;width:auto;opacity:1;visibility:visible;pointer-events:auto;padding:0}
.member-header-mobile .member-site-nav>ul>li>ul a{font-size:22px;line-height:38px;margin:0;text-align:left;padding:0 12px}

/* Mouse clicks do not draw a focus box; keyboard focus stays visible. */
.member-site-nav a:focus:not(:focus-visible),.member-site-nav a:active:not(:focus-visible){outline:none;box-shadow:none}

/* Desktop follows scrolling; mobile remains in normal document flow. */
body>.member-header:not(.member-header-mobile){position:sticky;top:0;z-index:1000}
body>.member-header.member-header-mobile{position:relative;top:auto}