/* Versioned by the shared header, including pages with cached base.css.
   Decorative shadows are removed; focus outlines/rings remain available. */
.site-logo-main{
  font-family:"Segoe UI", Roboto, sans-serif;
  font-weight:900;
}
.site-navigation-status{position:fixed;top:90px;left:50%;transform:translateX(-50%);z-index:1000;max-width:90vw;padding:10px 16px;background:#171515;color:#fff;border-radius:8px;font-size:13px;pointer-events:none}
.site-navigation-status[hidden]{display:none}
.site-main .rf-input,.site-main .rf-btn,.site-main .ra-control select{height:30px !important;min-height:30px !important;padding:4px 8px !important}
:root,
:root[data-theme="dark"] {
  --ui-shadow-card:none;
  --shadow-card:none;
  --shadow-1:none;
}

body .site-main :is(.card, [class$="-card"], [class*="-card "],
  .brawler-card-v2, .match-frame, .match-inner, .quick-check-section) {
  box-shadow:none !important;
}

/* Explicit IDs also override the old, highly specific global pill-button rule. */
#quickCheckSection { border-radius:var(--ui-radius-card) !important; }
#quickCheckList .qc-item { border-radius:var(--ui-radius-list-item) !important; }

#resultsList .player-item,
#nameResultsList .name-result-item {
  border-radius:var(--ui-radius-list-item) !important;
  box-shadow:none !important;
}

#quickCheckList .qc-item {
  min-height:0 !important;
  box-shadow:none !important;
}

#quickCheckList .qc-item img {
  filter:none !important;
}

#player-search { border-radius:var(--ui-radius-card) !important; }
#player-search .search-input-row :is(input, button) { border-radius:var(--ui-radius-control) !important; }
.site-main .history-chip {
  min-height:0 !important;
  padding:3px 10px !important;
  height:28px;
  line-height:18px;
  border-radius:8px !important;
}
.site-main .history-chip-close { min-height:0 !important; width:18px; height:18px; padding:0 !important; }
.site-main .history-player-club { display:none !important; }
.auth-btn:not(.secondary), .site-main .auth-btn:not(.secondary), #registerStartBtn, #loginSubmitBtn {
  background:#161414 !important;
  border-color:#161414 !important;
  color:#fff !important;
}
.auth-btn.secondary { background:var(--ui-surface) !important; color:var(--ui-text) !important; }
.auth-btn { border-radius:var(--ui-radius-control) !important; }
.auth-notice-icon { width:22px; height:22px; flex:0 0 22px; object-fit:contain; }
.search-heading-icon { width:24px; height:24px; flex:0 0 24px; object-fit:contain; }
.search-heading { display:flex; align-items:center; gap:8px; }
.search-options-icon { width:18px; height:18px; flex:0 0 18px; object-fit:contain; }
.search-options-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:8px; }
.search-options-row .home-search-option { display:inline-flex; align-items:center; gap:5px; margin:0; font-size:12px; white-space:nowrap; }
.legal-section { padding:0 var(--gutter); background:transparent; border:0; box-shadow:none; border-radius:0; }

/* Page headings share one type scale and one content-top gap. Keep controls,
   section headings, and mobile navigation titles out of these rules. */
:root {
  --site-page-title-size:26px;
  --site-page-top-gap:24px;
}
body .site-main {
  margin-top:0;
  padding-top:var(--site-page-top-gap) !important;
}
body .site-main > .page-root,
body .site-main > .ranked-page {
  margin-top:0 !important;
  padding-top:0 !important;
}
body .site-main :is(.hero-header, .tools-head, .profile-head, .page-header,
  .ranked-header, .brawler-head, .cosmetic-head, .render-head, .update-head) {
  margin-top:0 !important;
  padding-top:0 !important;
}
body .site-main :is(h1, .hero-title-main, .ranked-title),
body > .legal-section > h1,
body .contact-title {
  margin-top:0 !important;
  font-size:var(--site-page-title-size) !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}
body .site-main .ranked-title { margin-bottom:0; }
body .site-main .profile-head { align-items:flex-start; }
body > .legal-section { margin-top:var(--site-page-top-gap); }
/* Decorative page-intro frames previously added a second top inset. The
   content cards below these headings keep their own padding and appearance. */
