/*
 * Dant3 canonical logo presentation — presentation only.
 * Loaded after the legacy dragon stylesheet so the exact locked artwork is
 * deterministic on every page that uses Dant3DragonMark.
 */

.dant3-official-logo {
  position: relative;
  display: block;
  max-width: 100%;
  overflow: hidden;
  content: normal !important;
  isolation: isolate;
  object-fit: initial;
  object-position: initial;
}

.dant3-theme-logo {
  position: absolute;
  inset: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: calc(0.45rem - 2px);
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  user-select: none;
}

html[data-theme^="dark-"] .dant3-official-logo,
html.dark:not([data-theme]) .dant3-official-logo {
  content: normal !important;
  background: #08090b;
  border-color: color-mix(in oklab, var(--primary) 34%, var(--border));
  filter: drop-shadow(0 0 7px rgb(255 48 79 / 42%)) drop-shadow(0 10px 18px rgb(180 0 34 / 26%));
}

html[data-theme^="light-"] .dant3-official-logo,
html.light .dant3-official-logo {
  content: normal !important;
  background: #f5f3ee;
  border-color: color-mix(in oklab, var(--border) 78%, transparent);
  filter: none;
}