:root:has(.demo){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.demo{--d-bg:#080a0f;--d-bg2:#0f131a;--d-fg:#f5f7fa;--d-dim:#f5f7fab3;--d-faint:#f5f7fa6b;--d-line:#f5f7fa24;--d-accent:#56b4f5;--d-ok:#63ca84;--d-warn:#efb055;background:var(--d-bg);color:var(--d-fg);min-height:100vh}@supports (color:lab(0% 0 0)){.demo{--d-bg:lab(2.72067% -.00144541 -2.49417);--d-bg2:lab(5.65226% -.00930578 -5.04009);--d-fg:lab(97.083% -.0977814 -1.51463);--d-dim:lab(97.083% -.0977814 -1.51463/.7);--d-faint:lab(97.083% -.0977814 -1.51463/.42);--d-line:lab(97.083% -.0977814 -1.51463/.14);--d-accent:lab(69.6746% -13.5351 -41.6022);--d-ok:lab(73.9639% -43.0641 25.6543);--d-warn:lab(76.7044% 17.1471 54.8402)}}.film{position:relative}.film-stage{z-index:0;background:#000;position:fixed;inset:0;overflow:hidden}.film-stage:after{content:"";pointer-events:none;background:linear-gradient(#0000 54%,#040609eb 100%),radial-gradient(120% 90% at 50% 40%,#0000 40%,#0203068c 100%);background:linear-gradient(#0000 54%,lab(1.54195% -.000223517 -1.4246/.92) 100%),radial-gradient(120% 90% at 50% 40%,#0000 40%,lab(.889429% .0122339 -1.01076/.55) 100%);position:absolute;inset:0}.film-track{height:550vh}.film-copy{z-index:3;text-shadow:0 1px 24px #02030699;text-shadow:0 1px 24px lab(.889429% .0122339 -1.01076/.6);max-width:min(46rem,74vw);transition:opacity .48s;position:fixed;bottom:clamp(72px,12vh,140px);left:clamp(20px,6vw,96px)}.film-n{font-family:var(--mono);font-size:var(--m-micro);letter-spacing:var(--tr-lab);text-transform:uppercase;color:var(--d-accent);margin:0 0 18px}.film-n span{color:var(--d-faint)}.film-t{font-family:var(--sans);letter-spacing:-.022em;text-wrap:balance;margin:0 0 16px;font-size:clamp(1.9rem,4.6vw,3.5rem);font-weight:560;line-height:1.06}.film-b{color:var(--d-dim);text-wrap:pretty;max-width:40rem;margin:0;font-size:clamp(1rem,1.55vw,1.2rem);line-height:1.55}.film-cue{z-index:3;font-family:var(--mono);font-size:var(--m-micro);letter-spacing:var(--tr-lab);text-transform:uppercase;color:var(--d-faint);margin:0;transition:opacity .48s;position:fixed;bottom:clamp(72px,12vh,140px);right:clamp(20px,6vw,96px)}.film-fallback figure{margin:0 0 48px}.film-fallback img{width:100%;height:auto;display:block}.film-fallback figcaption{padding:16px clamp(20px,6vw,96px) 0;display:block}.film-fallback figcaption b{margin-bottom:8px;font-size:1.5rem;display:block}.film-fallback figcaption span{color:var(--d-dim)}.act{z-index:4;background:var(--d-bg);border-top:1px solid var(--d-line);padding:clamp(80px,13vh,160px) 0;position:relative}.act.dark{background:var(--d-bg2)}.demo .wrap,.demo .wrap.wide{padding-inline:clamp(20px,6vw,96px)}.demo .eyebrow{color:var(--d-accent)}.act-h{font-family:var(--sans);letter-spacing:-.02em;text-wrap:balance;max-width:24ch;margin:14px 0 22px;font-size:clamp(1.7rem,3.5vw,2.9rem);font-weight:560;line-height:1.1}.act-l{color:var(--d-dim);text-wrap:pretty;max-width:62ch;margin:0 0 44px;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.62}.act-note{border-left:2px solid var(--d-accent);color:var(--d-fg);max-width:58ch;margin:36px 0 0;padding-left:18px;font-size:1.06rem;line-height:1.55}.loop{background:var(--d-line);border:1px solid var(--d-line);gap:1px;margin:0;padding:0;list-style:none;display:grid}.loop li{background:var(--d-bg);grid-template-columns:4rem 10rem 1fr;align-items:baseline;gap:16px;padding:20px clamp(14px,2vw,26px);display:grid}.loop li.gate{background:color-mix(in oklch, var(--d-accent) 13%, var(--d-bg))}.loop-n{font-family:var(--mono);font-size:var(--m-micro);letter-spacing:var(--tr-lab);color:var(--d-faint)}.loop-k{font-size:1.05rem;font-weight:600}.loop li.gate .loop-k{color:var(--d-accent)}.loop-t{color:var(--d-dim);font-size:.98rem;line-height:1.5}.glist{gap:clamp(56px,9vh,104px);display:grid}.gcard{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}.gcard.flip .gcopy{order:2}.gt{color:var(--d-fg);font-family:var(--sans);letter-spacing:-.016em;text-wrap:balance;margin:12px 0 16px;font-size:clamp(1.3rem,2.2vw,1.85rem);font-weight:560;line-height:1.16}.gb{color:var(--d-dim);text-wrap:pretty;margin:0 0 20px;line-height:1.6}.gp{font-family:var(--mono);font-size:var(--m-code);letter-spacing:var(--tr-code);color:var(--d-accent);border:1px solid var(--d-line);margin:0;padding:10px 14px;display:inline-block}.gmedia .panel{width:100%}.grid2{background:var(--d-line);border:1px solid var(--d-line);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1px;display:grid}.cell{background:var(--d-bg);padding:clamp(22px,3vw,36px)}.cell .k{font-family:var(--mono);font-size:var(--m-micro);letter-spacing:var(--tr-lab);text-transform:uppercase;margin:0 0 20px}.cell.built .k{color:var(--d-ok)}.cell.unbuilt .k{color:var(--d-warn)}.cell ul{margin:0;padding:0;list-style:none}.cell li{color:var(--d-dim);margin-bottom:13px;padding-left:26px;line-height:1.5;position:relative}.cell li:before{font-family:var(--mono);position:absolute;left:0}.cell.built li:before{content:"✓";color:var(--d-ok)}.cell.unbuilt li:before{content:"○";color:var(--d-warn)}.cell li b{color:var(--d-fg)}.warn{border-top:1px solid var(--d-line);color:var(--d-fg);margin:26px 0 0;padding-top:20px;font-size:.97rem;line-height:1.55}.act.close{text-align:center;padding-block:clamp(100px,18vh,200px)}.line{font-family:var(--sans);letter-spacing:-.02em;color:var(--d-dim);text-wrap:balance;max-width:26ch;margin:0 auto 48px;font-size:clamp(1.5rem,3.6vw,2.7rem);font-weight:500;line-height:1.22}.line b{color:var(--d-fg);font-weight:600}.demo .actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.demo .cta{background:var(--d-fg);color:var(--d-bg);border-color:var(--d-fg)}.demo .cta.ghost{color:var(--d-fg);border:1px solid var(--d-line);background:0 0}.demo .cta.ghost:hover{border-color:var(--d-fg);background:0 0}.foot{max-width:60ch;color:var(--d-faint);margin:52px auto 0;font-size:.9rem;line-height:1.6}.foot code{font-family:var(--mono);font-size:var(--m-code);color:var(--d-dim)}@media (max-width:860px){.gcard{grid-template-columns:minmax(0,1fr)}.gcard.flip .gcopy{order:0}.loop li{grid-template-columns:3rem 1fr}.loop-t{grid-column:2}.film-cue{display:none}}@media (prefers-reduced-motion:reduce){.film-cue{display:none}.film-track{height:320vh}}.act.band{background:#000;padding-block:clamp(64px,10vh,120px)}.ascii{overscroll-behavior-x:contain;border:1px solid var(--d-line);background:#000;padding:clamp(10px,1.6vw,22px);overflow-x:auto}.ascii-stack{position:relative}.ascii-ground,.ascii-paths{box-shadow:none;font-family:var(--mono);letter-spacing:0;white-space:pre;background:0 0;border:0;border-radius:0;min-height:1lh;margin:0;padding:0;font-size:clamp(3.4px,.78vw,12px);line-height:1.02;overflow:visible}.ascii-ground{color:#97a7b74d;color:lab(67.4805% -2.99993 -10.5739/.3)}.ascii-paths{color:var(--d-accent);text-shadow:0 0 7px color-mix(in oklch, var(--d-accent) 55%, transparent);position:absolute;inset:0}.band-cap{max-width:66ch;color:var(--d-dim);text-wrap:pretty;margin:28px 0 0;font-size:clamp(.98rem,1.4vw,1.1rem);line-height:1.6}.band-cap b{color:var(--d-fg);font-weight:600}.auto{z-index:20;flex-direction:column;align-items:stretch;gap:7px;width:116px;display:flex;position:fixed;top:clamp(16px,3vh,30px);right:clamp(16px,3vw,34px)}.auto-btn{cursor:pointer;font-family:var(--mono);font-size:var(--m-code);letter-spacing:var(--tr-code);color:var(--d-fg);border:1px solid var(--d-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0d13b8;background:lab(3.66055% -.0193194 -3.00652/.72);justify-content:center;align-items:center;gap:9px;padding:9px 12px;transition:border-color .16s;display:flex}.auto-btn:hover{border-color:var(--d-fg)}.auto-btn:focus-visible{outline:2px solid var(--d-accent);outline-offset:2px}.auto-ico{color:var(--d-accent);flex:none;display:block}.auto-bar{background:var(--d-line);height:2px;overflow:hidden}.auto-bar i{background:var(--d-accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.auto-bar{display:none}}