:root{--bg:#071018;--panel:#0d1922;--panel2:#12222d;--line:#23404d;--text:#e6f2f4;--muted:#7d9aa3;--cyan:#47d8e8;--green:#6df0a4;--red:#ff5474;--gold:#ffc857;--purple:#c285ff;--mono:"DM Mono",monospace;--sans:"Space Grotesk",sans-serif}
*{box-sizing:border-box}html,body{margin:0;height:100dvh;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--sans)}body{display:flex;flex-direction:column;background-image:radial-gradient(circle at 75% 15%,#123141 0,transparent 28%),linear-gradient(120deg,#071018,#08151d)}body.light{--bg:#edf3f4;--panel:#fff;--panel2:#f1f6f7;--line:#ccdde0;--text:#18313a;--muted:#668089;--cyan:#087c91;--green:#159455;--red:#d83455;--gold:#bb7800;--purple:#8035b5;background-image:none}button,input{font:inherit}button{touch-action:manipulation}
.topbar{height:64px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(16px);z-index:5}.brand{display:flex;gap:11px;align-items:center}.brand-mark{font-size:31px;color:var(--cyan);line-height:1;text-shadow:0 0 16px var(--cyan)}h1,h2,p{margin:0}.brand h1{font-size:17px;letter-spacing:.13em}.brand h1 b{color:var(--cyan);font-weight:500}.brand p{font:9px var(--mono);color:var(--muted);letter-spacing:.09em;margin-top:4px}.brand i{color:var(--green);font-style:normal}.top-actions{display:flex;align-items:center;gap:13px}.session-badge,.live-dot,.panel-note{font:10px var(--mono);color:var(--muted);letter-spacing:.07em}.icon-btn{width:36px;height:36px;border:1px solid var(--line);background:var(--panel2);color:var(--cyan);border-radius:10px;cursor:pointer;font-size:18px}
.preset-row{display:flex;align-items:center;gap:6px;margin-top:9px;font:8px var(--mono);color:var(--muted)}.preset-row span{margin-right:auto;letter-spacing:.1em}
.mobile-tabs{display:none}.dashboard{min-height:0;flex:1;display:grid;grid-template-columns:minmax(390px,1.08fr) minmax(320px,.82fr) minmax(350px,1fr);gap:14px;padding:14px;max-width:1800px;width:100%;margin:auto}.panel{min-height:0;overflow:hidden;background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:0 16px 45px #0003;display:flex;flex-direction:column}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:11px}.eyebrow{display:block;color:var(--cyan);font:9px var(--mono);letter-spacing:.12em;margin-bottom:5px}.panel h2{font-size:19px;font-weight:500;letter-spacing:-.03em}.live-dot{color:var(--green);white-space:nowrap;margin-top:3px}.arena-shell{position:relative;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;background:#020609;border:1px solid #18313d;border-radius:11px;overflow:hidden}.arena-shell canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;image-rendering:auto;cursor:crosshair}.arena-shell #arena-3d{position:absolute;inset:0;width:100%;height:100%;opacity:.96;pointer-events:none}.arena-shell #arcade-canvas{opacity:0;pointer-events:auto}.arena-overlay{position:absolute;left:11px;top:10px;display:flex;gap:8px;font:8px var(--mono);color:#6d9ca6;pointer-events:none}.arena-overlay span+span{color:var(--gold)}.touch-hint{display:none}.score-row{display:flex;align-items:center;gap:18px;padding:11px 2px 2px}.score-row span{display:flex;align-items:baseline;gap:4px}.score-row b{font:17px var(--mono);color:var(--text)}.score-row small{font:8px var(--mono);color:var(--muted)}.primary-btn{margin-left:auto;border:0;border-radius:9px;padding:9px 12px;background:var(--cyan);color:#052027;font:10px var(--mono);font-weight:500;cursor:pointer}.god-mode{margin-top:11px;padding:11px;background:var(--panel2);border:1px solid var(--line);border-radius:11px}.control-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font:10px var(--mono);color:var(--text)}.control-title small{font:9px var(--mono);color:var(--muted)}.tool-row{display:flex;gap:6px;flex-wrap:wrap}.tool-btn{border:1px solid var(--line);border-radius:7px;padding:8px 10px;background:var(--panel);color:var(--muted);font:10px var(--mono);cursor:pointer}.tool-btn:hover,.tool-btn.active{border-color:var(--cyan);color:var(--cyan);background:color-mix(in srgb,var(--cyan) 11%,var(--panel))}.control-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:11px}.control-grid label{font:9px var(--mono);color:var(--muted);display:flex;flex-direction:column;gap:5px}.control-grid output{color:var(--text);font-size:10px;align-self:flex-end;margin-top:-15px}.control-grid input{accent-color:var(--cyan);width:100%;height:14px}.switch-label{position:relative}.switch{height:20px;width:38px;background:var(--line);border:0;border-radius:20px;padding:3px;cursor:pointer}.switch span{display:block;width:14px;height:14px;background:var(--muted);border-radius:50%;transition:.2s}.switch[aria-pressed=true]{background:var(--red)}.switch[aria-pressed=true] span{transform:translateX(18px);background:white}.dpad{display:none}
.brain-panel{gap:0}.brain-viewport{position:relative;min-height:220px;flex:1;border-radius:11px;overflow:hidden;border:1px solid var(--line);background:#050b12}.brain-viewport canvas{display:block;width:100%;height:100%;touch-action:none}.viewport-label{position:absolute;bottom:9px;left:10px;font:8px var(--mono);letter-spacing:.1em;color:#7098a4}.state-strip,.avatar-card{display:flex;justify-content:space-between;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:11px;margin-top:11px}.state-strip strong,.avatar-card strong{display:block;font-size:19px;color:var(--green);letter-spacing:.08em}.state-strip small,.avatar-card small{display:block;font:9px var(--mono);color:var(--muted);margin-top:4px}.alert-ring{width:58px;height:58px;border:3px solid var(--cyan);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 14px color-mix(in srgb,var(--cyan) 35%,transparent)}.alert-ring span{font:13px var(--mono)}.alert-ring small{font:7px var(--mono);color:var(--muted)}.avatar-card{padding:6px 10px}.avatar-card canvas{width:145px;height:75px;display:block}
.sense-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.sense-strip span{padding:7px 4px;border:1px solid var(--line);border-radius:7px;background:var(--panel2);font:9px var(--mono);color:var(--muted);text-align:center}.sense-strip b{display:block;font-size:8px;color:var(--cyan);margin-top:3px}
.sensory-panel,.motor-panel{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:9px}.chart-label{display:block;font:9px var(--mono);letter-spacing:.08em;color:var(--muted);margin-bottom:7px}.sensory-panel label{display:block;position:relative;height:18px;margin:5px 0;padding:4px 6px;background:var(--line);border-radius:4px;font:8px var(--mono);overflow:hidden}.sensory-panel label i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--cyan),var(--red));opacity:.8}.motor-panel{text-align:center}.motor-dpad{display:grid;justify-items:center;gap:2px;color:var(--muted);font:16px var(--mono)}.motor-dpad div{display:flex;gap:28px}.motor-dpad b.active{color:var(--green);text-shadow:0 0 12px var(--green)}
.imaging-hud{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;gap:8px;pointer-events:none;font:8px var(--mono);letter-spacing:.05em;color:#7fc4cf}.imaging-hud span:first-child{color:#6df0a4}
.imaging-controls{position:absolute;right:10px;bottom:10px;display:flex;gap:4px}.imaging-controls button{border:1px solid #286276;border-radius:5px;background:#071820cc;color:#91dce5;padding:5px 6px;font:8px var(--mono);cursor:pointer}.imaging-controls button.active{background:#164252;color:#fff;border-color:#47d8e8}
.telemetry-panel{gap:10px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{background:var(--panel2);border:1px solid var(--line);padding:9px;border-radius:9px}.metric span,.chart-head span{font:9px var(--mono);letter-spacing:.05em;color:var(--muted)}.metric b{float:right;font:11px var(--mono);color:var(--text)}.meter{height:4px;background:var(--line);border-radius:4px;margin-top:11px;overflow:hidden}.meter i{display:block;height:100%;width:0;background:var(--green);transition:width .2s}.meter.red i{background:var(--red)}.meter.gold i{background:var(--gold)}.meter.cyan i{background:var(--cyan)}.chart-block{min-height:0;background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:9px}.chart-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px}.chart-head small{font:8px var(--mono);color:var(--muted)}.chart-block canvas{width:100%;height:auto;display:block}.chart-legend{display:flex;justify-content:space-between;font:8px var(--mono);color:var(--muted)}.chart-legend .green{color:var(--green)}.chart-legend .red{color:var(--red)}.chart-legend .cyan{color:var(--cyan)}.chart-legend .gold{color:var(--gold)}.timeline-strip{height:24px;display:flex;gap:2px;margin-top:9px}.timeline-strip i{flex:1;border-radius:3px;min-width:2px;background:var(--cyan)}.timeline-strip i[data-state=ESCAPE]{background:var(--red)}.timeline-strip i[data-state=FORAGING]{background:var(--green)}.timeline-strip i[data-state=DISGUST]{background:var(--purple)}.timeline-strip i[data-state=EXHAUSTED]{background:#74808a}.timeline-labels{display:flex;justify-content:space-between;font:8px var(--mono);color:var(--muted);margin-top:4px}.telemetry-footer{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font:9px var(--mono);color:var(--muted);border-top:1px solid var(--line);padding-top:9px}.telemetry-footer span:first-child{color:var(--cyan)}
.chart-head select{max-width:145px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--cyan);font:8px var(--mono);padding:3px 5px}
footer{flex:none;display:flex;justify-content:space-between;height:29px;padding:7px 22px;border-top:1px solid var(--line);font:8px var(--mono);color:var(--muted)}footer a{color:var(--cyan);text-decoration:none}
@media(max-width:1100px){.dashboard{grid-template-columns:1fr 1fr}.telemetry-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.telemetry-panel>.panel-head,.telemetry-panel>.telemetry-footer{grid-column:1/-1}.metric-grid{grid-column:1}.chart-block{grid-column:2}}
@media(max-width:720px){.topbar{height:58px;padding:0 15px;position:sticky;top:0}.brand-mark{font-size:26px}.brand h1{font-size:15px}.brand p{font-size:8px}.session-badge{display:none}.mobile-tabs{position:sticky;top:58px;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px 12px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.view-tab{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:10px;padding:7px 4px 6px;font:16px var(--mono)}.view-tab span{display:block;font:9px var(--mono);margin-top:2px}.view-tab.active{color:var(--cyan);background:var(--panel2);border-color:var(--line)}.dashboard{display:block;height:calc(100dvh - 139px);padding:10px 10px 40px}.panel{display:none;border-radius:14px;padding:12px;height:100%;min-height:0}.panel.view-active{display:flex}.experiment-panel{min-height:0}.arena-shell{min-height:0;flex:1}.touch-hint{display:block;position:absolute;bottom:9px;right:10px;font:8px var(--mono);color:#6d9ca6}.score-row{gap:8px;flex-wrap:wrap}.score-row .primary-btn{order:5;flex-basis:100%;margin-left:0}.god-mode{margin-top:8px}.control-grid{grid-template-columns:1fr 1fr}.control-grid label:last-child{grid-column:1/-1}.dpad{display:flex;flex-direction:column;align-items:center;gap:3px;margin:8px auto 0}.dpad div{display:flex;gap:3px}.dpad button{width:39px;height:31px;border:1px solid var(--line);background:var(--panel2);color:var(--cyan);border-radius:8px;font-size:14px}.brain-viewport{min-height:0;flex:1}.brain-panel .state-strip{margin-top:9px}.avatar-card{margin-top:9px}.telemetry-panel{display:none}.telemetry-panel.view-active{display:flex;gap:6px}.telemetry-panel .chart-block{grid-column:auto}.chart-block{flex:1;min-height:0}.chart-block canvas{max-height:95px}.metric-grid{grid-template-columns:1fr 1fr}.telemetry-footer{padding-top:5px;font-size:8px}footer{position:fixed;bottom:0;left:0;right:0;height:30px;padding:8px 12px;background:var(--panel);z-index:6}footer span{max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(min-width:721px){.view-arena,.view-brain,.view-data{display:flex!important}}