:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8eee9;background:#101a20;font-synthesis:none;font-weight:400;--muted: #91a2a7;--line: #2b3b41;--mint: #b9dbab;--amber: #e9ab7c}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,.neuron:focus-visible{outline:2px solid var(--mint);outline-offset:5px}a{color:inherit;text-decoration:none}button{border:0}header{height:82px;border-bottom:1px solid var(--line);padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#111d24}.brand{font-size:25px;font-weight:650;letter-spacing:-1px;display:flex;align-items:center;gap:11px}.brand-mark{color:var(--mint);font-size:33px;font-weight:400}.brand-divider{color:#486068;font-weight:300;margin:0 7px}.brand-sub{font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0}.header-right{display:flex;align-items:center;gap:25px}.version,.eyebrow,.mini-tag,.range-caption,.body-id,.svg-label,.counts,.telemetry,footer,.turn-label,.signal-legend,.arena-label,.orientation,.arena-key{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.version{font-size:10px;color:var(--muted);letter-spacing:1.2px}.badge{border:1px solid #3f554b;background:#20352d;color:#c1ddc6;border-radius:4px;padding:8px 10px;font-size:11px}.badge i,.status i,footer i{display:inline-block;background:var(--mint);width:5px;height:5px;border-radius:50%;margin-right:8px}main{max-width:1536px;margin:auto;padding:38px 4% 0}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.2px;color:#b3c1c3}.intro>.eyebrow{color:var(--mint)}h1{font-size:clamp(26px,2.5vw,36px);letter-spacing:-1.3px;margin:13px 0 10px;font-weight:450}p{line-height:1.6}.intro p{margin:0;font-size:13px;color:var(--muted)}.quiet{color:#c3d0d1;background:transparent;font-size:12px;padding:10px}.quiet:hover{color:#fff;background:#263840;border-radius:4px}.quiet span{margin-left:12px;color:var(--mint)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.arena-panel,.controls-panel,.circuit-panel,.output-panel{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#142129}.panel-top{height:51px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 21px;border-bottom:1px solid var(--line)}.status{font-size:10px;color:#bacabb}.paused{color:var(--amber)}.paused i{background:var(--amber)}.arena{height:450px;position:relative;background:#101c23}.arena canvas{display:block}.arena-label{position:absolute;top:22px;left:23px;pointer-events:none;letter-spacing:1px;font-size:9px;color:#a4b5b7}.arena-label small{display:block;letter-spacing:0;color:#647f89;font-size:10px;margin-top:9px}.orientation{position:absolute;top:22px;right:24px;font-size:10px;color:#91a8b1;text-align:center;pointer-events:none}.orientation>span{display:block;font-size:25px;margin-top:3px}.orientation small{font-size:8px;display:block;margin-top:5px}.arena-key{position:absolute;bottom:21px;left:23px;font-size:10px;display:flex;gap:9px;align-items:center;color:#9badaf;pointer-events:none}.arena-key i{width:7px;height:7px;border-radius:50%;background:#c2e8ac;box-shadow:0 0 12px #bad3a9}.arena-key span{color:#d3e4c9;margin-left:8px}.arena-footer{height:76px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 21px;gap:8px}.playback{display:flex;gap:8px}.primary{border-radius:4px;color:#1c2a20;background:#bddaa9;font-weight:550;font-size:12px;padding:11px 20px}.primary:hover{background:#d4ecc5}.telemetry{display:flex;gap:25px;font-size:8px;color:#82979e}.telemetry b{font-size:13px;color:#c9d5d5;font-weight:400;display:block;margin-top:6px}.controls-panel{padding:0 22px 20px}.controls-panel .panel-top{padding:0;margin-bottom:23px}.mini-tag{font-size:8px;color:#839ca6;border:1px solid #354951;padding:4px 5px;border-radius:3px;white-space:nowrap;letter-spacing:.3px}h2{font-size:20px;letter-spacing:-.6px;font-weight:450;margin:0 0 8px}.muted{color:var(--muted)}.controls-panel p.muted{font-size:12px;margin:0 0 22px;max-width:265px}.control-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:19px;margin-bottom:10px}.control-label>span{font:11px SFMono-Regular,monospace;color:#bbd6aa}.control-label small{font-size:7px;color:#8f9b92;border:1px solid #425147;border-radius:3px;padding:2px 4px;margin-left:5px}.segmented{display:flex;border:1px solid #40514f;border-radius:4px;padding:3px;margin-bottom:9px;background:#101d23}.segmented button{flex:1;background:transparent;color:#91a7ab;border-radius:3px;padding:8px;font-size:11px}.segmented button[aria-pressed=true]{background:#2c403c;color:#d4e7c7}.segmented button:hover{color:#fff}input[type=range]{display:block;width:100%;margin:7px 0;accent-color:#bfdba9;height:13px;cursor:pointer}input[type=checkbox]{accent-color:#b9dca4;width:26px;height:16px;cursor:pointer}.range-caption{font-size:8px;color:#8498a1;display:flex;justify-content:space-between;margin-top:8px}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:14px;gap:8px}.toggle-row small{font-size:9px;color:#8aa0a6;margin-left:5px}.separator{height:1px;background:var(--line);margin-top:22px}.model-note{display:flex;gap:10px;border-top:1px solid var(--line);margin-top:19px;padding-top:14px;color:#9aabaf}.model-note>span{font-size:23px;color:var(--amber)}.model-note p{font-size:9px;margin:0;line-height:1.7}.ablation-note{font-size:10px;color:var(--amber);line-height:1.5;margin-top:14px}.circuit-panel .panel-top{border-bottom:0}.counts{font-size:9px;color:#8197a1}.counts b{color:#bdcdd2;font-weight:500}.counts span{margin:0 5px}.circuit-halves{display:grid;grid-template-columns:1fr 1fr;padding:0 15px 8px}.circuit-halves svg{width:100%;overflow:visible}.circuit-halves svg+svg{border-left:1px solid #283b43}.body-id{fill:#90a7b0;font-size:10px}.svg-label{fill:#c3cfce;letter-spacing:1px;font-size:9px}.neuron{cursor:pointer}.neuron:hover circle:last-of-type{fill:#e7f0e4}.circuit-bottom{border-top:1px solid var(--line);padding:14px 21px;font-size:10px;line-height:1.7}.circuit-bottom b{font-weight:500;margin:0 6px}.circuit-bottom>small{display:block;color:#7f949d;font-size:9px;margin-top:6px}.output-panel{padding:0 22px 15px}.output-panel .panel-top{padding:0;border-bottom:0}.motor{display:flex;align-items:center;justify-content:space-between;margin:7px 0 18px}.turn-value{font-size:41px;font-weight:350;letter-spacing:-2px;font-variant-numeric:tabular-nums}.turn-value small{font-size:14px;margin-left:8px;color:#8eabae;letter-spacing:0}.turn-label{font-size:8px;letter-spacing:1.4px;color:var(--mint);margin-top:6px}.motor-symbol{font-size:49px;line-height:1;color:#bed9ad;margin-right:20px;transition:transform .1s}.signal-legend{display:flex;justify-content:space-between;font-size:9px;color:#8ba2ab;gap:10px}.signal-legend b{font-weight:500;color:#becbcf;margin-left:4px;font-variant-numeric:tabular-nums}.signal-legend i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:6px}.left-dot{background:#a9dbb8}.right-dot{background:#e9ab7c}.trace{display:block;width:100%;height:73px;margin-top:8px}.export{width:100%;display:flex;justify-content:space-between;background:#21333c;color:#bdcdcf;padding:10px 12px;border:1px solid #3a4e56;border-radius:4px;font-size:10px;margin-top:18px}.export:hover{background:#30454e}.notes{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:20px 25px;border:1px solid #435244;border-radius:6px;background:#1c2d2c;margin-bottom:22px}.notes h3{font-size:13px;font-weight:500;margin:0}.notes p{font-size:12px;color:#a8b9b7}.notes a{font-size:11px;text-decoration:underline;text-underline-offset:3px;color:var(--mint)}.notes .small{font-size:10px}footer{display:flex;justify-content:space-between;gap:10px;padding:21px 1px 25px;color:#81949c;font-size:8px;letter-spacing:.3px}.footer-dot{margin:0 10px;color:#4e6975}.mint{color:var(--mint)}.amber{color:var(--amber)}.canvas-error{height:100%;display:flex;align-items:center;justify-content:center;padding:70px;color:var(--amber);font-size:13px;text-align:center;line-height:1.7}.loading{max-width:740px;margin:14vh auto;padding:30px}.loading p{color:var(--muted);word-break:break-word}@media(min-width:1400px){.workspace{grid-template-columns:minmax(0,1fr) 375px}.arena{height:460px}.circuit-halves{max-width:930px;margin:auto}.controls-panel p.muted{margin-bottom:26px}.control-label{margin-top:21px}}@media(max-width:1100px){main{padding-left:25px;padding-right:25px}.workspace{grid-template-columns:minmax(0,1fr) 305px;gap:14px}.arena{height:469px}.counts{font-size:8px}.circuit-panel .panel-top{padding:0 14px}.circuit-panel .eyebrow{font-size:8px}.telemetry{gap:13px}.arena-footer{padding:0 14px}.circuit-bottom .muted{display:block;margin-top:5px}.controls-panel{padding-left:17px;padding-right:17px}.header-right .version{display:none}.brand-sub{font-size:11px}.output-panel{padding-left:17px;padding-right:17px}}@media(max-width:800px){header{height:66px;padding:0 20px}.brand-sub,.brand-divider{display:none}main{padding:27px 18px 0}.intro{display:block}.intro>.quiet{padding-left:0;margin-top:12px}.intro h1{font-size:29px}.intro p{font-size:12px}.workspace{grid-template-columns:1fr}.arena{height:390px}.controls-panel{padding:0 20px 20px}.controls-panel .panel-top{margin-bottom:18px}.circuit-panel{grid-row:3}.controls-panel p.muted{max-width:none}.control-label{margin-top:18px}.circuit-halves{max-width:650px}.notes{grid-template-columns:1fr;gap:15px}.counts{font-size:8px}.circuit-bottom .muted{display:inline}footer{display:block;font-size:7px;line-height:2.6}.output-panel{padding:0 21px 20px}.trace{height:95px}.signal-legend{max-width:350px}.panel-top,.arena-footer{padding:0 17px}.circuit-panel .panel-top{flex-wrap:wrap;height:auto;min-height:51px;padding-top:13px;padding-bottom:13px}.motor{margin-top:10px}.badge{font-size:10px}}@media(prefers-reduced-motion:reduce){.motor-symbol{transition:none}}@media(max-width:480px){.circuit-halves{grid-template-columns:1fr;padding:0 16px 8px}.circuit-halves svg+svg{border-left:0;border-top:1px solid #283b43;padding-top:12px}.circuit-halves svg{min-height:180px}.circuit-bottom .muted{display:block}}