.hud-overlay.svelte-1mafgbs{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;padding:var(--space-xs);display:grid;grid-template-areas:"top-left top-center top-right" "center-left center center-right" "bottom-left bottom-center bottom-right";grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;gap:var(--space-xs)}.hud-overlay.svelte-1mafgbs>:where(.svelte-1mafgbs){pointer-events:auto}.controls-top-right.svelte-1mafgbs{grid-area:top-right;display:flex;gap:var(--space-3xs);justify-content:flex-end}.controls-bottom-left.svelte-1mafgbs{grid-area:bottom-left;align-self:end}.controls-bottom-center.svelte-1mafgbs{grid-area:bottom-center;display:flex;justify-content:center;align-items:flex-end;gap:var(--space-xs)}.readout.svelte-1mafgbs{background-color:var(--color-surface-transparent);border:1px solid var(--color-highlight);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--color-text-primary);font-size:var(--step--1);display:flex;flex-direction:column;gap:var(--space-3xs);min-width:15ch}.set-start-btn.svelte-1mafgbs{background-color:var(--color-surface-transparent);border:1px solid var(--color-highlight);color:var(--color-text-primary);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:var(--step--1);cursor:pointer;transition:all .2s ease}.set-start-btn.svelte-1mafgbs:hover{background-color:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent)}.set-start-btn.svelte-1mafgbs:active{transform:translateY(1px)}.hud-overlay button{pointer-events:auto}.chart-wrapper.svelte-1xeclks{padding:var(--space-xs);border-color:var(--color-highlight);background:var(--color-surface-100)}.y-axis-label.svelte-1xeclks,.x-axis-label.svelte-1xeclks{color:var(--color-text-primary);font-family:var(--font-body);font-weight:500;letter-spacing:.025em}.kinematics-chart-spline{stroke:var(--color-accent);stroke-width:3px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.kinematics-chart-arrow path{fill:var(--color-accent);stroke-width:0}.axis-line{stroke:var(--color-text-secondary);stroke-width:1.5px}.tick line{stroke:var(--color-border);stroke-width:1px}.grid-line{stroke:var(--color-border);stroke-width:.5px;opacity:.3}.axis-tick-label{fill:var(--color-text-secondary)!important;font-family:var(--font-body)!important;font-size:13px!important;font-weight:400!important}.chart-container svg{overflow:visible}.chart-container line{stroke:var(--color-border)}.chart-wrapper.svelte-1xeclks:hover{box-shadow:0 4px 12px #00000014;transition:box-shadow .2s ease}