.nn-hud.svelte-12opd2d{display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1rem);max-width:min(92vw,680px);margin:0 auto}.nn-hud__top.svelte-12opd2d{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem}.nn-hud__level.svelte-12opd2d{font-size:.95rem;font-weight:600;opacity:.85}.nn-hud__level.svelte-12opd2d span:where(.svelte-12opd2d){font-weight:700}.nn-hud__targets.svelte-12opd2d{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem;opacity:.78}.nn-hud__targets.svelte-12opd2d span:where(.svelte-12opd2d){display:inline-flex;gap:.35rem;align-items:baseline}.nn-hud__hint.svelte-12opd2d{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--muted) 88%,transparent)}.nn-hud__lives.svelte-12opd2d{margin-top:.2rem}.nn-hud__delta.svelte-12opd2d{position:absolute;top:0;left:0;right:0;height:0;pointer-events:none}.kpi-hud .metric[data-metric=score]{position:relative}.kpi-hud .metric[data-metric=lives]{align-items:flex-start}.nn-hud__controls.svelte-12opd2d{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.kpi-hud .toggle-tray{justify-content:flex-start}@media (min-width: 720px){.kpi-hud .toggle-tray{justify-content:flex-start}}.nn-hud__button.svelte-12opd2d{min-width:44px;min-height:44px;padding:.55rem 1.2rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--brand) 35%,transparent);background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--text);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,background .16s ease,border-color .16s ease}.nn-hud__button.svelte-12opd2d:hover{background:color-mix(in srgb,var(--brand) 24%,transparent)}.nn-hud__button.svelte-12opd2d:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:2px}.nn-hud__button.svelte-12opd2d:active{transform:scale(.98)}.nn-hud__button--secondary.svelte-12opd2d{background:transparent;border-color:color-mix(in srgb,var(--text) 28%,transparent)}.nn-hud__button--secondary.svelte-12opd2d:hover{background:color-mix(in srgb,var(--text) 12%,transparent)}.nn-hud__button--secondary.svelte-12opd2d:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent)}.nn-hud__controls.svelte-12opd2d button:where(.svelte-12opd2d):disabled{opacity:.6;cursor:not-allowed}.nn-hud__targets.svelte-12opd2d .tabular-nums:where(.svelte-12opd2d){font-variant-numeric:tabular-nums}
