/* Qibla direction widget - compass rose (SVG built with createElementNS). */
.qb-rose { display: block; width: min(220px, 70vw); height: auto; margin: 12px auto 4px; }
.qb-ring { fill: var(--e-surface); stroke: var(--e-line-strong); stroke-width: 2; }
.qb-tick { stroke: var(--e-ink-3); stroke-width: 1.2; }
.qb-card { font: 700 15px var(--e-font); fill: var(--e-ink-2); }
.qb-north { fill: var(--e-bad); }
.qb-arrow { stroke: var(--e-accent-fg); stroke-width: 5; stroke-linecap: round; }
.qb-head { fill: var(--e-accent-fg); }
.qb-hub { fill: var(--e-ink); }