:root{--bg:oklch(7% 0 0);--surface:oklch(11.5% 0 0);--surface-2:oklch(15.5% 0 0);--surface-3:oklch(20.5% 0 0);--line:oklch(26% 0 0);--line-soft:oklch(20% 0 0);--ink:oklch(97% 0 0);--ink-2:oklch(80% 0 0);--ink-muted:oklch(65.5% 0 0);--primary:oklch(58.5% .193 22);--primary-ink:oklch(98.5% .01 22);--primary-dim:oklch(38% .115 22);--primary-glow:oklch(70% .19 24);--n-lc10a:oklch(80.5% .132 196);--n-lplc2:oklch(66.5% .172 305);--n-aotu:oklch(84.5% .142 85);--n-cx:oklch(74.5% .142 152);--n-dn:oklch(63.5% .208 20);--n-other:oklch(52% .012 260);--food-pita:oklch(85.5% .088 76);--food-hummus:oklch(88.5% .068 92);--food-ball:oklch(59.5% .108 92);--food-salad:oklch(73.5% .155 142);--food-chips:oklch(81.5% .155 78);--ok:oklch(75.5% .145 150);--warn:oklch(81.5% .155 78);--danger:oklch(64.5% .205 22);--r-sm:6px;--r-md:10px;--r-lg:14px;--z-base:1;--z-panel:10;--z-overlay:20;--z-boot:40;--ease:cubic-bezier(.22, 1, .36, 1);--dur:.19s;--gutter:16px;--font:"Heebo", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:15px;line-height:1.5}body{flex-direction:column;min-height:100dvh;display:flex;overflow-x:hidden}h1,h2,h3{text-wrap:balance;margin:0;font-weight:700}a{color:var(--n-lc10a);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--ink)}.boot{z-index:var(--z-boot);background:var(--bg);transition:opacity .42s var(--ease), visibility .42s;place-items:center;display:grid;position:fixed;inset:0}.boot[data-done="1"]{opacity:0;visibility:hidden;pointer-events:none}.boot__inner{text-align:center;justify-items:center;gap:10px;display:grid}.boot__pulse{background:var(--primary);width:46px;height:46px;box-shadow:0 0 34px var(--primary-glow);animation:pulse 1.25s var(--ease) infinite;border-radius:50%}@keyframes pulse{0%,to{opacity:.55;transform:scale(.72)}50%{opacity:1;transform:scale(1)}}.boot__title{margin:4px 0 0;font-size:1.1rem;font-weight:700}.boot__sub{color:var(--ink-muted);font-size:.85rem;font-family:var(--mono);margin:0}.topbar{padding:12px var(--gutter);background:var(--surface);border-block-end:1px solid var(--line-soft);z-index:var(--z-panel);flex-wrap:wrap;align-items:center;gap:18px;display:flex;position:sticky;top:0}.topbar__brand{flex-wrap:wrap;align-items:baseline;gap:10px;min-width:0;display:flex}.topbar__brand h1{letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.topbar__dot{background:var(--primary);width:9px;height:9px;box-shadow:0 0 12px var(--primary-glow);border-radius:50%;flex:none;align-self:center}.topbar__sub{color:var(--ink-muted);font-size:.74rem;font-family:var(--mono)}.topbar__stats{flex-wrap:wrap;gap:10px;margin-inline-start:auto;display:flex}.stat{background:var(--surface-2);border-radius:var(--r-sm);gap:1px;min-width:72px;padding:5px 11px;display:grid}.stat__label{color:var(--ink-muted);font-size:.66rem}.stat__value{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600}.topbar__actions{gap:8px;display:flex}.btn{color:var(--ink);background:var(--surface-3);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);padding:7px 14px;font-family:inherit;font-size:.82rem;font-weight:500}.btn:hover{background:oklch(26% 0 0)}.btn:focus-visible{outline:2px solid var(--n-lc10a);outline-offset:2px}.btn:active{background:oklch(22% 0 0)}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn--primary:hover{background:oklch(64.5% .2 22)}.btn[aria-pressed=true]{background:var(--primary-dim);border-color:var(--primary)}.stage{padding:12px var(--gutter);flex:1;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:12px;min-height:0;display:grid}.pane{background:var(--surface);border-radius:var(--r-lg);flex-direction:column;gap:8px;min-width:0;min-height:0;padding:12px;display:flex}.pane__head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.pane__head h2{font-size:.92rem;font-weight:700}.pane__sub{color:var(--ink-muted);flex:200px;min-width:0;margin:0;font-size:.7rem;line-height:1.35}.circuit__head .pane__sub{flex:240px}.tag{border-radius:999px;margin-inline-start:auto;padding:3px 9px;font-size:.66rem;font-weight:500}.tag--neural{color:var(--n-cx);background:oklch(30% .075 152)}.tag--logic{background:var(--surface-3);color:var(--ink-muted)}.canvas-wrap{border-radius:var(--r-md);background:oklch(4.5% 0 0);flex:1;min-height:0;position:relative;overflow:hidden}.canvas-wrap canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#game{object-fit:contain}.canvas-wrap--brain{cursor:grab;background:oklch(3% 0 0)}.canvas-wrap--brain:active{cursor:grabbing}.brain-legend{font-size:.68rem;font-family:var(--mono);pointer-events:none;gap:4px;display:grid;position:absolute;inset-block-start:10px;inset-inline-start:10px}.brain-legend span{color:var(--ink-2);align-items:center;gap:6px;display:flex}.brain-legend i{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.brain-hint{color:var(--ink-muted);font-size:.66rem;font-family:var(--mono);pointer-events:none;transition:opacity var(--dur) var(--ease);position:absolute;inset-block-end:8px;inset-inline-end:10px}.canvas-wrap--brain:hover .brain-hint{opacity:0}.gameover[hidden]{display:none}.gameover{z-index:var(--z-overlay);text-align:center;background:oklch(4.5% 0 0/.9);place-content:center;justify-items:center;gap:10px;padding:20px;display:grid;position:absolute;inset:0}.gameover__title{color:var(--primary-glow);margin:0;font-size:1.5rem;font-weight:800}.gameover__sub{color:var(--ink-2);font-family:var(--mono);margin:0;font-size:.85rem}.neuron-tip[hidden]{display:none}.neuron-tip{z-index:var(--z-overlay);pointer-events:none;border:1px solid var(--line);border-radius:var(--r-sm);min-width:132px;font-family:var(--mono);color:var(--ink-2);background:oklch(13% 0 0/.96);gap:2px;padding:7px 10px;font-size:.68rem;line-height:1.5;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.neuron-tip b{color:var(--ink);font-size:.78rem;font-weight:600}.neuron-tip em{color:var(--n-aotu);font-style:normal}.neuron-tip .tip__row{justify-content:space-between;gap:8px;display:flex}.neuron-tip .tip__pin{color:var(--ink-muted);font-size:.62rem}.neuron-tip .tip__purpose{font-family:var(--font);color:var(--n-lc10a);margin-block-end:3px;font-size:.72rem}.intro[hidden]{display:none}.intro{z-index:var(--z-boot);background:oklch(5% 0 0/.86);place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.intro__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);max-width:62ch;animation:introIn .32s var(--ease);gap:12px;padding:22px 24px;display:grid}@keyframes introIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.intro__card h2{font-size:1.3rem;font-weight:800}.intro__lead{color:var(--ink-2);margin:0;font-size:.92rem;line-height:1.6}.intro__lead strong{color:var(--ink)}.intro__goal{background:var(--surface-2);border-radius:var(--r-sm);color:var(--ink-2);margin:0;padding:11px 13px;font-size:.88rem;line-height:1.55}.intro__goal strong{color:var(--primary-glow)}.intro__list{color:var(--ink-muted);gap:7px;margin:0;padding-inline-start:20px;font-size:.85rem;line-height:1.5;display:grid}.intro__list b{color:var(--ink);font-weight:600}.intro__card .btn{justify-self:start;margin-block-start:4px}#btn-help{inline-size:34px;padding-inline:0;font-size:.95rem;font-weight:700}.circuit{margin:0 var(--gutter) 12px;background:var(--surface);border-radius:var(--r-lg);flex-direction:column;gap:6px;padding:10px 12px 12px;display:flex}.circuit__head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.circuit__head h3{font-size:.8rem;font-weight:600}.circuit__head .tag{margin-inline-start:0}.circuit__note{color:var(--ink-muted);font-size:.66rem;font-family:var(--mono);margin-inline-start:auto}.vision-sec canvas{height:210px!important}.circuit canvas{border-radius:var(--r-sm);background:oklch(4.5% 0 0);width:100%;height:190px;display:block}@media (width<=700px){.circuit canvas{height:230px}.circuit__note{display:none}}.progress{margin:0 var(--gutter) 12px;background:var(--surface);border-radius:var(--r-lg);grid-template-columns:1fr;gap:14px;padding:14px;display:grid}@media (width>=900px){.progress{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}}.progress__chart{gap:8px;display:grid}.progress__chart canvas{border-radius:var(--r-sm);background:oklch(4.5% 0 0);width:100%;height:215px;display:block}.progress__text{align-content:start;gap:9px;display:grid}.progress__text h3{font-size:.9rem;font-weight:700}.progress__text p{color:var(--ink-muted);max-width:60ch;margin:0;font-size:.8rem;line-height:1.6}.progress__text b{color:var(--ink-2);font-weight:600}.progress__honest{border-radius:var(--r-sm);background:oklch(20% .045 22);padding:11px 13px;color:var(--ink-2)!important}.progress__honest strong{color:var(--primary-glow)}.progress__honest em{color:var(--warn);font-style:normal;font-weight:600}.mind{margin:0 var(--gutter) 12px;background:var(--surface);border-radius:var(--r-lg);grid-template-columns:1fr;gap:14px;padding:14px;display:grid}@media (width>=900px){.mind{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}}.mind__intro{align-content:start;gap:9px;display:grid}.mind__intro h3{font-size:.9rem;font-weight:700}.mind__intro p{color:var(--ink-muted);max-width:60ch;margin:0;font-size:.8rem;line-height:1.6}.mind__intro strong{color:var(--primary-glow)}.mind__intro b{color:var(--ink-2);font-weight:600}.mind__split{background:var(--surface-2);border-radius:var(--r-sm);padding:11px 13px;color:var(--ink-2)!important}.mind__feed{gap:6px;min-width:0;display:grid}.mind__head{color:var(--ink-muted);grid-template-columns:1fr 1.05fr;gap:10px;padding-inline:4px;font-size:.7rem;font-weight:600;display:grid}.mind__rows{align-content:start;gap:5px;min-height:232px;display:grid}.mind__row{border-radius:var(--r-sm);background:var(--surface-2);animation:mindIn .26s var(--ease);grid-template-columns:1fr 1.05fr;gap:10px;padding:8px 10px;font-size:.78rem;line-height:1.4;display:grid}@keyframes mindIn{0%{opacity:0;transform:translateY(-5px)}}.mind__human{color:var(--ink-muted)}.mind__fly{color:var(--ink);justify-content:space-between;align-items:baseline;gap:7px;display:flex}.mind__tag{white-space:nowrap;border-radius:999px;flex:none;padding:1px 7px;font-size:.62rem}.mind__row--instinct .mind__fly{color:var(--n-cx)}.mind__row--instinct .mind__tag{color:var(--n-cx);background:oklch(30% .07 152)}.mind__row--imposed .mind__fly{color:var(--ink-2)}.mind__row--imposed .mind__tag{background:var(--surface-3);color:var(--ink-muted)}.mind__row--reflex .mind__fly{color:var(--n-lplc2)}.mind__row--reflex .mind__tag{color:var(--n-lplc2);background:oklch(30% .09 305)}.eye{margin:0 var(--gutter) 12px;background:var(--surface);border-radius:var(--r-lg);grid-template-columns:1fr;gap:14px;padding:14px;display:grid}@media (width>=900px){.eye{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}}.eye__scope{gap:8px;display:grid}.eye__scope canvas{border-radius:var(--r-sm);background:oklch(4% 0 0);width:100%;height:230px;display:block}.eye__text{align-content:start;gap:9px;display:grid}.eye__text h3{font-size:.9rem;font-weight:700}.eye__text p{color:var(--ink-muted);max-width:60ch;margin:0;font-size:.8rem;line-height:1.6}.eye__text b{color:var(--ink-2);font-weight:600}.eye__text strong{color:var(--primary-glow)}.eye__why{background:var(--surface-2);border-radius:var(--r-sm);padding:11px 13px;color:var(--ink-2)!important}.eye__why em{color:var(--n-aotu);font-style:normal;font-weight:600}.model{margin:0 var(--gutter) 12px;background:var(--surface);border-radius:var(--r-lg);grid-template-columns:1fr;gap:14px;padding:14px;display:grid}@media (width>=900px){.model{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start}}.model__text{align-content:start;gap:9px;display:grid}.model__text h3{font-size:.9rem;font-weight:700}.model__text p{color:var(--ink-muted);max-width:62ch;margin:0;font-size:.8rem;line-height:1.6}.model__text strong{color:var(--primary-glow)}.model__text b{color:var(--ink-2);font-weight:600}.model__rules{color:var(--ink-muted);gap:5px;margin:0;padding-inline-start:20px;font-size:.8rem;line-height:1.5;display:grid}.model__rules b{color:var(--n-aotu);font-weight:600}.model__cal{background:var(--surface-2);border-radius:var(--r-sm);padding:10px 12px;font-size:.76rem!important}.model__scope{gap:6px;display:grid}.model__scope canvas{border-radius:var(--r-sm);background:oklch(4.5% 0 0);width:100%;height:180px;display:block}.model__hint{color:var(--ink-muted);font-size:.68rem;font-family:var(--mono);text-align:center;margin:0}.origins{margin:0 var(--gutter) 14px;background:var(--surface);border-radius:var(--r-lg);gap:16px;padding:20px 18px 18px;display:grid}.origins__head{gap:5px;display:grid}.origins__lead{color:var(--ink-2);max-width:76ch;margin:0;font-size:.88rem;line-height:1.55}.origins__grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=880px){.origins__grid{grid-template-columns:repeat(3,1fr)}}.origin{background:var(--surface-2);border-radius:var(--r-md);align-content:start;gap:9px;padding:14px;display:grid}.origin--muted{opacity:.82}.origin canvas{border-radius:var(--r-sm);background:oklch(5% 0 0);width:100%;height:150px;display:block}.origin__tag{color:var(--c);background:color-mix(in oklab, var(--c) 18%, transparent);border-radius:999px;justify-self:start;padding:4px 13px;font-size:.76rem;font-weight:700}.origin code{font-family:var(--mono);color:var(--ink-muted);text-align:start;direction:ltr;font-size:.7rem}.origin p{color:var(--ink-muted);margin:0;font-size:.83rem;line-height:1.6}.origin p b{color:var(--ink-2);font-weight:600}.origin__here{color:var(--ink-2)!important}.origin__here em{color:var(--primary-glow);font-style:normal;font-weight:600}.origins__note{border-radius:var(--r-sm);color:var(--ink-2);background:oklch(20% .045 22);max-width:86ch;margin:0;padding:13px 15px;font-size:.85rem;line-height:1.6}.origins__note strong{color:var(--primary-glow)}.telemetry{padding:0 var(--gutter) 12px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.95fr);gap:12px;display:grid}.tel{background:var(--surface);border-radius:var(--r-lg);flex-direction:column;gap:6px;min-width:0;padding:10px 12px 12px;display:flex}.tel__head{align-items:baseline;gap:8px;display:flex}.tel__head h3{font-size:.8rem;font-weight:600}.tel__note{color:var(--ink-muted);font-size:.66rem;font-family:var(--mono);margin-inline-start:auto}.tel canvas{border-radius:var(--r-sm);background:oklch(4.5% 0 0);width:100%;height:150px;display:block}.controls{align-content:start;gap:6px;display:grid}.ctl{background:var(--surface-2);border-radius:var(--r-sm);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);text-align:start;color:var(--ink);border:1px solid #0000;align-items:center;gap:9px;width:100%;padding:6px 9px;font-family:inherit;font-size:.76rem;display:flex}.ctl:hover{background:var(--surface-3)}.ctl:focus-visible{outline:2px solid var(--n-lc10a);outline-offset:1px}.ctl[aria-pressed=true]{border-color:var(--danger);background:oklch(24% .06 22)}.ctl__box{border:1.5px solid var(--line);border-radius:3px;flex:none;place-items:center;width:13px;height:13px;display:grid}.ctl[aria-pressed=true] .ctl__box{background:var(--danger);border-color:var(--danger)}.ctl__box:after{content:"";background:var(--bg);opacity:0;border-radius:1px;width:5px;height:5px}.ctl[aria-pressed=true] .ctl__box:after{opacity:1}.ctl__text{gap:0;min-width:0;display:grid}.ctl__desc{color:var(--ink-muted);font-size:.66rem}.ctl-range{background:var(--surface-2);border-radius:var(--r-sm);gap:4px;padding:6px 9px;display:grid}.ctl-range label{justify-content:space-between;font-size:.72rem;display:flex}.ctl-range output{font-family:var(--mono);color:var(--n-aotu)}.ctl-range input{width:100%;accent-color:var(--primary)}.credits{padding:12px var(--gutter) 22px;color:var(--ink-muted);max-width:78ch;font-size:.7rem;line-height:1.6}.credits p{margin:0 0 5px}@media (width>=901px){.stage{flex:none;block-size:58vh;min-block-size:400px}}@media (width<=1180px){.telemetry{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tel--controls{grid-column:1/-1}.controls{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}@media (width<=900px){.stage{grid-template-columns:minmax(0,1fr)}.canvas-wrap{aspect-ratio:3/2}.canvas-wrap--brain{aspect-ratio:4/3}.telemetry{grid-template-columns:minmax(0,1fr)}.topbar__stats{order:3;width:100%;margin-inline-start:0}.topbar__actions{margin-inline-start:auto}}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}@media (pointer:coarse){.ctl{min-height:44px}.btn{padding-block:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--page:1140px;--gutter:26px;--sec-gap:38px}html,body{font-size:16px}.topbar__inner,.stage,.origins,.progress,.mind,.eye,.circuit,.model,.telemetry,.credits{inline-size:min(var(--page), 100% - var(--gutter) * 2);margin-inline:auto}.origins,.progress,.mind,.eye,.circuit,.model{margin-block:0 var(--sec-gap);border:1px solid var(--line-soft);padding:24px 26px}.stage,.telemetry{margin-block:0 var(--sec-gap);gap:16px;padding:0}.stage{padding-block-start:var(--sec-gap)}.credits{border-block-start:1px solid var(--line-soft);max-width:none;margin-block:0;padding:26px 0 44px;font-size:.78rem}section[data-step]{position:relative}section[data-step]:before{content:attr(data-step) "  ·  " attr(data-label);font-family:var(--mono);letter-spacing:.06em;color:var(--ink-muted);white-space:nowrap;pointer-events:none;font-size:.72rem;position:absolute;inset-block-start:-25px;inset-inline-end:2px}.origins__head h2{letter-spacing:-.022em;font-size:1.62rem;font-weight:800}.pane__head h2{font-size:1.02rem}.circuit__head h3,.progress__text h3,.mind__intro h3,.eye__text h3,.model__text h3,.tel__head h3,.progress__chart h3{letter-spacing:-.012em;font-size:1.1rem;font-weight:800}.origins__lead{font-size:1rem;line-height:1.62}.progress__text p,.mind__intro p,.eye__text p,.model__text p{font-size:.95rem;line-height:1.62}.pane__sub,.circuit__note,.tel__note,.model__hint{font-size:.76rem}.origins__note,.progress__honest,.eye__why,.model__cal{background:var(--surface-2);border-inline-start:3px solid var(--primary-dim);border-radius:var(--r-sm);padding:14px 16px;font-size:.9rem;line-height:1.6}.topbar{padding-block:14px;padding-inline:0}.topbar__inner{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.topbar__brand h1{font-size:1.15rem}.stat{padding:5px 11px}.stat__label{font-size:.7rem}.stat__value{font-size:1.02rem}@media (width<=900px){:root{--gutter:16px;--sec-gap:26px}.origins,.progress,.mind,.eye,.circuit,.model{padding:18px 16px}section[data-step]:before{font-size:.66rem;inset-block-start:-21px}}