:root{--bg:#faf9f7;--cream:#f5f4f1;--charcoal:#333f48;--charcoal-light:#4a5568;--muted:#333f48b3;--line:#333f481f;--orange:#bf5700;--orange-dark:#a34b00;--teal:#005f86;--paper:#ece4d0;--paper-ink:#1d1a15;--serif:"Crimson Pro", Georgia, "Times New Roman", serif;--sans:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--label:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--type:"Courier New", Courier, ui-monospace, Menlo, monospace;--page:1320px;--paper-max:940px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-padding-top:80px}body{background:var(--bg);color:var(--charcoal);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav{z-index:10;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#faf9f7d9;position:sticky;top:0}.nav-inner{max-width:var(--page);align-items:center;gap:24px;margin:0 auto;padding:12px 24px;display:flex}.brand{align-items:center;gap:8px;margin-right:auto;text-decoration:none;display:flex}.logo{background:linear-gradient(135deg, var(--orange), var(--orange-dark));color:#fff;width:40px;height:40px;font:700 14px/1 var(--label);border-radius:8px;place-items:center;display:grid}.brand-name{font:600 1.25rem/1 var(--serif);color:var(--charcoal)}.brand-name span{color:var(--orange)}.nav-links{gap:2px;display:flex}.nav-links a{font:500 14px/1.4 var(--sans);color:var(--charcoal-light);border-radius:8px;padding:8px 16px;text-decoration:none;transition:color .15s,background .15s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--orange)}.nav-links a:hover{background:#bf57000f}@media (width<=860px){.nav-links{display:none}}.btn{font:500 14px/1.2 var(--sans);color:var(--orange);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;padding:12px 22px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-block}.btn.primary{background:linear-gradient(135deg, var(--orange), var(--orange-dark));color:#fff;box-shadow:0 4px 14px -2px #bf570066}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px -2px #bf570080}.btn.outline{border-color:var(--orange)}.btn.outline:hover{background:#bf57000f}.btn.ghost{color:var(--teal);border-color:#005f864d}.btn.ghost:hover{background:#005f860f}.btn.small{padding:8px 20px}.btn:disabled,select:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn:focus-visible,select:focus-visible,.nav a:focus-visible,.back:focus-visible,.step a:focus-visible,.chip:focus-visible,.tl2-card:focus-visible,.cs-head:focus-visible,.jump:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.hero{max-width:var(--page);margin:0 auto;padding:56px 24px 8px}.pill{font:400 12px/1 var(--label);letter-spacing:.3px;text-transform:uppercase;color:var(--teal);background:#333f480d;border-radius:999px;align-items:center;gap:10px;margin:0 0 24px;padding:8px 16px;display:inline-flex}.dot{background:var(--teal);opacity:.7;border-radius:50%;width:6px;height:6px}.hero h1{max-width:24ch;font:400 clamp(2.2rem, 5.2vw, 4rem)/1.08 var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:0}.hero h1 .accent{color:var(--orange)}.lede{max-width:40rem;font:400 clamp(1.15rem, 2vw, 1.4rem)/1.5 var(--serif);color:var(--muted);margin:20px 0 0}.timeline{max-width:1100px;margin:0 auto;padding:48px 24px 88px}.tl2-intro{text-align:center;max-width:44rem;margin:0 auto 44px}.tl2-lead{font:400 1.25rem/1.5 var(--serif);color:var(--muted);margin:0 0 14px}.tl2-key{font:400 13px/1.3 var(--sans);color:var(--muted);justify-content:center;gap:22px;display:flex}.tl2-key span{align-items:center;gap:8px;display:inline-flex}.tl2-key i{background:var(--orange);border-radius:50%;width:12px;height:12px}.tl2-key i.held{background:var(--bg);border:3px double var(--orange)}.tl2-key i.hollow{background:var(--bg);border:2px solid #333f4873}.tl2-filters{flex-wrap:wrap;justify-content:center;gap:8px;max-width:52rem;margin:0 auto 34px;display:flex}.tl2-filters .chip[aria-pressed=true]{background:linear-gradient(135deg, var(--orange), var(--orange-dark));color:#fff;border-color:#0000}.tl2-undated{z-index:1;background:var(--bg);width:fit-content;font:400 12px/1.2 var(--label);letter-spacing:.3px;text-transform:uppercase;color:var(--muted);border:1px solid #333f4840;border-radius:999px;margin:34px auto 6px;padding:6px 16px;position:relative}.tl2{margin:0;padding:0;list-style:none;position:relative}.tl2:before{content:"";background:linear-gradient(#333f4800,#333f4840 6% 94%,#333f4800);width:2px;position:absolute;top:20px;bottom:20px;left:50%;transform:translate(-1px)}.tl2-row{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:start;margin-top:14px;display:grid;position:relative}.tl2-row:first-child{margin-top:0}.tl2-row.side-left{grid-template-areas:"card node year"}.tl2-row.side-right{grid-template-areas:"year node card"}.tl2-card{grid-area:card}.tl2-node{grid-area:node}.tl2-year{font:400 clamp(1.7rem, 3.4vw, 2.5rem)/1 var(--serif);letter-spacing:-.02em;color:#333f4852;grid-area:year;align-self:center;padding:0 28px}.side-left .tl2-year{text-align:left}.side-right .tl2-year{text-align:right}.tl2-year.repeat{opacity:.35}.tl2-row.playable .tl2-year{color:var(--orange)}.tl2-node{background:var(--bg);border:3px solid var(--bg);z-index:1;border-radius:50%;justify-self:center;width:18px;height:18px;margin-top:22px;position:relative;box-shadow:0 0 0 2px #333f4866}.tl2-row.listing .tl2-node{box-shadow:0 0 0 2px var(--orange);background:#bf57002e}.tl2-row.playable .tl2-node{background:var(--orange);box-shadow:0 0 0 2px var(--orange), 0 0 0 8px #bf570029}.tl2-card{color:inherit;background:#fff;border:1px solid #333f4824;border-radius:14px;gap:4px;padding:14px 18px 13px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;box-shadow:0 1px 2px #333f480d}.tl2-card:hover{border-color:#bf570080;transform:translateY(-3px);box-shadow:0 14px 30px -16px #333f4866}.tl2-row.playable .tl2-card{background:linear-gradient(#fff,#fff8f1);border-color:#bf57008c;box-shadow:0 12px 30px -16px #bf570073}.tl2-status{font:400 11px/1.2 var(--label);letter-spacing:.3px;text-transform:uppercase;color:#333f4880}.tl2-row.playable .tl2-status,.tl2-row.listing .tl2-status{color:var(--orange)}.tl2-title{font:600 1.35rem/1.1 var(--serif);letter-spacing:-.01em}.tl2-tag{font:500 13px/1.4 var(--sans);color:var(--charcoal-light)}.tl2-blurb{font:400 1rem/1.4 var(--serif);color:#333f48d9;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tl2-devs{font:400 13px/1.4 var(--sans);color:var(--muted)}.tl2-lane{font:italic 400 14px/1.3 var(--serif);color:#333f4899}.tl2-cta{font:500 14px/1.2 var(--sans);color:var(--teal);margin-top:4px}.tl2-cta:after{content:" →"}.tl2-row.playable .tl2-cta{color:#fff;background:linear-gradient(135deg, var(--orange), var(--orange-dark));border-radius:8px;justify-self:start;padding:9px 16px;box-shadow:0 4px 14px -2px #bf570066}@media (width<=820px){.tl2:before{left:20px}.tl2-row,.tl2-row.side-left,.tl2-row.side-right{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"node year""node card";margin-top:22px}.tl2-year,.side-left .tl2-year,.side-right .tl2-year{text-align:left;padding:0 0 8px 8px;font-size:2.2rem}.tl2-node{justify-self:start;margin-top:8px;margin-left:9px}}.machine{max-width:var(--page);margin:0 auto;padding:20px 24px 64px}.machine-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.back{font:500 14px/1.2 var(--sans);color:var(--charcoal);background:#fff;border:1px solid #333f482e;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.back:hover{border-color:var(--orange);color:var(--orange)}.step{gap:6px;display:flex}.step a{font:500 13px/1.2 var(--sans);color:var(--charcoal-light);border-radius:8px;padding:9px 12px;text-decoration:none}.step a:hover{color:var(--orange);background:#bf57000f}.plate{border:1px solid var(--line);background:var(--cream);border-radius:14px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px 40px;margin-bottom:18px;padding:26px 30px;display:grid}@media (width<=900px){.plate{grid-template-columns:minmax(0,1fr);padding:20px}.machine:not([hidden]){flex-direction:column;display:flex}.machine .plate{order:10;margin:28px 0 0}}.plate-main{align-content:start;gap:10px;display:grid}.plate-kicker{font:400 12px/1.2 var(--label);letter-spacing:.3px;text-transform:uppercase;color:var(--teal);margin:0}.plate h1{font:600 2.3rem/1.08 var(--serif);letter-spacing:-.01em;margin:0}.plate .desc{font:400 1.18rem/1.55 var(--serif);color:#333f48e0;max-width:46rem;margin:0}.plate .source{font:400 13px/1.45 var(--sans);color:var(--muted);margin:0}.facts{align-content:start;gap:14px;margin:0;display:grid}.facts div{gap:3px;display:grid}.facts dt{font:400 11.5px/1.2 var(--label);letter-spacing:.3px;text-transform:uppercase;color:var(--teal)}.facts dd{font:400 15px/1.45 var(--sans);margin:0}.facts ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.deck{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:14px;display:flex}.program-toggle{flex-wrap:wrap;align-items:center;gap:14px;min-height:42px;display:flex}.segmented,.layers{background:#fff;border:1px solid #333f4833;border-radius:8px;display:inline-flex;overflow:hidden}.segmented label,.layers label{cursor:pointer;position:relative}.segmented label{font:500 14px/1.2 var(--sans);padding:9px 16px}.layers label span{font:500 14px/1.2 var(--sans);padding:10px 18px;display:block}.segmented label+label,.layers label+label{border-left:1px solid #333f4833}.segmented input,.layers input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}:is(.segmented label:has(input:checked),.layers label:has(input:checked)){background:linear-gradient(135deg, var(--orange), var(--orange-dark));color:#fff}:is(.segmented label:has(input:focus-visible),.layers label:has(input:focus-visible)){outline:2px solid var(--teal);outline-offset:-2px}.layers label:has(input:disabled){cursor:not-allowed;opacity:.45}.program-blurb{font:400 13px/1.45 var(--sans);color:var(--muted)}@media (width<=999px){.only-wide{display:none}}.board{--board-h:clamp(560px, calc(100vh - 360px), 800px);height:var(--board-h);perspective:2600px;position:relative}.board-inner{transform-style:preserve-3d;transition:transform .85s cubic-bezier(.22,.8,.24,1);position:absolute;inset:0}.face{backface-visibility:hidden;flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.face-code,.board[data-layer=code] .board-inner{transform:rotateY(180deg)}.board[data-layer=both] .board-inner{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;transition:none;display:grid;transform:none}.board[data-layer=both] .face{backface-visibility:visible;height:100%;position:relative;transform:none}@media (prefers-reduced-motion:reduce){.board-inner{transition:none}}.face-play{align-items:center}.face-play>#terminal-mount,.face-play>.controls,.face-play>.hint{width:100%;max-width:var(--paper-max)}#terminal-mount{flex:1;min-height:0;display:flex}#terminal-mount>*{flex:1;min-width:0}.face-code>#code-mount{flex:1;min-height:0;display:flex}#code-mount>*{flex:1;min-width:0}.terminal{scrollbar-gutter:stable;cursor:text;font-family:var(--type);font-size:var(--term-font,14px);border:1px solid #333f4838;border-radius:12px;outline:none;padding:18px 20px;line-height:1.22;position:relative;overflow-y:auto}.terminal[data-look=paper]{background:linear-gradient(90deg, transparent 0 9px, #0000000d 9px 10px, transparent 10px) var(--paper);color:var(--paper-ink);box-shadow:inset 0 0 40px #5a461e2e,0 24px 44px -24px #333f4873}.terminal[data-look=crt]{--crt-bg:#10160f;background:radial-gradient(ellipse at center, #1a2618 0%, var(--crt-bg) 75%);color:#b8f0b0;text-shadow:0 0 4px #96ff9659;box-shadow:inset 0 0 60px #0009,0 24px 44px -24px #333f4873}.terminal[data-look=crt] .cursor{color:var(--crt-bg);text-shadow:none}.terminal[data-look=crt] .inv{color:var(--crt-bg);text-shadow:none;background:#b8f0b0}.terminal.focused{border-color:var(--orange);box-shadow:inset 0 0 40px #5a461e2e,0 0 0 3px #bf57002e,0 24px 44px -24px #333f4873}.screen{font:inherit;white-space:pre;tab-size:8;margin:0}.cursor{opacity:0;background:currentColor;width:.6em;display:inline-block}.terminal.focused .cursor{opacity:1;animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.terminal.focused .cursor{animation:none}}.key-proxy{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:fixed;top:0;left:0}.controls{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:14px;display:flex}.speed{font:500 13px/1 var(--sans);color:var(--charcoal-light);align-items:center;gap:10px;margin-left:auto;display:flex}select{font:500 14px var(--sans);color:var(--charcoal);background:#fff;border:1px solid #333f4833;border-radius:8px;padding:9px 12px}.hint{font:400 1.02rem/1.5 var(--serif);color:var(--muted);margin:10px 0 0}.hint kbd{font:500 12px/1 var(--label);color:var(--charcoal);background:#333f4812;border-radius:5px;padding:3px 7px}.no-listing{text-align:center;background:#333f4808;border:2px dashed #333f484d;border-radius:12px;align-content:center;justify-items:center;gap:8px;height:100%;min-height:260px;padding:32px;display:grid}.no-listing p{max-width:30rem;font:400 1.15rem/1.5 var(--serif);color:var(--muted);margin:0}.no-listing .no-listing-title{font:500 12px/1 var(--label);letter-spacing:.3px;text-transform:uppercase;color:var(--teal);margin-bottom:4px}.code{background:#fff;border:1px solid #333f4838;border-radius:12px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 24px 44px -24px #333f4866}.code-bar{border-bottom:1px solid var(--line);background:var(--cream);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:10px 14px;display:flex}.code-buttons,.code-toggles{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.chip{font:500 13px/1.2 var(--sans);color:var(--charcoal);cursor:pointer;background:#fff;border:1px solid #333f4838;border-radius:999px;padding:7px 13px}.chip:hover{border-color:var(--orange);color:var(--orange)}.chip-primary{background:linear-gradient(135deg, var(--orange), var(--orange-dark));color:#fff;border-color:#0000}.chip-primary:hover{color:#fff;filter:brightness(1.08)}.switch{font:500 13px/1.2 var(--sans);color:var(--charcoal-light);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.switch input{accent-color:var(--orange);width:16px;height:16px;margin:0}.code-scroll{scroll-behavior:auto;flex:1;padding:18px 20px 28px;overflow:auto}.code-overview{max-width:54rem;font:400 1.14rem/1.55 var(--serif);color:#333f48e0;margin:0 0 8px}.code-group{font:400 11.5px/1.2 var(--label);letter-spacing:.3px;text-transform:uppercase;color:var(--teal);margin:26px 0 8px}.cs{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:8px;overflow:hidden}.cs.is-running{border-color:var(--orange)}.cs-head{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:baseline;gap:3px 12px;padding:12px 14px;display:grid}.cs-head:hover{background:#333f4808}.cs.open>.cs-head{background:var(--cream)}.cs-range{font:400 12px/1.2 var(--label);color:#333f488c;min-width:6.5em}.cs-title{font:600 1.15rem/1.2 var(--serif)}.cs-summary{font:400 1.02rem/1.45 var(--serif);color:var(--muted);grid-column:2/-1}.cs-live{font:500 10.5px/1.5 var(--label);text-transform:uppercase;letter-spacing:.3px;color:#fff;background:var(--orange);border-radius:999px;padding:2px 9px;display:none}.cs.is-running .cs-live{animation:1.2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.55}}.cs-caret{border-right:2px solid var(--charcoal-light);border-bottom:2px solid var(--charcoal-light);align-self:center;width:9px;height:9px;transition:transform .2s;transform:rotate(-45deg)}.cs.open .cs-caret{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.cs.is-running .cs-live{animation:none}}.cs-body{border-top:1px solid var(--line);font:400 13px/1.55 var(--label);font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0;background:#fdfcfa;padding:6px 0 8px}.ln{grid-template-columns:64px minmax(0,1fr);padding-right:14px;display:grid}.ln-num{text-align:right;color:#333f4866;-webkit-user-select:none;user-select:none;padding-right:14px}.ln-code{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.ln.running{box-shadow:inset 3px 0 0 var(--orange);background:#bf570024}.ln.running .ln-num{color:var(--orange);font-weight:500}.ln.flash{animation:1.6s ease-out flash}@keyframes flash{0%{background:#005f8647}to{background:0 0}}.t-kw{color:var(--orange-dark);font-weight:500}.t-str{color:var(--teal)}.t-num{color:var(--charcoal-light)}.t-rem{color:#333f4880;font-style:italic}.jump{color:var(--teal);text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.jump:hover{background:#005f861a;text-decoration-style:solid}.ln-note{border-left:3px solid var(--teal);font:400 1.05rem/1.45 var(--serif);color:#333f48eb;background:#005f860f;border-radius:0 8px 8px 0;margin:3px 14px 8px 64px;padding:8px 12px;display:none}.code.explain .ln-note{display:block}.footer{background:var(--charcoal);color:#ffffffb3;padding:48px 24px}.footer-inner{max-width:var(--page);gap:16px;margin:0 auto;display:grid}.footer .brand-name{color:#fff}.footer p{max-width:46rem;font:400 14px/1.6 var(--sans);margin:0}.plan-box{text-align:left;justify-items:start;padding:24px}.plan-needs{max-width:30rem;font:400 1.05rem/1.5 var(--serif);color:var(--muted);margin:0;padding-left:1.2rem}.plan-level{font-weight:500}.program-meta{font:400 12.5px/1.45 var(--sans);color:var(--muted);overflow-wrap:anywhere;flex-basis:100%;margin:0}.code-plain{white-space:pre;background:#fff;border:1px solid #333f4838;border-radius:12px;height:100%;margin:0;padding:18px 20px 28px;font:400 13px/1.45 ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow:auto;box-shadow:0 24px 44px -24px #333f4866}.lineage{border-top:1px solid var(--line);max-width:46rem;margin-top:6px;padding-top:12px}.lineage-from{font:400 15px/1.5 var(--sans);margin:0 0 6px}.lineage-from .basis{color:var(--muted);font-size:13px}.lineage-diff{font:400 14px/1.5 var(--sans);color:#333f48e6;gap:3px;margin:0;padding-left:1.2rem;display:grid}.notice{background:#fff4d6;border-bottom:1px solid #bf570059}.notice p{max-width:var(--page);font:400 15px/1.5 var(--sans);color:var(--charcoal);margin:0 auto;padding:12px 24px}.notice a{color:var(--teal);font-weight:500}.footer .disclaimer{color:#fff9;margin-top:10px;font-size:13px}