.retro-flow:where(.astro-rqtnojx7){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 31rem),linear-gradient(145deg,#121d30f0,#060a12fa);box-shadow:0 24px 70px #0000003d;overflow:hidden}.retro-flow:where(.astro-rqtnojx7) code:where(.astro-rqtnojx7){font-family:var(--sl-font-mono)}.retro-flow__grid:where(.astro-rqtnojx7){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;padding:1.35rem}.retro-flow__pipeline:where(.astro-rqtnojx7),.retro-flow__visualizer:where(.astro-rqtnojx7),.retro-flow__card--guards:where(.astro-rqtnojx7),.retro-flow__tradeoffs:where(.astro-rqtnojx7){grid-column:1 / -1}.retro-flow__card:where(.astro-rqtnojx7),.retro-flow__pipeline:where(.astro-rqtnojx7),.retro-flow__visualizer:where(.astro-rqtnojx7),.retro-flow__tradeoffs:where(.astro-rqtnojx7){min-width:0;padding:1rem;border:1px solid rgba(148,163,184,.18);border-radius:1rem;background:#070d18b8}.retro-flow__pipeline:where(.astro-rqtnojx7){display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;align-items:stretch}.retro-flow__pipeline:where(.astro-rqtnojx7) em:where(.astro-rqtnojx7){display:none}.retro-flow__pipe-step:where(.astro-rqtnojx7){min-height:5.8rem;padding:.8rem;border:1px solid rgba(148,163,184,.15);border-radius:.85rem;background:#0f172ab8}.retro-flow__pipe-step:where(.astro-rqtnojx7) strong:where(.astro-rqtnojx7),.retro-flow__pipe-step:where(.astro-rqtnojx7) span:where(.astro-rqtnojx7){display:block}.retro-flow__pipe-step:where(.astro-rqtnojx7) strong:where(.astro-rqtnojx7){color:#f8fafc;font-family:var(--sl-font-mono);font-size:.75rem}.retro-flow__pipe-step:where(.astro-rqtnojx7) span:where(.astro-rqtnojx7){margin-top:.45rem;color:#aebfd8;font-size:.74rem;line-height:1.4}.retro-flow__pipe-step--world:where(.astro-rqtnojx7){border-color:#68e0b038;background:#0c31273d}.retro-flow__pipe-step--upscale:where(.astro-rqtnojx7){border-color:#74a7ff42;background:#1c3e703d}.retro-flow__pipe-step--hud:where(.astro-rqtnojx7){border-color:#ff73733d;background:#7f1d1d2e}.retro-flow__pipe-step--present:where(.astro-rqtnojx7){border-color:#f2b84b3d;background:#4a371040}.retro-flow__card-head:where(.astro-rqtnojx7){display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.8rem;align-items:start}.retro-flow__card-head:where(.astro-rqtnojx7)>span:where(.astro-rqtnojx7){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}.retro-flow__card-head:where(.astro-rqtnojx7) code:where(.astro-rqtnojx7),.retro-flow__visual-head:where(.astro-rqtnojx7) code:where(.astro-rqtnojx7),.retro-flow__tradeoffs:where(.astro-rqtnojx7) code:where(.astro-rqtnojx7){color:#eef6ff;font-family:var(--sl-font-mono);font-size:.86rem;font-weight:900}.retro-flow__card-head:where(.astro-rqtnojx7) p:where(.astro-rqtnojx7),.retro-flow__visual-head:where(.astro-rqtnojx7) p:where(.astro-rqtnojx7),.retro-flow__tradeoffs:where(.astro-rqtnojx7) p:where(.astro-rqtnojx7){margin:.35rem 0 0;color:#aebfd8;font-size:.84rem;line-height:1.55}.retro-flow:where(.astro-rqtnojx7) pre:where(.astro-rqtnojx7){margin:1rem 0 0;min-height:10rem;padding:1rem;border:1px solid rgba(148,163,184,.14);border-radius:.9rem;background:#07101d;color:#dcecff;font:700 .76rem/1.75 var(--sl-font-mono);overflow-x:auto}.retro-flow__images:where(.astro-rqtnojx7),.retro-flow__guards:where(.astro-rqtnojx7){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1rem}.retro-flow__images:where(.astro-rqtnojx7) div:where(.astro-rqtnojx7),.retro-flow__guards:where(.astro-rqtnojx7) span:where(.astro-rqtnojx7){padding:.75rem;border:1px solid rgba(148,163,184,.16);border-radius:.8rem;background:#0f172ab8}.retro-flow__images:where(.astro-rqtnojx7) code:where(.astro-rqtnojx7),.retro-flow__images:where(.astro-rqtnojx7) strong:where(.astro-rqtnojx7),.retro-flow__images:where(.astro-rqtnojx7) span:where(.astro-rqtnojx7){display:block}.retro-flow__images:where(.astro-rqtnojx7) code:where(.astro-rqtnojx7){color:#8fb4e8;font-weight:900}.retro-flow__images:where(.astro-rqtnojx7) strong:where(.astro-rqtnojx7){margin-top:.45rem;color:#f8fafc;font-size:.78rem}.retro-flow__images:where(.astro-rqtnojx7) span:where(.astro-rqtnojx7),.retro-flow__guards:where(.astro-rqtnojx7) span:where(.astro-rqtnojx7){margin-top:.35rem;color:#91a9ca;font-size:.74rem;line-height:1.4}.retro-flow__visual-head:where(.astro-rqtnojx7){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end}.retro-flow__toggle:where(.astro-rqtnojx7){display:inline-flex;align-items:center;gap:.5rem;min-height:2.35rem;padding:.5rem .8rem;border:1px solid rgba(116,167,255,.28);border-radius:999px;background:#1c3e703d;color:#dcecff;cursor:pointer;font:800 .75rem/1 var(--sl-font)}.retro-flow__control:where(.astro-rqtnojx7){display:grid;grid-template-columns:auto minmax(8rem,1fr) 6.5rem;gap:.85rem;align-items:center;margin-top:1rem}.retro-flow__control:where(.astro-rqtnojx7) label:where(.astro-rqtnojx7),.retro-flow__control:where(.astro-rqtnojx7) strong:where(.astro-rqtnojx7){color:#c8d6eb;font-family:var(--sl-font-mono);font-size:.76rem;font-weight:900}.retro-flow__control:where(.astro-rqtnojx7) input:where(.astro-rqtnojx7){width:100%;accent-color:#74a7ff}.retro-flow__canvases:where(.astro-rqtnojx7){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1rem}.retro-flow__canvases:where(.astro-rqtnojx7) span:where(.astro-rqtnojx7){display:block;margin-bottom:.35rem;color:#91a9ca;font-family:var(--sl-font-mono);font-size:.72rem;text-align:center}.retro-flow:where(.astro-rqtnojx7) canvas:where(.astro-rqtnojx7){display:block;width:100%;border:1px solid rgba(148,163,184,.18);border-radius:.85rem;background:#08111f}.retro-flow:where(.astro-rqtnojx7) :where(.astro-rqtnojx7)[data-retro-fb]{image-rendering:pixelated}.retro-flow__status:where(.astro-rqtnojx7){margin:.75rem 0 0;color:#91a9ca;font-family:var(--sl-font-mono);font-size:.76rem;text-align:center}.retro-flow__guards:where(.astro-rqtnojx7){grid-template-columns:repeat(5,minmax(0,1fr))}.retro-flow__guards:where(.astro-rqtnojx7) span:where(.astro-rqtnojx7){border-color:#68e0b033;background:#0c312740;color:#b8f3da;text-align:center}.retro-flow__tradeoffs:where(.astro-rqtnojx7){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.retro-flow__tradeoffs:where(.astro-rqtnojx7) div:where(.astro-rqtnojx7){padding:.9rem;border:1px solid rgba(148,163,184,.16);border-radius:.85rem;background:#0f172a9e}@media(max-width:820px){.retro-flow__pipeline:where(.astro-rqtnojx7),.retro-flow__images:where(.astro-rqtnojx7),.retro-flow__guards:where(.astro-rqtnojx7){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.retro-flow__intro:where(.astro-rqtnojx7),.retro-flow__grid:where(.astro-rqtnojx7),.retro-flow__pipeline:where(.astro-rqtnojx7),.retro-flow__visual-head:where(.astro-rqtnojx7),.retro-flow__control:where(.astro-rqtnojx7),.retro-flow__canvases:where(.astro-rqtnojx7),.retro-flow__images:where(.astro-rqtnojx7),.retro-flow__guards:where(.astro-rqtnojx7),.retro-flow__tradeoffs:where(.astro-rqtnojx7){grid-template-columns:1fr}.retro-flow__pipeline:where(.astro-rqtnojx7),.retro-flow__visualizer:where(.astro-rqtnojx7),.retro-flow__card--guards:where(.astro-rqtnojx7),.retro-flow__tradeoffs:where(.astro-rqtnojx7){grid-column:auto}}