/* CORTEX TELEMETRY OVERLAY — DESKTOP ONLY, decorative/read-only */
@media (min-width: 701px){
  #mkCortexTelemetry{
    position:fixed;right:48px;top:52px;z-index:890;width:min(310px,25vw);
    box-sizing:border-box;padding:11px 13px 10px;border:1px solid rgba(66,232,255,.30);
    border-radius:10px;background:linear-gradient(135deg,rgba(1,12,17,.64),rgba(2,7,10,.42));
    box-shadow:0 0 24px rgba(66,232,255,.07),inset 0 0 22px rgba(185,255,61,.025);
    backdrop-filter:blur(5px);color:#dffaff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
    pointer-events:none!important;user-select:none;opacity:.84;overflow:hidden
  }
  #mkCortexTelemetry::before{content:"";position:absolute;left:-35%;top:0;width:32%;height:100%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(66,232,255,.07),transparent);animation:mkCxSweep 8s linear infinite}
  @keyframes mkCxSweep{to{left:115%}}
  .mk-cx-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;margin-bottom:7px;border-bottom:1px solid rgba(66,232,255,.16);font-size:10px;font-weight:900;letter-spacing:.16em;color:#42e8ff}
  .mk-cx-head i{width:6px;height:6px;border-radius:50%;background:#b9ff3d;box-shadow:0 0 8px #b9ff3d}
  .mk-cx-track{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d8ff74;font-size:12px;font-weight:900;margin-bottom:3px;text-shadow:0 0 8px rgba(185,255,61,.12)}
  .mk-cx-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(238,247,250,.88);font-size:10px;margin-bottom:8px}
  .mk-cx-grid{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:9px;letter-spacing:.08em;color:rgba(220,242,246,.67)}
  .mk-cx-grid b{color:#b9ff3d;font-weight:800}
  .mk-cx-line{margin-top:8px;padding-top:7px;border-top:1px solid rgba(66,232,255,.12);font-size:9px;line-height:1.35;color:rgba(194,242,250,.78)}
  .mk-cx-line strong{color:#42e8ff}
  #mkCortexTelemetry.mk-cx-change{animation:mkCxChange .65s ease-out}
  @keyframes mkCxChange{0%{filter:brightness(2);transform:translateY(-1px)}100%{filter:none;transform:none}}
}
@media (max-width:700px){#mkCortexTelemetry{display:none!important}}
@media (prefers-reduced-motion:reduce){#mkCortexTelemetry::before,#mkCortexTelemetry.mk-cx-change{animation:none!important}}

/* V4 alien telemetry crawl — contained entirely inside desktop overlay */
@media (min-width:701px){
  .mk-cx-scroll{position:relative;margin:7px -13px -10px;padding:6px 0 7px;overflow:hidden;border-top:1px solid rgba(185,255,61,.12);background:rgba(0,8,11,.26);white-space:nowrap}
  .mk-cx-scroll::before,.mk-cx-scroll::after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:24px;pointer-events:none}
  .mk-cx-scroll::before{left:0;background:linear-gradient(90deg,rgba(1,10,14,.96),transparent)}
  .mk-cx-scroll::after{right:0;background:linear-gradient(270deg,rgba(1,10,14,.96),transparent)}
  .mk-cx-scroll-track{display:inline-block;min-width:max-content;padding-left:100%;font-size:8px;font-weight:800;letter-spacing:.12em;color:rgba(185,255,61,.82);text-shadow:0 0 7px rgba(185,255,61,.14);animation:mkCxTicker 34s linear infinite}
  @keyframes mkCxTicker{from{transform:translateX(0)}to{transform:translateX(-100%)}}
}
@media (prefers-reduced-motion:reduce){.mk-cx-scroll-track{animation:none!important;padding-left:13px!important}}