/* v67: the SVG frames the unchanged 2000 px PNG; it does not trace or upscale it.
   Use natural aspect ratio, full color and normal image interpolation everywhere. */
.brand-custom-image {
  --brand-width: 180px;
  display: block;
  width: var(--brand-width) !important;
  height: auto !important;
  max-width: 100%;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  image-rendering: auto !important;
  filter: none !important;
}
.site-header.is-sticky .brand-custom-image { --brand-width: 152px; }
.site-footer .brand-custom-image { --brand-width: 200px; }
.admin-sidebar-brand .brand-custom-image { --brand-width: 174px; }
.access-symbol .brand-custom-image { --brand-width: 132px; }
.site-footer .brand-custom-image,
body.home-page .site-footer .brand-custom-image { filter: none !important; }
.logo-edit-preview > .brand-custom-image { --brand-width: 100%; padding: 6px; }
.identity-preview #identity-preview-symbol > .brand-custom-image { --brand-width: 174px; }

.game-brand__logo--v67 {
  --game-logo-width: 148px;
  width: var(--game-logo-width) !important;
  min-width: var(--game-logo-width) !important;
  max-width: var(--game-logo-width) !important;
  height: auto !important;
  aspect-ratio: 1960 / 780;
}
.game-brand__logo--v67 img {
  display: block;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  image-rendering: auto !important;
  filter: none !important;
}
@media (max-width: 700px) {
  .site-header .brand-custom-image { --brand-width: 160px; }
}
@media (max-width: 380px) {
  .site-header .brand-custom-image { --brand-width: 146px; }
}
@media (max-height: 600px), (max-width: 760px) {
  /* Keep the logo inside the existing mobile HUD slot. */
  .game-brand__logo--v67 { --game-logo-width: 82px; }
  .dfp-game .game-brand,
  .dfp-game.is-playing .game-brand { transform: none !important; }
}