/* 3alTrack final interface pass v3.4.0 */
:root {
  --final-header-h: 78px;
  --final-mobile-header-h: 76px;
  --final-navy: #071425;
  --final-navy-2: #0b213a;
  --final-cyan: #27c9ff;
  --final-blue: #1978dc;
  --final-red: #ef334e;
  --final-light-ink: #0d2844;
}

/* One chairman mark only; the same header element is reused at every breakpoint. */

@media (min-width: 1021px) {
  .arena-header-inner-v2980,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar {
    display: flex !important;
    direction: rtl !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    min-height: var(--final-header-h) !important;
    height: var(--final-header-h) !important;
    gap: 12px !important;
    overflow: visible !important;
  }

  .arena-header-inner-v2980 > .arena-brand-v2980,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .brand {
    order: 1 !important;
    flex: 0 0 auto !important;
  }

  .arena-header-inner-v2980 > .arena-controls-v2980 { display: contents !important; }

  .arena-header-inner-v2980 .site-theme-toggle-v3000,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .site-theme-toggle-v3000 {
    order: 2 !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    transform: none !important;
  }

  .arena-header-inner-v2980 > .arena-menu-v2980,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .menu {
    order: 3 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 100% !important;
    overflow: visible !important;
  }

  .arena-header-inner-v2980 > .site-chairman-mark-v3010,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .site-chairman-mark-v3010 {
    order: 4 !important;
    display: grid !important;
    flex: 0 0 158px !important;
    width: 158px !important;
    min-width: 158px !important;
    height: 48px !important;
    margin-inline-start: 18px !important;
    padding: 6px 12px !important;
  }

  .arena-header-inner-v2980 .arena-menu-toggle-v2980,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .menu-toggle {
    order: 5 !important;
    display: none !important;
  }

  .arena-menu-v2980,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
  }

  .arena-menu-v2980 > a,
  .arena-menu-v2980 > .nav-dropdown > a,
  .arena-menu-v2980 > details > summary,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu > a,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu > .nav-dropdown > a,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu > details > summary {
    box-sizing: border-box !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 10px !important;
    border-width: 1px !important;
    line-height: 1 !important;
    transform: none !important;
    white-space: nowrap !important;
  }

  .arena-menu-v2980 > a:hover,
  .arena-menu-v2980 > .nav-dropdown > a:hover,
  .arena-menu-v2980 > details > summary:hover,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu > a:hover,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu > .nav-dropdown > a:hover,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu > details > summary:hover {
    height: 40px !important;
    padding: 0 10px !important;
    transform: none !important;
  }

  .arena-menu-v2980 > .nav-dropdown,
  .arena-menu-v2980 > details,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu > .nav-dropdown,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu > details {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
  }

  .arena-menu-v2980 .nav-dropdown-menu,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu .nav-dropdown-menu {
    position: absolute !important;
    z-index: 2200 !important;
    top: calc(100% - 6px) !important;
    right: 0 !important;
    left: auto !important;
    display: none !important;
    width: 210px !important;
    min-width: 210px !important;
    margin: 0 !important;
    padding: 9px !important;
    border-radius: 15px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(7px) !important;
    pointer-events: none !important;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
  }

  .arena-menu-v2980 .nav-dropdown:hover > .nav-dropdown-menu,
  .arena-menu-v2980 .nav-dropdown:focus-within > .nav-dropdown-menu,
  .arena-menu-v2980 details[open] > .nav-dropdown-menu,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu .nav-dropdown:hover > .nav-dropdown-menu,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu .nav-dropdown:focus-within > .nav-dropdown-menu,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu details[open] > .nav-dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  .site-chairman-role-v3010 { font-size: 7.5px !important; }
  .site-chairman-name-v3010 { font-size: 17px !important; }
}

/* Signature polish. */
.site-chairman-mark-v3010 {
  border-color: rgba(50, 188, 241, .24) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(39, 201, 255, .13), transparent 44%),
    linear-gradient(145deg, rgba(13, 42, 72, .98), rgba(5, 20, 39, .99)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 10px 24px rgba(0,0,0,.16) !important;
}

.site-chairman-mark-v3010 .site-chairman-role-v3010 {
  color: #93b5cf !important;
}

.site-chairman-mark-v3010 .site-chairman-name-v3010 {
  color: #f8fbff !important;
  font-family: "Cairo", system-ui, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  text-shadow: none !important;
}

