/* Keep the logo's size and origin consistent across every public page. */
:is(.slup-header,.champions-header,.community-header,.login-header){padding-inline:16px;min-height:66px;height:auto;box-sizing:border-box}
#slup-shell .slup-header{padding-inline:16px;min-height:66px;height:auto;flex-basis:auto}
:is(.slup-header,.champions-header,.community-header,.login-header) .slup-brand{display:flex;flex:none;align-items:center;height:66px;margin:0;padding:0}
:is(.slup-header,.champions-header,.community-header,.login-header) .slup-brand img{display:block;width:132px;height:52px;object-fit:contain}
.champions-brand{min-height:66px;height:auto}.community-header{padding-block:0}.login-header-brand{min-height:66px}.champions-header{padding-top:0}
@media(max-width:800px){:is(.slup-header,.champions-header,.community-header,.login-header),#slup-shell .slup-header{padding-inline:16px;padding-top:0;align-items:center}.login-header{justify-content:space-between}.champions-brand,.login-header-brand{min-height:58px}:is(.slup-header,.champions-header,.community-header,.login-header) .slup-brand{height:58px}:is(.slup-header,.champions-header,.community-header,.login-header) .slup-brand img{width:120px;height:48px}.champions-header .account-menu,.champions-header .account-links{right:16px;top:14px}}

@media(max-width:800px){:is(.slup-header,.community-header)>.slup-brand,.champions-header>.champions-brand,.login-header>.login-header-brand{align-self:flex-start}}

/* Shared logo and LIVE badge: one origin and one treatment on every page. */
.site-brand-group{display:flex;align-items:center;justify-content:flex-start;gap:16px;flex:none;align-self:flex-start;min-height:66px}
:is(.slup-header,.champions-header,.community-header,.login-header){width:100%;max-width:none;margin-inline:0}
:is(.slup-header,.champions-header,.community-header,.login-header) .slup-live,#slup-shell .slup-header .slup-live{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;margin:0;padding:8px 12px;height:30px;box-sizing:border-box;border:0;border-radius:5px;background:#19350980;color:#a0fa0c;font-size:12px;font-weight:750;font-style:normal;line-height:14px;letter-spacing:0;text-decoration:none;white-space:nowrap}
:is(.slup-header,.champions-header,.community-header,.login-header) .slup-live i{display:block;flex:none;width:6px;height:6px;background:#a0fa0c;border:0;border-radius:50%;box-shadow:0 0 12px #a0fa0c50}
#slup-shell .slup-header .slup-brand img{width:132px;height:52px}
@media(max-width:800px){:is(.slup-header,.champions-header,.community-header,.login-header),#slup-shell .slup-header{padding-inline:12px}.site-brand-group{min-height:58px;gap:10px}#slup-shell .slup-header .slup-brand img{width:120px;height:48px}.champions-header .account-menu,.champions-header .account-links,.community-header .account-menu,.community-header .account-links{right:12px}}
@media(max-width:600px){.login-header-brand{flex-wrap:wrap}.login-header-brand .login-back{margin-left:12px;padding-left:12px;font-size:12px}}

/* Grouped purple navigation and a separate green advertising action. */
.community-menu.community-menu{display:flex!important;align-items:center;flex-wrap:wrap;gap:12px 28px!important;padding:0!important;border:0;}
.community-menu .menu-pages{display:flex;align-items:stretch;overflow:hidden;border:1px solid #902acb;border-radius:11px;background:linear-gradient(180deg,#42146888,#150922cc);box-shadow:inset 0 1px 5px #c354ff33,0 0 12px #9802fd20}
.community-menu.community-menu .menu-pages>a{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 15px;min-height:46px;font-size:13px;font-weight:750;letter-spacing:0;line-height:1.3;color:#eee3fa;white-space:nowrap}
.community-menu .menu-pages>a+a{border-left:1px solid #71339855}
.community-menu.community-menu .menu-pages>a:hover,.community-menu.community-menu .menu-pages>a[aria-current=page]{background:#9b20ed24;color:#a0fa0c}
.community-menu.community-menu .menu-pages>a::after{display:none}
.community-menu svg{display:block;flex:none;width:21px;height:21px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #a0fa0c44)}
.community-menu .menu-icon-accent{stroke:#c04dff}
.community-menu.community-menu a.advertise-nav-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:46px;padding:12px 15px;border:1px solid #91d52b;border-radius:11px;background:linear-gradient(180deg,#28350f44,#0b1008aa);box-shadow:inset 0 0 6px #a0fa0c20,0 0 12px #a0fa0c2b;color:#a0fa0c;font-size:13px;font-weight:800;letter-spacing:0;line-height:1.3}
.community-menu.community-menu a.advertise-nav-button::before{content:"";position:absolute;left:-15px;top:4px;bottom:4px;width:1px;background:#67318b44}
.community-menu.community-menu a.advertise-nav-button:hover{background:#a0fa0c18;box-shadow:0 0 16px #a0fa0c44;color:#baff46}
.community-menu a:focus-visible{outline:2px solid #a0fa0c;outline-offset:-4px}
@media(max-width:800px){.community-menu.community-menu{gap:10px!important;padding-bottom:10px!important}.community-menu.community-menu .menu-pages>a{padding:11px 12px;font-size:12px;gap:8px}.community-menu.community-menu a.advertise-nav-button{font-size:12px;min-height:44px}.community-menu.community-menu a.advertise-nav-button::before{display:none}.login-header nav{margin-top:8px}.community-menu svg{width:19px;height:19px}}

.mobile-nav-toggle{display:none}.mobile-nav-panel{display:contents}
@media(max-width:800px){
:is(.slup-header,.champions-header,.community-header,.login-header),#slup-shell .slup-header{position:relative;flex-wrap:nowrap;overflow:visible;z-index:30;gap:8px}
:is(.slup-header,.champions-header,.community-header,.login-header) .community-nav{display:flex;position:static;flex:0 0 auto;width:auto;margin:0 0 0 auto;padding:0;border:0;align-self:center}
.community-nav .mobile-nav-toggle{display:grid;place-items:center;width:44px;height:44px;min-width:44px;margin:0;padding:10px;border:1px solid #8733b7;border-radius:9px;background:#251035;color:#a0fa0c;cursor:pointer}
.mobile-nav-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.community-nav .mobile-nav-panel{display:none;position:absolute;top:calc(100% + 4px);right:12px;left:12px;max-height:calc(100dvh - 90px);overflow:auto;padding:16px;background:#140a22;border:1px solid #8733b7;border-radius:12px;box-shadow:0 12px 40px #0009;z-index:50}
.community-nav .mobile-nav-toggle[aria-expanded=true]+.mobile-nav-panel{display:flex;flex-direction:column;align-items:stretch;gap:14px}
.mobile-nav-panel .community-menu.community-menu{flex-direction:column;align-items:stretch;padding:0!important;gap:12px!important;width:100%}
.mobile-nav-panel .menu-pages{flex-direction:column}.mobile-nav-panel .menu-pages>a+a{border-left:0;border-top:1px solid #71339855}
.mobile-nav-panel .community-menu.community-menu .menu-pages>a,.mobile-nav-panel .community-menu.community-menu a.advertise-nav-button{justify-content:flex-start;font-size:14px;padding:14px 16px}
:is(.slup-header,.champions-header,.community-header,.login-header) .mobile-nav-panel :is(.account-menu,.account-links){position:static!important;width:100%;margin:0}
.mobile-nav-panel .account-menu summary{width:100%;box-sizing:border-box}.mobile-nav-panel .account-dropdown{position:static!important;width:100%;box-sizing:border-box;margin-top:8px}.mobile-nav-panel .community-join{display:block;text-align:center}.mobile-nav-toggle:focus-visible{outline:2px solid #a0fa0c;outline-offset:3px}
.login-header-brand .login-back{display:none}
}

@media(max-width:800px){
:is(.slup-header,.champions-header,.community-header,.login-header),#slup-shell .slup-header{padding-right:68px}
:is(.slup-header,.champions-header,.community-header,.login-header) .community-nav .mobile-nav-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);margin:0}
.champions-header .champions-navigation{width:auto;margin-left:auto;flex:0 0 auto;gap:8px}
}

:is(.slup-header,.champions-header,.community-header,.login-header) .community-nav .community-join{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:10px 22px;border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:#091000;font-family:inherit;font-size:19px;font-weight:750;line-height:1.2;box-shadow:0 0 24px #91ed002c;white-space:nowrap}
:is(.slup-header,.champions-header,.community-header,.login-header) .community-nav .community-join:hover{background:#b5ff3e;color:#091000;border-color:#b5ff3e}

:is(.slup-header,.champions-header,.community-header,.login-header) .community-nav .community-join{min-height:46px;padding:10px 16px;font-family:"Bakbak One",Impact,"Arial Black",sans-serif;font-size:15px;font-weight:400;line-height:1.2}