.coordinate-explorer-hud-container.svelte-1aoael8{width:100%;height:100%;box-sizing:border-box;display:block;position:relative;pointer-events:none}.hud-controls-top-left.svelte-1aoael8{position:absolute;top:0;left:0;z-index:10;display:flex;flex-direction:row;pointer-events:auto}.hud-controls-bottom-center.svelte-1aoael8{position:absolute;bottom:var(--space-s);left:50%;transform:translate(-50%);z-index:10;pointer-events:auto}.mode-toggle-buttons-group.svelte-1aoael8{display:flex;border:1px solid var(--color-border, #cccccc);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);background-color:var(--color-surface-overlay, hsla(0, 0%, 100%, .9));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mode-toggle-buttons-group.svelte-1aoael8 .mode-button:where(.svelte-1aoael8){padding:var(--space-xs) var(--space-s);border:none;pointer-events:auto;background-color:var(--color-surface, white);color:var(--color-text-secondary, #333333);cursor:pointer;transition:background-color .2s,color .2s;position:relative;line-height:1.2}.mode-toggle-buttons-group.svelte-1aoael8 .mode-button:where(.svelte-1aoael8):hover:not(.active){background-color:var(--color-surface-hover, #f5f5f5);color:var(--color-text-primary, black)}.mode-toggle-buttons-group.svelte-1aoael8 .mode-button.active:where(.svelte-1aoael8){background-color:var(--color-accent, #007bff);color:var(--color-white);font-weight:500}