/* Black Ops One title — no per-letter image assets required. */
@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');

#topNavBar #liveMapTitle.tg-blackops-title {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: clamp(5px, .85vw, 13px);
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow: visible;
  position: relative;
  isolation: isolate;
  font-family: 'Black Ops One', Impact, 'Arial Black', sans-serif !important;
  font-weight: 400;
  font-size: clamp(18px, 2.15vw, 32px) !important;
  line-height: 1.2;
  letter-spacing: .045em;
  color: #f5f0e9;
  text-shadow: 0 2px 2px #080606, 0 0 9px rgba(186,76,38,.4);
  animation: none !important;
}
#liveMapTitle.tg-blackops-title .tg-blackops-name,
#liveMapTitle.tg-blackops-title .tg-blackops-map {
  display: inline-block;
  flex: 0 0 auto;
  color: #f5f0e9;
}
#liveMapTitle.tg-blackops-title .tg-blackops-divider {
  color: #c66b41;
  flex: 0 0 auto;
  text-shadow: 0 0 6px rgba(236,94,44,.52);
}
@media (min-width: 601px) and (max-width: 1180px) {
  #topNavBar #liveMapTitle.tg-blackops-title {
    font-size: clamp(14px, 1.7vw, 22px) !important;
    gap: clamp(3px, .55vw, 8px);
    letter-spacing: .02em;
  }
}
@media (max-width: 600px) {
  #topNavBar { grid-template-columns: minmax(0, 1fr) auto; }
  #topNavBar #liveMapTitle.tg-blackops-title {
    grid-column: 1 / -1;
    grid-row: 1;
    order: initial;
    width: 100%;
    justify-self: center;
    margin: 0;
    padding: 4px 2px;
    font-size: clamp(12px, 3.55vw, 21px) !important;
    letter-spacing: 0;
    gap: clamp(3px, .85vw, 7px);
  }
  #topNavBar > .navLeft { grid-column: 1; grid-row: 2; }
  #topNavBar > .navRight { grid-column: 2; grid-row: 2; }
}
@media (max-width: 350px) {
  #topNavBar #liveMapTitle.tg-blackops-title {
    font-size: 11px !important;
    gap: 3px;
  }
}


/* Black Ops One — main panel and section titles only.
   Body copy, controls, names, input fields, and statistics retain their fonts. */
:where(
  .tree-admin-header,
  .tree-admin-panel-heading h3,
  .tree-admin-card-title,
  .tree-admin-allies-section-title,
  .tree-console-heading > div:first-child,
  .tree-player-directory-title h2,
  .tree-directory-section-title > strong,
  .tree-directory-section-title > span:first-child,
  .tree-card-heading h4,
  .tree-profile-border-heading,
  .tree-garage-section-title strong,
  .tree-garage-heading strong,
  .tree-poll-header h2,
  #treePollTitle,
  .tree-send-step-title > span,
  .tree-leaderboard-card > header h4
) {
  font-family: 'Black Ops One', Impact, 'Arial Black', sans-serif !important;
  font-weight: 400;
  letter-spacing: .025em;
  text-transform: uppercase;
  overflow-wrap: break-word;
}
@media (max-width: 600px) {
  :where(
    .tree-admin-panel-heading h3,
    .tree-admin-card-title,
    .tree-player-directory-title h2,
    .tree-directory-section-title > strong,
    .tree-card-heading h4,
    .tree-profile-border-heading,
    #treePollTitle
  ) {
    letter-spacing: 0;
    line-height: 1.25;
  }
}