:root{color-scheme:light;--ink:#142c37;--muted:#60717a;--line:#dce4e8;--paper:#f5f8fa;--accent:#c9fa72;--night:#101d27;--reward:#f4bb62;--danger:#76ddac;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,input,select{font:inherit}button,select,input{outline-offset:4px}button{cursor:pointer;border:1px solid #d3dde2;border-radius:7px;padding:10px 15px;background:white;color:var(--ink);font-size:.875rem;font-weight:600;transition:background .15s,transform .15s}button:hover{background:#eaf1f4}button:active{transform:translateY(1px)}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #4b8fa5}button:disabled{cursor:default;opacity:.5}select,input[type=number]{width:100%;border:1px solid #cfdae0;border-radius:6px;padding:11px 10px;background:white;color:var(--ink);font-size:.875rem}select{cursor:pointer}input[type=range]{width:100%;accent-color:#326c7f;margin:12px 0}input[type=checkbox]{accent-color:#285f6d;width:17px;height:17px}label{display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}label>input, label>select{margin-top:8px}h1,h2,p{margin:0}h1{font-size:clamp(1.5rem,2.3vw,2.1rem);letter-spacing:-.065rem;line-height:1.2;font-weight:600}h2{font-size:1.05rem;font-weight:650}a{color:inherit}button.selected{background:var(--ink);color:white;border-color:var(--ink)}[hidden]{display:none!important}.topbar{height:78px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:white}.brand{display:flex;align-items:center;gap:12px;font-size:1.6rem;font-weight:700;letter-spacing:-1px;text-decoration:none}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--accent);width:35px;height:35px;border-radius:10px;font-family:Georgia,serif;font-style:italic;font-size:2rem}.brand-mark span{color:white}.brand-label{font-size:.7rem;letter-spacing:.15em;font-weight:500;border-left:1px solid #cbd7dc;padding-left:18px;margin-left:10px;color:var(--muted)}.build-label{font-size:.8rem;color:var(--muted)}.build-label span{margin:0 12px;color:#bccbd2}main{max-width:1600px;margin:auto;padding:30px 4% 0}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:700;color:var(--muted);margin-bottom:10px}.dimension-switch{display:flex;padding:4px;gap:4px;background:#e5ecef;border:1px solid #dbe4e8;border-radius:10px}.dimension-switch button{border:0;background:transparent;min-width:105px}.dimension-switch button.selected{background:var(--ink)}.dimension-switch span{font-weight:400;margin-left:7px;opacity:.7}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.arena-column{min-width:0}.arena-shell{position:relative;height:clamp(420px,46vw,610px);background:var(--night);border-radius:12px;overflow:hidden;box-shadow:0 14px 34px #1237480e}.arena-top{position:absolute;left:23px;right:23px;top:20px;display:flex;justify-content:space-between;color:#c0d3dd;font-size:.7rem;letter-spacing:.14em;pointer-events:none;z-index:1}#live-status{color:var(--accent)}#arena{display:block;width:100%;height:100%;touch-action:none}.arena-legend{position:absolute;bottom:19px;left:22px;display:flex;gap:20px;font-size:.8rem;color:#d3dfe5;pointer-events:none}.arena-legend span{display:flex;align-items:center;gap:7px}.arena-legend i{display:inline-block;height:7px;width:7px;border-radius:50%}.reward-dot{background:var(--reward)}.danger-dot{background:var(--danger)}.arena-legend b{font-size:.75rem;opacity:.65;font-weight:400;margin-left:2px}.arena-hint{position:absolute;right:22px;bottom:19px;color:#93acba;font-size:.75rem;pointer-events:none}.episode-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;background:#0a1629ce;backdrop-filter:blur(5px);color:white;text-align:center;padding:25px}.episode-overlay h2{font-size:2.5rem}.episode-overlay p{color:#c9d9e1}.episode-overlay .eyebrow{color:var(--accent)}.transport{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0 22px}.transport-buttons{display:flex;gap:8px}.primary{background:var(--ink);border-color:var(--ink);color:white}.primary:hover{background:#275362}.episode-overlay .primary{background:var(--accent);border-color:var(--accent);color:var(--ink)}.speed-control{display:flex;align-items:center;gap:9px;color:var(--muted);margin:0;font-weight:400}.speed-control select{width:75px;margin:0;padding:9px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:9px;background:white;padding:19px 0}.metrics>div{padding:0 20px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics span{font-size:.8rem;color:var(--muted);display:block}.metrics strong{display:block;font-size:2rem;font-weight:550;letter-spacing:-.06rem;margin:9px 0 5px;font-variant-numeric:tabular-nums}.metrics em{font-size:1rem;font-style:normal;font-weight:400;color:#81949d}.metrics small{display:block;font-size:.72rem;color:#788c96;line-height:1.4}.perception{margin-top:27px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:15px}.section-title>span{font-size:.7rem;letter-spacing:.1em;color:var(--muted)}.perception-grid{display:flex;gap:12px}.camera-card,.smell-card{min-width:0;flex:1;background:white;border:1px solid var(--line);border-radius:8px;padding:13px}.camera-label{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.65rem;letter-spacing:.06em;color:var(--muted);margin-bottom:10px}.camera-card canvas{display:block;width:100%;height:150px;object-fit:contain;background:#0a131d;image-rendering:pixelated;border-radius:4px}.camera-card p,.smell-card p{font-size:.75rem;line-height:1.45;color:var(--muted);margin-top:10px}.smell-card canvas{display:block;width:100%;height:121px;object-fit:contain}.scent-values{display:flex;justify-content:space-between;font-size:.75rem;gap:12px}.scent-values b{font-variant-numeric:tabular-nums;font-weight:500}.reward-text{color:#926026}.danger-text{color:#227554}.settings{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.settings section{padding:23px 20px;border-bottom:1px solid var(--line)}.settings section:last-child{border:0}.settings h2{margin-bottom:20px}.settings .help{font-size:.8rem;color:var(--muted);line-height:1.55;margin:10px 0 17px}.settings .help:last-child{margin-bottom:0}.settings label{margin-top:15px}.settings .field-pair label{margin-top:0}.dpad{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:38px 38px 38px;gap:5px;width:160px;margin:18px auto}.dpad button{padding:4px;font-size:1.25rem;user-select:none;touch-action:none}.dpad button:active,.dpad button.held{background:#d8eeb6}.dpad .up{grid-column:2;grid-row:1}.dpad .down{grid-column:2;grid-row:3}.dpad .left{grid-column:1;grid-row:2}.dpad .right{grid-column:3;grid-row:2}.dpad-center{grid-column:2;grid-row:2;align-self:center;text-align:center;font-size:.6rem;letter-spacing:.1em;color:#7f949f}.dpad .forward,.dpad .backward{grid-column:1/4;font-size:.75rem;min-height:35px}.dpad:has(.depth-control:not([hidden])){grid-template-rows:38px 38px 38px 35px 35px}.key-help{font-size:.75rem;color:var(--muted);line-height:1.7;text-align:center}kbd{background:#f1f5f7;border:1px solid #dae3e8;padding:2px 5px;border-radius:3px;font-family:inherit;font-size:.7rem;margin-right:3px}.field-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:13px}.field-pair input{min-width:0}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:.8rem;line-height:1.45;font-weight:400}.checkbox-label input{flex:none;margin:0}.wide{width:100%;margin-top:10px}.about-note{background:#f0f5f7}.about-note>p{font-size:.875rem;line-height:1.55}.note-symbol{font-size:1.4rem;color:#537682;display:block;margin-bottom:10px}output{float:right;color:var(--muted);font-weight:400;font-variant-numeric:tabular-nums}.error{color:#a32437;font-size:.8rem;line-height:1.5;margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:22px 0;margin-top:35px;color:#82939b;font-size:.7rem;letter-spacing:.07em}
@media(min-width:1450px){.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:32px}.settings section{padding:24px}.arena-shell{height:640px}}
@media(max-width:1050px){main{padding:25px 3% 0}.workspace{gap:18px;grid-template-columns:minmax(0,1fr) 255px}.arena-shell{height:480px}.arena-hint{display:none}.metrics>div{padding:0 12px}.metrics small{display:none}.perception-grid{flex-wrap:wrap}.camera-card{flex-basis:calc(50% - 6px)}.smell-card{flex-basis:100%}.settings section{padding:20px 16px}.brand-label{display:none}}
@media(max-width:760px){.topbar{height:65px;padding:0 5%}.build-label{font-size:.7rem}main{padding:24px 4% 0}.workspace-heading{align-items:flex-start;flex-wrap:wrap;gap:18px}.workspace-heading h1{font-size:1.6rem}.workspace-heading .eyebrow{font-size:.65rem}.dimension-switch button{min-width:90px}.workspace{grid-template-columns:1fr}.arena-shell{height:480px}.settings{display:grid;grid-template-columns:1fr 1fr}.settings section{border-right:1px solid var(--line)}.metrics strong{font-size:1.6rem}.metrics span{font-size:.75rem}.metrics>div{padding:0 12px}.transport{align-items:center}.transport button{padding:10px 12px;font-size:.8rem}.speed-control{font-size:.8rem}.perception-grid{flex-wrap:nowrap}.smell-card{flex-basis:auto}.camera-card{flex-basis:auto}.camera-card canvas{height:115px}.smell-card canvas{height:86px}.scent-values{flex-wrap:wrap;gap:4px}.camera-label{font-size:.6rem}footer{line-height:1.5;font-size:.65rem}}
@media(max-width:480px){.arena-shell{height:410px}.arena-legend{font-size:.7rem;gap:13px;left:15px}.arena-top{left:15px;right:15px}.transport{flex-wrap:wrap}.transport-buttons{flex:1}.transport button{padding:10px}.speed-control select{width:65px}.speed-control{gap:5px}.metrics{grid-template-columns:1fr 1fr;gap:20px 0}.metrics>div:nth-child(2){border:0}.metrics>div{padding-left:18px}.metrics strong{margin-bottom:0}.perception-grid{flex-wrap:wrap}.camera-card{flex-basis:calc(50% - 6px)}.smell-card{flex-basis:100%}.settings{grid-template-columns:1fr}.settings section{border-right:0}.field-pair{gap:18px}.build-label{display:none}.section-title{align-items:flex-start}.section-title>span{font-size:.65rem}.section-title h2{font-size:.95rem}footer{flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* MaleCNS working surface: anatomical color against a deep graphite field. */
.brain-lab{margin-top:28px;background:#0b1420;border:1px solid #203344;border-radius:12px;overflow:hidden;color:#e2ebf0}.brain-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #243342}.brain-heading .eyebrow{color:#88a9ba;font-size:.75rem;margin-bottom:6px}.brain-heading h2{font-size:1.3rem;font-weight:550}.brain-status{font-size:.75rem;letter-spacing:.08em;color:#c9fa72}.brain-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;min-height:530px}.brain-anatomy{position:relative;overflow:hidden;background:radial-gradient(ellipse at 47% 42%,#1b293d 0,#0c1622 60%)}#brain-canvas{width:100%;height:530px;display:block;touch-action:none;cursor:grab}#brain-canvas:active{cursor:grabbing}#brain-reference{position:absolute;inset:8% 5%;width:90%;height:78%;object-fit:contain;mix-blend-mode:screen;opacity:.8;pointer-events:none;filter:invert(1) hue-rotate(180deg)}.brain-orbit-hint{position:absolute;bottom:18px;left:20px;right:20px;color:#98aeba;font-size:.75rem;letter-spacing:.04em;text-align:center;pointer-events:none}.brain-anatomy-labels{position:absolute;top:22px;left:20px;display:flex;flex-wrap:wrap;gap:12px;color:#92aebe;pointer-events:none;font-size:.75rem;letter-spacing:.06em}.brain-readout{border-left:1px solid #243342;background:#101c29;padding:22px 19px}.brain-counts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}.brain-counts strong{font-size:1.25rem;font-weight:550;font-variant-numeric:tabular-nums;display:block}.brain-counts span{font-size:.75rem;color:#91a8b7;display:block;margin-top:5px;line-height:1.4}.brain-readout-label{font-size:.75rem;letter-spacing:.08em;color:#9fb6c6;margin-bottom:13px}.brain-actions{display:flex;flex-direction:column;gap:8px}.brain-actions button{width:100%;background:#192939;border:1px solid #304458;color:#dce9ef;text-align:left;padding:11px 12px;position:relative;overflow:hidden;font-size:.875rem}.brain-actions button.selected{background:#293c39;border-color:#a9d870;color:#dbffac}.brain-actions output{color:inherit}.brain-actions .action-meter{height:3px;margin-top:9px;background:#314354;position:relative}.brain-actions .action-meter:before{content:'';position:absolute;left:50%;top:-2px;width:1px;height:7px;background:#8197a6}.brain-actions .action-meter i{display:block;position:absolute;height:3px;background:#c9fa72}.brain-all{background:transparent;color:#bad0dd;border-color:#304458;font-size:.875rem;width:100%;margin-top:12px}.brain-all:hover{background:#223344}.brain-neuron-list{margin-top:24px}.brain-neuron-list h3{font-size:.875rem;font-weight:500;margin:0 0 10px;color:#b2c6d3}.brain-neuron-list ol{list-style:none;padding:0;margin:0;color:#93adbd;font-size:.75rem}.brain-neuron-list li{padding:7px 0;border-top:1px solid #263644;display:flex;justify-content:space-between;gap:8px}.brain-neuron-list a{text-decoration:none;color:#e0e9f2}.brain-neuron-list b{font-weight:400;color:#b9e77d;font-variant-numeric:tabular-nums}.brain-footer{border-top:1px solid #243342;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px}.brain-footer p{font-size:.875rem;line-height:1.5;color:#b0c1cd;max-width:720px}.brain-footer button{flex:none;background:#263c4c;color:#daeaf2;border-color:#3c576b}.brain-training{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:13px 22px;background:#142231;font-size:.75rem;color:#b4c7d2}.brain-credit{padding:14px 22px;font-size:.75rem;line-height:1.6;color:#91a7b7}.brain-credit a{text-decoration:underline;text-underline-offset:2px}.brain-actions .help{color:#91a7b7;font-size:.875rem;line-height:1.5}
@media(max-width:1100px){.brain-workspace{grid-template-columns:1fr}.brain-readout{border-left:0;border-top:1px solid #243342}.brain-actions{display:grid;grid-template-columns:1fr 1fr}.brain-counts{max-width:360px}.brain-neuron-list{margin-top:18px}.brain-neuron-list ol{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.brain-footer{align-items:flex-start}#brain-canvas{height:460px}.brain-workspace{min-height:0}}
@media(max-width:480px){.brain-heading{padding:18px}.brain-heading h2{font-size:1.15rem}.brain-status{max-width:105px;text-align:right}.brain-footer{flex-direction:column}.brain-anatomy-labels{font-size:.75rem;gap:8px;top:18px}.brain-neuron-list ol{grid-template-columns:1fr}#brain-canvas{height:380px}.brain-orbit-hint{font-size:.75rem}.brain-training{line-height:1.6}}
.brain-regions{margin-top:20px;font-size:.875rem;color:#a7bfcc}.brain-regions>div{display:flex;justify-content:space-between;gap:14px;margin-top:8px;line-height:1.4}.brain-regions b{font-weight:400;font-variant-numeric:tabular-nums;color:#ccdfed}
.brain-region-label{font-size:.75rem;color:#91a7b7;margin-top:20px;line-height:1.5}.brain-region-label+.brain-regions{margin-top:9px}