:root{--paper:#fff;--paper-2:#f5f4f2;--ink:#111;--ink-2:#5d5b58;--ink-3:#9b9892;--line:#ecebe8;--board:#0a0a0b;--board-2:#1c1c1d;--cell:#ece7de;--amber:#ece7de;--amber-ink:#111;--cyan:#ece7de;--diff:#fbf8f1;--lamp:#f1e6cc;--serif:"Helvetica Neue", -apple-system, system-ui, "PingFang SC", "Hiragino Sans GB", sans-serif;--sans:"Helvetica Neue", -apple-system, system-ui, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono:"SF Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html[lang=en] [data-lang]:not([data-lang=en]),html[lang=zh-CN] [data-lang]:not([data-lang=zh]){display:none!important}html[lang=zh-CN] body{text-autospace:normal}[hidden]{display:none!important}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font:300 17px/1.8 var(--sans);-webkit-font-smoothing:antialiased;margin:0}b,strong{font-weight:500}em{text-decoration:underline;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3);text-underline-offset:4px;font-style:normal;text-decoration-thickness:1px}a{color:inherit}.top{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffe0;align-items:center;gap:18px;padding:10px max(16px,50vw - 560px);font-size:13px;display:flex;position:sticky;top:0}.lang:hover,.crumbs .family:hover{color:var(--ink)}.crumbs{color:var(--ink-2);gap:8px;min-width:0;display:flex}.crumbs .family{color:var(--ink-2);white-space:nowrap;text-decoration:none}.crumbs .sep{color:var(--ink-3)}.crumbs b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lang{color:var(--ink-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;margin-left:auto;padding:4px 10px;text-decoration:none}.hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:48px;max-width:1120px;margin:0 auto;padding:72px 16px 40px;display:grid}.kicker{font:400 12px/1 var(--mono);letter-spacing:.2em;color:var(--ink-3);margin:0 0 18px}.hero h1{font:200 clamp(36px, 5vw, 58px)/1.22 var(--serif);letter-spacing:.02em;margin:0 0 22px}.lede{color:var(--ink-2);max-width:30em;margin:0 0 28px;font-size:18px}.start{background:var(--board);color:var(--cell);border-radius:999px;align-items:center;gap:10px;padding:11px 22px;font-weight:600;text-decoration:none;display:inline-flex}.start:hover{background:#2a2a2b}.hero-board{aspect-ratio:4/3}.stage{background:var(--board);border-radius:14px;min-height:0;margin:0;position:relative;overflow:hidden}.stage canvas{touch-action:manipulation;width:100%;height:100%;display:block}.badge{font:600 10px/1 var(--mono);letter-spacing:.08em;color:#f7e9c68c;pointer-events:none;border:1px solid #f7e9c633;border-radius:4px;padding:5px 7px;position:absolute;top:10px;right:12px}.hud{font:500 12px/1 var(--mono);color:#f7e9c6b3;pointer-events:none;gap:16px;display:flex;position:absolute;top:10px;left:12px}.hud b{color:var(--cell);font-weight:650}.legend{font:500 11px/1 var(--sans);color:#f7e9c6a6;pointer-events:none;gap:14px;display:flex;position:absolute;bottom:10px;left:12px}.legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.lg-live{background:var(--cell)}.lg-die{background:#ece7de4d;box-shadow:inset 0 0 0 1.5px #ece7ded9}.lg-born{border:1.5px dashed #f7e9c6cc}.lg-trail{background:#ece7de38}.lg-hollow{box-shadow:inset 0 0 0 1.5px var(--cell)}.swatch{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin:0 5px 0 2px;display:inline-block}.swatch.diff{background:var(--diff)}.prose,.act-head,.answer,.deeper,.task-host,.next-lede{max-width:720px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}.family-note{color:var(--ink-2);margin-top:20px;margin-bottom:40px}.act{max-width:1120px;margin:0 auto;padding:72px 0 24px;scroll-margin-top:40px}.act>.stage,.act>.rule-stage,.act>.lab-bench,.act>.timebar,.act>.notebook-wrap{margin-left:16px;margin-right:16px}.act-head{margin-bottom:18px}.act-no{border:1px solid var(--ink-3);width:38px;height:38px;color:var(--ink);font:300 15px/1 var(--serif);border-radius:50%;place-items:center;display:inline-grid}.act-head h2{font:300 32px/1.2 var(--serif);letter-spacing:.06em;vertical-align:middle;margin:0 0 0 14px;display:inline-block}.act-head p{color:var(--ink-2);margin:14px 0 0;font-size:18px}.tasks{flex-wrap:wrap;gap:6px 8px;margin:0 auto 14px;padding:0;font-size:14px;line-height:1.4;list-style:none;display:flex}.tasks li{background:var(--paper-2);color:var(--ink-3);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex}.tasks .tick{background:var(--line);width:22px;height:22px;color:var(--ink-2);font:700 11px/1 var(--mono);border-radius:50%;flex:none;place-items:center;display:inline-grid}.tasks li.now{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#fff}.tasks li.now .tick{background:var(--ink);color:#fff;animation:2.2s ease-in-out infinite nudge}.tasks li.done{color:var(--ink-2)}.tasks li.done .tick{background:var(--board);color:var(--cell)}.tasks li.later{display:none}@media (width>=760px){.tasks li.later{opacity:.6;display:flex}}@keyframes nudge{50%{transform:scale(1.14)}}@media (prefers-reduced-motion:reduce){.tasks li.now .tick{animation:none}}.answer{min-height:3.6em;margin-top:16px;margin-bottom:8px;font-size:17px}.answer b{color:var(--ink)}.deeper{color:var(--ink-2);margin-top:10px;font-size:15.5px}.deeper summary{cursor:pointer;color:var(--ink);align-items:center;gap:8px;padding:6px 0;font-weight:600;list-style:none;display:inline-flex}.deeper summary:before{content:"+";border:1px solid var(--ink-3);width:20px;height:20px;font:500 14px/1 var(--mono);border-radius:50%;place-items:center;display:inline-grid}.deeper[open] summary:before{content:"–"}.deeper summary::-webkit-details-marker{display:none}.deeper p{margin:10px 0}.deeper .src{color:var(--ink-3);font-size:13.5px}.btn{appearance:none;cursor:pointer;font:600 14px/1 var(--sans);border:1.5px solid var(--board);color:var(--board);background:0 0;border-radius:999px;padding:10px 16px}.btn:hover{background:var(--paper-2)}.btn.solid{background:var(--board);color:var(--cell)}.btn.solid:hover{background:#2a2a2b}.btn.ghost{border-color:#0000}.btn.round{flex:none;width:44px;height:44px;padding:0}.btn.wide{width:100%;padding:13px;font-size:16px}.btn:focus-visible,.nb-cell:focus-visible,.dock-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.stage .btn{color:var(--cell);border-color:#f7e9c680}.stage .btn:hover{background:#f7e9c614}.stage .btn.solid{background:var(--cell);color:var(--board);border-color:var(--cell)}.rule-stage{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.rule-stage .stage{aspect-ratio:16/10}.rule-card{background:var(--paper-2);border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex}.rule-card ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rule-line{border:1.5px solid #0000;border-radius:8px;padding:9px 12px;font-size:15px;line-height:1.5;transition:background .15s,border-color .15s}.rule-line b{min-width:3em;margin-right:6px;display:inline-block}.rule-line.on{border-color:var(--ink);background:#fff}.inspect{background:var(--board);color:#f7e9c6cc;border-radius:10px;align-items:center;gap:14px;min-height:74px;padding:10px 12px;font-size:14px;line-height:1.5;display:flex}.inspect .n{font:200 40px/1 var(--sans);color:var(--cell);text-align:center;min-width:1.1em}.inspect .hint{color:#f7e9c680}.inspect b{color:var(--cell)}.controls{flex-wrap:wrap;gap:8px;display:flex}.twins{aspect-ratio:2;background:#1c1c1d;grid-template-columns:1fr 1fr;gap:2px;display:grid}.twin{background:var(--board);min-height:0;position:relative}.twin canvas{position:absolute;inset:0}.twin-label{z-index:1;font:500 12.5px/1.2 var(--sans);color:#f7e9c6b8;pointer-events:none;align-items:baseline;gap:8px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.twin-label>b{color:var(--cell);font-family:var(--mono)}.twin-label .pop{font-family:var(--mono);margin-left:auto}.twins .hud{top:10px;left:12px}.twins.editing .twin:last-child canvas{cursor:crosshair}.timebar{align-items:center;gap:14px;margin-top:12px;display:flex}.scrub{flex:1;position:relative}.scrub input{width:100%;accent-color:var(--board);margin:0}.scrub .chart{width:100%;height:34px;margin-top:2px;display:block}.soup{aspect-ratio:16/9}.soup canvas{cursor:pointer}.controls.on-stage{position:absolute;bottom:12px;right:12px}.lab-bench{grid-template-columns:1.55fr 1fr;gap:16px;display:grid}.lab-bench .stage{aspect-ratio:4/3}.bench-panel{flex-direction:column;gap:14px;display:flex}.knob{flex-direction:column;gap:4px;font-size:15px;display:flex}.knob b{font-family:var(--mono);color:var(--ink);font-weight:400}.knob input{accent-color:var(--board)}.knob small{color:var(--ink-3);font-size:12.5px}.borrow{color:var(--ink-2);margin:0;font-size:13.5px}.bench-panel h3,.nb-title h3{font:700 15px/1.3 var(--sans);margin:4px 0 0}.orders{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.orders li{background:var(--paper-2);border:1.5px dashed #d5d3cb;border-radius:10px;align-items:center;gap:10px;padding:8px;font-size:13.5px;line-height:1.35;display:flex}.orders li canvas{opacity:.45;border-radius:6px;flex:none;width:40px;height:40px}.orders li small{color:var(--ink-3);font-size:11.5px;font-family:var(--mono);display:block}.orders li.done{border-style:solid;border-color:var(--board);background:#fff}.orders li.done canvas{opacity:1}.notebook-wrap{background:var(--paper-2);border-radius:14px;margin-top:8px;padding:16px}.nb-title{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:10px;display:flex}.nb-title span{color:var(--ink-3);font-size:13px}.notebook{font:500 11px/1 var(--mono);color:var(--ink-3);grid-template-columns:24px repeat(12,minmax(0,46px));gap:4px;display:grid}.nb-h{place-items:center;height:18px;display:grid}.nb-h.row{height:auto}.nb-cell{aspect-ratio:1;cursor:pointer;background:#fff;border:0;border-radius:6px;min-height:22px;padding:0;position:relative;box-shadow:inset 0 0 0 1px #dedcd4}.nb-cell:hover{box-shadow:inset 0 0 0 1.5px var(--ink-3)}.nb-cell.sel{box-shadow:0 0 0 1.5px var(--ink)}.nb-cell:after{content:"";border-radius:2px;position:absolute;inset:28%}.nb-cell.k-still{background:var(--board)}.nb-cell.k-still:after{background:var(--cell)}.nb-cell.k-osc{background:var(--board)}.nb-cell.k-osc:after{background:var(--amber);border-radius:50%}.nb-cell.k-ship{background:var(--board)}.nb-cell.k-ship:after{background:var(--cyan);clip-path:polygon(0 0,100% 50%,0 100%)}.nb-cell.k-nothing{background:var(--board)}.nb-cell.k-nothing:after{border:1.5px solid #f7e9c680;border-radius:50%}.nb-cell.k-miss{background:#e8e6df}.nb-cell.k-miss:after{background:#b9b6ac;inset:46% 22%}.nb-cell.k-messy{background:var(--board)}.nb-cell.k-messy:after{background:var(--cell);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}.nb-legend{color:var(--ink-2);flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:12px;display:flex}.nb-legend span:before{content:"";vertical-align:-2px;background:var(--board);border-radius:3px;width:12px;height:12px;margin-right:5px;display:inline-block}.nb-legend .k-still:before{box-shadow:inset 0 0 0 3px var(--board);background:var(--cell)}.nb-legend .k-osc:before{background:radial-gradient(circle, var(--amber) 35%, var(--board) 38%)}.nb-legend .k-ship:before{background:linear-gradient(90deg, var(--cyan), var(--board))}.nb-legend .k-nothing:before{background:radial-gradient(circle, var(--board) 30%, #f7e9c699 34%, var(--board) 46%)}.nb-legend .k-miss:before{background:#e8e6df}.nb-legend .k-messy:before{background:radial-gradient(circle, var(--cell) 30%, var(--board) 34%)}.to-lab{color:var(--ink-2);margin-top:12px;font-size:13.5px;display:inline-block}.signal-bench .stage{aspect-ratio:4/3}.signal-panel{flex-direction:column;gap:12px;display:flex}.switches{gap:8px;display:flex}.btn.switch{border-color:var(--ink);color:var(--ink);flex:1}.btn.switch.off{border-style:dashed;border-color:var(--ink-3);color:var(--ink-3)}.sw-note{color:var(--ink-3);margin:0;font-size:13px;line-height:1.55}.truth{border-collapse:collapse;width:100%;font:500 14px/1 var(--mono)}.truth th,.truth td{text-align:center;border-bottom:1px solid var(--line);padding:9px 10px}.truth th{font:600 12px/1 var(--sans);color:var(--ink-3)}.truth tr.cur td{background:var(--paper-2)}.lamp-cell{font-family:var(--sans)}.bulb{vertical-align:-1px;background:#d5d3cb;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.bulb.on{background:var(--ink);box-shadow:0 0 0 3px #1111111f}.grow{margin:14px auto 0;display:block}.hud .warm{color:var(--amber)}.register-bench .stage{aspect-ratio:4/3}.register-panel{flex-direction:column;gap:14px;display:flex}.reg-read{background:var(--board);color:#f7e9c6b3;border-radius:14px;flex-direction:column;gap:2px;padding:16px;font-size:13px;display:flex}.reg-read b{font:200 64px/1 var(--sans);color:var(--cell)}.reg-read small{color:#f7e9c673}.btn:disabled{opacity:.35;cursor:default}.scale-stage{aspect-ratio:16/9;background:var(--board)}.scale-copy{pointer-events:none;flex-direction:column;gap:10px;display:flex;position:absolute;top:16px;left:18px}.scale-title{font:200 26px/1.2 var(--serif);letter-spacing:.08em;color:var(--cell)}.scale-keys{flex-wrap:wrap;gap:6px;max-width:320px;display:flex}.scale-keys span{color:#f7e9c6cc;border:1px solid #f7e9c640;border-radius:999px;padding:4px 10px;font-size:12.5px}.stage canvas.mini{border-radius:6px;width:92px;height:92px;position:absolute;bottom:12px;right:12px;box-shadow:0 0 0 1px #f7e9c633}.scale-controls{flex-wrap:wrap;align-items:center;gap:10px 16px;margin:12px 16px 0;display:flex}.stops{gap:4px;display:flex}.stops button{appearance:none;border:1.5px solid var(--line);font:600 13px/1 var(--sans);cursor:pointer;color:var(--ink-2);background:#fff;border-radius:999px;padding:6px 12px}.stops button.on{background:var(--board);border-color:var(--board);color:var(--cell)}.scale-controls input{min-width:160px;accent-color:var(--board);flex:1}.scale-width{font:500 12px/1 var(--mono);color:var(--ink-3)}.end{max-width:720px;margin:0 auto;padding:96px 16px 24px}.end h2{font:300 30px/1.3 var(--serif);letter-spacing:.06em;margin:0 0 18px}.end-list{flex-direction:column;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.end-list li{background:var(--paper-2);border-radius:12px;padding:12px 16px}.end-list li.none{color:var(--ink-3)}.end-lede{color:var(--ink-2)}.end-links{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:24px;display:flex}.end-links .other{color:var(--ink-2);font-size:15px}.built{margin:0 0 14px;padding:0;font-size:13.5px;list-style:none}.built li{border-bottom:1px solid var(--line);padding:6px 0}.built li.none{color:var(--ink-3);border:0}.next{max-width:1120px;margin:0 auto;padding:80px 16px 40px}.next h2{max-width:720px;font:300 30px/1.2 var(--serif);margin:0 auto 10px;padding:0 16px}.next-lede{color:var(--ink-2);margin-bottom:28px}.next-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.next-cards li{color:var(--ink-2);border:1.5px dashed #d5d3cb;border-radius:14px;padding:22px;font-size:15px}.next-cards .act-no{color:#fff;background:#d9d7cf;width:34px;height:34px;font-size:15px}.next-cards h3{font:700 21px/1.2 var(--serif);color:var(--ink);vertical-align:middle;margin:0 0 0 10px;display:inline-block}.next-cards p{margin:12px 0 0}.next-cards .needs{color:var(--ink-3);font-size:13px}.next-cards .needs span{background:var(--paper-2);border-radius:999px;margin:4px 6px 0 0;padding:2px 8px;display:inline-block}.next-cards .needs span.got{background:var(--board);color:var(--cell)}.foot{border-top:1px solid var(--line);max-width:720px;color:var(--ink-3);margin:40px auto 120px;padding:24px 16px 0;font-size:13px}#dock{z-index:30;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.dock-toggle{cursor:pointer;background:var(--board);color:var(--cell);font:600 14px/1 var(--sans);border:0;border-radius:999px;order:2;align-items:center;gap:10px;padding:8px 10px 8px 16px;display:flex;box-shadow:0 8px 24px #111a2c47}.dock-strip{gap:4px;display:flex}.dock-strip canvas{border-radius:4px}.dock-count{background:var(--cell);min-width:26px;height:26px;color:var(--board);font:700 13px/1 var(--mono);border-radius:999px;place-items:center;padding:0 6px;display:inline-grid}#dock.empty .dock-count{color:var(--cell);background:#f7e9c640}.dock-panel{width:min(380px,100vw - 32px);max-height:min(70vh,560px);box-shadow:0 16px 48px #111a2c3d, 0 0 0 1px var(--line);background:#fff;border-radius:16px;order:1;padding:16px;overflow:auto}.dock-sec h3{font:700 14px/1 var(--sans);justify-content:space-between;margin:0 0 10px;display:flex}.dock-sec h3 .dex-count{color:var(--ink-3);font:500 12px/1 var(--mono)}.dex{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 18px;padding:0;list-style:none;display:grid}.dex li{text-align:center;color:var(--ink-3);font-size:11.5px;position:relative}.dex canvas{aspect-ratio:1;border-radius:8px;width:100%;margin-bottom:3px;display:block}.dex li:not(.got) canvas{visibility:hidden}.dex li:not(.got):before{content:"?";aspect-ratio:1;color:#c4c1b8;font:600 16px/1 var(--mono);border:1.5px dashed #d5d3cb;border-radius:8px;place-items:center;display:grid;position:absolute;top:0;left:0;right:0}.dex li:not(.got) .dex-name{visibility:hidden}.dex li.got{color:var(--ink)}.dex .dex-n{font:600 10px/1 var(--mono);color:var(--cell);position:absolute;top:3px;right:5px}.recipes{margin:0 0 14px;padding:0;font-size:13.5px;list-style:none}.recipes li{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:6px 0;display:flex}.recipes li span{color:var(--ink-3);font:500 12px/1.6 var(--mono)}.recipes li.none{color:var(--ink-3);border:0}.dock-reset{color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px;text-decoration:underline}.flyer{z-index:40;pointer-events:none;border-radius:8px;position:fixed}@media (width<=860px){.hero{grid-template-columns:1fr;gap:28px;padding-top:36px}.rule-stage,.lab-bench,.next-cards{grid-template-columns:1fr}}@media (width<=600px){body{font-size:16px}.crumbs{font-size:12.5px}.act{padding-top:56px}.act-head h2{font-size:28px}.twins{aspect-ratio:3/4;grid-template-columns:1fr}.rule-stage .stage{aspect-ratio:4/3}.soup{aspect-ratio:4/5}.lab-bench .stage{aspect-ratio:1}.legend{flex-wrap:wrap;gap:8px}.notebook{grid-template-columns:18px repeat(12,minmax(0,1fr));gap:2px;font-size:9.5px}.nb-cell{border-radius:4px;min-height:0}.orders{grid-template-columns:1fr}.dock-strip{display:none}.controls.on-stage{left:12px;right:auto}#dock{bottom:12px;right:12px}}html[lang=zh-CN] .badge{font:600 11.5px/1 var(--sans);letter-spacing:.02em}html[lang=zh-CN] .legend,html[lang=zh-CN] .hud,html[lang=zh-CN] .dex li,html[lang=zh-CN] .nb-legend,html[lang=zh-CN] .kicker{font-size:12.5px}html[lang=zh-CN] .kicker{letter-spacing:.06em;font-family:var(--sans)}html[lang=zh-CN] .orders li small,html[lang=zh-CN] .knob small{font-size:12px}.stage:after{content:"";pointer-events:none;border-radius:inherit;opacity:.055;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}html[lang=zh-CN] .act-head h2{letter-spacing:.1em}.hero h1{font-size:clamp(34px,4.4vw,54px)}html[lang=zh-CN] .hero h1{letter-spacing:.04em}