.compass-dial{width:100%;color:var(--ink);position:relative}.compass-frame{width:100%;position:relative}.compass-underlay{z-index:0;pointer-events:none;position:absolute;inset:0}.compass-host{opacity:0;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 14px),#0000 100%),linear-gradient(#0000 0,#000 14px calc(100% - 14px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14px calc(100% - 14px),#0000 100%),linear-gradient(#0000 0,#000 14px calc(100% - 14px),#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.compass-svg{z-index:1;width:100%;height:auto;display:block;position:relative;overflow:visible}.compass-svg text{font-family:var(--font-body)}.compass-base{transition:opacity .7s var(--ease-out), transform .9s var(--ease-out)}.compass-drop{filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--ink) 12%, transparent)) drop-shadow(0 14px 18px color-mix(in srgb, var(--ink) 13%, transparent))}.compass-rings,.compass-glyph,.compass-overlay{transition:opacity .5s var(--ease-out)}.compass-needle,.compass-needle-body{transition:transform .9s var(--ease-spring)}[data-poster=tilted] .compass-base{transform:scaleY(var(--compass-tilt,1))}[data-bare=on] .compass-rings,[data-bare=on] .compass-glyph,[data-bare=on] .compass-overlay-art{opacity:0}[data-gl=on] .compass-host{opacity:1}[data-gl=on] .compass-base,[data-gl=on] .compass-glyph{opacity:0;transition:none}[data-gl=on] .compass-overlay-art{opacity:var(--label-o,0)}[data-gl=on][data-pickable=off] .compass-targets{visibility:hidden}.compass-leader{fill:none;stroke:var(--line);stroke-width:1px;stroke-linejoin:round;transition:stroke .2s var(--ease-out)}.compass-leader[data-selected=true]{stroke:var(--accent)}.compass-label{cursor:pointer}.compass-label text,.compass-caption,.compass-numeral{paint-order:stroke;stroke:var(--paper);stroke-width:3px;stroke-linejoin:round}.compass-label-name{fill:var(--ink);font-weight:500}.compass-label[data-near=false] .compass-label-name{fill:var(--muted);font-weight:400}.compass-label[data-selected=true] .compass-label-name{fill:var(--accent-text)}.compass-label-count{fill:var(--muted)}.compass-caption{fill:var(--accent-text);font-size:13px;font-weight:500}.compass-numeral{fill:var(--ink);font-variant-numeric:tabular-nums;pointer-events:none;font-size:11px;font-weight:500}.compass-point{cursor:pointer;outline:none}.compass-hit{fill:#0000}.compass-focus{fill:none;stroke:var(--accent-text);stroke-width:2px;opacity:0;transition:opacity .12s}.compass-point:focus-visible .compass-focus{opacity:1}.compass-glyph-fill{fill:var(--accent)}.compass-glyph-hollow{fill:var(--surface);stroke:var(--ink);stroke-width:1.5px}.compass-glyph-halo{fill:var(--accent);opacity:0;transition:opacity .24s var(--ease-out)}.compass-point[data-selected=true] .compass-glyph-halo{opacity:.18}.compass-glyph-body{transform-box:fill-box;transform-origin:50%;transition:transform .4s var(--ease-spring)}.compass-point[data-selected=true] .compass-glyph-body{transform:scale(1.35)}.compass-point:hover .compass-glyph-body{transform:scale(1.18)}.compass-point[data-selected=true]:hover .compass-glyph-body{transform:scale(1.35)}.compass-list{margin-top:var(--space-4);border-top:1px solid var(--line)}.compass-list li{border-bottom:1px solid var(--line)}.compass-list-item{align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2) var(--space-2);text-align:left;cursor:pointer;color:var(--ink);background:0 0;border:0;display:flex}.compass-list-item[aria-pressed=true]{background:var(--surface)}.compass-list-rank{width:28px;font-family:var(--font-display);font-size:var(--text-l);color:var(--accent-text);font-variant-numeric:tabular-nums;flex:none}.compass-list-rank-far{border:1.5px solid var(--ink);border-radius:50%;width:10px;height:10px;margin-left:4px;display:block}.compass-list-name{font-size:var(--text-m);flex:1;font-weight:500}.compass-list-item[data-near=false] .compass-list-name{color:var(--muted);font-weight:400}.compass-list-count{font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.compass-list-item:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.compass-host,.compass-base,.compass-needle,.compass-needle-body,.compass-glyph-body{transition:none}}