:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#121920;color:#e8e1ce;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:28px clamp(12px,3vw,48px) 50px;max-width:1800px;margin-inline:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:clamp(25px,3vw,42px);letter-spacing:-1px;margin:8px 0}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#a7c1d1;text-underline-offset:4px}a:hover{color:#fff}.eyebrow{color:#ff936e;font:11px ui-monospace,monospace;letter-spacing:2px}.intro{max-width:1000px;color:#aab8c5;font-size:14px;line-height:1.6}.controls{padding:16px;background:#1d2731;border:1px solid #34404c;border-radius:12px;margin-top:20px}.control-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}label{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#becbd4}button,select,input{font:inherit;color:inherit}button,select,input[type=number]{border:1px solid #465664;background:#18212b;border-radius:6px;padding:8px}button{cursor:pointer;font-size:12px;min-height:36px}button:hover,button:focus-visible{border-color:#dce7ed}button.selected{background:#f78c67;color:#121920;border-color:#f78c67}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #78d4d0;outline-offset:3px}input[type=range]{width:90px;accent-color:#ff936e}input[type=number]{width:70px}#seed{width:92px}output{display:inline-block;width:8ch;text-align:right;font-variant-numeric:tabular-nums}.directions{display:flex;gap:5px;flex-wrap:wrap}.control-label{font-size:12px;font-weight:700}.separator{flex:1}small,.muted{color:#9aaebb;font-size:11px;line-height:1.55}.connection{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#a8c6bc;padding:16px 0;font-variant-numeric:tabular-nums}#round{white-space:nowrap;min-width:18ch;text-align:right}.error{background:#632f25;color:#ffe0d7;padding:12px;border-radius:6px}.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.dog{--accent:#ff936e;background:#19232d;border:1px solid #34404c;border-radius:12px;overflow:hidden;min-width:0}.dog.mlp{--accent:#78d4d0}.dog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-top:3px solid var(--accent)}h2{color:var(--accent);margin:0;font-size:24px}.checkpoint{font:11px ui-monospace,monospace;color:#bdc9d3;text-align:right}.viewport{height:clamp(270px,33vw,460px);position:relative;background:#18212b}.viewport canvas{display:block;touch-action:none}.outcome{position:absolute;bottom:14px;left:16px;z-index:1;font:11px ui-monospace,monospace;background:#121920c9;color:#d4dee3;padding:7px 10px;border-radius:4px;pointer-events:none}.body-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:18px 12px;gap:8px;border-block:1px solid #34404c}.body-metrics div{text-align:center;overflow:hidden}.body-metrics small{display:block;font-size:10px;white-space:nowrap}.body-metrics strong{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(15px,1.7vw,25px);font-weight:500;line-height:1.8;min-width:7ch}.inspector{padding:18px 20px 22px}.inspect-heading,.activation-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}h3{font-size:16px;margin:0}h4{font-size:12px;color:#d0dbe4;margin:20px 0 10px}.decision-time{font:10px ui-monospace,monospace;white-space:nowrap;color:#a7bbc8;min-width:15ch;text-align:right}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}td,th{padding:7px 4px;border-bottom:1px solid #30404d;text-align:right}th{font-weight:500;color:#aabac7}th:first-child{text-align:left}td{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.sensors th:first-child{width:40%}.sensors th small{display:block}.sensors td{width:20%}.gyro-chart{display:block;width:100%;height:75px;margin-top:12px;background:#121c25;border-radius:5px}.chart-legend{display:flex;gap:12px;font:10px ui-monospace,monospace;align-items:center;margin:8px 0;color:#a7bac7}.chart-legend small{margin-left:auto;font-size:10px}.command-values,.cadence{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#bacbd6;margin:16px 0}.command-values code{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:23ch;text-align:right}.activations{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;margin-top:8px}.unit{height:18px;background:#273543;border-radius:2px}.layer{font-size:11px;max-width:150px}.joints th:first-child{width:27%}.joints th:nth-child(2){width:22%}.joint-scroll{overflow-x:auto}.joints{min-width:340px}.joints td:nth-child(2){position:relative}.action-fill{position:absolute;height:2px;background:var(--accent);bottom:2px;left:50%;width:0;pointer-events:none}.joints small{font-size:9px}.cadence code,.clock-hz{font:12px ui-monospace,monospace;font-variant-numeric:tabular-nums;min-width:7ch;text-align:right}@media(max-width:850px){.pair{grid-template-columns:1fr}.viewport{height:340px}.body-metrics strong{font-size:24px}header{align-items:start}nav{font-size:12px;flex-direction:column;gap:10px}.inspector{padding:16px}.separator{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(max-width:450px){.body-metrics strong{font-size:17px}.body-metrics small{font-size:9px}.inspect-heading{flex-wrap:wrap}}