/* ─── LKMMPD SCROLLING TEXT ─── */
.binary-pipe {
    position: relative;
    width: 100%;
    height: 60px;
    background: linear-gradient(90deg, #064fbd, #f9d347);
    overflow: hidden;
}
.binary-stream {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 3px;
    will-change: transform;
}
.binary-stream .lkm { color: #ffffff; }
.binary-stream .year { color: #ffffff; }
.binary-stream.anim {
    animation: lkmmpdScroll 120s linear infinite;
}
@keyframes lkmmpdScroll {
    0% { transform: translateY(-50%) translateX(0); }
    100% { transform: translateY(-50%) translateX(-50%); }
}

/* ─── MOBILE ─── */
@media (max-width: 768px) {
    .circuit-board { height: auto; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 20px 16px; }
    .traces-layer { display: none; }
    .power-core { position: relative; top: auto; left: auto; transform: none; margin-bottom: 8px; }
    .core-ring { display: none; }
    .node-card { position: relative; width: 100%; max-width: 300px; opacity: 1 !important; transform: none !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; pointer-events: auto; }
    .circuit-board.is-live .node-card { opacity: 1; transform: none; }
    .node-dot { display: none; }
    .status-bar { position: relative; bottom: auto; left: auto; transform: none; margin-top: 8px; }