:root{color-scheme:dark;--bg:#070d0d;--panel:#0b1414;--line:#243130;--text:#eef4e9;--muted:#7d8985;--cyan:#5ee3dc;--red:#ff4b4f;--lime:#d9ff9d}*{box-sizing:border-box}html,body{height:100%;margin:0;background:#050909;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow:hidden}body{padding:9px}.shell{height:calc(100vh - 18px);min-height:560px;display:grid;grid-template-rows:70px minmax(0,1fr) 53px;background:var(--bg);border:1px solid #1c2726;box-shadow:0 20px 70px #0008;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px;border-bottom:1px solid #172120;background:linear-gradient(180deg,#0a1111,#07100f)}h1{font-size:17px;line-height:1;margin:0 0 7px;font-weight:760;letter-spacing:-.04em}h1 span{color:#7d8985;font-size:13px;font-weight:520;letter-spacing:-.01em}.topbar p{margin:0;color:#6b7773;font:10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}.counter{width:315px;border-left:1px solid #1c2927;padding-left:18px;display:grid}.counter span,.eyebrow{font:9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:#66736f}.counter strong{font-size:16px;letter-spacing:-.03em;margin:2px 0}.counter small{color:#616c69;font-size:9px}.workspace{min-height:0;display:grid;grid-template-columns:minmax(0,2.35fr) minmax(300px,1fr)}.arena-wrap{position:relative;min-width:0;background:#0d1717;border-right:1px solid #1b2826;overflow:hidden}.brain-panel{position:relative;min-width:0;background:#08100f;overflow:hidden}.arena-wrap canvas,.brain-panel canvas{position:absolute;inset:0;width:100%;height:100%}.arena-tag{position:absolute;left:16px;bottom:13px;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:#63716d}.hint{position:absolute;right:18px;bottom:12px;color:#4c5956;font-size:10px;opacity:0;transition:opacity .2s}.arena-wrap:hover .hint{opacity:1}.brain-caption{position:absolute;left:16px;right:16px;bottom:12px;display:flex;justify-content:space-between;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#6f7b78;letter-spacing:.08em}.brain-caption #stateLabel{color:var(--lime)}.transport{display:grid;grid-template-columns:auto 34px minmax(100px,1fr) 34px auto;gap:10px;align-items:center;padding:0 12px;border-top:1px solid #192422;background:#080e0e;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.transport button{border:1px solid #273330;background:#111a19;color:#adb7b2;height:27px;padding:0 10px;border-radius:2px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer}.transport button:hover,.transport button:focus-visible{border-color:#60706c;color:#f0f5ef;outline:none}.transport .primary{background:var(--lime);border-color:var(--lime);color:#0a110e;font-weight:800}.transport time{color:#75817d}.actions{display:flex;gap:6px}.scrub{display:flex;align-items:center}.scrub input{width:100%;appearance:none;height:2px;background:linear-gradient(90deg,var(--lime) 0%,var(--lime) var(--p,0%),#33403d var(--p,0%),#33403d 100%);outline:none}.scrub input::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px #d9ff9d24}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{max-width:470px;border:1px solid #33423e;background:#0a1211;color:var(--text);padding:34px;box-shadow:0 24px 90px #000b}dialog::backdrop{background:#020505c9;backdrop-filter:blur(4px)}dialog h2{font-size:27px;letter-spacing:-.05em;margin:8px 0 16px}dialog p{color:#a2ada8;line-height:1.55;font-size:15px}.close{position:absolute;right:12px;top:10px;width:30px;height:30px;border:0;background:transparent;color:#87928e;font-size:23px;cursor:pointer}@media(max-width:850px){body{padding:0}.shell{height:100vh;border:0;min-height:640px;grid-template-rows:64px minmax(0,1fr) auto}.workspace{grid-template-columns:1fr;grid-template-rows:minmax(360px,1.7fr) minmax(180px,1fr)}.arena-wrap{border-right:0;border-bottom:1px solid #1b2826}.topbar{padding:0 12px}.counter{width:auto}.counter small{display:none}.transport{grid-template-columns:auto 30px 1fr 30px;padding:9px;gap:7px}.actions{grid-column:1/-1;justify-content:space-between}.actions button{flex:1}.hint{display:none}}@media(max-width:520px){.counter span{display:none}.counter strong{font-size:12px}.actions #about{display:none}.transport button{padding:0 6px}.workspace{grid-template-rows:minmax(350px,1.6fr) minmax(170px,1fr)}}