.hud-flow:where(.astro-achiilib){margin:2rem 0;border:1px solid rgba(148,163,184,.22);border-radius:1.35rem;background:radial-gradient(circle at 18% 0%,rgba(116,167,255,.14),transparent 30rem),linear-gradient(145deg,#121d30f0,#060a12fa);box-shadow:0 24px 70px #0000003d;overflow:hidden}.hud-flow:where(.astro-achiilib) code:where(.astro-achiilib){font-family:var(--sl-font-mono)}.hud-flow__grid:where(.astro-achiilib){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;padding:1.35rem}.hud-flow__card:where(.astro-achiilib),.hud-flow__simulator:where(.astro-achiilib){min-width:0;padding:1rem;border:1px solid rgba(148,163,184,.18);border-radius:1rem;background:#070d18b8}.hud-flow__simulator:where(.astro-achiilib){grid-column:1 / -1}.hud-flow__card-head:where(.astro-achiilib){display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.8rem;align-items:start}.hud-flow__card-head:where(.astro-achiilib)>span:where(.astro-achiilib){display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border:1px solid rgba(116,167,255,.32);border-radius:999px;background:#08111f;color:#8fb4e8;font-family:var(--sl-font-mono);font-size:.72rem;font-weight:900}.hud-flow__card-head:where(.astro-achiilib) code:where(.astro-achiilib),.hud-flow__sim-head:where(.astro-achiilib) code:where(.astro-achiilib){color:#eef6ff;font-family:var(--sl-font-mono);font-size:.86rem;font-weight:900}.hud-flow__card-head:where(.astro-achiilib) p:where(.astro-achiilib),.hud-flow__sim-head:where(.astro-achiilib) p:where(.astro-achiilib){margin:.35rem 0 0;color:#aebfd8;font-size:.84rem;line-height:1.55}.hud-flow__sources:where(.astro-achiilib){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem}.hud-flow__sources:where(.astro-achiilib) div:where(.astro-achiilib){padding:.8rem;border:1px solid rgba(148,163,184,.16);border-radius:.85rem;background:#0f172ab8}.hud-flow__sources:where(.astro-achiilib) code:where(.astro-achiilib),.hud-flow__sources:where(.astro-achiilib) strong:where(.astro-achiilib),.hud-flow__sources:where(.astro-achiilib) span:where(.astro-achiilib){display:block}.hud-flow__sources:where(.astro-achiilib) code:where(.astro-achiilib){color:#8fb4e8;font-size:.72rem;font-weight:900}.hud-flow__sources:where(.astro-achiilib) strong:where(.astro-achiilib){margin-top:.45rem;color:#f8fafc;font-size:.86rem}.hud-flow__sources:where(.astro-achiilib) span:where(.astro-achiilib){margin-top:.35rem;color:#91a9ca;font-size:.76rem;line-height:1.45}.hud-flow__pipeline:where(.astro-achiilib){display:grid;gap:.55rem;margin-top:1rem}.hud-flow__layer:where(.astro-achiilib){display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:2.75rem;padding:.65rem .75rem;border:1px solid rgba(148,163,184,.14);border-radius:.75rem;background:#0f172a9e}.hud-flow__layer:where(.astro-achiilib) strong:where(.astro-achiilib){color:#dcecff;font-family:var(--sl-font-mono);font-size:.75rem}.hud-flow__layer:where(.astro-achiilib) span:where(.astro-achiilib){padding:.22rem .48rem;border-radius:999px;font-family:var(--sl-font-mono);font-size:.62rem;font-weight:900;text-transform:uppercase}.hud-flow__layer--world:where(.astro-achiilib) span:where(.astro-achiilib){background:#68e0b024;color:#b8f3da}.hud-flow__layer--bonus:where(.astro-achiilib) span:where(.astro-achiilib){background:#f2b84b24;color:#ffdca3}.hud-flow__layer--post:where(.astro-achiilib) span:where(.astro-achiilib){background:#94a3b824;color:#c8d6eb}.hud-flow__layer--hud:where(.astro-achiilib){border-color:#ff737357;background:#7f1d1d2e}.hud-flow__layer--hud:where(.astro-achiilib) span:where(.astro-achiilib){background:#ff737329;color:#ffc4c4}.hud-flow__layer--present:where(.astro-achiilib) span:where(.astro-achiilib){background:#74a7ff29;color:#cfe2ff}.hud-flow__sim-head:where(.astro-achiilib){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end}.hud-flow__actions:where(.astro-achiilib){display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.hud-flow__actions:where(.astro-achiilib) button:where(.astro-achiilib){min-height:2.4rem;padding:.55rem .85rem;border:1px solid rgba(116,167,255,.28);border-radius:999px;background:#1c3e7052;color:#dcecff;cursor:pointer;font:800 .76rem/1 var(--sl-font)}.hud-flow__actions:where(.astro-achiilib) button:where(.astro-achiilib):hover,.hud-flow__actions:where(.astro-achiilib) button:where(.astro-achiilib):focus-visible{border-color:#f2b84b7a;color:#fff1c5;outline:none}.hud-flow:where(.astro-achiilib) canvas:where(.astro-achiilib){display:block;width:100%;margin-top:1rem;border:1px solid rgba(148,163,184,.18);border-radius:.95rem;background:#08111f}.hud-flow__log:where(.astro-achiilib){margin:.75rem 0 0;color:#91a9ca;font-family:var(--sl-font-mono);font-size:.76rem;text-align:center}.hud-flow__modules:where(.astro-achiilib),.hud-flow__invariants:where(.astro-achiilib){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1rem}.hud-flow__modules:where(.astro-achiilib) span:where(.astro-achiilib),.hud-flow__invariants:where(.astro-achiilib) span:where(.astro-achiilib){padding:.65rem;border:1px solid rgba(148,163,184,.16);border-radius:.75rem;background:#0f172ab8;color:#dcecff;font-family:var(--sl-font-mono);font-size:.72rem}.hud-flow__invariants:where(.astro-achiilib) span:where(.astro-achiilib){border-color:#68e0b033;background:#0c312740;color:#b8f3da}@media(max-width:720px){.hud-flow__intro:where(.astro-achiilib),.hud-flow__grid:where(.astro-achiilib),.hud-flow__sim-head:where(.astro-achiilib),.hud-flow__sources:where(.astro-achiilib),.hud-flow__modules:where(.astro-achiilib),.hud-flow__invariants:where(.astro-achiilib){grid-template-columns:1fr}.hud-flow__simulator:where(.astro-achiilib){grid-column:auto}.hud-flow__actions:where(.astro-achiilib){justify-content:flex-start}}