:root{--bg:#0e1120;--surface:#1a2036;--line:#94a0cc;--text:#e8ecff;--text-dim:#9aa4c7;--amber:#ffb454;--cyan:#53d8ff}*{box-sizing:border-box;margin:0}html{scroll-behavior:auto}body{background:var(--bg);color:var(--text);font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55;overflow-x:hidden}.hero,.outro{text-align:center;place-content:center;gap:1rem;min-height:90svh;padding:2rem;display:grid}.hero h1{color:var(--amber);font-size:clamp(2rem,6vw,3.5rem)}.hero p{max-width:34rem;color:var(--text-dim);font-size:1.15rem}.hero-hint{color:var(--cyan);animation:2s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.hero-sprite{width:clamp(90px,12vw,140px);margin:0 auto;animation:3s ease-in-out infinite bob}@media (prefers-reduced-motion:reduce){.hero-hint,.hero-sprite{animation:none}}@media (width<=767px){.svg-label{letter-spacing:1px;font-size:34px}.env-address{display:none}}.flow-scene{place-items:center;min-height:80svh;padding:3rem 1rem;display:grid}.fs-inner{text-align:center;width:100%;max-width:40rem}.mini-map{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);border:1px solid color-mix(in srgb, var(--line) 25%, transparent);pointer-events:none;border-radius:12px;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .6rem;display:flex;position:fixed;bottom:1rem;left:1rem}.mm-board{aspect-ratio:3/2;width:104px}.mm-label{color:var(--text-dim);text-align:center;max-width:120px;font-size:.7rem}@media (width<=767px){.mini-map{padding:.35rem .45rem;top:.75rem;bottom:auto;left:.75rem}.mm-board{width:68px}.mm-label{max-width:80px;font-size:.6rem}}.stub-flow svg{max-height:40svh}.stub-note{color:var(--text-dim)}.pinned-scene{position:relative}.ps-visual{place-items:center;height:60svh;padding:.75rem;display:grid;position:sticky;top:0}.ps-visual svg{max-width:100%;max-height:100%}.ps-steps{z-index:1;padding:0 1rem 30svh;position:relative}.ps-step{justify-content:center;align-items:flex-end;min-height:72svh;display:flex}.ps-step p{background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid color-mix(in srgb, var(--line) 30%, transparent);opacity:.35;border-radius:14px;max-width:32rem;padding:1rem 1.25rem;font-size:1.05rem;transition:opacity .35s,transform .35s;transform:translateY(10px)}.ps-step.is-active p{opacity:1;transform:none}@media (width>=768px){.pinned-scene{grid-template-columns:minmax(0,3fr) minmax(0,2fr);display:grid}.ps-visual{height:100svh;padding:2rem}.ps-steps{padding:0 3rem 50svh}.ps-step{justify-content:flex-start;align-items:center;min-height:120svh}.ps-step p{font-size:1.15rem}}