.kpi-hud.svelte-c6o2es{--hud-border-alpha: .32;display:flex;flex-direction:column;gap:clamp(.4rem,.6vw,.6rem);color:var(--text);font-family:var(--font-body-family);position:relative}.kpi-title.svelte-c6o2es{font-family:var(--font-display-family);font-size:clamp(.95rem,1.8vw,1.2rem);letter-spacing:.02em;margin:0;text-transform:uppercase}.hud-surface.svelte-c6o2es{display:flex;flex-direction:column;gap:clamp(.6rem,1vw,.9rem);padding:clamp(.6rem,1.4vw,1rem);border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--card) 82%,transparent),color-mix(in srgb,var(--brand) 18%,var(--card)));border:1px solid color-mix(in srgb,var(--brand) var(--hud-border-alpha, .32),transparent);box-shadow:inset 0 0 28px color-mix(in srgb,var(--brand) 12%,transparent),0 18px 48px color-mix(in srgb,var(--brand) 10%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.metric-column.svelte-c6o2es{display:flex;flex-direction:column;gap:clamp(.5rem,1vw,.75rem)}.metric-list.svelte-c6o2es{display:flex;align-items:flex-end;gap:clamp(.6rem,1.6vw,1.2rem);margin:0;padding:0;list-style:none}.metric.svelte-c6o2es{display:flex;flex-direction:column;gap:.2rem;min-width:0}.metric__label.svelte-c6o2es{font-size:clamp(.6rem,1.2vw,.75rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--muted) 86%,transparent)}.metric__value.svelte-c6o2es{font-family:var(--font-display-family);font-size:clamp(1.4rem,2.6vw,2.1rem);font-weight:700;color:var(--text);text-shadow:0 0 16px color-mix(in srgb,var(--brand) 20%,transparent);transition:color .14s ease,text-shadow .2s ease}.metric--accent.svelte-c6o2es .metric__value:where(.svelte-c6o2es){color:var(--accent);text-shadow:0 0 22px color-mix(in srgb,var(--accent) 60%,transparent);animation:svelte-c6o2es-metric-pop .32s ease-out}.metric--brand.svelte-c6o2es .metric__value:where(.svelte-c6o2es){color:var(--brand);text-shadow:0 0 22px color-mix(in srgb,var(--brand) 55%,transparent);animation:svelte-c6o2es-metric-pop .32s ease-out}.metric--muted.svelte-c6o2es .metric__value:where(.svelte-c6o2es){color:color-mix(in srgb,var(--text) 55%,transparent);text-shadow:none}@keyframes svelte-c6o2es-metric-pop{0%{transform:scale(.96);filter:brightness(.85)}55%{transform:scale(1.05);filter:brightness(1.1)}to{transform:scale(1);filter:brightness(1)}}@media (prefers-reduced-motion: reduce){.metric__value.svelte-c6o2es,.metric--accent.svelte-c6o2es .metric__value:where(.svelte-c6o2es),.metric--brand.svelte-c6o2es .metric__value:where(.svelte-c6o2es){animation:none;transition:none}}.progress.svelte-c6o2es{display:flex;align-items:center;gap:clamp(.4rem,1vw,.7rem);min-width:0}.progress__time.svelte-c6o2es{font-size:clamp(.65rem,1.1vw,.75rem);color:color-mix(in srgb,var(--muted) 90%,transparent);min-width:3.2ch;text-align:center}.progress__bar.svelte-c6o2es{--hud-progress: 0;position:relative;flex:1 1 auto;height:12px;border-radius:999px;background:color-mix(in srgb,var(--brand) 14%,rgba(255,255,255,.06));overflow:hidden}.progress__fill.svelte-c6o2es{position:absolute;inset:0;width:calc(var(--hud-progress) * 1%);background:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--accent) 70%,transparent));transition:width .12s linear}.progress__handle.svelte-c6o2es{position:absolute;top:50%;left:calc(var(--hud-progress) * 1%);width:10px;height:10px;border-radius:50%;background:var(--text);box-shadow:0 0 12px color-mix(in srgb,var(--text) 70%,transparent);transform:translate(-50%,-50%);pointer-events:none;transition:left .12s linear,box-shadow .16s ease}.progress[data-state=complete].svelte-c6o2es .progress__handle:where(.svelte-c6o2es){box-shadow:0 0 18px color-mix(in srgb,var(--accent) 65%,transparent)}.toggle-tray.svelte-c6o2es{display:flex;flex-wrap:wrap;gap:clamp(.3rem,.8vw,.6rem)}.hud-toggle.svelte-c6o2es{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.28rem .7rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);background:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--text);font-size:clamp(.62rem,1.2vw,.78rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:transform .12s ease,border-color .16s ease,background .16s ease}.hud-toggle.svelte-c6o2es:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 24%,transparent)}.hud-toggle.svelte-c6o2es:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 80%,transparent);outline-offset:2px}.hud-toggle.svelte-c6o2es:active:not(:disabled){transform:scale(.97)}.hud-toggle.pressed.svelte-c6o2es{background:color-mix(in srgb,var(--accent) 30%,transparent);border-color:color-mix(in srgb,var(--accent) 65%,transparent);color:var(--bg);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 45%,transparent)}.hud-toggle.svelte-c6o2es:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 720px){.hud-surface.svelte-c6o2es{flex-direction:row;align-items:center;justify-content:space-between}.metric-column.svelte-c6o2es{flex:1 1 auto}.toggle-tray.svelte-c6o2es{justify-content:flex-end;min-width:clamp(160px,20vw,220px)}}[data-hud=minimal] .kpi-hud.svelte-c6o2es .kpi-title:where(.svelte-c6o2es){opacity:.9}[data-hud=minimal] .kpi-hud.svelte-c6o2es .hud-surface:where(.svelte-c6o2es){gap:clamp(.45rem,.8vw,.7rem);padding:clamp(.4rem,.9vw,.7rem);border-radius:16px;background:transparent;border:1px solid color-mix(in srgb,var(--text) 22%,transparent);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}[data-hud=minimal] .kpi-hud.svelte-c6o2es .metric__value:where(.svelte-c6o2es){text-shadow:0 0 8px color-mix(in srgb,var(--brand) 12%,transparent)}[data-hud=minimal] .kpi-hud.svelte-c6o2es .progress__bar:where(.svelte-c6o2es){height:10px;background:color-mix(in srgb,var(--text) 12%,transparent)}[data-hud=minimal] .kpi-hud.svelte-c6o2es .progress__handle:where(.svelte-c6o2es){width:8px;height:8px;box-shadow:0 0 10px color-mix(in srgb,var(--text) 45%,transparent)}[data-hud=minimal] .kpi-hud.svelte-c6o2es .hud-toggle:where(.svelte-c6o2es){padding:.22rem .6rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 22%,transparent);background:transparent;color:var(--text)}[data-hud=minimal] .kpi-hud.svelte-c6o2es .hud-toggle:where(.svelte-c6o2es):hover:not(:disabled){background:color-mix(in srgb,var(--brand) 10%,transparent)}[data-hud=minimal] .kpi-hud.svelte-c6o2es .hud-toggle.pressed:where(.svelte-c6o2es){background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--text);box-shadow:none}@media (min-width: 720px){[data-hud=minimal] .kpi-hud.svelte-c6o2es .toggle-tray:where(.svelte-c6o2es){min-width:clamp(140px,18vw,200px)}}.hud-overlay.svelte-c6o2es{position:absolute;inset:0;pointer-events:none}.hud-overlay.svelte-c6o2es *{pointer-events:auto}