.compass.svelte-curwrj{--ring-size: 52px;--tick-radius: calc(var(--ring-size) / 2);--mark-radius: calc(var(--ring-size) / 2 - var(--space-3));--press-band: color-mix(in oklch, var(--color-gray-50) 10%, transparent);position:relative;width:var(--face-size);height:var(--face-size);background:var(--color-overlay-hud);border-radius:var(--radius-md);pointer-events:none;color-scheme:dark}.ring.svelte-curwrj{position:absolute;top:var(--space-3);left:50%;width:var(--ring-size);height:var(--ring-size);margin-left:calc(-1 * var(--ring-size) / 2);border-radius:var(--radius-full)}.compass.interactive.svelte-curwrj .ring:where(.svelte-curwrj){pointer-events:auto;cursor:crosshair}.band.svelte-curwrj{position:absolute;inset:0;border:var(--space-2) solid var(--press-band);border-radius:var(--radius-full)}.rose.svelte-curwrj{position:absolute;inset:0;border-radius:var(--radius-full);transform:rotate(var(--rose-turn))}.tick.svelte-curwrj{position:absolute;top:50%;left:50%;width:1px;height:2px;margin-top:-1px;margin-left:-.5px;background:var(--color-gray-600);transform:rotate(var(--mark-turn)) translateY(calc(-1 * var(--tick-radius)))}.tick.cardinal.svelte-curwrj{height:var(--space-1);margin-top:calc(-1 * var(--space-1) / 2);background:var(--color-gray-300)}.tick.north.svelte-curwrj{width:2px;margin-left:-1px;background:var(--color-brand-400)}.mark.svelte-curwrj{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:var(--space-4);height:var(--space-4);margin:calc(-1 * var(--space-4) / 2) 0 0 calc(-1 * var(--space-4) / 2);padding:0;background:none;border:none;border-radius:var(--radius-full);color:var(--color-gray-300);font-family:var(--font-sans);font-size:var(--text-3xs);font-weight:var(--font-semibold);line-height:var(--leading-none);transform:rotate(var(--mark-turn)) translateY(calc(-1 * var(--mark-radius))) rotate(calc(-1 * var(--mark-turn) - var(--rose-turn)))}.mark.north.svelte-curwrj{color:var(--color-brand-400)}button.mark.svelte-curwrj{cursor:crosshair}button.mark.svelte-curwrj:focus-visible{outline:2px solid var(--color-brand-400);outline-offset:-1px}.pointer-tick.svelte-curwrj{position:absolute;top:50%;left:50%;width:2px;height:var(--space-2);margin-top:calc(-1 * var(--space-2) / 2);margin-left:-1px;background:var(--color-brand-400);border-radius:var(--radius-full);transform:rotate(var(--pointer-turn)) translateY(calc(-1 * var(--tick-radius)))}.pointer-readout.svelte-curwrj{position:absolute;top:calc(50% + var(--pointer-y));left:calc(50% + var(--pointer-x));transform:translate(var(--space-3),var(--space-2));padding:0 var(--space-1);background:var(--color-overlay-hud);border-radius:var(--radius-sm);color:var(--color-gray-50);font-family:var(--font-mono);font-size:var(--text-4xs);font-variant-numeric:tabular-nums;line-height:var(--leading-relaxed);white-space:nowrap}.marker.svelte-curwrj{position:absolute;top:calc(-1 * var(--space-2));left:50%;width:0;height:0;margin-left:calc(-1 * var(--space-1));border-inline:var(--space-1) solid transparent;border-top:6px solid var(--color-gray-50)}.readout.svelte-curwrj{position:absolute;bottom:var(--space-1);left:0;width:100%;color:var(--color-gray-50);font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;line-height:var(--leading-none);letter-spacing:var(--tracking-wide);text-align:center}.indicator.svelte-5uc53t{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--space-4);height:var(--space-4)}