:root{color-scheme:dark;font:16px Arial,Helvetica,sans-serif;color:#e4edf2;background:#0b1319}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1480px;margin:auto}header{display:flex;gap:28px;align-items:center;padding:24px 28px 20px;border-bottom:1px solid #283b47}h1{font-size:23px;letter-spacing:.4px;margin:0}h2{font-size:16px;margin:0 0 13px;font-weight:500;color:#b9cdd8}.controls,.transport{display:flex;gap:10px;align-items:center;flex-wrap:wrap}button,select,.upload{font:inherit;font-size:14px;border:1px solid #354c5b;border-radius:6px;color:#e4edf2;background:#182933;padding:11px 14px;cursor:pointer;white-space:nowrap}button:hover:not(:disabled),.upload:hover{border-color:#8bb9ca;background:#263c49}button:focus-visible,select:focus-visible,.upload:focus-within,a:focus-visible{outline:2px solid #f0c264;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.upload{position:relative;border-color:#6296ae;color:#cdeafa;background:#173a4b}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.primary{background:#43829b;border-color:#43829b;color:white}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:18px 28px}.transport{grid-column:1/-1;position:relative;min-height:42px}#status{font-size:14px;color:#94aebb;margin-left:5px}#progress{position:absolute;bottom:-9px;left:0;right:0}progress{appearance:none;width:100%;height:4px;border:0;background:#263a47;display:block}progress::-webkit-progress-bar{background:#263a47}progress::-webkit-progress-value{background:#e8b859}progress[hidden]{display:none}.experiment{background:#111b21;border:1px solid #263b48;border-radius:9px;overflow:hidden;align-self:start}.screenrow{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:16px 16px 0}figure{margin:0}figure canvas{display:block;width:100%;height:auto;max-height:230px;object-fit:contain;background:#0b1319;border:1px solid #40535f}figcaption{font-size:14px;color:#bacbd4;padding:9px 0 0}.arena{height:380px;position:relative}#body{width:100%;height:100%;display:block}.close{position:absolute;bottom:14px;right:14px;width:170px;height:165px;border:1px solid #3c515d;border-radius:7px;overflow:hidden}.close canvas{width:100%;height:100%}.close span{position:absolute;bottom:8px;left:10px;color:#f0c264;font-size:22px}.time{display:flex;gap:20px;padding:15px 18px;border-top:1px solid #263b48;justify-content:space-between}.time span{display:block;font-size:14px;color:#96adbc;margin-bottom:7px}.time strong{font-weight:500;font-size:19px;font-variant-numeric:tabular-nums}aside section{margin-bottom:24px}#brain{width:100%;height:auto;display:block;background:#111b21}#retina{width:100%;height:auto;image-rendering:pixelated;border:1px solid #354c5b}#trace{width:100%;height:auto}.legend{height:7px;margin:12px 0 5px;background:linear-gradient(90deg,#42aaff,#1b2730,#ffca42)}.ticks{display:flex;justify-content:space-between;font-size:12px;color:#a8bac5}footer{display:flex;justify-content:space-between;align-items:center;padding:8px 28px 25px;color:#7e97a7;font-size:13px;gap:20px}footer>div{display:flex;align-items:center;gap:20px}footer button{font-size:13px;padding:7px 10px;background:transparent}a{color:#9cc8dc}#validation{overflow-wrap:anywhere}@media(max-width:1050px){header{align-items:flex-start;gap:20px}main{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.arena{height:350px}.close{width:130px;height:140px}header,main,footer{padding-left:18px;padding-right:18px}.time strong{font-size:16px}}@media(max-width:700px){header{display:block;padding:18px 14px}h1{margin-bottom:16px}.controls{gap:8px}.controls .upload{flex:1}.controls button,.controls select{flex:1}button,select,.upload{padding:10px;font-size:14px}main{display:block;padding:14px}.transport{margin-bottom:22px;gap:8px}#status{width:100%;margin:3px 0}.screenrow{padding:10px 10px 0;gap:10px}.arena{height:350px}.close{width:115px;height:120px}.time{padding:14px 10px;gap:10px}.time strong{font-size:15px}.time span{font-size:13px}aside{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}aside section:last-child{grid-column:1/-1}aside section:last-child canvas{max-height:100px}footer{padding:5px 14px 20px;flex-wrap:wrap}}