.mg-screen{position:fixed;inset:0;display:flex;flex-direction:column;background:#05060f;color:#d7faf0;font-family:var(--font-hud-mono,monospace)}.mg-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid rgba(0,255,200,.15);background:rgba(5,6,15,.9);backdrop-filter:blur(6px);z-index:2}.mg-logo{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(0,255,200,.5);border-radius:50%;color:#00ffc8;box-shadow:0 0 14px rgba(0,255,200,.35)}.mg-titlewrap{margin-right:auto}.mg-title{font-family:var(--font-hud-display,sans-serif);letter-spacing:.14em;font-size:13px;color:#00ffc8}.mg-sub{font-size:10px;color:rgba(150,200,190,.6)}.mg-stats{display:flex;gap:14px;font-size:11px;color:rgba(170,210,200,.75)}.mg-stats b{color:#00ffc8;font-size:13px}.mg-connect{border:1px solid rgba(0,255,200,.4);background:rgba(0,255,200,.1);color:#aef5e6;padding:8px 14px;border-radius:9px;font-size:12px;font-family:inherit;cursor:pointer;transition:background .15s ease}.mg-connect:hover{background:rgba(0,255,200,.2)}.mg-connect:disabled{opacity:.5;cursor:not-allowed}.mg-canvas-wrap{position:relative;flex:1;min-height:0}.mg-canvas-wrap canvas{display:block;width:100%;height:100%;cursor:crosshair}.mg-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:rgba(200,235,225,.75);font-size:13px;line-height:1.6;pointer-events:none}.mg-overlay p{max-width:520px}.mg-err{color:#ffc9c9}.mg-legend{position:absolute;left:14px;bottom:14px;display:flex;flex-wrap:wrap;gap:10px;background:rgba(5,6,15,.7);border:1px solid rgba(0,255,200,.15);border-radius:10px;padding:8px 10px}.mg-legend-item{display:flex;align-items:center;gap:6px;font-size:10px;color:rgba(200,235,225,.8)}.mg-legend-item i{width:10px;height:10px;border-radius:50%;display:inline-block}.mg-hint{padding:8px 16px;font-size:10px;color:rgba(150,200,190,.55);border-top:1px solid rgba(0,255,200,.12);text-align:center}