/* SLAY ESPORTS: one header on every page (same look as the landing nav). Loaded last. */
:root{--hd-red:#D0261E;--hd-red-deep:#7A1519;--hd-ink:#F2F2F4;--hd-muted:#A3A3AA;--hd-line:#26262C;--hd-line-strong:#66666F}

/* ---------- Home: show the app header above the landing, hide the rest of the app ---------- */
html.dsl-on #root{display:contents!important}
html.dsl-on #root>.slay-site{display:contents!important}
html.dsl-on #root>.slay-site>*:not(.site-header):not(.drawer-backdrop):not([role="dialog"]):not(.modal-backdrop){display:none!important}
html.dsl-on body{display:flex!important;flex-direction:column}
html.dsl-on body>.ds-topo{order:-2}
html.dsl-on body .site-header{order:-1}
html.dsl-on body>#slay-landing{order:1}
html.dsl-on .dsl-nav,html.dsl-on .dsl-drawer,html.dsl-on .dsl-tabbar{display:none!important}
html.dsl-on .dsl{padding-bottom:0!important}

/* ---------- Header bar ---------- */
html body .slay-site{overflow:visible!important}
html body .slay-site header.site-header.site-header{position:sticky!important;top:0!important;z-index:60!important;height:auto!important;min-height:0!important;
  background:rgba(11,11,12,.88)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:0!important;border-bottom:1px solid var(--hd-line)!important;box-shadow:0 2px 0 rgba(208,38,30,.5)!important;margin:0!important;padding:0!important;clip-path:none!important}
html body .slay-site header.site-header.site-header::before,html body .slay-site header.site-header.site-header::after{display:none!important}
html body .slay-site header.site-header.site-header .header-inner{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:22px!important;
  max-width:1240px!important;width:100%!important;margin:0 auto!important;height:74px!important;min-height:0!important;
  padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))!important;grid-template-columns:none!important;box-sizing:border-box!important;background:transparent!important}
html body .slay-site header.site-header.site-header .site-menu-toggle{display:none!important}

