/* MAGIC PTT SL DESKTOP · the live scope in the middle of the command desk (desk-scope.js, 2026-11-07). */
.sld-scope { display: none; }
body.sld.sld-scope-on .sld-scope {
  display: block; position: relative; width: 100%; flex: 1 1 auto; min-height: 320px;
  background: radial-gradient(60% 70% at 50% 50%, #08181a 0%, #040308 75%); border-radius: 16px; overflow: hidden;
}
body.sld.sld-scope-on .sl-stage { display: none !important; }
body.sld.sld-scope-on .sld-centre { padding-top: 10px; gap: 10px; }
body.sld.sld-scope-on .slv-chips, body.sld.sld-scope-on .slv-talk, body.sld.sld-scope-on .slv-foot,
body.sld.sld-scope-on .slv-gd-tiles, body.sld.sld-scope-on.sl-grid-down .slv-gd-key { width: min(100%, 900px) !important; }
.sld-scope__cv, .sld-scope__mesh { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.sld-scope__mesh { pointer-events: none; }
.sld-scope__hud { position: absolute; left: 18px; top: 14px; z-index: 2; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.12em; color: #8a8174; line-height: 1.7; pointer-events: none; }
.sld-scope__hud b { color: var(--sl); font-weight: 700; }
.sld-scope__note {
  position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 2; padding: 8px 14px; border-radius: 6px;
  border: 1px solid rgba(var(--sl-rgb), 0.35); background: rgba(4, 3, 8, 0.85); font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.1em; color: var(--sl); white-space: nowrap;
}
.sld-scope__note { pointer-events: none; }
.sld-scope__note[hidden] { display: none; }
/* NO GRID: the scope goes amber with the rest of the desk (the engine reads --sl-rgb) */