/* Theme UI additions */
.bs-header{
  position:sticky; top:0; z-index: 50;
  backdrop-filter: blur(10px);
  background: color-mix(in oklab, var(--bs-bg) 80%, transparent);
  border-bottom: 1px solid var(--bs-border);
}
.bs-header__inner{display:flex; align-items:center; justify-content:space-between; padding: 12px 0; gap:12px}
.bs-brand{display:flex; align-items:center; gap:12px}
.bs-brand__logo{width:40px; height:40px; border-radius: 14px; border:1px solid var(--bs-border); background: linear-gradient(135deg, rgba(212,175,55,.22), rgba(10,31,68,.22)); display:grid; place-items:center}
.bs-brand__name{font-weight: 800; letter-spacing:.02em}
.bs-brand__tag{font-size:12px; color: var(--bs-muted)}

.bs-nav{display:flex; gap:14px; align-items:center}

.bs-nav__list{
  list-style:none; margin:0; padding:0;
  display:flex; gap:14px; align-items:center;
}
.bs-nav__list li{margin:0; padding:0}
.bs-nav__list a{display:block; padding: 10px 10px; border-radius: 999px; color: var(--bs-muted)}
.bs-nav__list a:hover{color: var(--bs-text); background: rgba(255,255,255,.04)}
.bs-nav__list .current-menu-item > a,
.bs-nav__list .current_page_item > a{color: var(--bs-text); border:1px solid rgba(212,175,55,.45); background: rgba(212,175,55,.08)}

.bs-mobile__list{
  list-style:none; margin:0; padding:0;
}
.bs-mobile__list li{margin:0 0 10px}
.bs-mobile__list a{display:block; padding:12px 14px; border-radius: 14px; border:1px solid var(--bs-border); color: var(--bs-text); background: rgba(255,255,255,.03)}
.bs-mobile__list a:hover{border-color: rgba(212,175,55,.55); background: rgba(212,175,55,.08)}

.bs-brand__logo .custom-logo-link{display:grid; place-items:center}
.bs-brand__logo img{max-height:40px; width:auto; height:auto}

/* legacy anchor styles (if any) */
.bs-nav a{padding: 10px 10px; border-radius: 999px; color: var(--bs-muted)}
.bs-nav a:hover{color: var(--bs-text); background: rgba(255,255,255,.04)}
.bs-nav .current-menu-item > a,
.bs-nav .current_page_item > a{color: var(--bs-text); border:1px solid rgba(212,175,55,.45); background: rgba(212,175,55,.08)}

.bs-header__actions{display:flex; gap:10px; align-items:center}
.bs-iconbtn{
  width:44px; height:44px; border-radius:999px;
  border:1px solid var(--bs-border);
  background: rgba(255,255,255,.03);
  display:grid; place-items:center; cursor:pointer;
}
.bs-iconbtn:hover{border-color: rgba(212,175,55,.55); background: rgba(212,175,55,.08)}
.bs-lang{display:flex; gap:10px; align-items:center}
.bs-lang a{font-size:12px; opacity:.9; padding:8px 10px; border-radius: 999px; border:1px solid var(--bs-border)}
.bs-lang a:hover{border-color: rgba(212,175,55,.55)}
.bs-lang .current-lang{border-color: rgba(212,175,55,.65); background: rgba(212,175,55,.10)}

.bs-mobile-toggle{display:none}
@media (max-width: 980px){
  .bs-nav{display:none}
  .bs-mobile-toggle{display:grid}
}
.bs-mobilepanel{
  display:none;
  position:fixed; inset: 70px 0 auto 0; padding: 16px;
  background: color-mix(in oklab, var(--bs-bg) 92%, transparent);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--bs-border);
  z-index: 60;
}
.bs-mobilepanel.is-open{display:block}
.bs-mobilepanel nav a{display:block; padding:12px 14px; border-radius: 14px; border:1px solid var(--bs-border); margin-bottom:10px; color: var(--bs-text); background: rgba(255,255,255,.03)}
.bs-mobilepanel nav a:hover{border-color: rgba(212,175,55,.55); background: rgba(212,175,55,.08)}

.bs-player-hero{
  padding: 24px;
  display:grid; grid-template-columns: 1.2fr .8fr; gap:16px;
}
@media (max-width: 900px){ .bs-player-hero{grid-template-columns: 1fr} }

.bs-statgrid{display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:10px}
@media (max-width: 900px){ .bs-statgrid{grid-template-columns: repeat(2, minmax(0,1fr))} }
.bs-stat{padding: 12px; border-radius: 16px; border:1px solid var(--bs-border); background: rgba(255,255,255,.03)}
.bs-stat .k{font-size: 12px; color: var(--bs-muted)}
.bs-stat .v{font-size: 20px; font-weight: 800; margin-top: 3px}

.bs-roster{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px}
@media (max-width: 900px){ .bs-roster{grid-template-columns: repeat(2, minmax(0,1fr))} }
@media (max-width: 620px){ .bs-roster{grid-template-columns: 1fr} }

.bs-form input, .bs-form textarea{
  width:100%;
  padding: 12px 12px;
  border-radius: 14px;
  border:1px solid var(--bs-border);
  background: rgba(255,255,255,.03);
  color: var(--bs-text);
}
.bs-form textarea{min-height: 140px; resize: vertical}
.bs-form label{display:block; margin: 10px 0 6px; color: var(--bs-muted); font-size: 13px}
.bs-form button{margin-top: 10px}

.bs-breadcrumbs{color: var(--bs-muted); font-size: 13px; margin-top: 10px}
.bs-breadcrumbs a{color: var(--bs-muted)}
.bs-breadcrumbs a:hover{color: var(--bs-text)}

.bs-share{display:flex; gap:10px; flex-wrap:wrap}
.bs-share a{font-size: 13px; padding: 10px 12px; border-radius: 999px; border:1px solid var(--bs-border); background: rgba(255,255,255,.03)}
.bs-share a:hover{border-color: rgba(212,175,55,.55); background: rgba(212,175,55,.08)}