:root{color-scheme:dark;font-family:Inter,'Segoe UI','Microsoft YaHei',sans-serif;color:#e1e9e2;background:#0c1210;--green:#bcf685;--muted:#81968b;--line:#29392f;--panel:#121c17}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,label{touch-action:manipulation}button{cursor:pointer;color:#dce8df;background:#1c2a22;border:1px solid #3a5140;border-radius:5px;padding:10px 14px;font-size:12px}button:hover{border-color:var(--green);color:var(--green)}button:disabled{opacity:.4;cursor:wait}.primary{background:var(--green);color:#132010;border-color:var(--green);font-weight:650}.primary:hover{color:#132010;background:#d8ffb8}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:20px}.brand{letter-spacing:5px;font-size:19px;display:flex;align-items:center;gap:14px}.brand b{font:italic 43px Georgia;color:var(--green);letter-spacing:-5px}.brand small{display:block;font:7px monospace;letter-spacing:2px;color:var(--muted);margin-top:6px}nav{display:flex;gap:24px;font-size:11px;color:var(--muted)}nav .selected{color:var(--green)}.badge{font:9px monospace;color:#a9c6b4;letter-spacing:1px}.badge i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:7px}main{max-width:1500px;padding:28px 30px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;gap:20px}.eyebrow{font:9px monospace;letter-spacing:2px;color:var(--green)}h1{font-size:30px;font-weight:500;margin:11px 0;letter-spacing:1px}h1 span{color:var(--green)}.intro p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.scope{max-width:285px;text-align:right;font-size:10px;line-height:1.9;color:var(--muted)}.scope strong{display:block;color:#c3d6c9;font-weight:400}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line);gap:10px}.panel-head h2{font-size:12px;font-weight:500;margin:0}.panel-head span{font:9px monospace;color:var(--muted)}.toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:13px 16px;border-bottom:1px solid var(--line)}.toolbar button{font-size:11px;padding:9px 12px}.toolbar .primary{margin-right:3px}.game-wrap{position:relative;background:#0c1612}#game{display:block;width:100%;aspect-ratio:1200/460}.overlay{position:absolute;left:22px;top:18px;display:flex;align-items:center;gap:9px;font:9px monospace;color:#90a99a}.overlay b{color:var(--green);font-weight:400}.game-foot{display:flex;justify-content:space-between;padding:13px 18px;border-top:1px solid var(--line);gap:14px;font-size:10px;color:var(--muted)}.body-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 20px;gap:12px;border-top:1px solid var(--line)}.body-stats small{display:block;font-size:9px;color:var(--muted);margin-bottom:8px}.body-stats b{font:19px monospace;color:#d9e7dc}.body-stats b em{font:9px monospace;font-style:normal;color:var(--muted)}.touch{display:none;gap:10px;padding:12px 16px}.touch button{flex:1;user-select:none}.brain-top{padding:17px 19px 0}.brain-top>div{display:flex;justify-content:space-between;align-items:baseline}.brain-top b{font:27px monospace;color:var(--green)}.brain-top small{font-size:9px;color:var(--muted)}.brain-top p{font-size:10px;color:var(--muted);line-height:1.6}#network{width:100%;height:132px;display:block}.signal-row{padding:0 18px 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.signal-row div{font:8px monospace;color:var(--muted)}.signal-row b{display:block;height:3px;margin-top:7px;background:#293b30}.signal-row b.active{background:var(--green)}.mini-title{font:8px monospace;letter-spacing:1px;color:var(--muted);padding:11px 18px 0;border-top:1px solid var(--line)}#raster{width:100%;height:80px;display:block}#voltage{width:100%;height:53px;display:block}.brain-caption{padding:4px 18px 15px;color:var(--muted);font-size:9px;line-height:1.7;margin:0}.lower{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px}.training-content{padding:20px}.training-intro{display:flex;justify-content:space-between;align-items:center;gap:15px}.training-intro p{font-size:11px;color:var(--muted);line-height:1.8;margin:0;max-width:390px}.training-intro button{white-space:nowrap}.training-progress{margin:18px 0 10px;display:flex;justify-content:space-between;font:10px monospace;color:var(--muted)}progress{appearance:none;width:100%;height:4px;border:0;display:block}progress::-webkit-progress-bar{background:#28392e}progress::-webkit-progress-value{background:var(--green)}.training-metrics{display:flex;gap:32px;margin:18px 0}.training-metrics small{font-size:9px;color:var(--muted);display:block;margin-bottom:7px}.training-metrics b{font:17px monospace;color:#d9e7dc}#loss{width:100%;height:75px;display:block;border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:10px;margin-top:8px}td,th{text-align:left;padding:11px 4px;border-bottom:1px solid #25372b;font-weight:400}th{font-size:9px;color:var(--muted)}td.good{color:var(--green)}.note{font-size:10px;line-height:1.9;color:var(--muted);margin:14px 0 0}.record-content{padding:20px}.record-content p{font-size:11px;color:var(--muted);line-height:1.8;margin:0 0 15px}.record-actions{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.record-actions button,.file{font-size:10px;padding:9px 12px}.file{border:1px solid #3a5140;border-radius:5px;cursor:pointer}.chain-box{padding:16px 0;border-top:1px solid var(--line);margin-top:18px}.chain-box h3{font-size:12px;font-weight:400;margin:0 0 10px}.chain-box small{font-size:9px;color:var(--muted);line-height:1.8;display:block}.chain-box button{font-size:10px;margin:12px 8px 0 0}code{font:9px monospace;color:#a9c9b4;overflow-wrap:anywhere}.source{margin-top:16px;padding:18px 20px;font-size:11px;color:var(--muted)}summary{cursor:pointer;color:#c7d6cc}.source p,.source li{font-size:11px;line-height:1.9}.source a{text-decoration:underline;text-underline-offset:3px;color:#b6d09e}.source ul{padding-left:20px}footer{display:flex;justify-content:space-between;font:8px monospace;color:#6d8777;padding:24px 0 0;gap:12px}#status{min-height:20px;font-size:11px;line-height:1.8;color:#c9dfb7;margin-top:12px}#error{color:#f4bfa2;font-size:12px;line-height:1.8;margin:14px 0}#live-status{max-width:70%}[hidden]{display:none!important}@media(max-width:1100px){main{padding:24px 20px}.workspace{grid-template-columns:minmax(0,1fr) 250px}.toolbar button{padding:8px}.badge{display:none}.scope{display:none}.lower{grid-template-columns:1.2fr 1fr}.training-intro{align-items:flex-start;flex-direction:column}.body-stats b{font-size:16px}}@media(max-width:800px){header{padding:0 18px}nav{gap:15px;font-size:10px}.workspace,.lower{grid-template-columns:1fr}.neural{display:grid;grid-template-columns:1fr 1fr}.neural>.panel-head{grid-column:1/-1}.brain-top{grid-column:1}.neural-visual{grid-column:1;grid-row:3/7}.neural>.mini-title,.neural>#raster,.neural>#voltage,.neural>.brain-caption{grid-column:2}#network{height:110px}.brain-top{grid-row:2}.neural>.mini-title:first-of-type{grid-row:2}.touch{display:flex}h1{font-size:26px}.training-intro{flex-direction:row}.game-foot{font-size:9px}}@media(max-width:500px){main{padding:22px 12px}header{height:67px}.brand{font-size:15px;letter-spacing:3px}.brand b{font-size:34px}.brand small{font-size:6px}.intro p{font-size:11px}nav a:last-child{display:none}.intro{margin-bottom:18px}h1{font-size:25px}.toolbar{padding:10px;gap:6px}.toolbar button{flex:1 0 28%;white-space:nowrap}.toolbar .primary{flex:1 0 45%;margin:0}#game{aspect-ratio:800/440}.body-stats{padding:15px 12px;gap:8px}.body-stats b{font-size:14px}.body-stats small{font-size:8px}.overlay{left:12px;top:12px;font-size:8px}.game-foot{padding:12px;line-height:1.7}.panel-head{padding:15px}.training-content,.record-content{padding:16px}.training-intro{flex-direction:column}.brain-top{padding:16px 13px 0}.brain-top b{font-size:22px}.brain-top small{font-size:8px}.signal-row{padding:0 12px 12px}.brain-caption{font-size:8px}.training-metrics{gap:24px}footer{flex-wrap:wrap}}