/* brand */
html body .slay-site header.site-header.site-header .brand{position:static!important;transform:none!important;flex:none!important;order:0!important;display:flex!important;align-items:center!important;height:auto!important;width:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body .slay-site header.site-header.site-header .brand img{height:40px!important;width:auto!important;max-width:none!important;margin:0!important;filter:none!important}
html body .slay-site header.site-header.site-header .brand>*:not(img){display:none!important}

/* links */
html body .slay-site header.site-header.site-header .site-primary-navigation{order:1!important;position:static!important;display:flex!important;flex:1 1 auto!important;justify-content:center!important;align-items:stretch!important;
  gap:4px!important;width:auto!important;min-width:0!important;height:74px!important;margin:0!important;padding:0!important;overflow-x:auto!important;scrollbar-width:none;
  background:transparent!important;border:0!important;box-shadow:none!important;clip-path:none!important;transform:none!important;top:auto!important}
html body .slay-site header.site-header.site-header .site-primary-navigation::-webkit-scrollbar{display:none}
html body .slay-site header.site-header.site-header .site-primary-navigation .mobile-menu-heading,html body .slay-site header.site-header.site-header .site-primary-navigation .mobile-admin-link{display:none!important}
html body .slay-site header.site-header.site-header .site-primary-navigation a{position:relative!important;display:flex!important;align-items:center!important;flex:none!important;gap:0!important;
  min-height:0!important;height:auto!important;padding:0 9px!important;margin:0!important;font:700 14px/1 "SlayInter","Cairo",Tahoma,sans-serif!important;letter-spacing:0!important;text-transform:none!important;
  color:var(--hd-muted)!important;white-space:nowrap!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;clip-path:none!important;transform:none!important;width:auto!important}
html body .slay-site header.site-header.site-header .site-primary-navigation a>*{transform:none!important}
html body .slay-site header.site-header.site-header .site-primary-navigation a svg{display:none!important}
html body .slay-site header.site-header.site-header .site-primary-navigation a span{font:inherit!important;color:inherit!important}
html body .slay-site header.site-header.site-header .site-primary-navigation a::before{display:none!important}
html body .slay-site header.site-header.site-header .site-primary-navigation a::after{content:""!important;display:block!important;position:absolute!important;inset:auto 12px 0 12px!important;height:3px!important;width:auto!important;
  background:var(--hd-red)!important;transform:scaleX(0)!important;transition:transform .2s!important;border:0!important;box-shadow:none!important}
html body .slay-site header.site-header.site-header .site-primary-navigation a:hover,html body .slay-site header.site-header.site-header .site-primary-navigation a.active,html body .slay-site header.site-header.site-header .site-primary-navigation a[aria-current="page"]{color:#fff!important;background:transparent!important;box-shadow:none!important}
html body .slay-site header.site-header.site-header .site-primary-navigation a:hover::after,html body .slay-site header.site-header.site-header .site-primary-navigation a.active::after,html body .slay-site header.site-header.site-header .site-primary-navigation a[aria-current="page"]::after{transform:scaleX(1)!important}

/* actions */
html body .slay-site header.site-header.site-header .header-actions{order:2!important;position:static!important;display:flex!important;align-items:center!important;gap:10px!important;flex:none!important;margin:0!important;padding:0!important;width:auto!important;transform:none!important}
html body .slay-site header.site-header.site-header .header-actions .slay-lang-btn,
html body .slay-site header.site-header.site-header .header-actions .site-search-entry,
html body .slay-site header.site-header.site-header .header-actions .site-alert-button,
html body .slay-site header.site-header.site-header .header-actions .admin-entry{position:static!important;display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;
  border:1px solid var(--hd-line-strong)!important;border-radius:0!important;background:transparent!important;color:var(--hd-ink)!important;box-shadow:none!important;clip-path:none!important;transform:none!important;inset:auto!important}
html body .slay-site header.site-header.site-header .header-actions .slay-lang-btn{font:900 italic 15px/1 "SlayDisplay","SlayInter",sans-serif!important;width:50px!important;transform:skewX(-8deg)!important}
html body .slay-site header.site-header.site-header .header-actions .site-search-entry:hover,html body .slay-site header.site-header.site-header .header-actions .site-alert-button:hover,html body .slay-site header.site-header.site-header .header-actions .admin-entry:hover,html body .slay-site header.site-header.site-header .header-actions .slay-lang-btn:hover{border-color:#fff!important}
html body .slay-site header.site-header.site-header .header-actions svg{width:20px!important;height:20px!important;transform:none!important}
html body .slay-site header.site-header.site-header .header-actions .site-search-entry span,html body .slay-site header.site-header.site-header .header-actions .admin-entry span{display:none!important}
html body .slay-site header.site-header.site-header .header-actions .site-alerts{position:relative!important;display:block!important;margin:0!important}
html body .slay-site header.site-header.site-header .header-actions .admin-entry{order:-1}
html body .slay-site header.site-header.site-header .header-actions .account-entry-links{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important}
html body .slay-site header.site-header.site-header .header-actions .account-entry-links a,
html body .slay-site header.site-header.site-header .header-actions .member-login-entry,
html body .slay-site header.site-header.site-header .header-actions a.member-avatar-entry,
html body .slay-site header.site-header.site-header .header-actions .member-account-entry{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:42px!important;min-height:42px!important;padding:0 18px!important;margin:0!important;
  font:800 14px/1 "SlayInter","Cairo",Tahoma,sans-serif!important;color:var(--hd-ink)!important;background:rgba(11,11,12,.4)!important;border:0!important;border-radius:0!important;
  box-shadow:inset 0 0 0 2px var(--hd-ink)!important;clip-path:none!important;transform:skewX(-8deg)!important;white-space:nowrap!important;text-transform:none!important;letter-spacing:0!important;position:static!important}
html body .slay-site header.site-header.site-header .header-actions .account-entry-links a>*{transform:skewX(8deg)!important}
html body .slay-site header.site-header.site-header .header-actions .account-entry-links a:hover{background:var(--hd-ink)!important;color:#0B0B0C!important}
html body .slay-site header.site-header.site-header .header-actions .account-entry-links a.signup-entry{background:var(--hd-red)!important;color:#fff!important;box-shadow:4px 4px 0 var(--hd-red-deep)!important}
html body .slay-site header.site-header.site-header .header-actions .account-entry-links a.signup-entry:hover{background:#E0342B!important;color:#fff!important}
html body .slay-site header.site-header.site-header .header-actions .member-login-mobile-label{display:none!important}
html body .slay-site header.site-header.site-header .header-actions .member-login-label{display:inline!important}

/* ---------- Tablet & phone: one row (logo + actions), links as a strip below ---------- */
@media (max-width:1280px){
  html body .slay-site header.site-header.site-header .header-inner{flex-wrap:wrap!important;height:auto!important;gap:0 10px!important;row-gap:0!important}
  html body .slay-site header.site-header.site-header .brand{height:64px!important}
  html body .slay-site header.site-header.site-header .header-actions{margin-inline-start:auto!important}
  html body .slay-site header.site-header.site-header .site-primary-navigation{order:3!important;flex:1 0 100%!important;justify-content:flex-start!important;height:46px!important;border-top:1px solid var(--hd-line)!important;
    margin:0 calc(-1 * max(16px,env(safe-area-inset-left,0px)))!important;padding:0 8px!important;scroll-padding-inline:16px}
  html body .slay-site header.site-header.site-header .site-primary-navigation a{padding:0 12px!important;font-size:14px!important}
  html body .slay-site header.site-header.site-header .site-primary-navigation a.mobile-admin-link{display:flex!important}
}
@media (max-width:620px){
  html body .slay-site header.site-header.site-header .brand img{height:30px!important}
  html body .slay-site header.site-header.site-header .header-actions{gap:6px!important}
  html body .slay-site header.site-header.site-header .header-actions .slay-lang-btn,
  html body .slay-site header.site-header.site-header .header-actions .site-search-entry,
  html body .slay-site header.site-header.site-header .header-actions .site-alert-button,
  html body .slay-site header.site-header.site-header .header-actions .admin-entry{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
  html body .slay-site header.site-header.site-header .header-actions .slay-lang-btn{width:42px!important;font-size:13px!important}
  html body .slay-site header.site-header.site-header .header-actions svg{width:18px!important;height:18px!important}
  html body .slay-site header.site-header.site-header .header-actions .account-entry-links{gap:6px!important}
  html body .slay-site header.site-header.site-header .header-actions .account-entry-links a{height:38px!important;min-height:38px!important;padding:0 12px!important;font-size:13px!important}
  html body .slay-site header.site-header.site-header .header-actions .member-login-label{display:none!important}
  html body .slay-site header.site-header.site-header .header-actions .member-login-mobile-label{display:inline!important}
  html body .slay-site header.site-header.site-header .header-actions .account-entry-links a.signup-entry,html body .slay-site header.site-header.site-header .header-actions .admin-entry{display:none!important}
}
@media (max-width:370px){html body .slay-site header.site-header.site-header .header-actions .site-search-entry{display:none!important}}

/* direction + sizing fixes */
html[dir="rtl"] body .slay-site header.site-header.site-header .header-inner,html[dir="rtl"] body .slay-site header.site-header.site-header .header-actions{direction:rtl!important}
html[dir="ltr"] body .slay-site header.site-header.site-header .header-inner,html[dir="ltr"] body .slay-site header.site-header.site-header .header-actions{direction:ltr!important}
html body .slay-site header.site-header.site-header .site-primary-navigation a{min-width:0!important;max-width:none!important}
html body .slay-site header.site-header.site-header .header-actions .admin-entry::before,html body .slay-site header.site-header.site-header .header-actions .admin-entry::after{display:none!important;content:none!important}
html body .slay-site header.site-header.site-header .header-actions .member-login-entry{background-image:none!important}
html body .slay-site header.site-header.site-header .header-actions .member-login-entry svg{width:18px!important;height:18px!important}
html[dir="rtl"] body .slay-site header.site-header.site-header .header-actions .member-login-entry svg{transform:scaleX(-1)!important}

/* match the landing: short account button, no separate sign-up button in the bar */
html body .slay-site header.site-header.site-header .header-actions .account-entry-links a.signup-entry{display:none!important}
html body .slay-site header.site-header.site-header .header-actions .member-login-label{display:none!important}
html body .slay-site header.site-header.site-header .header-actions .member-login-mobile-label{display:inline!important}
html body .slay-site header.site-header.site-header .header-actions a.member-login-entry[href]{background:rgba(11,11,12,.4)!important;background-image:none!important;border:0!important;box-shadow:inset 0 0 0 2px var(--hd-ink)!important;color:var(--hd-ink)!important}
html body .slay-site header.site-header.site-header .header-actions a.member-login-entry[href]:hover{background:var(--hd-ink)!important;color:#0B0B0C!important}
html body .slay-site header.site-header.site-header .header-actions :is(.site-search-entry,.admin-entry,.site-alert-button)[class]{background:transparent!important;background-image:none!important;border:1px solid var(--hd-line-strong)!important;box-shadow:none!important;color:var(--hd-ink)!important}
html body .slay-site header.site-header.site-header .header-actions :is(.site-search-entry,.admin-entry,.site-alert-button)[class]:hover{border-color:#fff!important}
html body .slay-site header.site-header.site-header .header-actions .admin-entry.active{border-color:var(--hd-red)!important;color:#fff!important}
html body .slay-site header.site-header.site-header .site-primary-navigation{justify-content:safe center!important}
html[dir="ltr"] body .slay-site header.site-header.site-header .site-primary-navigation a{padding:0 7px!important;font-size:13px!important}
html[dir="ltr"] body .slay-site header.site-header.site-header .header-inner{gap:16px!important}
/* keep the header sticky: the page scrolls on the viewport, not on body */
html.dsl-on body,html body{overflow:visible!important}
html{overflow-x:clip}

/* ---------- One footer on every page (rendered by slay-landing-v4.js) ---------- */
.dsl.dsl-global{display:block!important}
html.dsl-on body>#slay-foot{order:2}
html body .slay-site>footer.site-footer{display:none!important}
#slay-foot .dsl-foot{padding-block:48px 34px!important;margin-top:40px}
html.dsl-on #slay-foot .dsl-foot{margin-top:0}
.dsl-stats.dsl-stats-3{grid-template-columns:repeat(3,1fr)}
.dsl-stats.dsl-stats-2{grid-template-columns:repeat(2,1fr)}
.dsl-stats.dsl-stats-1{grid-template-columns:1fr}
@media (max-width:760px){.dsl-stats.dsl-stats-3{grid-template-columns:1fr 1fr}}
#slay-hidden-note{position:fixed;inset:auto 16px 16px auto;z-index:70;max-width:min(420px,calc(100vw - 32px));padding:12px 16px;background:#131316;border:1px solid #66666F;border-inline-start:4px solid #D0261E;color:#F2F2F4;font:700 14px/1.6 "SlayInter","Cairo",Tahoma,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.5)}
html[dir="rtl"] #slay-hidden-note{inset:auto auto 16px 16px}
#slay-hidden-note[hidden]{display:none}
html body .slay-site header.site-header.site-header .header-actions a.member-login-entry[href]{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important}
/* long page titles may wrap (English is longer than Arabic) */
html body .slay-site main h1{white-space:normal!important;overflow-wrap:anywhere}
html[dir="ltr"] body .slay-site header.site-header.site-header .site-primary-navigation{direction:ltr!important}
html[dir="rtl"] body .slay-site header.site-header.site-header .site-primary-navigation{direction:rtl!important}

/* ---------- switch bar: Community | Esports (top of every page) ---------- */
.slay-switch{background:#060607;border-bottom:1px solid #26262C;font:800 13px/1 "SlayInter","Cairo",Tahoma,sans-serif;position:relative;z-index:61}
.slay-switch .in{max-width:1240px;margin:0 auto;padding:0 16px;height:44px;display:flex;align-items:center;justify-content:center;gap:14px}
.slay-switch .lbl{color:#A3A3AA;font-weight:700}
.slay-switch .tabs{display:flex;border:1px solid #66666F;padding:3px;gap:3px}
.slay-switch .tabs a{display:block;padding:8px 16px;color:#A3A3AA;text-decoration:none}
.slay-switch .tabs a:hover{color:#fff}
.slay-switch .tabs a[aria-current="page"]{background:#D0261E;color:#fff;box-shadow:3px 3px 0 #7A1519}
html.dsl-on body>#slay-switch{order:-3}
@media (max-width:560px){.slay-switch .lbl{display:none}}
#slay-es-admin{position:fixed;inset:auto auto 18px 18px;z-index:70;display:inline-flex;align-items:center;min-height:48px;padding:0 22px;background:#D0261E;color:#fff;font:800 15px/1 "SlayInter","Cairo",Tahoma,sans-serif;text-decoration:none;box-shadow:4px 4px 0 #7A1519,0 10px 30px rgba(0,0,0,.5);transform:skewX(-8deg)}
html[dir="ltr"] #slay-es-admin{inset:auto 18px 18px auto}
#slay-es-admin[hidden]{display:none}