/* Gebietskarte auf statischen Questseiten (scripts/seo-questkarte.mjs): Bild aus images/zonenkarten/ + Markierungen in Prozent, ohne JavaScript.
   Farben wie im Kartenfenster (loot/zonenkarten.css): Annehmen gold „!“, Erledigen kupfer „•“, Abgeben grün „?“. */
.qk-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 10px;color:var(--mut);font-size:14px}
.qk-legend span{display:inline-flex;align-items:center;gap:6px}
.qk-legend i,.qk-pin i{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;border:2px solid #1a1300;color:#1a1300;font:800 12px/1 -apple-system,"Segoe UI",sans-serif;font-style:normal;background:var(--gold)}
.qk-legend i{width:20px;height:20px}
i.qk-ziel{background:#ff8a6a}i.qk-end{background:#9be56a}
.qk{margin:0 0 14px;max-width:820px}
.qk-map{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#d9c9a0;aspect-ratio:1000/667}
.qk-map img{display:block;width:100%;height:auto}
.qk-pin{position:absolute;z-index:1;display:flex;align-items:center;gap:3px;transform:translate(-12px,-50%)}
.qk-pin.qk-l{flex-direction:row-reverse;transform:translate(calc(-100% + 12px),-50%)}
.qk-pin i{width:24px;height:24px;font-size:14px;box-shadow:0 0 0 4px rgba(245,197,66,.35),0 2px 6px rgba(0,0,0,.45)}
.qk-pin i.qk-ziel{box-shadow:0 0 0 4px rgba(255,138,106,.35),0 2px 6px rgba(0,0,0,.45)}
.qk-pin i.qk-end{box-shadow:0 0 0 4px rgba(155,229,106,.35),0 2px 6px rgba(0,0,0,.45)}
.qk-pin em{margin:0 4px;white-space:nowrap;padding:1px 7px;border-radius:6px;background:rgba(7,13,24,.84);color:#fff;font:700 13px/1.5 -apple-system,"Segoe UI",sans-serif;font-style:normal}
.qk figcaption{margin-top:6px;color:var(--mut);font-size:14px;line-height:1.45}
.qk-credit{margin-top:0}
@media(max-width:620px){
 .qk-pin{transform:translate(-9px,-50%)}.qk-pin.qk-l{transform:translate(calc(-100% + 9px),-50%)}
 .qk-pin i{width:18px;height:18px;font-size:11px;border-width:1.5px;box-shadow:0 0 0 3px rgba(245,197,66,.35),0 1px 4px rgba(0,0,0,.45)}
 .qk-pin em{font-size:11px;padding:0 5px;margin:0 2px;max-width:42vw;overflow:hidden;text-overflow:ellipsis}
}