.bdhi-compass{width:100%;max-width:420px;margin:0 auto}.bdhi-compass svg{width:100%;height:auto;display:block;overflow:visible}.bdhi-compass__grid{stroke:var(--color-border,#b48c6440);stroke-width:1px}.bdhi-compass__active{stroke:var(--color-text,#3d2e1f);stroke-width:1.5px;stroke-dasharray:5 4;opacity:.55;pointer-events:none}.bdhi-compass__core{fill:#f0551f;stroke:var(--color-card,#fff);stroke-width:3px}.bdhi-compass__needle-tip{fill:var(--color-text,#3d2e1f);stroke:var(--color-card,#fff);stroke-width:1.5px;stroke-linejoin:round}.bdhi-compass__needle-tail{fill:var(--color-text-secondary,#8c7a68);stroke:var(--color-card,#fff);stroke-width:1.5px;stroke-linejoin:round}.bdhi-compass__pivot{fill:var(--color-card,#fff);stroke:var(--color-text,#3d2e1f);stroke-width:2px}.bdhi-compass__name{letter-spacing:.04em;fill:var(--color-text-secondary,#8c7a68);font-size:12px;font-weight:700}.bdhi-compass__name.is-active{fill:var(--color-text,#3d2e1f)}.bdhi-compass__hit{fill:#0000;cursor:pointer}.bdhi-compass__hit:focus-visible{outline:2px solid var(--color-text,#3d2e1f);outline-offset:-2px}