:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d6dce3;font-synthesis:none;background:#0b0e12;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0}a{color:#95bed6;text-underline-offset:3px}button,input{font:inherit}button{cursor:pointer;color:#d6dce3;background:#151b22;border:1px solid #344150;min-height:34px;padding:8px 11px;font-size:11px}button:hover{background:#222d39}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #84d7ef}header,main,footer{max-width:1680px;margin:auto}header{border-bottom:1px solid #28323e;align-items:center;gap:20px;padding:20px 24px;display:flex}h1{letter-spacing:.06em;margin:0;font-size:15px}header>span{color:#8291a4;font-size:10px}header>a{margin-left:auto;font-size:11px}main{padding:0 24px}.toolbar{justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.status{color:#a6b4c5;white-space:nowrap;font-size:11px}.controls{flex-wrap:wrap;gap:6px;display:flex}.workbench{background:#28323e;border:1px solid #28323e;grid-template-rows:repeat(2,minmax(290px,1fr));grid-template-columns:1.3fr 1fr;grid-template-areas:"environment brain""environment fly";gap:1px;height:max(580px,100svh - 280px);display:grid}.panel{background:#0c1117;min-width:0;position:relative;overflow:hidden}.environment-panel{grid-area:environment}.brain-panel{grid-area:brain}.fly-panel{grid-area:fly}.panel h2{z-index:4;background:#0f151c;border-bottom:1px solid #28323e;justify-content:space-between;height:36px;margin:0;padding:11px 13px;font-size:10px;font-weight:400;display:flex;position:absolute;inset:0 0 auto}.panel h2 span{color:#7d8c9e}.panel-bottom{z-index:4;color:#94a2b3;background:#0f151c;border-top:1px solid #28323e;justify-content:space-between;gap:10px;min-height:33px;padding:10px 12px;font-size:9px;display:flex;position:absolute;inset:auto 0 0}.three-viewport{touch-action:none;position:absolute;inset:36px 0 33px}.three-viewport canvas{width:100%;height:100%;display:block}.brain-view-controls{z-index:5;gap:5px;display:flex;position:absolute;top:44px;right:12px}.brain-view-controls button{min-height:25px;padding:4px 6px;font-size:9px}.brain-legend{z-index:5;color:#94a2b3;pointer-events:none;font-size:9px;position:absolute;bottom:43px;left:12px}.neural-load,.loading{margin:16px;font-size:11px}.loading{margin-top:64px}.environment{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:48px 24px 45px}.environment svg{width:100%;max-width:500px;max-height:75%}.environment p{margin-top:25px;font-size:12px}.environment span{color:#7f91a7;max-width:38ch;font-size:10px;line-height:1.6}.model-status{border:1px solid #28323e;border-top:0;padding:15px;font-size:11px}.model-status strong{color:#a8c4da;font-size:10px}.model-status p{color:#8e9eb2;margin:7px 0;line-height:1.5}.model-status label{align-items:center;gap:15px;padding-top:10px;font-size:10px;display:flex}.model-status input{accent-color:#95bed6;flex:1;min-width:0}details{color:#97a7ba;padding:20px 0;font-size:11px;line-height:1.8}summary{cursor:pointer;color:#c1cddd}footer{border-top:1px solid #28323e;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 24px;font-size:10px;line-height:1.7;display:flex}.error{color:#ffc3b0;border:1px solid #7d483b;padding:12px;font-size:12px}@media (width<=760px){header,footer{padding:16px}main{padding:0 12px}header>span{display:none}h1{font-size:12px}header>a{font-size:10px}.toolbar{flex-direction:column;align-items:stretch}.controls{gap:5px}.controls button{font-size:10px}.workbench{grid-template:"environment"400px"brain"310px"fly"320px/1fr;height:auto}.model-status label{gap:8px}.panel-bottom{font-size:8px}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}:root{--accent:#84d7ef;--line:#28323e;--dim:#8291a4}.warn{color:#ffd9a8;border:1px solid #6d5a34;margin:0 0 10px;padding:10px 12px;font-size:11px}.select,.check{color:#a6b4c5;align-items:center;gap:6px;padding:0 4px;font-size:10px;display:flex}.select select{font:inherit;color:#d6dce3;background:#151b22;border:1px solid #344150;min-height:34px;padding:6px;font-size:10px}.check input{accent-color:var(--accent)}.ttt-board{background:var(--line);border:1px solid var(--line);grid-template-rows:repeat(3,84px);grid-template-columns:repeat(3,84px);gap:3px;width:max-content;display:grid;position:absolute;inset:44px 0 auto 50%;transform:translate(-50%)}.ttt-cell{color:#5d6c7e;background:#10161d;border:0;justify-content:center;align-items:center;min-height:0;padding:0;font-size:34px;line-height:1;transition:background .12s;display:flex}.ttt-cell:not(:disabled):hover{background:#1a2430}.ttt-cell:disabled{cursor:default;opacity:1}.ttt-cell.mark-X{color:#9fd3ea}.ttt-cell.mark-O{color:#e8b98a}.ttt-cell.last{box-shadow:inset 0 0 0 1px #3d5568}.ttt-cell.won{background:#172a2f}.channels{flex-direction:column;gap:6px;padding:0 16px;display:flex;position:absolute;inset:auto 0 45px}.channel-group{align-items:center;gap:8px;display:flex}.channel-label{color:var(--dim);text-align:right;flex:none;width:42px;font-size:9px}.channel-row{flex:1;grid-template-columns:repeat(9,1fr);gap:2px;min-width:0;display:grid}.channel{text-align:center;color:#5d6c7e;text-overflow:ellipsis;background:#10161d;border:1px solid #1d262f;padding:3px 1px;font-size:8px;overflow:hidden}.channel.on{color:#bfe8f5;background:#1d3a44;border-color:#2f5b68}.decision-panel{border:1px solid var(--line);border-top:0;min-height:0;padding:36px 15px 15px;position:relative;overflow:visible}.decision{grid-template-columns:1.4fr 1fr;gap:22px;display:grid}.decision-block h3{color:#a8c4da;gap:8px;margin:0 0 9px;font-size:10px;font-weight:400;display:flex}.decision-block h3 span{color:#7d8c9e}.bars{grid-template-columns:repeat(2,1fr);gap:2px 16px;display:grid}.bar-row{align-items:center;gap:7px;font-size:9px;display:flex}.bar-name{color:#8e9eb2;text-overflow:ellipsis;white-space:nowrap;flex:none;width:62px;overflow:hidden}.bar-track{background:#10161d;border:1px solid #1d262f;flex:1;min-width:0;height:9px;position:relative}.bar-track:before{content:"";background:#2b3745;width:1px;position:absolute;top:0;bottom:0;left:50%}.bar-fill{background:var(--accent);opacity:.8;position:absolute;top:0;bottom:0}.bar-fill.neg{background:#e8a77a}.score-grid{grid-template-columns:repeat(3,1fr);gap:3px;max-width:210px;display:grid}.score-cell{color:#cfe6f0;background:#10161d;border:1px solid #1d262f;justify-content:center;align-items:center;height:42px;font-size:11px;display:flex}.score-cell.masked{color:#3f4c5a}.score-cell.chosen{border-color:var(--accent);color:#fff}.train{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding-top:14px;display:flex}.train-status{color:#8e9eb2;font-size:10px}.train-bar{background:#10161d;border:1px solid #1d262f;flex:1;min-width:90px;height:4px}.train-bar span{background:var(--accent);height:100%;display:block}@media (width<=760px){.decision{grid-template-columns:1fr;gap:16px}.bars{grid-template-columns:1fr}.ttt-board{grid-template-rows:repeat(3,62px);grid-template-columns:repeat(3,62px)}.ttt-cell{font-size:26px}.channel{font-size:7px}.channel-label{width:34px}}