: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(4,minmax(68px,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%)}body[data-view=garage] .stage{grid-template-columns:minmax(260px,30%) minmax(520px,70%)}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)}.drive-config{display:none;width:100%;height:100%;min-width:0;min-height:0;background:var(--paper);color:var(--carbon)}.drive-config>header{display:grid;gap:.35rem;padding:1rem;border-bottom:1px solid var(--carbon)}.drive-config>header strong{color:var(--cobalt);font:700 .65rem/1.2 monospace;letter-spacing:.07em}.drive-config>header span{max-width:36rem;color:var(--muted);font:700 .52rem/1.35 monospace;letter-spacing:.04em}#drive-controls-slot{min-width:0;min-height:0;overflow:auto}body[data-mode=expanded][data-view=drive] #network{display:none}body[data-mode=expanded][data-view=drive] .stage{grid-template-columns:minmax(300px,62%) minmax(0,38%)}body[data-mode=expanded][data-view=drive] .drive-config{display:grid;grid-template-rows:auto minmax(0,1fr)}body[data-mode=expanded][data-view=drive] #drive-controls-slot .tuning{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(74px,1fr);height:100%}body[data-mode=expanded][data-view=drive] #drive-controls-slot .tuning label{padding:.9rem .8rem;border-right:1px dotted rgb(18 22 19 / 28%);border-bottom:1px dotted rgb(18 22 19 / 28%)}body[data-mode=expanded][data-view=drive] #drive-controls-slot select{height:34px}body[data-mode=expanded][data-view=drive] .lab-console{grid-template-columns:minmax(280px,.8fr) minmax(520px,1.7fr)}body[data-mode=expanded][data-view=drive] .actions{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-mode=expanded][data-view=drive] .actions>*{min-height:64px;border-top:0;border-bottom:0}.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}.garage-dashboard{position:absolute;inset:0;display:none;grid-template-columns:minmax(0,1.18fr) minmax(220px,.9fr);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;background:var(--carbon);color:var(--paper)}body[data-view=garage] #network{display:none}body[data-view=garage] .garage-dashboard{display:grid}body[data-view=garage] .legend{display:none}.garage-head{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .85rem;border-bottom:1px solid rgb(241 239 231 / 40%);font:700 .55rem/1.25 monospace;letter-spacing:.06em}.garage-head div{display:flex;flex-wrap:wrap;gap:.45rem 1rem}.garage-head strong{color:var(--cobalt)}.garage-head>span{max-width:42%;color:var(--signal);text-align:right}.sensor-preview{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;border-right:1px solid rgb(241 239 231 / 35%);background:var(--slip)}.sensor-preview svg{width:100%;height:100%;min-height:0}.garage-grid{fill:none;stroke:#1216131a;stroke-width:1}.garage-car{fill:var(--cobalt);stroke:var(--carbon);stroke-width:2}.garage-origin{fill:var(--signal);stroke:var(--carbon);stroke-width:2}.sensor-ray{stroke:var(--proof);stroke-width:2.2}.sensor-ray-end{fill:var(--signal);stroke:var(--carbon);stroke-width:1.5}.sensor-ray-label{fill:var(--carbon);font:700 9px monospace}.sensor-preview p{display:grid;gap:.25rem;margin:0;padding:.75rem .9rem;border-top:1px solid var(--carbon);color:var(--carbon)}.sensor-preview p strong{color:var(--cobalt);font:700 .62rem/1.2 monospace}.sensor-preview p span{color:#555850;font:.72rem/1.35 Arial,sans-serif}.sensor-editor{min-width:0;min-height:0;overflow:auto;background:rgb(18 22 19 / 96%)}.sensor-editor>header,.sensor-row{display:grid;grid-template-columns:minmax(58px,1fr) minmax(0,.9fr) minmax(0,.9fr) 26px;align-items:center;gap:.25rem}.sensor-editor>header{position:sticky;top:0;z-index:1;padding:.65rem .75rem;border-bottom:1px solid rgb(241 239 231 / 30%);background:var(--carbon);color:var(--muted);font:700 .48rem/1 monospace}.sensor-row{padding:.4rem .5rem;border-bottom:1px dotted rgb(241 239 231 / 20%)}.sensor-row strong{overflow:hidden;color:var(--paper);font:700 .5rem/1 monospace;text-overflow:ellipsis}.sensor-row label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem;align-items:center}.sensor-row input[type=range]{min-width:0}.sensor-row output{min-width:2.2rem;color:var(--signal);font:700 .48rem/1 monospace;text-align:right}.sensor-row button{width:26px;height:26px;border:1px solid rgb(241 239 231 / 32%);background:transparent;color:#e76d55;cursor:pointer}.sensor-row button:hover,.sensor-row button:focus-visible{background:var(--proof);color:var(--paper);outline:0}.sensor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sensor-actions button{min-height:38px;padding:.4rem;border:0;border-right:1px solid var(--carbon);background:var(--signal);color:var(--carbon);cursor:pointer;font:700 .5rem/1.2 monospace;white-space:normal}.sensor-actions button+button{background:var(--paper)}.sensor-actions button:hover,.sensor-actions button:focus-visible{background:var(--cobalt);color:var(--paper);outline:0}.sensor-editor>p{margin:0;padding:.75rem;color:var(--muted);font:.64rem/1.4 monospace}.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}.trace-key{justify-content:center;gap:.7rem!important;color:var(--muted)}.trace-key span{display:inline-flex;align-items:center;gap:.32rem;color:var(--muted)}.trace-key i{display:inline-block;width:18px;height:7px}.current-trace{border-top:2px solid var(--signal)}.past-trace{background:rgb(214 240 95 / 18%);border-top:1px solid rgb(214 240 95 / 38%)}.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}.ledger-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;border-bottom:1px solid rgb(241 239 231 / 24%)}.ledger-heading h2{border-bottom:0}.ledger-heading button{border:0;border-left:1px solid rgb(241 239 231 / 24%);background:transparent;color:var(--muted);cursor:pointer;font:700 .45rem/1 monospace}.ledger-heading button:hover,.ledger-heading button:focus-visible{background:var(--signal);color:var(--carbon);outline:0}.learning-state dl{margin:0;padding:.55rem .75rem .7rem}.learning-state dl div{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 li{display:grid;grid-template-columns:minmax(0,1fr) 4.3rem 3.2rem;align-items:center;gap:.38rem;padding:.3rem 0;border-bottom:1px dotted rgb(241 239 231 / 18%);font:700 .48rem/1.2 monospace}.fitness-ledger label{min-width:0;color:var(--muted)}.fitness-ledger input{width:100%;min-width:0;height:22px;padding:0 .28rem;border:1px solid rgb(241 239 231 / 28%);border-radius:0;background:rgb(241 239 231 / 7%);color:var(--paper);font:700 .5rem/1 monospace}.fitness-ledger input:focus{border-color:var(--signal);outline:1px solid var(--signal)}.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-history path{fill:var(--chart-color);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}.promotion-policy{display:grid;align-content:center;gap:.35rem;min-width:0;min-height:35px;padding:.45rem .55rem;border-left:1px solid var(--carbon);border-bottom:1px solid var(--carbon)}.promotion-policy span{font:700 .48rem/1.1 monospace;letter-spacing:.05em}.promotion-policy select{height:22px;font-size:.48rem}.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{border-bottom:0}#promote-difficulty{border-bottom:1px solid var(--carbon)}.actions button:disabled{background:var(--slip);color:var(--muted);cursor:default}.actions button:disabled:hover{background:var(--slip);color:var(--muted);outline: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)}body[data-view=fitness] .lab-console{grid-template-columns:minmax(0,1fr) minmax(220px,.72fr)}body[data-view=fitness] .telemetry{display:none}@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%)}body[data-view=garage] .stage{grid-template-columns:minmax(240px,32%) minmax(0,68%)}.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}#promote-difficulty{border-bottom:0}.promotion-policy{border-top:1px solid var(--carbon);border-bottom:0}body[data-view=fitness] .lab-console{grid-template-columns:minmax(0,1fr)}body[data-view=fitness] .actions{grid-column:1}.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,body[data-view=garage] .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))}#promote-difficulty,.promotion-policy{border-bottom:1px solid var(--carbon)}.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))}.garage-dashboard{grid-template-columns:1fr;overflow:auto}.garage-head{position:sticky;top:0;z-index:3}.sensor-preview{min-height:360px;border-right:0;border-bottom:1px solid rgb(241 239 231 / 35%)}.sensor-editor{overflow:visible}}body[data-mode=blog]{grid-template-rows:minmax(0,1fr) auto}body[data-mode=blog] .docket,body[data-mode=blog] .legend{display:none}body[data-mode=blog][data-view=garage] .stage{grid-template-columns:1fr}body[data-mode=blog][data-view=garage] #canvas{display:none}body[data-mode=blog][data-view=garage] .inspection{grid-column:1}body[data-mode=blog] .lab-console{display:grid;grid-template-columns:minmax(0,1fr) auto;max-height:none;overflow:visible}body[data-mode=blog] .telemetry{display:none}body[data-mode=blog] .tuning{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr))}body[data-mode=blog] .tuning>label,body[data-mode=blog] .actions>*{display:none}body[data-mode=blog] .tuning label{min-height:58px;border-bottom:0}body[data-mode=blog] .actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(118px,1fr);grid-template-columns:none}body[data-mode=blog] .actions>*{min-height:58px;border-top:0;border-bottom:0}body[data-mode=blog][data-view=garage] [data-control=profile],body[data-mode=blog][data-view=garage] [data-control=population],body[data-mode=blog][data-view=garage] [data-control=mutation],body[data-mode=blog][data-view=garage] [data-action=next],body[data-mode=blog][data-view=network] [data-control=profile],body[data-mode=blog][data-view=network] [data-control=speed],body[data-mode=blog][data-view=network] [data-control=mutation],body[data-mode=blog][data-view=network] [data-control=pace],body[data-mode=blog][data-view=network] [data-control=acceleration],body[data-mode=blog][data-view=network] [data-action=next],body[data-mode=blog][data-view=network] [data-action=reset],body[data-mode=blog][data-view=fitness] [data-control=profile],body[data-mode=blog][data-view=fitness] [data-control=duration],body[data-mode=blog][data-view=fitness] [data-control=traffic],body[data-mode=blog][data-view=fitness] [data-action=promotion],body[data-mode=blog][data-view=fitness] [data-action=next],body[data-mode=blog][data-view=fitness] [data-action=reset]{display:grid}@media (max-width: 640px){body[data-mode=blog] .lab-console{grid-template-columns:1fr;max-height:38vh;overflow:auto}body[data-mode=blog] .tuning{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-mode=blog] .actions{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto}body[data-mode=blog][data-view=garage] .garage-dashboard{grid-template-columns:1fr;grid-template-rows:auto minmax(300px,1fr) auto;overflow:auto}body[data-mode=blog][data-view=garage] .sensor-preview{grid-row:2}body[data-mode=blog][data-view=garage] .sensor-editor{grid-row:3;min-height:360px;overflow:visible}body[data-mode=blog][data-view=garage] .sensor-preview{min-height:300px}body[data-mode=expanded][data-view=drive] #drive-controls-slot .tuning,body[data-mode=expanded][data-view=drive] .lab-console{grid-template-columns:1fr}}