:root{--paper:#eff0eb;--ink:#162326;--muted:#75817f;--line:#d6dcd5;--red:#e94c30;--dark:#152226;--teal:#63c6b3;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px var(--font)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--red);outline-offset:3px}button:disabled{opacity:.4;cursor:default}a{color:inherit}.shell{max-width:1640px;margin:auto;padding:0 42px}.masthead{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-weight:900;font-size:21px;letter-spacing:-.6px;text-decoration:none}.brandmark{background:var(--red);color:white;width:43px;height:43px;padding:6px 9px;font-size:31px;line-height:31px;position:relative}.brandmark span{font-size:17px;position:absolute;right:1px;top:3px;color:var(--ink)}.brand-sub{display:block;font:8px monospace;letter-spacing:2px;margin-top:5px}.project-id,.local-status{font:10px monospace;letter-spacing:1.1px}.project-id span{color:#a7b0a7;margin:0 10px}.local-status{display:flex;align-items:center;gap:8px}.local-status i{width:6px;height:6px;border-radius:50%;background:#579c64}.local-status span{margin-left:10px;background:#dfe5dc;padding:6px 8px;color:#647269}main{padding-top:34px}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.eyebrow{font:9px monospace;letter-spacing:1.8px;color:var(--muted);font-weight:bold}h1{font-size:clamp(28px,3.4vw,50px);margin:9px 0 8px;letter-spacing:-2px;line-height:1.05;font-weight:900}.title-dot{color:var(--red)}.title-row p{font-size:13px;color:#71807c;margin:0}.build-tag{border-left:1px solid var(--line);padding:8px 0 8px 24px}.build-tag span{display:block;font:8px monospace;letter-spacing:1.6px;color:var(--muted)}.build-tag strong{font-size:22px;letter-spacing:-1px;display:block;margin-top:8px}.build-tag small{margin-left:22px;color:var(--red)}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:24px;align-items:center}.tab{border:none;border-bottom:3px solid transparent;background:transparent;padding:15px 21px 16px;font-size:12px;font-weight:600;color:#7a8581;margin-bottom:-1px}.tab span{font-size:16px;margin-right:8px}.tab.active{border-color:var(--red);color:var(--ink)}.tab:hover{background:#e5e9e1}.tab b{background:#dde3da;color:#647468;font:9px monospace;padding:3px 5px;margin-left:6px}.engine-label{margin-left:auto;font:8px monospace;letter-spacing:1px;color:#8b9690}.engine-label span{color:#556660;margin-left:9px}.arena-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:20px}.arena-column{min-width:0}.arena-top{height:46px;background:var(--dark);color:#bdcac7;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #344345;font:9px monospace;letter-spacing:.8px}.arena-top>div{display:flex;align-items:center;gap:14px}.arena-top strong{color:#e3e9e4;font-size:10px}.arena-top #match-subtitle{color:#718784;font-size:8px}.live-badge{color:#ef725c;font-size:9px}.arena-top-right{white-space:nowrap}.arena-top-right #alive-count{background:#263a3c;padding:5px 7px;color:#b5c6bb}.stage{position:relative;background:#142024;overflow:hidden;aspect-ratio:1100/760}#arena{display:block;width:100%;height:100%;outline-offset:-4px;touch-action:none}.arena-corner{position:absolute;left:18px;top:15px;color:#75928e;font:11px monospace;pointer-events:none}.arena-corner small{display:block;font-size:8px;color:#526d68;margin-top:5px}.view-controls{position:absolute;right:13px;top:13px;display:flex;gap:4px}.view-controls button{background:#1a2a2cdd;color:#99afa9;border:1px solid #38504b;padding:6px 8px;font:9px monospace}.view-controls button.on{border-color:var(--teal);color:var(--teal)}.announcement{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);padding:15px 24px;background:#eff0ebf2;color:var(--ink);border-left:4px solid var(--red);text-align:center;box-shadow:0 6px 30px #0006;width:max-content;max-width:90%;font-weight:bold;pointer-events:none}.announcement small{display:block;font:10px monospace;margin-top:6px;font-weight:normal;color:#77817b}.transport{display:flex;align-items:center;height:53px;gap:10px;background:#fff;border:1px solid var(--line);padding:0 12px}.transport-button{border:none;background:transparent;width:25px;color:#263c39;font-size:16px}.transport-label{font:8px monospace;letter-spacing:1px;color:#75827a;white-space:nowrap}#replay-seek{min-width:20px;flex:1;height:3px;accent-color:var(--red)}.speed-label{font:8px monospace;color:#8a9691;display:flex;gap:4px;align-items:center}.speed-label select{border:0;background:transparent;font:10px monospace;color:#384a44;padding:5px}.text-button{background:transparent;border:none;font:10px monospace;color:#577269;padding:7px;white-space:nowrap}.arena-caption{display:flex;justify-content:space-between;gap:10px;padding:12px 0;font:8px monospace;color:#89948e}.key-dot{display:inline-block;width:5px;height:5px;border-radius:50%;vertical-align:1px;margin:0 4px 0 9px}.key-dot:first-child{margin-left:0}.coral{background:#e96e54}.cyan{background:#50b5a4}.gray{background:#8992a2}.side-panel{border:1px solid var(--line);background:#f8f9f5;padding:19px 18px;min-width:0;display:flex;flex-direction:column;gap:17px}.panel-heading{display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:#7e8b81}.panel-heading span:last-child{font-size:8px;background:#e4e9df;color:#788974;padding:4px 6px}.side-panel h2{font-size:22px;letter-spacing:-.7px;margin:0}.side-panel h3{font-size:12px;margin:0 0 10px}.side-panel p{font-size:11px;color:#7b8780;line-height:1.6;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:7px;font:8px monospace;color:#7b897d;letter-spacing:.7px}.field input,.field select{width:100%;background:#fff;border:1px solid #d8dfd3;border-radius:0;padding:9px 8px;color:#263b32;font:11px monospace;height:34px}.primary{background:var(--red);border:1px solid var(--red);color:#fff;padding:12px;font-weight:bold;font-size:11px;display:flex;justify-content:space-between;align-items:center;width:100%}.primary:hover{background:#d13e25}.secondary{background:transparent;border:1px solid #ccd5c6;color:#52694f;padding:9px;font:10px monospace;width:100%;text-align:left}.secondary:hover{background:#e8ede2}.divider{height:1px;background:var(--line)}.robot-title{display:flex;align-items:center;gap:12px}.robot-icon{background:#1f3032;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#e87a62}.robot-title strong{display:block;font-size:19px;letter-spacing:-.5px}.robot-title small{display:block;font:8px monospace;color:#8b978c;margin-top:5px}.hp-line{display:flex;justify-content:space-between;font:8px monospace;color:#82917f}.hp-track{height:4px;background:#dce3d6;margin-top:8px}.hp-track i{height:4px;background:#64a76c;display:block}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.telemetry-grid span{font:8px monospace;color:#89957f;display:block;margin-bottom:5px}.telemetry-grid strong{font:19px monospace;color:#29402e}.telemetry-grid strong small{font:9px monospace;color:#91a089}.leaderboard{margin-top:3px}.leader-row{display:grid;grid-template-columns:17px 1fr 35px 36px;gap:5px;align-items:center;padding:7px 0;border-top:1px solid #e5e9df;font:9px monospace;color:#8b9885}.leader-row:first-child{color:#84937d;border-top:0;font-size:7px;padding-top:0}.leader-row b{font:10px var(--font);color:#3d503a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-row.selected b{color:var(--red)}.leader-row .dead{opacity:.45}.panel-foot{margin-top:auto;font:8px monospace;line-height:1.6;color:#96a18b}.metric-strip{display:grid;grid-template-columns:1.4fr .8fr .9fr 1.1fr;border:1px solid var(--line);margin-top:12px;background:#f6f7f1}.metric-strip>div{padding:21px 24px;border-left:1px solid var(--line)}.metric-strip>div:first-child{border-left:0}.metric-label{display:block;font:8px monospace;letter-spacing:1px;color:#8b9584;margin-bottom:9px}.metric-strip strong{display:block;font-size:25px;letter-spacing:-.8px;font-weight:600}.metric-strip small{display:block;font:9px monospace;color:#86927d;margin-top:8px}.experiment-section{padding:32px 0 30px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2{font-size:20px;letter-spacing:-.5px;margin:7px 0 0}.section-heading a{font:10px monospace;color:#6b7b61;text-decoration:none}.results-content{font-size:12px;color:#77846d}.result-table{border-collapse:collapse;width:100%;font:11px monospace}.result-table th{text-align:left;font:8px monospace;color:#8b9781;letter-spacing:.5px;padding:10px 12px;background:#e6eae0}.result-table td{border-bottom:1px solid var(--line);padding:12px;color:#506346}.result-table .highlight{color:var(--red);font-weight:bold}.result-note{padding:13px 0 0;font-size:11px;line-height:1.6;color:#829077}footer{border-top:1px solid var(--line);padding:20px 0 27px;display:flex;justify-content:space-between;gap:12px;font:8px monospace;color:#91a083;letter-spacing:.6px}footer b{color:var(--ink);margin-right:10px}footer i{margin:0 6px}footer a{text-decoration:none}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:13px 24px;box-shadow:0 5px 30px #0003;font-size:12px;z-index:20;max-width:90%;line-height:1.6}.training-overlay{position:absolute;inset:0;background:#17272bec;padding:50px 36px;color:#e9eee4}.training-overlay h2{font-size:33px;letter-spacing:-1px;margin:12px 0}.training-overlay p{color:#91a39a;font-size:12px;line-height:1.6}.training-overlay .eyebrow{color:var(--teal)}#fitness-chart{display:block;width:100%;height:50%;margin-top:20px}#training-progress{font:11px monospace;color:#a7beb0;margin-top:15px}.train-metrics{font:10px monospace;line-height:1.9;color:#6e8461}.replay-list{display:flex;flex-direction:column;gap:7px;max-height:310px;overflow:auto}.replay-item{text-align:left;background:#fff;border:1px solid #d8dfd1;padding:11px;color:#4b6342}.replay-item strong{font-size:11px;display:block}.replay-item small{font:8px monospace;color:#95a087;display:block;margin-top:5px}.replay-item.active{border-color:var(--red)}.key-row{font:10px monospace;line-height:2;color:#748867}kbd{background:#fff;border:1px solid #ced7c7;padding:3px 5px;box-shadow:0 1px #c9d4c1;color:#3b5533;font:9px monospace;white-space:nowrap}.button-row{display:flex;gap:8px}.button-row button{flex:1}.evidence-badge{padding:10px;background:#e9eee2;border-left:2px solid #92a67d;font:9px monospace;color:#6d8359;line-height:1.7}.sensor-readout{font:8px monospace;color:#779565;line-height:1.7;max-height:80px;overflow:auto}progress{width:100%;height:5px;accent-color:var(--red)}[hidden]{display:none!important}
@media(min-width:1500px){.arena-layout{grid-template-columns:minmax(0,1fr) 330px}.side-panel{padding:23px;gap:21px}.shell{padding:0 56px}}
@media(max-width:1100px){.shell{padding:0 23px}.arena-layout{grid-template-columns:minmax(0,1fr) 265px;gap:14px}.tab{padding:14px 12px}.engine-label{display:none}.side-panel{padding:15px;gap:14px}.transport-label{display:none}.arena-top #match-subtitle{display:none}.metric-strip>div{padding:18px}.metric-strip strong{font-size:23px}}
@media(max-width:760px){.shell{padding:0 14px}.masthead{height:76px}.brand{font-size:18px}.project-id{display:none}.local-status{font-size:8px}.local-status span{display:none}main{padding-top:24px}.title-row{margin-bottom:22px}.title-row p{font-size:11px;max-width:230px;line-height:1.5}h1{font-size:32px;letter-spacing:-1.5px}.build-tag{display:none}.tabs{gap:0;margin-bottom:14px;justify-content:space-between}.tab{font-size:9px;padding:12px 6px}.tab span{display:block;font-size:17px;margin:0 0 7px}.tab b{display:none}.arena-layout{grid-template-columns:1fr;gap:9px}.arena-top{height:39px;font-size:8px;padding:0 11px}.arena-top>div{gap:9px}.stage{aspect-ratio:1100/860}.side-panel{display:grid;grid-template-columns:1fr 1fr;gap:15px}.side-panel>.panel-heading,.side-panel>.panel-foot,.side-panel>.leaderboard,.side-panel>.replay-list,.side-panel>h2,.side-panel>.mode-description,.side-panel>.train-metrics,.side-panel>.evidence-badge,.side-panel>.button-row{grid-column:1/-1}.side-panel>.divider{display:none}.side-panel>.primary{align-self:end}.side-panel>.telemetry-grid{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.side-panel>.hp-wrapper{align-self:center}.arena-caption{font-size:7px;padding:9px 0;line-height:1.5}.arena-caption #status-note{max-width:40%;text-align:right}.transport{padding:0 7px;gap:5px;height:45px}.text-button{font-size:8px}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip>div{padding:17px;border-bottom:1px solid var(--line)}.metric-strip>div:nth-child(3){border-left:0}.metric-strip strong{font-size:24px}.metric-label{font-size:7px}.metric-strip small{font-size:8px}.result-table{font-size:9px}.result-table th,.result-table td{padding:10px 5px}.section-heading a{font-size:8px}.training-overlay{padding:26px 20px}.training-overlay h2{font-size:25px}.training-overlay p{font-size:10px}#fitness-chart{height:45%}footer{font-size:7px;flex-wrap:wrap}footer>span:nth-child(2){display:none}}
