/*
 * One public header for every site module.
 * The compact tournament prototype supplied the visual direction; navigation,
 * search, locale and mobile behaviour still come from the shared layout.
 */
.topbar{
  min-height:64px;
  padding:0 18px!important;
  gap:22px!important;
  border:1px solid rgba(255,255,255,.075);
  border-top:0;
  border-bottom-color:#273034;
  background:rgba(7,11,13,.97)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(10px)!important;
}
.topbar .site-wordmark{
  display:inline-flex;
  flex:0 0 auto!important;
  align-items:center;
  gap:0;
  min-width:auto;
  padding:0!important;
  border:0!important;
  color:#f4f4f2;
  font:800 22px/1 Arial,sans-serif;
  letter-spacing:-.055em;
  text-decoration:none;
}
.topbar .site-wordmark strong{color:#ff5a3c}
.topbar .site-wordmark:hover{filter:brightness(1.14)}
.topbar .topnav{align-self:stretch!important;gap:2px!important;margin:0!important}
.topbar .topnav>a,
.topbar .topnav-dd,
.topbar .topnav-dd-trigger{align-self:stretch}
.topbar .topnav>a,
.topbar .topnav-dd-trigger{
  position:relative;
  display:inline-flex;
  min-height:62px!important;
  align-items:center;
  padding:0 11px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#aab1b2!important;
  font:700 14px/1.2 Arial,sans-serif!important;
  text-shadow:none!important;
}
.topbar .topnav>a::after,
.topbar .topnav-dd-trigger::after{
  position:absolute;
  right:10px;
  bottom:0;
  left:10px;
  height:2px;
  background:#ff5a3c;
  box-shadow:none;
  content:"";
  opacity:0;
  transform:scaleX(.55);
  transition:opacity .18s ease,transform .18s ease;
}
.topbar .topnav>a:hover,
.topbar .topnav>a.active,
.topbar .topnav-dd-trigger:hover,
.topbar .topnav-dd-trigger.active,
.topbar .topnav-dd[data-open="1"] .topnav-dd-trigger{color:#fff!important}
.topbar .topnav>a:hover::after,
.topbar .topnav>a.active::after,
.topbar .topnav-dd-trigger:hover::after,
.topbar .topnav-dd-trigger.active::after,
.topbar .topnav-dd[data-open="1"] .topnav-dd-trigger::after{opacity:1;transform:none}
.topbar .topnav-dd{position:relative;display:flex}
.topbar .topnav-dd-chev{
  margin-left:2px;
  color:#737d80;
  font-size:9px;
  transition:color .15s ease,transform .15s ease;
}
.topbar .topnav-dd-trigger:hover .topnav-dd-chev,
.topbar .topnav-dd[data-open="1"] .topnav-dd-chev{color:#ff7256}
.topbar .topnav-dd-menu{
  position:absolute;
  z-index:100;
  top:calc(100% - 1px);
  left:0;
  display:none;
  flex-direction:column;
  min-width:228px;
  padding:7px;
  gap:3px;
  border:1px solid #303a3e;
  border-top:2px solid #ff5a3c;
  border-radius:0 0 5px 5px;
  background:rgba(9,14,16,.985);
  box-shadow:0 18px 38px rgba(0,0,0,.48);
  backdrop-filter:blur(12px);
}
.topbar .topnav-dd[data-open="1"] .topnav-dd-menu,
.topbar .topnav-dd:hover .topnav-dd-menu,
.topbar .topnav-dd:focus-within .topnav-dd-menu{display:flex}
.topbar .topnav-dd-menu a{
  position:relative;
  display:flex;
  min-height:40px;
  box-sizing:border-box;
  align-items:center;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:3px;
  color:#abb4b6;
  background:transparent;
  font:600 13px/1.3 Arial,sans-serif;
  text-decoration:none;
  transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease;
}
.topbar .topnav-dd-menu a::before{
  width:2px;
  height:16px;
  flex:0 0 auto;
  margin-right:10px;
  background:#ff5a3c;
  content:"";
  opacity:0;
  transform:scaleY(.45);
  transition:opacity .14s ease,transform .14s ease;
}
.topbar .topnav-dd-menu a:hover,
.topbar .topnav-dd-menu a:focus-visible{
  border-color:rgba(255,90,60,.28);
  outline:0;
  color:#fff;
  background:linear-gradient(90deg,rgba(255,90,60,.14),rgba(255,255,255,.025));
  transform:translateX(2px);
}
.topbar .topnav-dd-menu a:hover::before,
.topbar .topnav-dd-menu a:focus-visible::before{opacity:1;transform:none}
.topbar .player-search{margin-left:auto!important}
.topbar .player-search input{
  min-height:38px;
  border-color:#313b3f!important;
  border-radius:4px!important;
  background:#0a0f11!important;
}
.topbar .lang-switch{border-color:#30393d!important;border-radius:4px!important;background:#0a0f11!important}
.topbar .lang-switch button.on{color:#170c08!important;background:#ff5a3c!important}
.topbar .nav-toggle{border-color:#374146;background:#0a0f11}

.md-drawer-head{
  position:sticky;
  z-index:2;
  top:-70px;
  display:flex;
  min-height:54px;
  align-items:center;
  justify-content:space-between;
  margin:-70px -18px 14px;
  padding:8px 14px 8px 18px;
  border-bottom:1px solid #2b3438;
  background:rgba(7,11,13,.98);
}
.md-drawer-head strong{color:#f1eee7;font:800 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.md-drawer-head button{display:grid;width:38px;height:38px;place-items:center;border:1px solid #3a4549;border-radius:4px;background:#0b1113;color:#ff6548;font:400 24px/1 Arial,sans-serif;cursor:pointer}
.md-drawer-head button:hover,.md-drawer-head button:focus-visible{border-color:#ff5a3c;outline:0;background:rgba(255,90,60,.1)}
.mobile-drawer .md-search{margin:0 0 18px}
.mobile-drawer .md-section-title{margin-top:20px;color:#d17a63}
.mobile-drawer .md-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.mobile-drawer .md-nav a{display:flex;align-items:center;padding:10px 11px;border:1px solid transparent;border-radius:3px;font-size:13px}
.mobile-drawer .md-nav a:hover,.mobile-drawer .md-nav a:focus-visible{border-color:rgba(255,90,60,.25);outline:0;background:rgba(255,90,60,.08)}

/* The breadcrumb is part of the shared top shell, not module decoration. */
.site-breadcrumbs{
  position:relative;
  isolation:isolate;
  min-height:42px;
  box-sizing:border-box;
  padding:6px 13px 6px 0;
  gap:9px;
  border-bottom:1px solid #263034;
  color:#707b7e!important;
  background:linear-gradient(90deg,rgba(255,90,60,.045),transparent 42%);
}
.site-breadcrumbs::after{
  position:absolute;
  z-index:-1;
  right:0;
  bottom:-1px;
  width:72px;
  height:1px;
  background:linear-gradient(90deg,transparent,#ff5a3c);
  content:"";
  opacity:.72;
}
.site-breadcrumbs a,
.site-breadcrumbs>span[aria-current="page"]{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  font:700 11px/1.2 var(--mono);
  letter-spacing:.08em;
}
.site-breadcrumbs a:first-of-type{
  gap:9px;
  color:#c6ced0;
}
.site-breadcrumbs a:first-of-type::before{
  display:grid;
  width:28px;
  height:28px;
  flex:0 0 28px;
  place-items:center;
  border:1px solid rgba(255,90,60,.38);
  border-radius:3px;
  background:#0a0f11;
  color:#ff6548;
  content:"←";
  font:800 14px/1 Arial,sans-serif;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.site-breadcrumbs a:first-of-type:hover::before,
.site-breadcrumbs a:first-of-type:focus-visible::before{
  border-color:#ff5a3c;
  background:rgba(255,90,60,.12);
  transform:translateX(-2px);
}
.site-breadcrumbs>span[aria-hidden="true"]{color:#596366;font-size:15px}
.site-breadcrumbs>span[aria-current="page"]{color:#d67a62}

@media(min-width:1801px){
  .topbar .topnav{display:flex!important}
  .topbar .player-search{display:block!important}
}
@media(max-width:1800px){
  .topbar{min-height:62px}
  .topbar .site-wordmark{margin-right:auto!important}
}
@media(max-width:720px){
  .topbar{width:100%!important;min-height:58px;padding:0 12px!important;border-right:0;border-left:0}
  .topbar .site-wordmark{font-size:20px}
  .site-breadcrumbs{min-height:38px;padding-right:7px;gap:7px}
  .site-breadcrumbs a,.site-breadcrumbs>span[aria-current="page"]{min-height:26px;font-size:10px}
  .site-breadcrumbs a:first-of-type::before{width:25px;height:25px;flex-basis:25px}
}