/* ═══════════════════════════════════════════════════════════════════════════
   cdn/ducatid-icon.css — THE DUCAT ICON, hosted as an always-works inline glyph
   ═══════════════════════════════════════════════════════════════════════════
   THE OFFER (per the Instruct): a CDN endpoint every site can hotlink to
   render the Ducat mark INLINE — next to a @DucatID, in a button, anywhere.

     <link rel="stylesheet" href="https://ducatid.dev/cdn/ducatid-icon.css">
     <span class="icon-ducat"></span> @alexmorrow

   WHY A MASK, NOT A FONT FILE: the mark is inlined as a data-URI SVG mask —
   zero extra requests, zero font-loading race, works offline, works in
   emails-rendered-as-HTML, works ALL the time. It colors itself with
   `currentColor`, so it inherits any theme (the ducatid.dev mint, the
   small-sums gold — anything). The @font-face block below is the opt-in
   ligature form for teams that prefer font glyphs; it activates only if
   DucatIcon.woff2 is dropped next to this file (graceful: absent font =
   the mask still renders — never a broken glyph).

   Attribution: module written by GitHub Copilot for the DucatID build (2026).
   ═══════════════════════════════════════════════════════════════════════════ */

.icon-ducat {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.12em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23000' stroke-width='14'%3E%3Ccircle cx='200' cy='200' r='180'/%3E%3Ccircle cx='200' cy='200' r='140'/%3E%3Cpath d='M118 118 C150 92 250 92 282 118'/%3E%3Cpath d='M118 282 C150 308 250 308 282 282'/%3E%3C/g%3E%3Cpath d='M155 150h45c18 0 30 11 30 30s-12 30-30 30h-27v40h-18z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23000' stroke-width='14'%3E%3Ccircle cx='200' cy='200' r='180'/%3E%3Ccircle cx='200' cy='200' r='140'/%3E%3Cpath d='M118 118 C150 92 250 92 282 118'/%3E%3Cpath d='M118 282 C150 308 250 308 282 282'/%3E%3C/g%3E%3Cpath d='M155 150h45c18 0 30 11 30 30s-12 30-30 30h-27v40h-18z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* the chip — [LOGO]Name, the canonical way a @DucatID renders everywhere */
.ducat-chip {
  display: inline-flex;
  align-items: center;
  gap: .35em;
  font-family: "DM Mono", ui-monospace, monospace;
}
.ducat-chip .icon-ducat { font-size: 1.05em; }

/* OPTIONAL ligature form — drop DucatIcon.woff2 next to this file to arm it */
@font-face {
  font-family: "DucatIcon";
  src: url("DucatIcon.woff2") format("woff2");
  font-display: block;
  unicode-range: U+E900-E9FF;
}
.ducat-font-glyph { font-family: "DucatIcon", sans-serif; }
.ducat-font-glyph::before { content: "\E900"; }
