.hud.svelte-1oinr0x{--c1:var(--hud-bracket-color);--c2:var(--hud-bracket-color-alt);background:var(--panel);min-width:0;color:var(--text);border:var(--border-width) solid var(--hud-line);transition:border-color var(--duration-hud) var(--ease-out), box-shadow var(--duration-hud) var(--ease-out), transform var(--duration-hud) var(--ease-hud);display:block;position:relative}.tone-secondary.svelte-1oinr0x{--c1:var(--hud-bracket-color-alt);--c2:var(--hud-bracket-color)}.grid.svelte-1oinr0x{background:var(--grid-bg), var(--panel)}.pad-none.svelte-1oinr0x{padding:0}.pad-sm.svelte-1oinr0x{padding:var(--space-3)}.pad-md.svelte-1oinr0x{padding:var(--space-4)}.pad-lg.svelte-1oinr0x{padding:var(--space-5)}@media (min-width:640px){.pad-md.svelte-1oinr0x{padding:var(--space-5)}.pad-lg.svelte-1oinr0x{padding:var(--space-6)}}.hud.svelte-1oinr0x:before,.hud.svelte-1oinr0x:after,.corner.svelte-1oinr0x{content:"";width:var(--hud-bracket-size);height:var(--hud-bracket-size);border:var(--hud-bracket-width) solid var(--c1);pointer-events:none;transition:transform var(--duration-hud) var(--ease-hud);position:absolute}.hud.svelte-1oinr0x:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.hud.svelte-1oinr0x:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.corner.svelte-1oinr0x{border-color:var(--c2)}.tr.svelte-1oinr0x{border-bottom:0;border-left:0;top:-1px;right:-1px}.bl.svelte-1oinr0x{border-top:0;border-right:0;bottom:-1px;left:-1px}.hud-label.svelte-1oinr0x{margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--primary)}.prefix.svelte-1oinr0x{margin-inline-end:1ch}.tone-secondary.svelte-1oinr0x .hud-label:where(.svelte-1oinr0x){color:var(--secondary)}.interactive.svelte-1oinr0x:hover,.interactive.svelte-1oinr0x:focus-within{border-color:var(--hud-line-strong);box-shadow:var(--glow-primary)}.interactive.svelte-1oinr0x:hover:before,.interactive.svelte-1oinr0x:focus-within:before{transform:translate(calc(-1 * var(--hud-bracket-shift)), calc(-1 * var(--hud-bracket-shift)))}.interactive.svelte-1oinr0x:hover:after,.interactive.svelte-1oinr0x:focus-within:after{transform:translate(var(--hud-bracket-shift), var(--hud-bracket-shift))}.interactive.svelte-1oinr0x:hover .tr:where(.svelte-1oinr0x),.interactive.svelte-1oinr0x:focus-within .tr:where(.svelte-1oinr0x){transform:translate(var(--hud-bracket-shift), calc(-1 * var(--hud-bracket-shift)))}.interactive.svelte-1oinr0x:hover .bl:where(.svelte-1oinr0x),.interactive.svelte-1oinr0x:focus-within .bl:where(.svelte-1oinr0x){transform:translate(calc(-1 * var(--hud-bracket-shift)), var(--hud-bracket-shift))}