body .site-main :is(.render-hero, .reward-tool-hero, .skins-header),
body .competitive-main > .competitive-hero {
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  min-height:0;
  align-items:flex-start;
}
body .site-main .bsc26-hero { align-items:flex-start; }
body .site-main .bsc26-hero-title { order:-1; }
body .competitive-main > .competitive-hero > div:has(> h1) { display:flex; flex-direction:column; }
body .competitive-main > .competitive-hero h1 { order:-1; }
body .contact-page { padding-top:var(--site-page-top-gap); }
body .contact-page > .contact-head { max-width:1200px; margin:0 auto 16px; padding:0; border:0; }
@media (max-width:900px) {
  :root { --site-page-title-size:22px; --site-page-top-gap:20px; }
}

/* Monochrome navigation emphasis. */
.site-nav-item,
.site-nav a,
.site-nav .site-lang-trigger {
  border-radius:var(--ui-radius-control) !important;
}

.site-nav-item:not(.is-active):hover,
.site-nav a:not(.is-active):hover,
.site-nav .site-lang-trigger:hover {
  border-radius:var(--ui-radius-control) !important;
}

.site-nav-item.is-active,
.site-nav a.is-active {
  border-color:var(--ui-text) !important;
  border-radius:var(--ui-radius-control) !important;
  background:var(--ui-surface-hover) !important;
  color:var(--ui-text) !important;
  font-weight:900 !important;
}

/* Keep the language picker flat and use a neutral row highlight for the
   selected language. */
.site-lang-dropdown {
  width: min(420px, calc(100vw - 24px)) !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}

.site-nav .site-lang-dropdown .site-lang-grid,
.site-nav .site-lang-dropdown .site-lang-grid-game {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
}

.site-nav .site-lang-dropdown a.site-lang-option,
.site-nav .site-lang-dropdown button.site-lang-option,
.site-nav a.site-lang-option.is-active,
.site-header--beta-mobile .site-nav .site-lang-dropdown a.site-lang-option.is-active {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  min-height: 36px;
  padding: 7px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--ui-text) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.site-nav .site-lang-dropdown a.site-lang-option.is-active,
.site-nav .site-lang-dropdown button.site-lang-option.is-active,
.site-header--beta-mobile .site-nav .site-lang-dropdown a.site-lang-option.is-active {
  background: var(--ui-surface-hover) !important;
  border-color: transparent !important;
  color: var(--ui-text) !important;
}
.site-lang-title {
  padding-left:0 !important;
}
.site-lang-option.is-active {
  border-color:transparent !important;
  background:var(--ui-surface-hover) !important;
  color:var(--ui-text) !important;
}
.site-lang-option.is-active::after {
  display:none !important;
}
@media (max-width:900px) {
  .site-mobile-page-toolbar {
    position:sticky !important;
    top:0 !important;
    z-index:510 !important;
  }
  .site-mobile-page-toolbar .settings-page-toolbar-center {
    grid-column:2 !important;
    width:100%;
    min-width:0;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
    text-align:center !important;
  }
  .site-mobile-page-toolbar .settings-page-toolbar-logo {
    display:block;
    width:100%;
    max-width:100%;
    color:var(--ui-text) !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    white-space:normal !important;
  }
  .site-mobile-page-toolbar .settings-page-toolbar-title {
    width:100%;
    font-weight:800 !important;
    text-align:center !important;
  }
  .site-header--beta-mobile .site-nav-item.is-active,
  .site-header--beta-mobile .site-nav a.is-active {
    border:0 !important;
    border-radius:0 !important;
    background:var(--ui-surface-hover) !important;
    color:var(--ui-text) !important;
    box-shadow:none !important;
    font-weight:900 !important;
  }
  .site-header--beta-mobile .site-nav-item:not(.is-active):hover,
  .site-header--beta-mobile .site-nav a:not(.is-active):hover,
  .site-header--beta-mobile .site-nav .site-lang-trigger:hover,
  .site-header--beta-mobile .site-lang-menu[open] .site-lang-trigger {
    border:0 !important;
    border-radius:0 !important;
    background:var(--ui-surface-hover) !important;
    color:var(--ui-text) !important;
    box-shadow:none !important;
  }
  .site-header--beta-mobile .site-nav-item.is-active .site-nav-label,
  .site-header--beta-mobile .site-nav a.is-active .site-nav-label {
    font-weight:900 !important;
  }
}