/* SLAY ESPORTS — one identity for every page (matches the Instagram / TikTok kit).
   Latin: Inter Display Black Italic (headlines) + Inter (text). Arabic: Cairo. */
@font-face{font-family:"SlayInter";src:url("/fonts/inter-regular.woff") format("woff");font-weight:400 600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"SlayInter";src:url("/fonts/inter-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"SlayInter";src:url("/fonts/inter-extrabold.woff") format("woff");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"SlayInter";src:url("/fonts/inter-black.woff") format("woff");font-weight:900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"SlayDisplay";src:url("/fonts/interdisplay-extrabolditalic.woff") format("woff");font-weight:700 800;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"SlayDisplay";src:url("/fonts/interdisplay-blackitalic.woff") format("woff");font-weight:900;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"SlayDisplay";src:url("/fonts/interdisplay-black.woff") format("woff");font-weight:800 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193}

:root{--font:"SlayInter","Cairo",Tahoma,Arial,sans-serif;--ds-text:"SlayInter","Cairo",Tahoma,Arial,sans-serif;--ds-display:"SlayDisplay","SlayInter","Cairo",Tahoma,Arial,sans-serif}
body,.slay-site,.slay-site button,.slay-site input,.slay-site select,.slay-site textarea{font-family:var(--ds-text)!important}
.dsl{--font:var(--ds-text)!important}

/* display type: same as the social posts — heavy, italic (Latin), uppercase */
.slay-site h1,.slay-site h2,.slay-site h3,.dsl h1,.dsl h2,.dsl h3,.dsl-title,.dsl-tagline,.dsl-stat b,.dsl-team-head .no,.dsl-leader .num,
.dsl-steps li::before,.section-eyebrow,.dsl-kicker,.dsl-marquee div,.member-card-name,.dsl-member b,.dsl-player b,.dsl-leader h3,.dsl-team-head h3,
.slay-hero-title,.leader-title,.cr-banner-name,.mh-heading,.pmg-heading{
  font-family:var(--ds-display)!important;font-style:italic;font-synthesis:none;font-weight:900!important;letter-spacing:-.005em}
.slay-site h1,.slay-site h2,.dsl-title,.member-card-name,.dsl-leader h3,.dsl-team-head h3,.dsl-member b,.dsl-player b,.section-eyebrow,.dsl-kicker{text-transform:uppercase}
.section-eyebrow,.dsl-kicker{letter-spacing:.26em!important}

/* buttons: one style everywhere — skewed slab, hard red shadow, display caps */
.slay-site .button,.slay-site .signup-entry,.slay-site .member-login-entry,.slay-site .admin-entry,.slay-site .sf-news-more,.slay-site .account-submit,
.slay-site button[type="submit"],.dsl-btn,.dsl-tag,.slay-site .member-role,.slay-site .sf-post-kind,.slay-site .category-pill{
  font-family:var(--ds-display)!important;font-style:italic;font-synthesis:none;font-weight:800!important;text-transform:uppercase;letter-spacing:.04em}
.slay-site .button,.slay-site .signup-entry,.slay-site .member-login-entry,.slay-site .admin-entry,.slay-site .sf-news-more,.slay-site .account-submit,.slay-site button[type="submit"]{
  transform:skewX(-8deg);border-radius:0!important}

/* language button (header + landing) */
.slay-lang-btn{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border:1px solid #66666F;background:transparent;color:#F2F2F4;cursor:pointer;
  font:900 italic 15px/1 var(--ds-display);font-synthesis:none;letter-spacing:.04em;transform:skewX(-8deg);transition:border-color .12s,background .12s}
.slay-lang-btn:hover{border-color:#fff;background:#1B1B20}
.site-header .slay-lang-btn{height:40px;min-width:40px}

/* background: same topo + red glow as the landing hero, on every page */
.ds-topo::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 45% at 50% 0%,rgba(208,38,30,.20),transparent 70%)}

/* header: identical to the landing header */
.site-header{background:rgba(11,11,12,.86)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #26262C!important;box-shadow:0 2px 0 rgba(208,38,30,.5)!important}
.site-header .site-search-entry,.site-header .site-alert-button,.site-header .icon-button{border-radius:0!important;border:1px solid #66666F!important;background:transparent!important}
@media (min-width:1081px){
  .site-primary-navigation{background:transparent!important;border:0!important;box-shadow:none!important;clip-path:none!important;gap:2px!important}
  .site-primary-navigation a{position:relative;flex-direction:row!important;background:transparent!important;border:0!important;box-shadow:none!important;clip-path:none!important;
    padding:20px 12px!important;min-height:0!important;color:#A3A3AA!important;font-family:var(--ds-text)!important;font-style:normal!important;font-weight:700!important;font-size:15px!important;text-transform:none!important}
  .site-primary-navigation a svg{display:none!important}
  .site-primary-navigation a::after{content:"";position:absolute;inset-inline:12px;bottom:0;height:3px;background:#D0261E;transform:scaleX(0);transition:transform .2s}
  .site-primary-navigation a:hover,.site-primary-navigation a.active,.site-primary-navigation a[aria-current="page"]{color:#fff!important;background:transparent!important}
  .site-primary-navigation a:hover::after,.site-primary-navigation a.active::after,.site-primary-navigation a[aria-current="page"]::after{transform:scaleX(1)}
}
@media (max-width:1080px){
  .site-primary-navigation a{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:8px 14px!important;
    background:#1B1B20!important;border:1px solid #26262C!important;clip-path:none!important;transform:skewX(-8deg);font-weight:800!important}
  .site-primary-navigation a>*{transform:skewX(8deg)}
  .site-primary-navigation a svg{width:18px!important;height:18px!important}
  .site-primary-navigation a.active,.site-primary-navigation a[aria-current="page"]{background:#D0261E!important;border-color:#D0261E!important;box-shadow:3px 3px 0 #7A1519!important}
}

/* mobile bottom bar: identical to the landing tab bar */
.mobile-bottom-navigation{background:rgba(11,11,12,.96)!important;border-top:1px solid #26262C!important;box-shadow:0 -2px 0 rgba(208,38,30,.45)!important}
.mobile-bottom-navigation a{color:#A3A3AA!important;background:transparent!important;box-shadow:none!important;font-weight:800!important}
.mobile-bottom-navigation a.active{color:#fff!important;background:transparent!important}
.mobile-bottom-navigation a.active svg{color:#EE4F57!important}

/* footer: identical to the landing footer */
.site-footer{background:#131316!important;border-top:2px solid #7A1519!important;box-shadow:none!important;padding:28px max(16px,env(safe-area-inset-left,0px))!important;color:#A3A3AA!important}

/* English (left-to-right) adjustments */
html[dir="ltr"] .dsl-btn svg,html[dir="ltr"] .member-view svg,html[dir="ltr"] .sf-news-more svg,html[dir="ltr"] .button.outline svg{transform:scaleX(-1)}
html[dir="ltr"] .dsl-roster .img::after{background:linear-gradient(90deg,rgba(19,19,22,0) 55%,rgba(19,19,22,.95))}
html[dir="ltr"] .dsl-frame::before{transform-origin:left}