/* D3VONN.IO official uploaded logo — preserve the approved artwork exactly. */
img[src^="/d3vonn-logo.webp"],
img[src^="/d3vonn-main-logo.svg"] {
  display: block;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  image-rendering: auto;
  filter: drop-shadow(0 0 22px rgba(37, 126, 255, 0.38));
}

/* Use the main D3VONN.IO logo inside the Command Interface and show the full image. */
img[alt="D3VONN.IO D3 Core"] {
  content: url('/d3vonn-main-logo.svg?v=20260726-command-interface');
  position: absolute !important;
  inset: 0 !important;
  z-index: 10;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  padding: 12px !important;
  border-radius: inherit;
  object-fit: contain !important;
  object-position: center !important;
  filter: saturate(1.08) contrast(1.04) drop-shadow(0 0 32px rgba(62, 155, 255, 0.48));
}

/* Convert the former portrait artwork slot into a landscape logo surface. */
div:has(> img[alt="D3VONN.IO D3 Core"]) {
  min-height: 0 !important;
  aspect-ratio: 900 / 492;
}

/* Keep status controls readable above the full logo image. */
img[alt="D3VONN.IO D3 Core"] ~ span {
  z-index: 20;
  backdrop-filter: blur(12px);
  background: rgba(2, 11, 28, 0.72) !important;
}

/* Remove the old Core 01 badge from the image display. */
img[alt="D3VONN.IO D3 Core"] ~ span:first-of-type {
  display: none !important;
}

.d3vonn-main-brand-surface {
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 24% 45%, rgba(31, 150, 255, 0.28), transparent 34%),
    linear-gradient(135deg, #010611 0%, #061a3b 50%, #01040b 100%);
}