.site-chairman-mark-v3010::after {
  right: 30px !important;
  width: 72px !important;
  height: 1px !important;
  opacity: .55 !important;
  background: linear-gradient(90deg, transparent, rgba(39, 201, 255, .9), transparent) !important;
}
.site-chairman-mark-v3010:hover { transform: none !important; }

/* Final premium micro-polish: crisp focus states and calmer header depth. */
:where(a, button, summary):focus-visible {
  outline: 2px solid rgba(39, 201, 255, .9) !important;
  outline-offset: 3px !important;
}

.arena-header-v2980,
body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar {
  border-bottom-color: rgba(86, 165, 226, .16) !important;
  box-shadow: 0 12px 38px rgba(0,0,0,.15) !important;
}

html[data-theme="light"] .site-chairman-mark-v3010,
html[data-visual-theme="light"] .site-chairman-mark-v3010 {
  border-color: rgba(19, 99, 174, .16) !important;
  background:
    radial-gradient(circle at 100% 0, rgba(35, 151, 216, .09), transparent 45%),
    linear-gradient(145deg, #ffffff, #edf4fa) !important;
}

html[data-theme="light"] .site-chairman-mark-v3010 .site-chairman-role-v3010,
html[data-visual-theme="light"] .site-chairman-mark-v3010 .site-chairman-role-v3010 {
  color: #678199 !important;
}

html[data-theme="light"] .site-chairman-mark-v3010 .site-chairman-name-v3010,
html[data-visual-theme="light"] .site-chairman-mark-v3010 .site-chairman-name-v3010 {
  color: #0b2a49 !important;
  text-shadow: none !important;
}

/* Breaking ticker: one clean lane in both themes. */
body.home-arena-v2990 .arena-breaking-v2980 {
  height: 54px !important;
  min-height: 54px !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(255,255,255,.05) !important;
  border-bottom: 1px solid rgba(92,169,225,.16) !important;
  background: linear-gradient(90deg, #07111f, #0b1b30 48%, #081423) !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.035) !important;
}

body.home-arena-v2990 .arena-breaking-inner-v2980 {
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr) !important;
  direction: rtl !important;
  align-items: stretch !important;
  width: min(1500px, 100%) !important;
  height: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}

body.home-arena-v2990 .arena-breaking-inner-v2980 > strong {
  position: relative !important;
  z-index: 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 112px !important;
  min-width: 112px !important;
  height: 100% !important;
  padding: 0 18px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg, #ff3e58, #df1f3f) !important;
  box-shadow: -12px 0 30px rgba(239, 51, 78, .16) !important;
  clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body.home-arena-v2990 .arena-breaking-inner-v2980 > strong i {
  flex: 0 0 9px !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 0 0 6px rgba(255,255,255,.13) !important;
}

body.home-arena-v2990 .breaking-track,
body.home-arena-v2990 .breaking-v128-viewport {
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  color: #f3f7fb !important;
  background: transparent !important;
}

body.home-arena-v2990 .breaking-v128-loop,
body.home-arena-v2990 .breaking-v128-group {
  display: flex !important;
  align-items: center !important;
  width: max-content !important;
  height: 100% !important;
  min-width: max-content !important;
  gap: 0 !important;
  background: transparent !important;
}

body.home-arena-v2990 .breaking-v128-item {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: max-content !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #edf5fc !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transform: none !important;
}

body.home-arena-v2990 .breaking-v128-item::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  left: auto !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: var(--final-cyan) !important;
  box-shadow: 0 0 0 3px rgba(39, 201, 255, .08), 0 0 12px rgba(39, 201, 255, .24) !important;
  transform: translateY(-50%) !important;
}

body.home-arena-v2990 .breaking-v128-item:hover {
  color: #fff !important;
  background: rgba(255,255,255,.035) !important;
  transform: none !important;
}

html[data-theme="light"] body.home-arena-v2990 .arena-breaking-v2980,
html[data-visual-theme="light"] body.home-arena-v2990 .arena-breaking-v2980,
body.home-arena-v2990.light-mode .arena-breaking-v2980 {
  border-color: rgba(17, 65, 107, .14) !important;
  background: linear-gradient(90deg, #0a1a2e, #102944 48%, #0a1c31) !important;
  box-shadow: 0 8px 22px rgba(13, 48, 82, .10) !important;
}

html[data-theme="light"] body.home-arena-v2990 .breaking-v128-item,
html[data-theme="light"] body.home-arena-v2990 .breaking-v128-title,
html[data-visual-theme="light"] body.home-arena-v2990 .breaking-v128-item,
html[data-visual-theme="light"] body.home-arena-v2990 .breaking-v128-title,
body.home-arena-v2990.light-mode .breaking-v128-item,
body.home-arena-v2990.light-mode .breaking-v128-title {
  color: #f4f8fc !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Match center readability, especially in light mode. */
body.home-arena-v2990 .home-worldcup-selected {
  min-height: 126px !important;
}

body.home-arena-v2990 .home-worldcup-loading,
body.home-arena-v2990 .home-wc-empty-v26 {
  min-height: 112px !important;
  padding: 22px !important;
  border: 1px solid rgba(124, 171, 210, .16) !important;
  border-radius: 16px !important;
  color: #d6e3ef !important;
  background: rgba(255,255,255,.035) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.8 !important;
  opacity: 1 !important;
}

body.home-arena-v2990 .home-worldcup-day-tab-v78,
body.home-arena-v2990 .home-worldcup-day-tab-v78 strong {
  opacity: 1 !important;
}

html[data-theme="light"] body.home-arena-v2990 .arena-match-zone-v2980,
html[data-visual-theme="light"] body.home-arena-v2990 .arena-match-zone-v2980,
body.home-arena-v2990.light-mode .arena-match-zone-v2980 {
  color: var(--final-light-ink) !important;
  background:
    radial-gradient(circle at 12% 15%, rgba(34, 145, 218, .09), transparent 32%),
    linear-gradient(180deg, #edf4fa, #f7f9fc) !important;
}

html[data-theme="light"] body.home-arena-v2990 .arena-match-head-v2980 h1,
html[data-visual-theme="light"] body.home-arena-v2990 .arena-match-head-v2980 h1,
body.home-arena-v2990.light-mode .arena-match-head-v2980 h1 {
  color: #0b2540 !important;
}

html[data-theme="light"] body.home-arena-v2990 .arena-scoreboard-shell-v2980,
html[data-visual-theme="light"] body.home-arena-v2990 .arena-scoreboard-shell-v2980,
body.home-arena-v2990.light-mode .arena-scoreboard-shell-v2980 {
  border-color: rgba(19, 65, 104, .12) !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 18px 45px rgba(19, 58, 92, .09) !important;
}

html[data-theme="light"] body.home-arena-v2990 .home-worldcup-loading,
html[data-theme="light"] body.home-arena-v2990 .home-wc-empty-v26,
html[data-visual-theme="light"] body.home-arena-v2990 .home-worldcup-loading,
html[data-visual-theme="light"] body.home-arena-v2990 .home-wc-empty-v26,
body.home-arena-v2990.light-mode .home-worldcup-loading,
body.home-arena-v2990.light-mode .home-wc-empty-v26 {
  border-color: rgba(21, 74, 118, .11) !important;
  color: #173b5b !important;
  background: #f4f8fb !important;
  box-shadow: inset 0 1px 0 #fff !important;
}

html[data-theme="light"] body.home-arena-v2990 .home-worldcup-day-tab-v78:not(.active),
html[data-visual-theme="light"] body.home-arena-v2990 .home-worldcup-day-tab-v78:not(.active),
body.home-arena-v2990.light-mode .home-worldcup-day-tab-v78:not(.active) {
  color: #31516d !important;
  background: #fff !important;
}

html[data-theme="light"] body.home-arena-v2990 .home-worldcup-day-tab-v78:not(.active) strong,
html[data-visual-theme="light"] body.home-arena-v2990 .home-worldcup-day-tab-v78:not(.active) strong,
body.home-arena-v2990.light-mode .home-worldcup-day-tab-v78:not(.active) strong {
  color: #31516d !important;
}

/* Mobile drawer and spacing. */
@media (max-width: 1020px) {
  body.mobile-menu-open { overflow: hidden !important; }

  .arena-header-inner-v2980,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar {
    display: flex !important;
    direction: rtl !important;
    align-items: center !important;
    min-height: var(--final-mobile-header-h) !important;
    height: var(--final-mobile-header-h) !important;
    padding-inline: 14px !important;
    gap: 10px !important;
  }

  .arena-header-inner-v2980 > .arena-controls-v2980 { display: contents !important; }

  .arena-header-inner-v2980 > .arena-brand-v2980,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .brand {
    order: 1 !important;
    flex: 0 0 auto !important;
  }

  .arena-header-inner-v2980 .site-theme-toggle-v3000,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .site-theme-toggle-v3000 {
    order: 2 !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
  }

  .arena-header-inner-v2980 > .site-chairman-mark-v3010,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .site-chairman-mark-v3010 {
    order: 3 !important;
    display: grid !important;
    flex: 0 0 clamp(112px, 32vw, 142px) !important;
    width: clamp(112px, 32vw, 142px) !important;
    min-width: 112px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 5px 9px 6px !important;
    border-radius: 14px !important;
  }

  .site-chairman-mark-v3010 .site-chairman-role-v3010 {
    font-size: 7px !important;
  }

  .site-chairman-mark-v3010 .site-chairman-name-v3010 {
    font-size: clamp(15px, 4.2vw, 18px) !important;
    line-height: 1 !important;
  }

  .site-chairman-mark-v3010::after {
    right: 22px !important;
    left: 22px !important;
    width: auto !important;
  }

  .arena-header-inner-v2980 .arena-menu-toggle-v2980,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .menu-toggle {
    order: 4 !important;
    display: grid !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    margin-inline-start: auto !important;
    border-radius: 15px !important;
  }

  .arena-menu-v2980,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu {
    position: fixed !important;
    z-index: 5000 !important;
    top: calc(var(--final-mobile-header-h) + 8px) !important;
    right: 12px !important;
    left: 12px !important;
    display: none !important;
    grid-template-columns: 1fr !important;
    align-content: start !important;
    width: auto !important;
    height: auto !important;
    max-height: calc(100dvh - var(--final-mobile-header-h) - 22px) !important;
    padding: 14px !important;
    gap: 9px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border: 1px solid rgba(91, 168, 224, .22) !important;
    border-radius: 22px !important;
    background: linear-gradient(160deg, #0b1d32, #061325 78%) !important;
    box-shadow: 0 30px 85px rgba(0,0,0,.55) !important;
    backdrop-filter: blur(18px) !important;
  }

  .arena-menu-v2980.active,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu.active {
    display: grid !important;
  }

  .arena-menu-v2980 > a,
  .arena-menu-v2980 > .nav-dropdown > a,
  .arena-menu-v2980 > details > summary,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu > a,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu > .nav-dropdown > a,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu > details > summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 50px !important;
    height: 50px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    border-radius: 14px !important;
    color: #eef5fb !important;
    background: rgba(255,255,255,.045) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .arena-menu-v2980 > .nav-dropdown,
  .arena-menu-v2980 > details,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu > .nav-dropdown,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu > details {
    position: static !important;
    display: grid !important;
    width: 100% !important;
    height: auto !important;
  }

  .arena-menu-v2980 .nav-dropdown-menu,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu .nav-dropdown-menu {
    position: static !important;
    display: none !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 8px 0 0 !important;
    padding: 8px !important;
    gap: 7px !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 14px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
    background: rgba(0,0,0,.16) !important;
    box-shadow: none !important;
  }

  .arena-menu-v2980 .nav-dropdown.is-open > .nav-dropdown-menu,
  .arena-menu-v2980 details[open] > .nav-dropdown-menu,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu .nav-dropdown.is-open > .nav-dropdown-menu,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu details[open] > .nav-dropdown-menu {
    display: grid !important;
  }

  .arena-menu-v2980 .nav-dropdown-menu a,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu .nav-dropdown-menu a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 43px !important;
    padding: 9px 10px !important;
    border: 1px solid rgba(255,255,255,.065) !important;
    border-radius: 11px !important;
    color: #d9e7f2 !important;
    background: rgba(255,255,255,.035) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-align: center !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html[data-theme="light"] .arena-menu-v2980,
  html[data-visual-theme="light"] .arena-menu-v2980,
  html[data-theme="light"] body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu,
  html[data-visual-theme="light"] body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu {
    border-color: rgba(18, 65, 104, .13) !important;
    background: linear-gradient(160deg, #fff, #edf4fa 78%) !important;
    box-shadow: 0 28px 75px rgba(16, 54, 87, .20) !important;
  }

  html[data-theme="light"] .arena-menu-v2980 > a,
  html[data-theme="light"] .arena-menu-v2980 > .nav-dropdown > a,
  html[data-theme="light"] .arena-menu-v2980 > details > summary,
  html[data-visual-theme="light"] .arena-menu-v2980 > a,
  html[data-visual-theme="light"] .arena-menu-v2980 > .nav-dropdown > a,
  html[data-visual-theme="light"] .arena-menu-v2980 > details > summary {
    border-color: rgba(16, 61, 99, .09) !important;
    color: #143653 !important;
    background: rgba(255,255,255,.9) !important;
  }

  body.home-arena-v2990 .arena-breaking-v2980 {
    height: 48px !important;
    min-height: 48px !important;
  }

  body.home-arena-v2990 .arena-breaking-inner-v2980 {
    grid-template-columns: 82px minmax(0, 1fr) !important;
  }

  body.home-arena-v2990 .arena-breaking-inner-v2980 > strong {
    width: 82px !important;
    min-width: 82px !important;
    padding: 0 10px !important;
    gap: 7px !important;
    font-size: 13px !important;
  }

  body.home-arena-v2990 .arena-breaking-inner-v2980 > strong i {
    width: 7px !important;
    height: 7px !important;
    box-shadow: 0 0 0 5px rgba(255,255,255,.12) !important;
  }

  body.home-arena-v2990 .breaking-v128-item {
    padding: 0 22px !important;
    font-size: 12px !important;
  }
}

/* Global mobile search v3046 */
.site-search-button-v3046{display:none;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(88,166,224,.2);border-radius:14px;background:rgba(255,255,255,.04);color:#dff5ff;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.site-search-button-v3046 svg{width:20px;height:20px;fill:currentColor}.site-search-button-v3046:hover{border-color:rgba(39,201,255,.44);background:rgba(39,201,255,.07)}
.site-search-layer-v3046{position:fixed;inset:0;z-index:99000;display:grid;align-items:start;justify-items:center;padding:calc(var(--final-mobile-header-h) + 18px) 14px 20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.site-search-layer-v3046.is-open{opacity:1;visibility:visible;pointer-events:auto}.site-search-backdrop-v3046{position:absolute;inset:0;background:rgba(1,8,17,.72);backdrop-filter:blur(12px)}
.site-search-panel-v3046{position:relative;width:min(620px,100%);padding:22px;border:1px solid rgba(92,173,232,.24);border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(39,201,255,.11),transparent 35%),linear-gradient(150deg,#0b2138,#061423);box-shadow:0 28px 90px rgba(0,0,0,.48);color:#f7fbff;transform:translateY(-8px) scale(.985);transition:transform .22s ease}.site-search-layer-v3046.is-open .site-search-panel-v3046{transform:none}.site-search-panel-top-v3046{display:flex;align-items:center;justify-content:space-between;gap:16px}.site-search-panel-top-v3046>div{display:grid}.site-search-panel-top-v3046 small{color:#55d7ff;font-size:9px;font-weight:900;letter-spacing:.15em}.site-search-panel-top-v3046 strong{margin-top:3px;font-size:20px;font-weight:900}.site-search-panel-top-v3046>button{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.04);color:#b8c9d8;font:700 23px/1 system-ui;cursor:pointer}
.site-search-form-v3046{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:18px;padding:6px 6px 6px 14px;border:1px solid rgba(92,173,232,.2);border-radius:18px;background:rgba(2,13,25,.58)}.site-search-form-v3046>span{display:grid;place-items:center;color:#6ecff2}.site-search-form-v3046 svg{width:19px;height:19px;fill:currentColor}.site-search-form-v3046 input{min-width:0;height:44px;border:0;outline:0;background:transparent;color:#fff;font:700 14px Cairo,sans-serif}.site-search-form-v3046 input::placeholder{color:#698196}.site-search-form-v3046 button{height:40px;padding:0 17px;border:0;border-radius:13px;background:linear-gradient(135deg,#26c7f8,#1685d3);color:#fff;font:900 12px Cairo,sans-serif;cursor:pointer;box-shadow:0 8px 22px rgba(25,146,211,.2)}.site-search-panel-v3046>p{margin:12px 2px 0;color:#6f879a;font-size:10px;font-weight:700}.site-search-open-v3046{overflow:hidden}
html[data-theme="light"] .site-search-panel-v3046,html[data-visual-theme="light"] .site-search-panel-v3046{border-color:rgba(27,117,177,.16);background:radial-gradient(circle at 90% 0,rgba(39,201,255,.1),transparent 35%),linear-gradient(150deg,#fff,#edf5fa);color:#102c45;box-shadow:0 28px 80px rgba(15,50,75,.18)}html[data-theme="light"] .site-search-form-v3046,html[data-visual-theme="light"] .site-search-form-v3046{border-color:rgba(27,117,177,.14);background:#fff}html[data-theme="light"] .site-search-form-v3046 input,html[data-visual-theme="light"] .site-search-form-v3046 input{color:#102c45}
@media(max-width:1020px){.site-search-button-v3046{display:grid!important;order:4!important;flex:0 0 44px!important;margin-inline-start:auto!important}.arena-header-inner-v2980 .arena-menu-toggle-v2980,body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar>.menu-toggle{order:5!important;margin-inline-start:0!important}.arena-controls-v2980 .site-search-button-v3046{width:44px!important;height:44px!important}.site-search-layer-v3046{padding-top:calc(var(--final-mobile-header-h) + 14px)}}
@media(max-width:430px){.site-search-button-v3046{width:40px!important;height:40px!important;flex-basis:40px!important}.site-search-panel-v3046{padding:18px;border-radius:21px}.site-search-form-v3046 button{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.site-search-layer-v3046,.site-search-panel-v3046,.site-search-button-v3046{transition:none!important}}

/* Homepage scoreboard surface */
.arena-scoreboard-shell-v2980{box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 22px 70px rgba(0,0,0,.08)}

@media (max-width: 560px) {
  .arena-brand-v2980 img { width: 46px !important; height: 46px !important; }
  .arena-brand-v2980 span { display: none !important; }

  .arena-menu-v2980 .nav-dropdown-menu,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .menu .nav-dropdown-menu {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .arena-menu-v2980,
  .breaking-v128-loop,
  .site-chairman-mark-v3010 { animation: none !important; transition: none !important; }
}

body:not(.home-page) .site-chairman-mark-v3010 {
  display: none !important;
}

body.article-pro-page .article-pro-content-v187 {
  overflow: hidden !important;
  border-radius: 30px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  background: linear-gradient(155deg, rgba(15, 30, 51, .98), rgba(7, 18, 33, .98)) !important;
  box-shadow: 0 28px 72px rgba(0, 0, 0, .20) !important;
}

body.article-pro-page .article-inline-tools-v251 {
  margin-bottom: 20px !important;
}

body.article-pro-page .article-back-link-v251 {
  min-height: 42px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  color: #fff !important;
  background: linear-gradient(135deg, #ef3f4f, #f47b21) !important;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(239, 63, 79, .20) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

body.article-pro-page .article-inline-header-v251 {
  margin: 0 0 22px !important;
  padding: 0 !important;
}

body.article-pro-page .article-inline-header-v251 #articleTitle {
  margin: 0 !important;
  max-width: 940px !important;
  color: #f8fbff !important;
  font-family: "Cairo", system-ui, sans-serif !important;
  font-size: clamp(30px, 3.35vw, 50px) !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  letter-spacing: -.025em !important;
  text-shadow: none !important;
  text-wrap: balance !important;
}

body.article-pro-page .article-figure-holder-v251 {
  margin: 0 0 18px !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background: #07111f !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .18) !important;
}

body.article-pro-page .article-info-card {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 0 26px !important;
  padding: 10px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
}

body.article-pro-page .article-info-card > div {
  min-height: 66px !important;
  padding: 11px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .035) !important;
  border: 1px solid rgba(255, 255, 255, .055) !important;
}

body.article-pro-page .article-info-card span {
  color: #8ea9c2 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

body.article-pro-page .article-info-card strong {
  margin-top: 4px !important;
  color: #f6f9fc !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 850 !important;
}

body.article-pro-page .article-body-pro,
body.article-pro-page .article-body-pro p,
body.article-pro-page .article-body-pro li {
  color: #e4ebf3 !important;
}

html[data-theme="light"] body.article-pro-page .article-pro-content-v187,
html[data-visual-theme="light"] body.article-pro-page .article-pro-content-v187 {
  border-color: rgba(15, 39, 66, .09) !important;
  background: #fff !important;
  box-shadow: 0 24px 60px rgba(15, 39, 66, .10) !important;
}

html[data-theme="light"] body.article-pro-page .article-inline-header-v251 #articleTitle,
html[data-visual-theme="light"] body.article-pro-page .article-inline-header-v251 #articleTitle {
  color: #0b2743 !important;
}

html[data-theme="light"] body.article-pro-page .article-info-card,
html[data-visual-theme="light"] body.article-pro-page .article-info-card {
  background: #f6f9fc !important;
  border-color: #e4ebf2 !important;
}

html[data-theme="light"] body.article-pro-page .article-info-card > div,
html[data-visual-theme="light"] body.article-pro-page .article-info-card > div {
  background: #fff !important;
  border-color: #e8eef4 !important;
}

html[data-theme="light"] body.article-pro-page .article-info-card span,
html[data-visual-theme="light"] body.article-pro-page .article-info-card span {
  color: #718399 !important;
}

html[data-theme="light"] body.article-pro-page .article-info-card strong,
html[data-visual-theme="light"] body.article-pro-page .article-info-card strong {
  color: #102d49 !important;
}

html[data-theme="light"] body.article-pro-page .article-body-pro,
html[data-theme="light"] body.article-pro-page .article-body-pro p,
html[data-theme="light"] body.article-pro-page .article-body-pro li,
html[data-visual-theme="light"] body.article-pro-page .article-body-pro,
html[data-visual-theme="light"] body.article-pro-page .article-body-pro p,
html[data-visual-theme="light"] body.article-pro-page .article-body-pro li {
  color: #21384f !important;
}

@media (max-width: 760px) {
  body.article-pro-page .article-pro-content-v187 {
    border-radius: 24px !important;
  }

  body.article-pro-page .article-inline-tools-v251 {
    margin: 0 0 14px !important;
  }

  body.article-pro-page .article-back-link-v251 {
    min-height: 38px !important;
    padding: 0 14px !important;
    font-size: 11px !important;
  }

  body.article-pro-page .article-inline-header-v251 {
    margin-bottom: 16px !important;
  }

  body.article-pro-page .article-inline-header-v251 #articleTitle {
    font-size: clamp(25px, 7.6vw, 34px) !important;
    line-height: 1.42 !important;
    letter-spacing: -.015em !important;
  }

  body.article-pro-page .article-figure-holder-v251 {
    margin-bottom: 14px !important;
    border-radius: 19px !important;
  }

  body.article-pro-page .article-info-card {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 20px !important;
    padding: 8px !important;
    border-radius: 17px !important;
  }

  body.article-pro-page .article-info-card > div {
    min-height: 58px !important;
    padding: 9px 11px !important;
    border-radius: 12px !important;
  }

  body.article-pro-page .article-info-card > div:nth-child(2) {
    display: none !important;
  }

  body.article-pro-page .article-info-card span {
    font-size: 9px !important;
  }

  body.article-pro-page .article-info-card strong {
    font-size: 12px !important;
  }
}
/* v3044 — one navigation system across every public page */
body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar {
  width: 100% !important;
  max-width: none !important;
  min-height: 88px !important;
  height: 88px !important;
  padding: 0 max(24px, calc((100vw - 1440px) / 2)) !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  direction: rtl !important;
  background: rgba(5, 8, 18, .88) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.14) !important;
  backdrop-filter: blur(20px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(135%) !important;
}

body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .brand {
  order: 1 !important;
  width: auto !important;
  min-width: 154px !important;
  height: 58px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  flex: 0 0 auto !important;
}

body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .brand img {
  width: 58px !important;
  height: 58px !important;
  object-fit: contain !important;
}

body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .brand .brand-slogan {
  display: block !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .menu {
  order: 2 !important;
  flex: 1 1 auto !important;
  justify-content: center !important;
  gap: clamp(12px, 1.45vw, 25px) !important;
}

body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .theme-toggle {
  order: 3 !important;
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
}

body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .menu-toggle {
  order: 4 !important;
}

body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .site-chairman-mark-v3010 {
  display: none !important;
}

html[data-theme="light"] body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar,
html[data-visual-theme="light"] body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar {
  background: rgba(255,255,255,.9) !important;
  border-bottom-color: rgba(15,23,42,.09) !important;
  box-shadow: 0 12px 34px rgba(15,23,42,.07) !important;
}

html[data-theme="light"] body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .brand .brand-slogan,
html[data-visual-theme="light"] body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .brand .brand-slogan {
  color: #5f6b7d !important;
}

@media (max-width: 760px) {
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar {
    min-height: var(--final-mobile-header-h) !important;
    height: var(--final-mobile-header-h) !important;
    padding: 0 16px !important;
    gap: 10px !important;
    justify-content: space-between !important;
  }

  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .brand {
    order: 1 !important;
    min-width: 0 !important;
    width: 52px !important;
    height: 52px !important;
  }

  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .brand img {
    width: 52px !important;
    height: 52px !important;
  }

  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .brand .brand-slogan {
    display: none !important;
  }

  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .theme-toggle {
    order: 2 !important;
    width: 48px !important;
    height: 48px !important;
    flex-basis: 48px !important;
  }

  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .menu-toggle {
    order: 3 !important;
    display: inline-flex !important;
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
  }

  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .menu {
    order: 10 !important;
    top: calc(var(--final-mobile-header-h) + 8px) !important;
    right: 14px !important;
    left: 14px !important;
    width: auto !important;
    max-width: none !important;
    padding: 14px !important;
    gap: 7px !important;
    border-radius: 22px !important;
  }

  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .menu > a,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .menu > .nav-dropdown > a,
  body:not(.home-page):not(.admin-dashboard-page):not(.login-page) .topbar > .menu > details > summary {
    min-height: 46px !important;
    padding: 0 14px !important;
    border-radius: 13px !important;
  }
}


.nav-dropdown-world>.nav-dropdown-menu{min-width:264px!important;padding:8px!important}
.nav-dropdown-world>.nav-dropdown-menu>a{--league-accent:#64748b;--league-tint:rgba(100,116,139,.12);position:relative!important;min-height:46px!important;display:flex!important;align-items:center!important;gap:11px!important;padding:7px 10px!important;border:1px solid transparent!important;border-radius:12px!important;overflow:hidden!important;transition:background .18s ease,border-color .18s ease,transform .18s ease!important}
.nav-dropdown-world>.nav-dropdown-menu>a::after{content:"";position:absolute;inset:7px auto 7px 0;width:3px;border-radius:4px;background:var(--league-accent);opacity:.95}
.nav-dropdown-world>.nav-dropdown-menu>a:hover,.nav-dropdown-world>.nav-dropdown-menu>a:focus-visible{background:var(--league-tint)!important;border-color:color-mix(in srgb,var(--league-accent) 32%,transparent)!important;transform:translateX(-2px)}
.nav-dropdown-world>.nav-dropdown-menu>a b{font:inherit!important;font-weight:850!important;white-space:nowrap!important;color:inherit!important}
.world-league-mark-v3900{width:38px;height:30px;display:grid;place-items:center;flex:0 0 38px;border-radius:9px;background:var(--league-tint);border:1px solid color-mix(in srgb,var(--league-accent) 25%,transparent);overflow:hidden}
.world-league-mark-v3900 img{width:27px;height:22px;display:block;object-fit:contain;filter:saturate(1.08) contrast(1.04)}
.world-league-item-v3900[data-world-league="premier_league"]{--league-accent:#9d3cff;--league-tint:rgba(157,60,255,.14)}
.world-league-item-v3900[data-world-league="la_liga"]{--league-accent:#ff4b44;--league-tint:rgba(255,75,68,.13)}
.world-league-item-v3900[data-world-league="serie_a"]{--league-accent:#1473e6;--league-tint:rgba(20,115,230,.13)}
.world-league-item-v3900[data-world-league="bundesliga"]{--league-accent:#e30613;--league-tint:rgba(227,6,19,.12)}
.world-league-item-v3900[data-world-league="ligue_1"]{--league-accent:#d8ff2f;--league-tint:rgba(216,255,47,.10)}
html[data-theme="light"] .world-league-item-v3900[data-world-league="ligue_1"],html[data-visual-theme="light"] .world-league-item-v3900[data-world-league="ligue_1"]{--league-accent:#263a5b;--league-tint:rgba(38,58,91,.08)}
@media(max-width:1020px){.nav-dropdown-world>.nav-dropdown-menu{min-width:0!important}.nav-dropdown-world>.nav-dropdown-menu>a{min-height:43px!important}.world-league-mark-v3900{width:35px;height:28px;flex-basis:35px}}



/* v3.15.0 release typography and contrast */
:root{--release-text:#f4f8fc;--release-muted:#a8bac9;--release-line:rgba(160,191,213,.16)}
html[data-theme="light"],html[data-visual-theme="light"]{--release-text:#10253a;--release-muted:#5b7185;--release-line:#d8e2ea}
body{font-family:"Cairo",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body:not(.admin-dashboard-page){letter-spacing:0;color:var(--release-text)}
body:not(.admin-dashboard-page) p,body:not(.admin-dashboard-page) small{color:inherit}
body:not(.admin-dashboard-page) h1,body:not(.admin-dashboard-page) h2,body:not(.admin-dashboard-page) h3{letter-spacing:-.015em;text-wrap:balance}
@media(max-width:760px){body:not(.admin-dashboard-page){font-size:15px}}