/* David Kitchell — a legally-distinct pedantic marble bust */
#dk-wrap { position: fixed; left: 14px; bottom: 14px; z-index: 64; display: flex; align-items: flex-end; gap: 8px; max-width: min(340px, 92vw); }
#dkitchell { width: 74px; height: 90px; cursor: pointer; flex: 0 0 auto; filter: drop-shadow(0 4px 6px rgba(0,0,0,.35)); transform-origin: 50% 90%; }
#dkitchell:focus-visible { outline: 2px solid #6a86c9; outline-offset: 4px; border-radius: 10px; }
#dkitchell.harrumph { animation: dkHarrumph .5s ease; }
@keyframes dkHarrumph { 0%,100% { transform: translateY(0) rotate(0); } 30% { transform: translateY(-4px) rotate(-2deg); } 60% { transform: translateY(0) rotate(2deg); } }
.dk-bubble { position: relative; background: #f4f1ea; color: #23211e; border: 1px solid #cdc9c0; border-radius: 14px; padding: 11px 13px; box-shadow: 0 10px 26px rgba(0,0,0,.3); font: 600 0.8rem/1.42 ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; opacity: 0; transform: translateY(6px); transition: opacity .18s ease, transform .18s ease; pointer-events: none; max-width: 258px; }
.dk-bubble.show { opacity: 1; transform: translateY(0); }
.dk-bubble::after { content: ""; position: absolute; left: -8px; bottom: 20px; border: 8px solid transparent; border-right-color: #f4f1ea; border-left: 0; }
.dk-bubble .dk-name { display: block; font: 800 0.56rem/1 ui-sans-serif, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #9a7b3a; margin-bottom: 4px; }
@media (prefers-color-scheme: dark) {
  .dk-bubble { background: #211f1c; color: #ece9e2; border-color: #37342f; }
  .dk-bubble::after { border-right-color: #211f1c; }
  .dk-bubble .dk-name { color: #d9b25a; }
}
@media (prefers-reduced-motion: reduce) { #dkitchell.harrumph { animation: none; } }