/* The battleVS.ai wordmark (brand kit, 13 Oct 2026: design-system/battlevs-brand/wordmark.css). "battle" and ".ai" in
   Gabarito, "VS" in Luckiest Guy, slanted 12° on a slanted yellow plate. Every page that shows the logo loads this file
   last, so the logo is the same everywhere, whatever the page calls it (bv-wordmark, logo, auth-logo, ct-logo); the
   page's own rules still set its size. Needs Gabarito 800/900 and Luckiest Guy from Google Fonts.
   Markup: <a class="bv-wordmark" href="/" aria-label="battleVS.ai home">battle<span class="vs">VS</span><span class="tld">.ai</span></a> */
:root { --font-vs: "Luckiest Guy", "Gabarito", system-ui, sans-serif; --wm-ink: #F7F3FF; --wm-tld: #BDB3D9; --wm-plate: #FFE14D; --wm-on-plate: #1C1A04; }
:is(.bv-wordmark, .logo, .auth-logo, .ct-logo) {
  align-items: baseline !important; gap: 0 !important; /* display stays the page's: some pages hide a logo on wide screens */ font-family: "Gabarito", "Arial Rounded MT Bold", system-ui, sans-serif !important;
  font-weight: 900 !important; line-height: 1 !important; letter-spacing: -.018em !important; color: var(--wm-ink); text-decoration: none;
}
:is(.bv-wordmark, .logo, .auth-logo, .ct-logo) > .vs {
  position: relative !important; z-index: 0; top: -.073em !important; display: inline-block !important; height: auto !important;
  font-family: var(--font-vs) !important; font-weight: 400 !important; font-size: .826em !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: uppercase;
  padding: 0 .197em 0 .222em !important; margin: 0 -.06em 0 .117em !important; color: var(--wm-on-plate) !important;
  background: none !important; clip-path: none !important; transform: skewX(-11.9deg) !important;
}
:is(.bv-wordmark, .logo, .auth-logo, .ct-logo) > .vs::before {
  content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: -.163em; bottom: .146em; background: var(--wm-plate);
}
:is(.bv-wordmark, .logo, .auth-logo, .ct-logo) > .tld { color: var(--wm-tld) !important; font-weight: 800 !important; letter-spacing: -.008em; }
/* The store's sidebar, collapsed: only the plate shows */
.is-collapsed .sh-side .logo > .vs { font-size: 19px !important; margin: 0 !important; }
.is-collapsed .sh-side .sh-sidetop { padding-top: 10px; }
/* On light backgrounds */
.bv-wordmark--light { --wm-ink: #14161C; --wm-tld: #5E5872; --wm-plate: #FFDC2E; }