@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--bg:#050809;--ink:#e0e9ec;--muted:#849198;--line:#203037;--cyan:#8eeced;--mono:'JetBrains Mono',monospace;--sans:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer;border:1px solid var(--line);background:transparent}a{color:inherit;text-decoration:none}button:hover,a:hover{color:#fff;border-color:#75a4ac}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}input{accent-color:var(--cyan)}[hidden]{display:none!important}::selection{background:#205e66;color:white}
.topbar{height:78px;max-width:1800px;margin:auto;padding:0 4%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.wordmark{font-size:24px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.wordmark span{font-weight:400;color:#a5b9c0}.wordmark sup{font:10px var(--mono);vertical-align:top;margin:4px}.edition{font:12px var(--mono);letter-spacing:.08em;color:#72868f}.topbar nav{margin-left:auto;display:flex;gap:30px;font:12px var(--mono)}main,footer{max-width:1800px;margin:auto}.observatory{padding:22px 4% 0}.hero-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 22px;gap:20px}.hero-heading p{font:12px/1.8 var(--mono);letter-spacing:.06em;margin:0;color:#6f828b}.hero-heading strong{color:#bdcdd2;font-weight:400}.system-caption{font:12px var(--mono);color:#9ab1b8;letter-spacing:.07em}.status-dot{display:inline-block;width:5px;height:5px;background:var(--cyan);box-shadow:0 0 10px #6ff5ff77;margin-right:9px;vertical-align:2px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 355px;border:1px solid var(--line)}.specimen-view{min-width:0}.arena{height:500px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 53% 55%,#0b1b22 0,transparent 62%),#030608}.arena:before,.arena:after{position:absolute;content:'';width:18px;height:18px;border-color:#75c4ce;border-style:solid;z-index:3;pointer-events:none}.arena:before{left:0;top:0;border-width:1px 0 0 1px}.arena:after{right:0;bottom:0;border-width:0 1px 1px 0}.arena canvas,.rat-fallback{position:absolute;inset:0;width:100%;height:100%}#rat-scene{z-index:2;cursor:crosshair;opacity:0;transition:opacity .5s;filter:drop-shadow(0 0 4px #56d9ff17)}#arena-overlay{z-index:3;pointer-events:none}.rat-fallback{object-fit:contain;opacity:.16;filter:grayscale(1)}.arena.ready #rat-scene{opacity:1}.arena.ready .rat-fallback,.arena.ready .loading{display:none}.arena-top,.arena-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:4;font:12px var(--mono);letter-spacing:.04em}.arena-top{top:23px;color:#7396a6}.arena-top #behavior{color:var(--cyan)}.arena-bottom{bottom:20px;color:#668896}.arena-bottom button{padding:9px 13px;font:12px var(--mono);background:#091015}.stage-index{position:absolute;left:26px;top:62px;z-index:1;font:56px var(--sans);font-weight:500;letter-spacing:-.06em;color:#8ab3c50c}.loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:12px var(--mono);white-space:nowrap;color:#a1cdd6;z-index:3}.control-bar{border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:14px 20px;background:#0a0f12}.stimuli{display:flex;gap:5px}.stimuli button{border:0;color:#66818c;font:12px var(--mono);padding:11px 12px;white-space:nowrap}.stimuli b{font-weight:400;color:#9cb0b9;margin-left:10px}.stimuli button.selected{background:#17292f;color:#99ebed}.stimuli button.selected b{color:#c0fbf6}.strength{display:flex;align-items:center;gap:10px;margin-left:auto;font:12px var(--mono);color:#78929d}.strength input{width:70px}.send-stimulus{padding:10px 15px;color:var(--cyan);font:12px var(--mono);white-space:nowrap}.response-strip{min-height:61px;padding:16px 22px;display:flex;align-items:center;gap:16px;font:12px/1.65 var(--mono);border-top:1px solid var(--line);color:#96b0b9}.response-prefix{font-size:10px;letter-spacing:.1em;color:#557681}#coordinates{margin-left:auto;white-space:nowrap;color:#4e707e}.circuit-panel{border-left:1px solid var(--line);background:#091015;display:flex;flex-direction:column;min-width:0}.panel-head{padding:24px 22px 0;display:flex;align-items:center;justify-content:space-between;font:12px/1.8 var(--mono);color:#7b949e;letter-spacing:.06em}.panel-head strong{font-size:21px;font-family:var(--sans);font-weight:400;color:#c2d7dc}.panel-index{color:#3a5c6b}#network{width:100%;height:285px;display:block}.circuit-stages{display:flex;flex-wrap:wrap;gap:9px 14px;padding:0 22px 18px;font:10px var(--mono);letter-spacing:.04em}.circuit-stages span{color:rgb(150 224 233 / calc(.45 + var(--activity,0)*.55));border-bottom:1px solid rgb(143 232 242 / calc(.08 + var(--activity,0)*.7));padding-bottom:6px}.nose-readout{padding:15px 22px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px;font:10px var(--mono);color:#789aa9}.meter{height:3px;background:#14262f;margin-top:9px}.meter i{height:100%;display:block;background:var(--cyan);width:0;box-shadow:0 0 9px #89f7fa55}.signal-label{font:11px var(--mono);padding:0 22px;color:#a7d3db;min-height:20px}.channel-controls{display:flex;flex-direction:column;padding:0 22px 20px;gap:5px;margin-top:auto}.channel-controls button{display:flex;justify-content:space-between;font:11px var(--mono);padding:9px 10px;border-color:#203039;color:#89a4b0}.channel-controls b{font-weight:400;color:var(--cyan)}.channel-controls .disabled-channel{border-color:#745e45;color:#c5a97d}.channel-controls .disabled-channel b{color:#c5a97d}
.experiment{padding:65px 4% 55px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.eyebrow{font:11px/1.8 var(--mono);letter-spacing:.05em;color:#74929d}.section-heading h1{font-size:clamp(28px,3vw,44px);font-weight:400;letter-spacing:-.045em;line-height:1.13;margin:12px 0 0}.section-heading>p{color:#78949f;line-height:1.75;margin:0;font-size:14px}.protocols{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.protocols button{background:#0a1115;text-align:left;border:0;display:flex;flex-direction:column;gap:10px;padding:24px;position:relative}.protocols button.selected{background:#112128;box-shadow:inset 0 2px var(--cyan)}.protocols button>span{font:11px var(--mono);color:#7498a7}.protocols strong{font-size:23px;letter-spacing:-.025em;font-weight:400}.protocols button.selected strong{color:#c3f2f0}.experiment-body{display:grid;grid-template-columns:1.65fr 1fr;border:1px solid var(--line);border-top:0}.trial-panel{padding:25px;min-width:0}.trial-panel>p{font-size:14px;color:#8ba8b5;margin:0 0 22px}.trial-controls{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.primary{padding:12px 18px;font:12px var(--mono);background:#b5ecea;color:#081318;border:0}.primary:hover{background:#daf9f6;color:#081318}.trial-controls label{font:11px var(--mono);color:#8ba5ae;display:flex;gap:8px;align-items:center}#learning-controls{display:flex;align-items:center;gap:15px;font:12px var(--mono);width:100%;color:#9fc9d2}#learning-controls button{padding:9px;font:11px var(--mono)}.trial-metrics{display:grid;grid-template-columns:.6fr .8fr 1.6fr;border-top:1px solid var(--line);margin-top:25px;padding-top:20px;gap:20px}.trial-metrics>div{display:flex;flex-direction:column;gap:7px}.trial-metrics span{font:10px var(--mono);color:#698893;letter-spacing:.07em}.trial-metrics strong{font:18px var(--mono);font-weight:400;color:#bad8df}.trial-metrics div:last-child strong{font-size:12px;line-height:26px}.memory-panel{padding:28px;border-left:1px solid var(--line);background:#091015}.memory-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font:11px var(--mono);color:#8bafbf;margin-bottom:29px}.memory-heading button{font:10px var(--mono);border:0;color:#718b96;padding:4px}.value-row{display:grid;grid-template-columns:64px 1fr 40px;gap:14px;align-items:center;font:12px var(--mono);margin:20px 0;color:#aac9d2}.value-row b{font-weight:400;text-align:right}.value-track{height:6px;background:#182b35}.value-track i{display:block;height:100%;width:50%;background:#91e6e7;transition:width .4s}.value-track.b i{background:#8d96c6}.memory-panel p{font-size:14px;color:#6f929f;line-height:1.75}.memory-panel>span{font:11px var(--mono);color:#577986}.trial-row{display:grid;grid-template-columns:30px 1fr 1fr 48px;font:11px var(--mono);color:#6f929f;gap:10px;padding:10px 0;border-top:1px solid #142831}#experiment-log:not(:empty){margin-top:22px}#compare-status{font:12px/1.8 var(--mono);color:#9ebfc9}#comparison-chart{width:100%;height:180px;display:block}.token{margin:0 4%;padding:35px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:30px;border-top:1px solid var(--line);align-items:center}.token h2{font-size:38px;margin:5px 0;font-weight:400;letter-spacing:-.05em}.contract{min-width:0}.address-row{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.address-row code{font:12px/1.8 var(--mono);overflow-wrap:anywhere;color:#a0bdc9}.address-row button{margin-left:auto;padding:8px;border:0;font:12px var(--mono);color:var(--cyan);white-space:nowrap}#copy-status{display:block;height:22px;font:11px/22px var(--mono);color:var(--cyan)}footer{padding:25px 4%;display:flex;gap:30px;justify-content:space-between;border-top:1px solid var(--line);font:11px var(--mono);color:#5b7b8a}footer details{max-width:490px}footer summary{cursor:pointer}footer details p{font:13px/1.7 var(--sans)}footer details a{display:block;padding:5px 0}
@media(min-width:1550px){.arena{height:565px}#network{height:340px}.workspace{grid-template-columns:minmax(0,1fr) 380px}}@media(max-width:1150px){.workspace{grid-template-columns:minmax(0,1fr) 285px}.edition{display:none}.control-bar{gap:8px;padding:12px}.stimuli button{padding:9px 8px}.stimuli b{margin-left:5px}.strength{font-size:10px;gap:6px}.strength input{width:48px}.send-stimulus{padding:9px}#coordinates{display:none}.arena{height:475px}#network{height:275px}.panel-head{padding:20px 16px 0}.circuit-stages,.nose-readout{padding-left:16px;padding-right:16px}.channel-controls{padding:0 16px 16px}.circuit-stages{gap:9px 11px}.protocols button{padding:20px}.protocols strong{font-size:21px}}
@media(max-width:850px){.topbar{height:72px}.workspace{grid-template-columns:1fr}.arena{height:430px}.circuit-panel{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.panel-head{grid-column:1/-1}.panel-head br{display:none}.panel-head strong{font:12px var(--mono);margin-left:6px}#network{height:240px;grid-row:2/6}.circuit-stages{padding-top:22px;align-content:start}.nose-readout{border-top:0}.channel-controls{padding-top:0}.signal-label{padding:0 16px;font-size:10px}.system-caption{font-size:10px}.experiment-body{grid-template-columns:1fr}.memory-panel{border-left:0;border-top:1px solid var(--line)}.value-row{grid-template-columns:70px 1fr 45px}.token{grid-template-columns:1fr;gap:20px}.experiment{padding-top:45px}.section-heading>p{display:none}.memory-panel{padding:24px}.memory-heading{margin-bottom:15px}.trial-metrics{gap:12px}.strength{font-size:12px}.strength input{width:80px}.control-bar{gap:16px;padding:14px 20px}.stimuli button{padding:10px 12px}}
@media(max-width:540px){.topbar{padding:0 5%;gap:15px}.wordmark{font-size:21px}.topbar nav{gap:15px;font-size:10px}.observatory{padding:18px 4% 0}.hero-heading{align-items:flex-start}.hero-heading p{font-size:10px}.system-caption{max-width:92px;font-size:9px;line-height:1.8}.status-dot{margin-right:5px}.arena{height:340px}.arena-top,.arena-bottom{left:15px;right:15px;font-size:10px}.arena-top{top:18px}.arena-bottom{bottom:14px}#interaction-hint{max-width:155px;line-height:1.7}.arena-bottom button{font-size:10px;padding:8px 10px}.stage-index{font-size:40px;left:15px}.control-bar{flex-wrap:wrap;padding:12px;gap:12px}.stimuli{flex:1}.stimuli button{padding:10px 9px;font-size:10px}.strength{order:3;flex-basis:100%;border-top:1px solid var(--line);padding-top:10px;justify-content:space-between;font-size:10px}.strength input{width:75%}.send-stimulus{font-size:10px}.response-strip{padding:13px 15px;font-size:11px;gap:12px;min-height:72px}.response-prefix{display:none}.circuit-panel{grid-template-columns:1fr 1fr}.panel-head{padding:17px 14px 0}#network{height:235px}.circuit-stages{font-size:9px;padding-left:10px;padding-right:10px;gap:8px 10px}.nose-readout{gap:12px;font-size:8px;padding:8px 12px}.channel-controls{padding:8px 12px 14px}.channel-controls button{font-size:9px;padding:8px}.signal-label{font-size:9px;line-height:1.6;padding:0 12px}.experiment{padding:40px 4%}.section-heading h1{font-size:30px}.eyebrow{font-size:10px}.protocols{grid-template-columns:1fr}.protocols button{padding:16px 18px;display:grid;grid-template-columns:56px 1fr;gap:4px 10px}.protocols strong{font-size:19px;grid-column:2;grid-row:1}.protocols button>span:first-child{align-self:center;font-size:10px}.protocols button>span:last-child{grid-column:2;font-size:10px}.trial-panel{padding:20px}.trial-panel>p{font-size:14px}.trial-controls{gap:15px}.trial-controls label{font-size:10px}.trial-metrics strong{font-size:16px}.trial-metrics div:last-child strong{font-size:10px}.trial-metrics{grid-template-columns:.55fr .7fr 1.5fr}.trial-metrics span{font-size:9px}.trial-row{font-size:9px;grid-template-columns:20px 1fr 1fr 35px}.memory-panel{padding:20px}.memory-heading{font-size:10px}.value-row{font-size:11px;grid-template-columns:60px 1fr 35px}.token{padding:28px 0}.token h2{font-size:34px}.address-row{gap:10px}.address-row code{font-size:11px}.address-row button{font-size:10px}footer{flex-wrap:wrap;gap:20px;font-size:10px}footer details{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* The field continues beyond the viewport; corner marks made it read like a cage. */
.arena:before,.arena:after{display:none}
/* Observatory focus and cinema states */
.arena-actions{display:flex;gap:7px}.arena-actions button{padding:9px 12px;font:12px var(--mono);background:#091015}.circuit-stages button{border:0;border-bottom:1px solid rgb(143 232 242 / calc(.08 + var(--activity,0)*.7));padding:0 0 6px;color:rgb(150 224 233 / calc(.45 + var(--activity,0)*.55));font:12px var(--mono);letter-spacing:.04em}.circuit-stages button.focused{color:#fff;border-bottom-color:var(--cyan);text-shadow:0 0 12px #82efff}.focus-label{font:10px var(--mono);color:#638997;padding:0 22px;min-height:18px;letter-spacing:.04em}.event-timeline{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);min-height:40px;padding:0 22px;background:#080e11;color:#638997;font:10px var(--mono);letter-spacing:.04em}.event-timeline strong{color:var(--cyan);font-weight:400}.timeline-mark{width:5px;height:5px;border:1px solid var(--cyan);box-shadow:0 0 8px #82efff;transform:rotate(45deg)}.event-timeline span:last-child{margin-left:auto;color:#587580;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cinema-mode{overflow:hidden}.cinema-mode .topbar,.cinema-mode .experiment,.cinema-mode .token,.cinema-mode footer{display:none}.cinema-mode .observatory{padding:0;height:100vh}.cinema-mode .hero-heading{position:fixed;top:18px;left:4%;right:4%;z-index:20;pointer-events:none}.cinema-mode .workspace{height:100vh;border:0;display:block}.cinema-mode .specimen-view,.cinema-mode .arena{height:100vh}.cinema-mode .circuit-panel{position:fixed;right:24px;top:70px;bottom:70px;width:350px;z-index:10;opacity:.94;border:1px solid var(--line);box-shadow:0 14px 60px #000b}.cinema-mode .response-strip,.cinema-mode .event-timeline{display:none}.cinema-mode .control-bar{position:fixed;left:24px;bottom:24px;right:398px;z-index:12;border:1px solid var(--line);background:#070d10e8}.cinema-mode .arena-bottom{bottom:80px}.cinema-mode .stage-index{font-size:110px;top:115px}@media(max-width:850px){.cinema-mode .circuit-panel{left:12px;right:12px;top:auto;bottom:78px;width:auto;max-height:42vh}.cinema-mode .control-bar{left:12px;right:12px;bottom:12px}.cinema-mode .arena-bottom{bottom:185px}.event-timeline{padding:0 15px}.focus-label{padding:0 17px}}@media(max-width:540px){.arena-actions button{font-size:10px;padding:8px 9px}.focus-label{font-size:10px}.event-timeline{font-size:9px;gap:9px}.event-timeline span:last-child{display:none}}

/* Readable instrumentation at every viewport. */
.stimuli button,.strength,.send-stimulus,.channel-controls button,.trial-controls label,.memory-heading,.value-row,.protocols button>span,.signal-label,.nose-readout,.trial-row{font-size:12px}.memory-panel p,.trial-panel>p{font-size:16px}.circuit-stages{font-size:12px}.memory-heading button,.memory-panel>span,.trial-metrics span,.eyebrow{font-size:12px}.topbar nav,.arena-top,.arena-bottom,.arena-bottom button{font-size:12px}.channel-controls{gap:7px}.nose-readout{gap:12px}.protocols button{min-height:130px}
@media(max-width:1150px){.control-bar{flex-wrap:wrap}.strength{order:3;flex-basis:100%;justify-content:space-between}.strength input{width:65%}.send-stimulus{margin-left:auto}.channel-controls button{padding:10px}.nose-readout{font-size:10px}.workspace{align-items:stretch}.circuit-panel{justify-content:space-between}}
@media(max-width:540px){.circuit-panel{display:flex}.panel-head{padding-bottom:10px}#network{height:240px}.circuit-stages{padding:8px 17px 15px;font-size:12px}.nose-readout{font-size:12px;padding:15px 17px}.channel-controls{padding:10px 17px 18px}.signal-label{font-size:12px;padding:0 17px}.protocols button{min-height:92px}.protocols button>span:last-child{font-size:12px}.topbar nav{gap:14px}.topbar nav a:first-child{display:none}.arena-top,.arena-bottom{font-size:10px}.trial-metrics{grid-template-columns:1fr 1fr}.trial-metrics>div:last-child{grid-column:1/-1}.trial-metrics div:last-child strong{font-size:12px}.trial-controls label{font-size:12px}.trial-row{grid-template-columns:24px 1fr 1fr 40px;font-size:10px}.memory-heading{gap:8px;font-size:12px}.memory-heading button{font-size:11px}.value-row{grid-template-columns:64px 1fr 40px}.stimuli button{font-size:11px}.stimuli{gap:0}.response-strip{font-size:12px}.protocols button>span:first-child{font-size:11px}}
.strength output{min-width:32px;color:var(--cyan);text-align:right}
.brain-readout{display:flex;flex-wrap:wrap;gap:8px 16px;padding:0 22px 13px;font:10px var(--mono);letter-spacing:.04em;color:#628592}.brain-readout b{font-weight:400;color:var(--cyan);margin-left:4px}@media(max-width:540px){.brain-readout{padding:0 17px 13px;gap:8px 10px;font-size:10px}}