/* Keep the supplied vertical calligraphy intact in existing brand components. */
img[src='/lucky-wheel-public-20261107/branding/changchunxu-logo-v2.png'] {
  display: block;
  width: 24px !important;
  height: 44px !important;
  max-width: none;
  max-height: none;
  flex-shrink: 0;
  object-fit: contain !important;
  object-position: center;
  border-radius: 0 !important;
  background: transparent !important;
}

div:has(> img[src='/lucky-wheel-public-20261107/branding/changchunxu-logo-v2.png']:only-child) {
  width: 24px !important;
  height: 44px !important;
  min-width: 24px;
  flex-shrink: 0;
  aspect-ratio: auto;
  overflow: visible !important;
  border-radius: 0 !important;
}

a:has(> div > img[src='/lucky-wheel-public-20261107/branding/changchunxu-logo-v2.png']) {
  min-height: 44px;
}

/* The collapsed sidebar has a 32px button; fit the whole artwork inside it. */
[data-collapsible='icon'] img[src='/lucky-wheel-public-20261107/branding/changchunxu-logo-v2.png'],
[data-collapsible='icon'] div:has(> img[src='/lucky-wheel-public-20261107/branding/changchunxu-logo-v2.png']:only-child) {
  width: 17px !important;
  height: 30px !important;
  min-width: 17px;
}

footer img[src='/lucky-wheel-public-20261107/branding/changchunxu-logo-v2.png'] {
  width: 36px !important;
  height: 68px !important;
}

/* Theme follows the app toggle while preserving the transparent ink edges. */
.dark img[src='/lucky-wheel-public-20261107/branding/changchunxu-logo-v2.png'] {
  filter: brightness(0) invert(90%);
}