:root{--amb:#FFA028;--grn:#3FD13F;--red:#FF3B3B;--wht:#FFFFFF;--gry:#9A9A9A;--red-bar:#8E1010;--blue:#1F5FBF;--navy:#151560;--tab:#5A5A5A;--panel:#2a2a2a}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:#000;color:var(--wht);font-family:'Roboto Condensed','Arial Narrow',sans-serif;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.35;overflow:hidden;display:flex;flex-direction:column}
.a{color:var(--amb)}.g{color:var(--grn)}.r{color:var(--red)}.w{color:#fff}.d{color:var(--gry)}.n{color:#fff;margin-right:4px}
.keys{display:flex;gap:3px;padding:4px 6px;background:#1a1a1a;border-bottom:1px solid #333;align-items:center}
.k{padding:2px 7px;font-size:11px;color:#111;background:#c8c8c8;min-width:34px;text-align:center;cursor:pointer;user-select:none}
.k.go{background:#37c437}.k.y{background:#f2c319}.k.y.on{background:var(--amb);outline:1px solid #fff}.k.rd{background:#e03030;color:#fff}.k.bl{background:#3b8be8;color:#fff}
.cmd{flex:1;background:#000;border:1px solid #444;color:var(--amb);padding:2px 6px;font:inherit;font-size:12px;margin-left:8px;outline:none;caret-color:var(--amb)}
.cmd::placeholder{color:#555}
.top{display:flex;justify-content:space-between;background:var(--red-bar);padding:1px 6px;align-items:center}
.top .l{display:flex;gap:14px}.top .r{display:flex;gap:10px;font-size:12px}
.tick{display:flex;gap:14px;padding:2px 6px;background:#000;border-bottom:1px solid #222;min-height:22px;white-space:nowrap;overflow:hidden}
.tick .big{font-size:15px}
.amb-bar{background:var(--amb);color:#000;display:flex;justify-content:space-between;padding:1px 6px}
.amb-bar .seg{display:flex;gap:18px}.amb-bar .redseg{background:var(--red-bar);color:#fff;padding:0 10px;margin:-1px 0}
.tabs{display:flex;gap:2px;padding:2px 6px 0;background:#000}
.tabs div{padding:1px 10px;background:var(--tab);color:#fff;font-size:12px;cursor:pointer}.tabs div.on{background:var(--blue)}
.screen{flex:1;display:flex;flex-direction:column;min-height:0}
.grid{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;padding:2px;background:#000;overflow:hidden;min-height:0}
.pnl{background:#000;border:1px solid var(--panel);display:flex;flex-direction:column;min-height:0;overflow:hidden}
.ph{background:var(--panel);color:var(--amb);padding:1px 6px;display:flex;justify-content:space-between;flex-shrink:0}
table{width:100%;border-collapse:collapse}th{color:#fff;text-align:right;font-weight:700;padding:1px 5px;background:#1c1c1c;font-size:12px}th:first-child,td:first-child{text-align:left}
td{padding:0 5px;text-align:right;white-space:nowrap}td:first-child{color:var(--amb)}
tr:nth-child(even) td{background:#0b0b0b}
tr.hl td{background:#1b1b00!important}
tr.click{cursor:pointer}tr.click:hover td{background:#132a4a!important}
td.flash-up{background:#0f3a0f!important}td.flash-dn{background:#3a0f0f!important}
.chart{position:relative;flex:1;min-height:0;background:#000}
.bot{background:var(--navy);padding:2px 6px;display:flex;gap:16px;font-size:12px;color:var(--amb);min-height:20px;white-space:nowrap;overflow:hidden}
.bot .w{color:#fff}
.stat{background:#000;color:#bbb;font-size:11px;padding:1px 6px;display:flex;justify-content:space-between;font-weight:400}
.kv{display:grid;grid-template-columns:auto 1fr;gap:0 10px;padding:2px 6px}.kv span:nth-child(odd){color:var(--amb)}.kv span:nth-child(even){text-align:right}
.kv.row{grid-template-columns:repeat(8,auto);justify-content:start;gap:0 16px}
.tf{display:flex;gap:1px;padding:2px 6px;background:#000;align-items:center;flex-shrink:0}.tf div{padding:0 8px;background:#333;font-size:12px;cursor:pointer}.tf div.on{background:var(--blue)}.tf .tools{margin-left:14px;background:#000;color:var(--amb);cursor:default}
.wirp td{text-align:center}.wirp td:first-child{text-align:left}.wirp td.p{background:#1a3d1a;color:var(--grn)}.wirp td.q{background:#3d1a1a;color:var(--red)}.wirp td.h{background:#2a2a10;color:#fff}
.bars div{display:flex;align-items:center;gap:6px;padding:1px 6px}.bars i{display:block;height:9px}.bars b{width:80px;color:var(--amb);font-weight:700}
.legend{position:absolute;left:60px;top:10px;background:#0a0a0acc;border:1px solid #444;padding:4px 8px;font-size:11px;z-index:5;display:grid;grid-template-columns:auto auto;gap:0 14px;pointer-events:none}
.legend span:nth-child(even){text-align:right;color:#fff}.legend span:nth-child(odd){color:#bbb}.legend .t{color:#fff}
.gp{flex:1;display:flex;min-height:0}
.gp .side{width:200px;border-left:1px solid var(--panel);display:flex;flex-direction:column;flex-shrink:0}
.src{position:absolute;right:70px;bottom:24px;font-size:10px;color:#777;font-weight:400;z-index:5;pointer-events:none}
.err{color:var(--red);padding:4px 6px;font-weight:400}
.form{padding:6px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;max-width:420px}
.form label{color:var(--amb);align-self:center}.form input{background:var(--amb);color:#000;border:0;font:inherit;padding:1px 6px;width:120px}
.form button{grid-column:2;justify-self:start;background:#37c437;border:0;font:inherit;padding:2px 12px;cursor:pointer}
.help{padding:10px 14px;font-weight:400;line-height:1.7;color:#ddd}.help b{color:var(--amb)}
.loading{color:#777;padding:6px;font-weight:400}