@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;800&display=swap'); :root { --matrix-bg: #06090e; --matrix-card: #0d121a; --matrix-border: rgba(0,240,255,0.18); --matrix-glow: #00f0ff; --matrix-bid: #00e676; --matrix-ask: #ff1744; } * { font-family: 'JetBrains Mono', monospace !important; -webkit-font-smoothing: antialiased; } .apex-perf-contain { contain: strict; will-change: contents; } .apex-subpixel-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 4px; } .apex-grid{display:grid;grid-template-columns:320px 1fr 340px;height:100%;width:100%;contain:strict;} .panel{background:var(--panel);border:1px solid var(--border);display:flex;flex-direction:column;position:relative;overflow:hidden;} .p-hdr{height:28px;background:#0d131f;border-bottom:1px solid var(--border);padding:0 8px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:space-between;color:var(--accent);letter-spacing:0.5px;} .canvas-container{flex:1;position:relative;width:100%;height:100%;contain:strict;} canvas.gpu-layer{position:absolute;top:0;left:0;width:100%;height:100%;image-rendering:pixelated;} .radar-bar{height:6px;background:#1e293b;border-radius:3px;overflow:hidden;margin:4px 8px;display:flex;} .radar-fill-bid{background:var(--bid);height:100%;transition:width 80ms ease-out;} .radar-fill-ask{background:var(--ask);height:100%;transition:width 80ms ease-out;}
MIAVAGH-X7 // TITAN APEX
DESK APEX
SUPER-DOM LADDER
OBI RADAR & FLOW
RTT: --ms | 120FPS
ORDER BOOK L2 (TOP 20)
SPR: --
MICRO-PRICE & VWAP STREAM
ACTIVE
EXECUTION APEX & RADAR
FLAT
SUPER-DOM LADDER // TICK-ACCURATE VaP
CENTER
INSTITUTIONAL ONE-CLICK BRACKET
VOL: --
BUY MKT
SELL MKT
CANCEL ALL & FLATTEN
ORDER BOOK IMBALANCE (OBI) & LIQUIDITY HEATMAP
DELTA: 0.00
EXECUTION AUDIT & TELEMETRY LOG
BUFFER: OK
function updateLogPauseBadge(wrap, count) { if (!wrap) return; const isOver = count >= 64; wrap.setAttribute('data-paused-text', isOver ? `[OVERFLOW: +${count}]` : `[PAUSED: +${count}]`); if (isOver && !wrap.classList.contains('stream-overflow')) wrap.classList.add('stream-overflow'); } if (typeof logContainer !== 'undefined' && logContainer) { logContainer.style.position = 'relative'; logContainer.addEventListener('mouseenter', () => updateLogPauseBadge(logContainer, 0)); }