:root{--carbon: #121613;--paper: #f1efe7;--slip: #e8e5db;--cobalt: #1849c6;--signal: #d6f05f;--proof: #ad3f27;--amber: #e4ae35;--muted: #777870}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--carbon);font-family:Arial,sans-serif}body{display:grid;grid-template-rows:auto minmax(0,1fr) auto}button,select,input{font:inherit}.docket{position:relative;z-index:6;display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(180px,1fr);align-items:stretch;min-height:52px;border:1px solid var(--carbon);background:var(--paper);color:var(--carbon);font:700 .62rem/1.3 monospace;letter-spacing:.06em}.brand{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem 1.1rem;min-width:0;padding:.7rem 1rem}.brand strong{color:var(--cobalt)}.docket>span{display:grid;place-items:center end;min-width:0;padding:.7rem 1rem;color:var(--proof);text-align:right}.view-switcher{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));border-inline:1px solid var(--carbon)}.view-switcher button{min-height:50px;padding:.55rem .75rem;border:0;border-right:1px dotted rgb(18 22 19 / 30%);background:var(--paper);color:var(--muted);cursor:pointer;font:700 .55rem/1 monospace;letter-spacing:.06em}.view-switcher button:last-child{border-right:0}.view-switcher button[aria-pressed=true]{background:var(--cobalt);color:var(--paper)}.view-switcher button:hover,.view-switcher button:focus-visible{background:var(--signal);color:var(--carbon);outline:0}.stage{position:relative;display:grid;grid-template-columns:minmax(300px,62%) minmax(280px,38%);min-width:0;min-height:0;overflow:hidden}body[data-view=network] .stage{grid-template-columns:minmax(280px,32%) minmax(420px,68%)}body[data-view=fitness] .stage{grid-template-columns:minmax(280px,34%) minmax(480px,66%)}canvas{display:block;width:100%;height:100%;min-width:0;min-height:0}#canvas{background:var(--slip);border-right:1px solid var(--paper)}.inspection{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--carbon)}#network{background:var(--carbon)}.legend{position:absolute;z-index:4;right:.85rem;bottom:.85rem;display:flex;max-width:calc(100% - 1.7rem);border:1px solid var(--paper);background:rgb(18 22 19 / 90%);color:var(--paper);pointer-events:none}.legend span{min-width:0;padding:.62rem .72rem;font:700 .5rem/1.2 monospace;letter-spacing:.04em;white-space:nowrap}.legend span+span{border-left:1px solid rgb(241 239 231 / 40%);color:var(--signal)}body[data-view=fitness] .legend{display:none}.fitness-dashboard{position:absolute;inset:0;display:none;grid-template-columns:minmax(180px,.72fr) minmax(0,2.3fr);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;background-color:var(--carbon);background-image:radial-gradient(rgb(241 239 231 / 10%) .7px,transparent .7px);background-size:14px 14px;color:var(--paper)}body[data-view=fitness] #network{display:none}body[data-view=fitness] .fitness-dashboard{display:grid}.training-head{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0;padding:.65rem .8rem;border-bottom:1px solid rgb(241 239 231 / 45%);background:rgb(18 22 19 / 93%);font-family:monospace}.training-head div{display:flex;flex-wrap:wrap;gap:.45rem 1rem;min-width:0}.training-head strong,.training-head span,.training-head p{margin:0;font:700 .54rem/1.25 monospace;letter-spacing:.06em}.training-head strong{color:var(--cobalt)}.training-head span{color:var(--paper)}.training-head p{color:var(--signal);white-space:nowrap}.learning-state{min-width:0;min-height:0;overflow:auto;border-right:1px solid rgb(241 239 231 / 35%);background:rgb(18 22 19 / 88%);scrollbar-width:thin;scrollbar-color:var(--muted) transparent}.learning-state::-webkit-scrollbar{width:6px}.learning-state::-webkit-scrollbar-track{background:transparent}.learning-state::-webkit-scrollbar-thumb{background:var(--muted)}.learning-state h2{margin:0;padding:.65rem .75rem;border-bottom:1px solid rgb(241 239 231 / 24%);color:var(--muted);font:700 .53rem/1.2 monospace;letter-spacing:.08em}.learning-state dl{margin:0;padding:.55rem .75rem .7rem}.learning-state dl div,.fitness-ledger li{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.34rem 0;border-bottom:1px dotted rgb(241 239 231 / 18%);font:700 .5rem/1.2 monospace}.learning-state dt{color:var(--muted)}.learning-state dd{margin:0;color:var(--signal)}.fitness-ledger{margin:0;padding:.55rem .75rem .8rem;list-style:none}.fitness-ledger span{color:var(--muted)}.fitness-ledger output{color:var(--signal)}.fitness-ledger .penalty output{color:#e76d55}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1px;min-width:0;min-height:0;background:rgb(241 239 231 / 28%)}.chart{--chart-color: var(--cobalt);position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;margin:0;background:rgb(18 22 19 / 96%);overflow:hidden}.chart.signal{--chart-color: var(--signal)}.chart.proof{--chart-color: #e65a48}.chart.amber{--chart-color: var(--amber)}.chart header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.58rem .7rem;border-bottom:1px solid rgb(241 239 231 / 12%);color:var(--chart-color);font:700 .53rem/1.2 monospace;letter-spacing:.04em}.chart svg{display:block;width:100%;height:100%;min-height:0;overflow:visible}.chart-gridlines{fill:none;stroke:#f1efe714;stroke-width:.8;vector-effect:non-scaling-stroke}.chart-area{fill:color-mix(in srgb,var(--chart-color) 18%,transparent);stroke:none}.chart-line{fill:none;stroke:var(--chart-color);stroke-width:2;vector-effect:non-scaling-stroke}.lab-console{position:relative;z-index:7;display:grid;grid-template-columns:minmax(240px,.9fr) minmax(420px,2fr) minmax(220px,.85fr);border:1px solid var(--carbon);background:var(--paper);box-shadow:0 -8px 24px #1216131f;color:var(--carbon)}.telemetry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;border-right:1px solid var(--carbon)}.telemetry>div{display:grid;align-content:center;min-width:0;padding:.6rem .35rem;border-right:1px dotted rgb(18 22 19 / 28%)}.telemetry output{overflow:hidden;color:var(--cobalt);font:700 clamp(.9rem,1.5vw,1.25rem)/1 monospace;text-overflow:ellipsis}.telemetry span,.tuning label>span,.toggle span{font:700 .5rem/1.2 monospace;letter-spacing:.06em;white-space:nowrap}.telemetry meter{grid-column:1 / -1;width:100%;height:5px;border:0;background:transparent;appearance:none}.telemetry meter::-webkit-meter-bar{background:var(--slip);border:0;border-radius:0}.telemetry meter::-webkit-meter-optimum-value{background:var(--cobalt)}.telemetry meter::-moz-meter-bar{background:var(--cobalt)}.tuning{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));min-width:0}.tuning label{display:grid;align-content:center;gap:.45rem;min-width:0;padding:.6rem .45rem;border-right:1px dotted rgb(18 22 19 / 28%)}.tuning output{float:right;color:var(--cobalt)}select,input[type=range]{width:100%;min-width:0;accent-color:var(--cobalt)}select{height:24px;border:1px solid var(--carbon);border-radius:0;background:var(--paper);color:var(--carbon);font:700 .55rem/1 monospace}input[type=range]{height:16px}.toggle{grid-template-columns:auto 1fr;align-items:center}.toggle input{width:18px;height:18px;margin:0;accent-color:var(--cobalt)}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.actions button{min-width:0;min-height:35px;padding:.55rem .65rem;border:0;border-left:1px solid var(--carbon);border-bottom:1px solid var(--carbon);background:var(--paper);color:var(--carbon);cursor:pointer;font:700 .52rem/1.2 monospace}.actions button:nth-last-child(-n + 2){border-bottom:0}.actions button:hover,.actions button:focus-visible{background:var(--signal);outline:2px solid var(--cobalt);outline-offset:-3px}#next-generation{background:var(--signal)}#next-generation:hover,#next-generation:focus-visible{background:var(--cobalt);color:var(--paper)}@media (max-width: 980px){.docket{grid-template-columns:minmax(220px,1fr) auto}.docket>span{display:none}.stage{grid-template-columns:minmax(300px,55%) minmax(260px,45%)}body[data-view=network] .stage{grid-template-columns:minmax(260px,36%) minmax(0,64%)}body[data-view=fitness] .stage{grid-template-columns:minmax(250px,34%) minmax(0,66%)}.lab-console{grid-template-columns:minmax(205px,.75fr) minmax(0,2fr)}.actions{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr))}.actions button{border-top:1px solid var(--carbon);border-bottom:0}.fitness-dashboard{grid-template-columns:minmax(155px,.68fr) minmax(0,2fr)}}@media (max-width: 680px){.docket{grid-template-columns:1fr}.brand{display:none}.view-switcher{border-inline:0;border-bottom:1px solid var(--carbon)}.stage,body[data-view=network] .stage,body[data-view=fitness] .stage{grid-template-columns:42% 58%}.lab-console{grid-template-columns:1fr;max-height:43vh;overflow-y:auto}.telemetry{border-right:0;border-bottom:1px solid var(--carbon)}.tuning{grid-template-columns:repeat(3,minmax(0,1fr))}.tuning label{border-bottom:1px dotted rgb(18 22 19 / 28%)}.actions{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.legend{display:none}.fitness-dashboard{grid-template-columns:1fr;overflow:auto}.training-head{position:sticky;top:0;z-index:2}.learning-state{max-height:190px;border-right:0;border-bottom:1px solid rgb(241 239 231 / 35%)}.chart-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(140px,1fr))}}