/* [AGENT EDIT START | agent: Codex | user: wingertj | reason: single-view arena and compact shared-axis plots | date: 2026-10-16] */
[hidden]{display:none!important}:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;color:#eceef4;background:#0f1116;line-height:1.35}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:14px 20px}header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}h1{font-size:23px;font-weight:550;letter-spacing:-.035em;margin:0}header p{margin:0;color:#8d9aad;font-size:10px;white-space:nowrap}h2,h3{font-size:11px;font-weight:550;margin:0;line-height:18px}h3{font-size:10px}.controls{display:flex;align-items:center;gap:12px;padding:6px 0;border-top:1px solid #292f3a;border-bottom:1px solid #292f3a}.controls input{flex:1;min-width:0}input[type=range]{accent-color:#87b7c7;min-height:25px;cursor:pointer}input[type=checkbox]{accent-color:#87b7c7;width:12px;height:12px;margin:0 4px 0 0;vertical-align:middle}button,select{font:inherit;color:inherit;background:#191d27;border:1px solid #363e4d;border-radius:4px}button{font-size:12px;font-weight:650;background:#d4dce7;color:#111722;padding:5px 18px;min-height:28px;cursor:pointer}button:disabled{opacity:.4}select{font-size:10px;padding:4px;max-width:100%}output{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:90px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:20px;height:clamp(370px,calc(100svh - 190px),560px);margin-top:10px}.trackingColumn{display:grid;grid-template-rows:18px minmax(0,1fr);min-width:0;min-height:0}.arenaView{position:relative;min-width:0;min-height:0;background:#11141b;border:1px solid #202733;border-radius:5px;overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:pan-y}#pose{position:absolute;inset:0}.polarInset{position:absolute;right:8px;bottom:8px;width:clamp(155px,14vw,200px);padding:6px;background:#0f1116f5;border:1px solid #303846;border-radius:5px}.polarInset h3{text-align:center}#polar{height:160px}.earLegend{display:flex;justify-content:center;gap:12px;font-size:8px}.speakerLegend{text-align:center;font-size:8px;color:#b6c3d5}.earLegend span:before{content:'— ';}.leftEar{color:#89c7da}.rightEar{color:#e6af88}.signalsColumn{display:grid;grid-template-rows:1fr 1fr 1fr 1.25fr 1.7fr;gap:7px;min-width:0;min-height:0}.signalRow{display:grid;grid-template-rows:18px minmax(0,1fr);min-width:0;min-height:0}.signalRow h2{padding-left:34px}.rowHead{display:flex;align-items:center;justify-content:space-between;gap:8px}.rowHead h2{white-space:nowrap}.rowHead select{padding:0 4px;height:18px;font-size:9px;max-width:210px}.plotKey{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;border-top:1px solid #292f3a;margin-top:8px;padding-top:7px}.plotKey p{font-size:10px;color:#96a3b8;margin:0}.models{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:10px}.models label{display:flex;align-items:center;cursor:pointer}.predictionKey{color:#96a3b8}.measured{color:#65d6c0}details{margin-top:7px;color:#99a7bc;font-size:11px}summary{cursor:pointer;font-size:10px;width:max-content}details p{margin:7px 0;overflow-wrap:anywhere}.toggleRow,.legend{display:flex;flex-wrap:wrap;gap:5px 12px;margin:8px 0;font-size:10px}.legend span:before{content:'●';margin-right:4px}a{color:#9cc7d6}#error{background:#542a31;padding:12px;margin:8px 0}#video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #e6af88;outline-offset:2px}
@media(max-width:760px){main{padding:10px 12px}header{margin-bottom:6px;gap:6px}h1{font-size:18px}header p{font-size:8px}.controls{gap:6px;padding:4px 0}button{padding:4px 12px}.controls output{min-width:76px;font-size:9px}.controls select{font-size:9px;padding:3px}.workspace{grid-template-columns:1fr;height:auto;gap:8px;margin-top:8px}.trackingColumn{height:calc(clamp(145px,25svh,200px) + 18px)}.signalsColumn{height:clamp(270px,43svh,360px);gap:4px}.polarInset{width:148px;right:4px;bottom:4px;padding:3px}#polar{height:115px}.polarInset h3{font-size:9px;line-height:13px}.earLegend{font-size:7px;gap:8px}.signalRow,.trackingColumn{grid-template-rows:16px minmax(0,1fr)}h2{font-size:10px;line-height:16px}.rowHead select{max-width:170px;font-size:8px;height:16px}.plotKey{gap:4px;margin-top:6px;padding-top:5px}.plotKey p{font-size:9px;line-height:1.35}.models{font-size:9px;gap:5px 8px}.models input{width:11px;height:11px}details{margin-top:5px}}
/* [AGENT EDIT END] */