/* Shared header geometry for the archive homepage and routed pages.
   Keep the 935px frame, 101px masthead and 29px navigation artwork intact. */
#main-menu{position:relative!important}
html{overflow-y:scroll!important}
#main-menu>ul,.nav-row{box-sizing:border-box!important;display:flex!important;align-items:flex-start!important;gap:0!important}
#main-menu>ul{width:935px!important;height:29px!important;margin:0 auto!important;padding:0px 0px 0px 4px!important;float:none!important}
.nav-row{padding:0px 0px 0px 4px!important}
#main-menu>ul>li,.nav-row>.nav-group{display:flex!important;position:relative!important;flex:0 0 auto!important;height:24px!important;align-items:flex-start!important;margin:0 0 0 3px!important;padding:0!important}
#main-menu>ul>li:first-child{margin-left:0!important}
#main-menu>ul>li:before,.nav-row>.nav-group:before{content:''!important;display:block!important;position:relative!important;flex:0 0 3px!important;width:3px!important;height:19px!important;padding:0!important;background:var(--cb-asset-f03940458b18,url('/classic/assets/menu_divider-5be6bffda2d1.png')) no-repeat left center!important}
#main-menu>ul>li:first-child:before{display:none!important}
#main-menu>ul>li>a,.nav-row>.nav-home,.nav-group>.nav-group-trigger{box-sizing:border-box!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;height:22px!important;padding:0 5px!important;border:1px solid transparent!important;font:700 10px/15px "Lucida Grande",Tahoma,Helvetica,Arial,sans-serif!important;text-shadow:none!important;white-space:nowrap!important;background-position:0 0!important}
#main-menu>ul>li>a.parent{padding-right:1px!important;background-image:none!important}
.nav-group>.nav-group-trigger{padding-right:1px!important}
#main-menu>ul>li>a.parent:after,.nav-group-trigger>i{content:''!important;display:block!important;width:9px!important;height:7px!important;margin-left:3px!important;padding:0!important;background:var(--cb-asset-77a9239bdac5,url('/classic/assets/dropdown-7cfac7308964.png')) no-repeat center!important;font-size:0!important;line-height:0!important}
.nav-row>.nav-group:nth-child(2)>.nav-group-trigger{padding-right:5px!important}
.nav-row>.nav-group:nth-child(2)>.nav-group-trigger>i{display:none!important}
.nav-row>.nav-home{background:none!important;color:#c4cacf!important}
#main-menu>ul>li>a.on,.nav-row>.nav-home[aria-current='page']{background:var(--cb-asset-fdbc15352e8a,url('/classic/assets/menu_on2-17e7503f4ef2.png')) repeat-x!important;color:#003!important;border-color:transparent #5e7a90 transparent #1e2022!important}
.nav-group>.nav-dropdown,#main-menu>ul>li>ul{top:22px!important;left:3px!important}
#menu-search,.nav-search{position:absolute!important;left:auto!important;right:0!important;top:0px!important;display:flex!important;align-items:center!important;gap:2px!important;height:22px!important;margin:0!important;padding:0!important}
#menu-search{right:60px!important}
#menu-search form{display:flex!important;align-items:center!important;gap:2px!important}
#menu-search input.box,.nav-search input{box-sizing:border-box!important;width:124px!important;height:16px!important;margin:0!important;padding:1px 2px!important;font:9px Arial,sans-serif!important}
#menu-search input.go,.nav-search button{box-sizing:border-box!important;width:20px!important;height:20px!important;flex:0 0 20px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent var(--cb-asset-bd598dba620d,url('/classic/assets/go-1e78149f6685.png')) no-repeat center!important;font-size:0!important;box-shadow:none!important}
.legacy-account-menu{padding:0 5px 0 10px!important;box-sizing:border-box!important}
.legacy-account-menu>span>a{padding:0!important;background:none!important}
.legacy-account-menu>span>a.account-help{padding-left:15px!important;background:var(--cb-asset-2da628be0d42,url('/classic/assets/support-48233f693761.png')) no-repeat left center!important}
.legacy-account-menu>span>a.account-login{padding:0!important;background:none!important;color:#6dcff6!important}
.legacy-account-menu>span>a.account-join{padding:0!important;background:none!important;color:#fc0!important}
.legacy-account-menu>span>i{width:1px!important;height:9px!important;font-size:0!important;background:var(--cb-asset-f57eb8936616,url('/classic/assets/menu_divider-2833750deb39.png')) no-repeat center!important}
/* The account mark lives on the left cap. Never cover it with the menu fill. */
.legacy-mybar:before,#mybar:not(.site-authenticated)>.mybar-left:before{content:''!important;position:absolute!important;z-index:2!important;left:43px!important;top:3px!important;width:18px!important;height:18px!important;background:var(--cb-asset-2273f913bfff,url('/cb-mark-v2.png')) center/contain no-repeat!important;pointer-events:none!important}
/* Match the archive account bar, including its link baseline and right group. */
.legacy-account-menu{padding:0!important;font-family:"Lucida Grande",Tahoma,Arial,sans-serif!important}
.legacy-account-menu>span{position:absolute!important;top:0!important;height:22px!important;gap:0!important;white-space:nowrap!important;flex-shrink:0!important}
.legacy-account-menu>.account-entry-links{left:10px!important;width:180px!important}
.legacy-account-menu>.account-quick-links{left:270px!important;top:1px!important;width:110px!important}
.legacy-account-menu>span>a{position:absolute!important;top:0!important;line-height:22px!important;white-space:nowrap!important;flex-shrink:0!important;font-family:"Lucida Grande",Tahoma,Arial,sans-serif!important}
.legacy-account-menu>span>a.account-login{left:0!important;font-weight:700!important}
.legacy-account-menu>span>a.account-join{left:41px!important}
.legacy-account-menu>span>a.account-help{left:0!important}
.legacy-account-menu>span>a.account-news{left:52.421875px!important;padding-left:20px!important;color:#eee!important;background:var(--cb-asset-ae62272c4af6,url('/classic/assets/store-7f89a8c96abd.png')) no-repeat left center!important}
.legacy-account-menu>span>i{position:absolute!important;top:7px!important;left:34px!important}
.legacy-account-menu>.account-quick-links>i{left:44px!important}
.new-to-box{right:49.5px!important}
.new-to-help-links{left:6px!important;right:auto!important;top:32px!important;bottom:auto!important;width:232px!important;height:11px!important}
.new-to-help-links a{font:400 10px/normal "Lucida Grande",Tahoma,Helvetica,Arial,sans-serif!important;white-space:nowrap!important;flex-shrink:0!important}
/* Fixed-width artwork needs identical header type scaling on Android routes. */
#header,#main-menu,.masthead,.nav-shell{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
/* Shared signed-in portal definition for both renderers. */
.site-member-portal,.legacy-member-portal{box-sizing:border-box!important;width:499px!important;height:96px!important;border:1px solid #1f5473!important;border-top:0!important;border-radius:0 0 18px 18px!important;overflow:hidden!important;background:linear-gradient(#0c2b40,#0a2638 72%,#09202f)!important;box-shadow:0 2px 5px #000!important;color:#c5d5df!important;font-family:"Lucida Grande",Tahoma,Arial,sans-serif!important}
.site-member-top,
.member-portal-top{box-sizing:border-box!important;position:relative!important;height:25px!important;padding:0px 10px 2px 62px!important;display:flex!important;align-items:center!important;gap:7px!important;background:var(--cb-asset-f5be9401eca5,url("/classic/assets/mybar_bg-5b6c54c09417.png")) repeat-x!important;color:#a8cada!important;font-size:10px!important;line-height:18px!important}
.site-member-top:before,
.member-portal-top:before{content:""!important;position:absolute!important;left:0!important;top:0!important;width:63px!important;height:26px!important}
.site-member-top>a:last-child,
.member-portal-top>a:last-child{margin-left:auto!important}.site-member-top a,.member-portal-top a{color:#8ad4fa!important;text-decoration:underline!important}.site-member-top i,.member-portal-top i{font-style:normal!important;color:#7297aa!important}
.site-member-body,
.member-portal-body{box-sizing:border-box!important;position:relative!important;height:71px!important;padding:5px 10px 6px 12px!important;display:flex!important;align-items:center!important;background:linear-gradient(90deg,#102d3f,#173c51 68%,#123349)!important}
.site-member-avatar,
.member-avatar{box-sizing:border-box!important;width:58px!important;height:58px!important;flex:0 0 58px!important;margin-right:10px!important;border:2px solid #b9d8e8!important;border-radius:7px!important;overflow:hidden!important;background:#053451!important;box-shadow:inset 0 0 5px #000,0 1px 2px #000!important}.site-member-avatar img,.member-avatar img{display:block!important;width:54px!important;height:54px!important;object-fit:cover!important}
.site-member-identity,
.member-identity{align-self:stretch!important;min-width:157px!important;padding-top:2px!important}.site-member-identity>a,.member-identity>a{display:block!important;color:#ffe23e!important;font-size:14px!important;line-height:18px!important;font-weight:bold!important;text-decoration:none!important}.site-member-identity p,.member-identity p{margin:1px 0 8px!important;color:#d7e2e8!important;font-size:10px!important}.site-member-identity p em,.member-identity p em{color:#e92642!important;font-style:normal!important}.site-member-identity span,.site-member-identity span a,.member-identity span,.member-identity span a{color:#d7e2e8!important;font-size:10px!important;text-decoration:underline!important}
.site-member-country,
.member-country{position:absolute!important;right:10px!important;top:5px!important;color:#d7e2e8!important;font-size:10px!important}.site-member-country b,.member-country span{font-size:13px!important}
.site-member-teams,
.member-teams{margin-left:auto!important;align-self:flex-end!important;min-width:150px!important;text-align:right!important}.site-member-teams small,.member-teams small{display:block!important;margin:0 1px 2px 0!important;color:#b9cbd6!important;font-size:8px!important}.site-member-team-list,.member-teams>div{display:flex!important;justify-content:flex-end!important;gap:3px!important}.site-member-team-list a,.member-teams>div a{box-sizing:border-box!important;display:flex!important;width:34px!important;height:34px!important;align-items:center!important;justify-content:center!important;border:2px solid #9fb5c0!important;border-radius:7px!important;background:linear-gradient(#4a626e,#0d1820)!important;box-shadow:inset 0 0 3px #fff8,0 1px 2px #000!important;color:#fff!important;font-size:8px!important;font-weight:bold!important;text-decoration:none!important}.site-member-team-list a:hover,.member-teams>div a:hover{border-color:#ffda00!important;color:#ffda00!important}
.site-member-portal,.legacy-member-portal{position:absolute!important;right:0!important;top:0!important;z-index:40!important;font:11px/normal "Lucida Grande",Tahoma,Arial,sans-serif!important}
.site-member-top a,.member-portal-top a,.member-portal-top button{border:0!important;padding:0!important;background:none!important;font:inherit!important;color:#8ad4fa!important;text-decoration:underline!important;cursor:pointer!important}
.site-member-avatar,.member-avatar{display:block!important}
.site-member-country,.member-country{text-transform:uppercase!important}
.site-member-identity p,.member-identity p{line-height:normal!important}
.site-member-portal *,.legacy-member-portal *{box-sizing:border-box!important;font-family:"Lucida Grande",Tahoma,Arial,sans-serif!important}
.site-member-identity p,.member-identity p{font-size:10px!important;line-height:12px!important}
.site-member-identity p *,.member-identity p *{font-size:10px!important;line-height:12px!important}
.member-identity p .team-place,.member-identity p .team-place *{text-decoration:none!important}
.site-member-top *,.member-portal-top *{font-size:10px!important;line-height:18px!important}
.site-member-country,.member-country{width:34px!important;text-align:right!important;white-space:nowrap!important;line-height:15px!important}
.site-member-country b,.member-country span{font-size:13px!important;font-weight:400!important;line-height:15px!important}
.site-member-team-list a[title="Create a team"],.member-teams .member-no-team{font-size:18px!important}
/* Confine every navigation state to the same centred 22px button. */
#main-menu>ul>li>a,.nav-row>.nav-home,.nav-row>.nav-group>.nav-group-trigger{overflow:hidden!important;background-size:auto 22px!important;background-repeat:repeat-x!important;background-clip:padding-box!important;transform:none!important;top:auto!important}
#main-menu>ul>li:hover>a,#main-menu>ul>li:focus-within>a,.nav-row>.nav-home:hover,.nav-row>.nav-home:focus-visible,.nav-row>.nav-group:hover>.nav-group-trigger,.nav-row>.nav-group:focus-within>.nav-group-trigger{background-image:var(--cb-asset-baff95ae2a32,url('/classic/assets/menu_hover2-bddb6b781b20.png'))!important;background-position:0 0!important;color:#fff!important;border-color:transparent #5e7a90 transparent #1e2022!important}
#main-menu>ul>li>a.on,.nav-row>.nav-home[aria-current='page'],.nav-row>.nav-group.active>.nav-group-trigger{background-image:var(--cb-asset-fdbc15352e8a,url('/classic/assets/menu_on2-17e7503f4ef2.png'))!important;background-position:0 0!important;color:#003!important;border-color:transparent #5e7a90 transparent #1e2022!important}
#main-menu>ul>li:before,.nav-row>.nav-group:before{height:22px!important}

/* r30: the complete archive artwork is shared with every routed page. */
.nav-shell::before{content:''!important;display:block!important;position:absolute!important;left:50%!important;top:0!important;transform:translateX(-50%)!important;width:1055px!important;height:29px!important;background:var(--cb-asset-d8137d3e691e,url('/classic/assets/menu-1c2265298cc1.png')) no-repeat center/1055px 29px!important;pointer-events:none!important;z-index:0!important}
#main-menu{width:1055px!important;background-size:1055px 29px!important}
.site-member-country,.member-country{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;width:auto!important;height:15px!important}
.site-member-country .country-code,.member-country .country-code{font:400 10px/15px "Lucida Grande",Tahoma,Arial,sans-serif!important;text-decoration:none!important}
.site-member-country .country-flag,.member-country .country-flag{display:inline-block!important;font:400 13px/15px Arial,sans-serif!important;text-decoration:none!important}


/* r33: vertically centre every shared navigation item and contain active states. */
#main-menu>ul,.nav-row{
  height:29px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-items:center!important;
}
#main-menu>ul>li,.nav-row>.nav-group{
  height:21px!important;
  align-items:center!important;
}
#main-menu>ul>li>a,.nav-row>.nav-home,.nav-row>.nav-group>.nav-group-trigger{
  height:21px!important;
  min-height:21px!important;
  max-height:21px!important;
  padding-top:0!important;
  padding-bottom:1px!important;
  line-height:20px!important;
  background-position:left top!important;
  background-size:auto 21px!important;
  background-origin:border-box!important;
  background-clip:border-box!important;
  overflow:hidden!important;
}
#main-menu>ul>li:before,.nav-row>.nav-group:before{height:21px!important}
.nav-group>.nav-dropdown,#main-menu>ul>li>ul{top:21px!important}
#menu-search,.nav-search{top:0px!important;height:21px!important}


/* r34: fit navigation states to the artwork's visible inner track. */
#main-menu>ul>li,.nav-row>.nav-group{height:19px!important}
#main-menu>ul>li>a,.nav-row>.nav-home,.nav-row>.nav-group>.nav-group-trigger{
  height:19px!important;
  min-height:19px!important;
  max-height:19px!important;
  padding-top:0!important;
  padding-bottom:2px!important;
  line-height:17px!important;
  background-size:auto 19px!important;
}
#main-menu>ul>li>a.on,
#main-menu>ul>li:hover>a,
#main-menu>ul>li:focus-within>a,
.nav-row>.nav-home[aria-current='page'],
.nav-row>.nav-home:hover,
.nav-row>.nav-home:focus-visible,
.nav-row>.nav-group.active>.nav-group-trigger,
.nav-row>.nav-group:hover>.nav-group-trigger,
.nav-row>.nav-group:focus-within>.nav-group-trigger{
  background-position:0 0!important;
  background-size:auto 19px!important;
  background-repeat:repeat-x!important;
}
#main-menu>ul>li:before,.nav-row>.nav-group:before{height:19px!important}
.nav-group>.nav-dropdown,#main-menu>ul>li>ul{top:19px!important}


/* r35: keep labels and selection artwork inside the black navigation track. */
#main-menu>ul>li,.nav-row>.nav-group{height:17px!important}
#main-menu>ul>li>a,.nav-row>.nav-home,.nav-row>.nav-group>.nav-group-trigger{
  height:17px!important;
  min-height:17px!important;
  max-height:17px!important;
  padding-top:0!important;
  padding-bottom:2px!important;
  line-height:15px!important;
  background-size:auto 17px!important;
}
#main-menu>ul>li>a.on,
#main-menu>ul>li:hover>a,
#main-menu>ul>li:focus-within>a,
.nav-row>.nav-home[aria-current='page'],
.nav-row>.nav-home:hover,
.nav-row>.nav-home:focus-visible,
.nav-row>.nav-group.active>.nav-group-trigger,
.nav-row>.nav-group:hover>.nav-group-trigger,
.nav-row>.nav-group:focus-within>.nav-group-trigger{
  background-position:0 0!important;
  background-size:auto 17px!important;
  background-repeat:repeat-x!important;
}
#main-menu>ul>li>a.parent:after,.nav-group-trigger>i{transform:translateY(-1px)!important}
#main-menu>ul>li:before,.nav-row>.nav-group:before{height:17px!important}
.nav-group>.nav-dropdown,#main-menu>ul>li>ul{top:17px!important}


/* r36: align the button bottom edge with the visible track marker. */
#main-menu>ul>li>a,.nav-row>.nav-home,.nav-row>.nav-group>.nav-group-trigger{transform:translateY(-2px)!important}


/* r37: preserve the complete dropdown arrow inside each navigation item. */
#main-menu>ul>li>a.parent:after,.nav-group-trigger>i{
  width:11px!important;
  flex:0 0 11px!important;
  margin-left:3px!important;
  margin-right:2px!important;
  background-size:9px 7px!important;
  background-position:center!important;
}


/* r38: align navigation dividers with the raised labels on every renderer. */
#main-menu>ul>li:before,.nav-row>.nav-group:before{transform:translateY(-2px)!important}


/* r40: raise navigation dividers by four pixels in total. */
#main-menu>ul>li:before,.nav-row>.nav-group:before{transform:translateY(-4px)!important}


/* r42: final navigation divider offset, three pixels upward. */
#main-menu>ul>li:before,.nav-row>.nav-group:before{transform:translateY(-3px)!important}

/* Shared dropdown artwork and account-link baseline. */
#main-menu li ul li a.shared-menu-item:before{content:none!important}
#main-menu li ul li a.shared-menu-item,.nav-dropdown>a{display:flex!important;align-items:center!important;box-sizing:border-box!important;height:20px!important;padding:1px 3px!important;font:700 9px/17px "Lucida Grande",Tahoma,Helvetica,Arial,sans-serif!important}
#main-menu .drop-icon,.nav-dropdown .drop-icon{display:inline-block!important;flex:0 0 14px!important;width:14px!important;height:14px!important;margin:0 3px 0 0!important;background-repeat:no-repeat!important;background-position:center!important;font-size:0!important}
.menu-icon-game{background-image:var(--cb-asset-f7c1930da5eb,url('/classic/assets/arena-007231dad5f8.png'))!important}
.menu-icon-news{background-image:var(--cb-asset-8a881729ac48,url('/classic/assets/news-b8083816f861.png'))!important}
.menu-icon-forum{background-image:var(--cb-asset-a7509623820b,url('/classic/assets/forum-83724002f4c2.png'))!important}
.menu-icon-member{background-image:var(--cb-asset-6c4d67c1c1b8,url('/classic/assets/member-72c6285208b7.png'))!important}
.menu-icon-video{background-image:var(--cb-asset-6ea0a5a40f35,url('/classic/assets/video-1c660cc97e56.png'))!important}
.site-member-identity,.member-identity{position:relative!important}
.site-member-identity>span,.member-identity>span{position:absolute!important;left:0!important;top:40px!important;display:block!important;height:12px!important;margin:0!important;padding:0!important;font:400 10px/12px "Lucida Grande",Tahoma,Arial,sans-serif!important}
.site-member-identity>span>a,.member-identity>span>a{display:block!important;margin:0!important;padding:0!important;font:400 10px/12px "Lucida Grande",Tahoma,Arial,sans-serif!important}
.cb-site .legacy-ad>span{color:#b8cbd8!important}

/* Separate utility destinations from game arenas in both shared renderers. */

/* Main navigation always paints above arena navigation and banners. */
.cb-site>.nav-shell{position:relative!important;z-index:6000!important;overflow:visible!important}
.cb-site .nav-row,.cb-site .nav-group{overflow:visible!important}
.cb-site>.arena-shell{position:relative!important;z-index:100!important;overflow:visible!important}
#main-menu{z-index:6000!important;overflow:visible!important}


/* CMS logos retain their full aspect ratio in both mastheads. */
.cb-site .cb-main-logo img,#logo img.logo {position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;max-width:100%!important;}

.cb-site .cb-main-logo,#logo {top:14px!important;width:336px!important;height:86px!important;}
.cb-site .cb-main-logo img,#logo img.logo {height:86px!important;max-height:86px!important;}
#logo>a {display:block!important;width:336px!important;height:86px!important;}

.site-member-top:before,.member-portal-top:before{background:var(--cb-asset-2273f913bfff,url('/cb-mark-v2.png')) 43px 3px/18px 18px no-repeat,var(--cb-asset-4e45650692d0,url('/classic/assets/mybar_left-b219258bf326.png')) left top/63px 26px no-repeat!important}


/* Homepage typography is the contract for both navigation renderers. */
#main-menu>ul>li>a,.cb-site .nav-row>.nav-home,.cb-site .nav-row>.nav-group>.nav-group-trigger{
 font:700 10px/15px "Lucida Grande",Tahoma,Helvetica,Arial,sans-serif!important;
 letter-spacing:normal!important;text-transform:none!important;text-decoration:none!important;
}
#main-menu li ul li a.shared-menu-item,.cb-site .nav-row .nav-dropdown>a{
 font:700 9px/17px "Lucida Grande",Tahoma,Helvetica,Arial,sans-serif!important;
 letter-spacing:normal!important;text-transform:none!important;text-decoration:none!important;
}

/* Clip team artwork to its single rounded frame. */
.site-member-team-list a,.member-teams>div a{overflow:hidden!important;border:1px solid #d1dbe0!important;border-radius:6px!important;padding:0!important;box-shadow:0 1px 2px #000!important;background:#111!important}
.site-member-team-list a img,.member-teams>div a img{display:block!important;width:100%!important;height:100%!important;border:0!important;border-radius:inherit!important;object-fit:cover!important;margin:0!important;padding:0!important}

.member-portal-top img.portal-message-icon,.site-member-top img.portal-message-icon,.member-portal-top img.portal-help-icon,.site-member-top img.portal-help-icon{display:inline-block!important;width:14px!important;height:14px!important;object-fit:contain!important;vertical-align:middle!important;border:0!important;margin:0!important;padding:0!important;border-radius:0!important}

.member-portal-top img.portal-message-icon,.site-member-top img.portal-message-icon{width:12px!important;height:8px!important}

.site-member-top a.portal-message-link,.member-portal-top a.portal-message-link,.site-member-top a.portal-help-link,.member-portal-top a.portal-help-link{text-decoration:none!important}
.site-member-top .portal-link-label,.member-portal-top .portal-link-label{text-decoration:underline!important;text-underline-offset:1px!important}

/* Both headers use the same dropdown boxes, link rows and section dividers. */
#main-menu>ul>li>ul,.nav-group>.nav-dropdown{box-sizing:border-box!important;width:228px!important;height:auto!important;min-height:0!important;padding:0!important;border:1px solid #555!important;border-top:0!important;background:rgba(9,9,9,.96)!important;box-shadow:0 4px 8px #000b!important;overflow:visible!important}
#main-menu>ul>li>ul>li{display:block!important;position:static!important;float:none!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
#main-menu>ul>li>ul>li>a.shared-menu-item,.nav-group>.nav-dropdown>a{position:static!important;width:100%!important;margin:0!important;border:1px solid #555!important;border-top:0!important;overflow:hidden!important;background:var(--cb-asset-menu-row,url('/classic/assets/90-72a14298c297.png')) repeat!important;color:#c4cacf!important}
#main-menu>ul>li>ul>li>a.menu-divider-before,.nav-group>.nav-dropdown>a.menu-divider-before{border-top:var(--menu-divider-width,2px) var(--menu-divider-style,solid) var(--menu-divider-color,#d4d4d4)!important;margin-top:0!important}
#main-menu>ul>li>ul>li>a.shared-menu-item:hover,.nav-group>.nav-dropdown>a:hover{background:#234b64!important;color:#fff!important}
/* Shared inline rank markup prevents superscripts and text arrows shifting the baseline. */
.site-member-identity p,.member-identity p{display:flex!important;align-items:center!important;gap:3px!important;height:13px!important;min-height:13px!important;padding:0!important}
.site-member-identity p .team-place,.member-identity p .team-place{display:inline-flex!important;align-items:baseline!important;gap:0!important;height:13px!important;white-space:nowrap!important;text-decoration:none!important}
.site-member-identity p .team-place sup,.member-identity p .team-place sup{position:relative!important;top:-3px!important;font-size:8px!important;line-height:12px!important;vertical-align:baseline!important;text-decoration:none!important}
.site-member-identity p .team-place i,.member-identity p .team-place i{font-style:normal!important;display:inline-block!important;align-self:center!important;width:0!important;height:0!important;margin-left:6px!important;border:0!important;border-left:6px solid transparent!important;border-right:6px solid transparent!important}
.site-member-identity p .team-place i.team-place-up,.member-identity p .team-place i.team-place-up{border-bottom:5px solid #0c0!important}
.site-member-identity p .team-place i.team-place-down,.member-identity p .team-place i.team-place-down{border-top:5px solid #c00!important}



/* Reserve navbar space for search alongside the active console catalog. */
#main-menu>ul>li>a,.cb-site .nav-row>.nav-home,.cb-site .nav-row>.nav-group>.nav-group-trigger{padding-left:2px!important;padding-right:2px!important}

#main-menu>ul>li,.cb-site .nav-row>.nav-group{margin-left:1px!important}

/* Keep dropdown widths identical in the classic and routed headers. */
#main-menu>ul>li>a.parent,.cb-site .nav-row>.nav-group>.nav-group-trigger[aria-haspopup="true"]{padding-right:1px!important}
.cb-site .nav-row>.nav-group:nth-child(2)>.nav-group-trigger{padding-right:2px!important}


/* Geometrically centred Create a Team plus, independent of font baselines. */
html body .site-member-team-list a[title="Create a team"],
html body .member-teams a.member-no-team{
  position:relative!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:0!important;
}
html body .site-member-team-list a[title="Create a team"]::before,
html body .site-member-team-list a[title="Create a team"]::after,
html body .member-teams a.member-no-team::before,
html body .member-teams a.member-no-team::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:12px!important;
  height:2px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:currentColor!important;
  pointer-events:none!important;
}
html body .site-member-team-list a[title="Create a team"]::after,
html body .member-teams a.member-no-team::after{
  width:2px!important;
  height:12px!important;
}


/* Keep both account actions in flow inside the fixed-height account card. */

/* Separate account preferences from the rank on both header renderers. */
html body .site-member-identity a[href="/account/preferences"]{display:block!important;margin-top:4px!important}

/* Stable spacing in the shared account header on every routed page. */


/* Align the search field with the inner navigation artwork's top and bottom edges. */
html body #menu-search input.box,html body .cb-site .nav-search input{height:19px!important;align-self:flex-start!important;margin-top:1px!important;padding:1px 3px!important;border:1px solid var(--cb-border,#0f4669)!important;border-radius:0!important;box-shadow:none!important;transform:none!important}

/* Every React account portal uses the homepage account layout. */
html body .legacy-member-portal .member-identity{display:block!important;padding-top:2px!important}
html body .legacy-member-portal .member-identity>p{margin:1px 0 8px!important}
html body .legacy-member-portal #cb-account-preferences-link{position:absolute!important;top:40px!important;left:0!important;display:block!important;height:12px!important;margin:0!important;padding:0!important}
html body .legacy-member-portal #cb-account-preferences-link>a{display:block!important;margin:4px 0 0!important;padding:0!important}

/* Shared search field and permission-gated forum moderation. */
html body #menu-search input.box,html body .cb-site .nav-search input{background:#041522!important;color:#e9f2f8!important;box-sizing:border-box!important;line-height:15px!important}
html body #menu-search input.box::placeholder,html body .cb-site .nav-search input::placeholder{color:#a7b8c8!important;opacity:1}
.forum-bulk-controls{margin:8px 0;border:1px solid #195477;background:#081e2c;color:#e9f2f8;font-size:12px;clear:both}
.forum-bulk-controls>summary{padding:7px 10px;cursor:pointer;font-weight:bold;background:linear-gradient(#123852,#061521)}
.forum-bulk-controls>div{padding:10px}.forum-bulk-selection,.forum-bulk-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}
.forum-bulk-form label{display:flex;gap:6px;align-items:center}.forum-bulk-form input{min-width:180px}.forum-bulk-controls button,.forum-row-moderate{border:1px solid #286384;background:#123852;color:#e9f2f8;padding:4px 8px;cursor:pointer}.forum-bulk-controls button:disabled,.forum-row-moderate:disabled{opacity:.5;cursor:default}
.forum-bulk-review{padding:10px;border:1px solid #35b9f0;margin:10px 0}.forum-bulk-review ul{max-height:180px;overflow:auto}.forum-bulk-review button{margin-right:8px}
input.forum-moderator-select{width:14px!important;height:14px!important;margin:0 8px 0 0!important;vertical-align:middle;accent-color:#168bc3;float:none!important}.forum-row-moderate{font-size:10px;margin-left:8px;vertical-align:middle}.forum-bulk-controls :focus-visible,.forum-row-moderate:focus-visible{outline:2px solid #35b9f0;outline-offset:2px}

html body #menu-search form{height:21px!important;align-items:center!important}html body #menu-search input.box,html body .cb-site .nav-search input{height:19px!important;margin-top:1px!important;margin-bottom:1px!important}

/* Staff controls have a dedicated right-hand column, separate from forum content. */
html body .cb-site .forum-moderation-column{width:108px}
html body .cb-site :is(.forum-index,.thread-list) .forum-moderation-cell{width:108px!important;min-width:108px;box-sizing:border-box;text-align:right!important;vertical-align:middle;padding:6px 8px!important;float:none!important}
html body .cb-site .forum-row-actions{display:inline-flex!important;align-items:center;justify-content:flex-end;gap:10px;white-space:nowrap;float:none!important}
html body .cb-site .forum-row-actions .forum-row-moderate{margin:0!important;font:10px/16px Tahoma,Arial,sans-serif;padding:2px 6px}
html body .cb-site .forum-row-actions input.forum-moderator-select{margin:0!important;flex:0 0 14px}
html body .cb-site .forum-index:has(.forum-moderation-cell) col:first-child{width:auto!important}
html body .cb-site .forum-post .post-meta{display:flex!important;align-items:center;gap:8px}
html body .cb-site .forum-post .post-meta>time{margin-right:auto}
html body .cb-site .forum-post .post-meta>a{float:none!important}
html body .cb-site .forum-post .post-meta>input.forum-moderator-select{margin:0!important;flex:0 0 14px}
html body .cb-site .forum-bulk-controls>summary{text-align:right;list-style:none}
html body .cb-site .forum-bulk-controls>summary::-webkit-details-marker{display:none}
html body .cb-site :is(.forum-bulk-selection,.forum-bulk-form){justify-content:flex-end}

/* Shared logo offset on the classic homepage and every routed page. */
html body #logo#logo img.logo,html body .cb-site .cb-main-logo img{top:-4px!important}

/* Sidebar advertisements follow the complete neighbouring content column. */
html body .cb-site :is(.public-information-columns,.arena-support-columns){align-items:stretch!important}
html body .cb-site :is(.public-information-columns,.arena-support-columns)>:first-child>:last-child{margin-bottom:0!important}
html body .cb-site :is(.public-information-columns,.arena-support-columns)>aside{display:flex!important;flex-direction:column;align-self:stretch!important;min-height:0}
html body .cb-site :is(.public-information-columns,.arena-support-columns)>aside>.legacy-ad{flex:1 1 auto!important;align-self:stretch!important;height:auto!important;min-height:14px!important;max-height:none!important;box-sizing:border-box!important;margin:0!important;align-items:flex-start!important}

/* Community Pulse uses the same 11px size as its member usernames. */
html body :is(#Community_Members .home-member-row>a,#Community_Members .home-member-row>small,#Community_Blogs .home-community-row>a,#Community_ForumPosts .home-community-row>a,#Community_Blogs .home-community-row time,#Community_ForumPosts .home-community-row time,#Community_Blogs .profile-blog-date b,#Community_Blogs .profile-blog-date strong){font-size:11px!important}
/* Match title editor fieldsets to the surrounding admin panels. */
html body .cb-site :is(.forum-identity-titles,.forum-member-titles)>fieldset{border:1px solid var(--cb-border,#195477)!important;box-shadow:none!important;min-width:0}

/* Community News shares the Recent Matches divider. */
html body #News_MLG .site-live-row{border-bottom:1px dotted var(--cb-border,#203c52)!important}


/* Shared classic and React header alignment. */
html body #main-menu>ul,html body .cb-site .nav-row{padding:0px 0px 0px 4px!important}
html body #logo,html body .cb-site .cb-main-logo{left:-11px!important}
