/* Pasek radia pod panelem pociągu (ui/radio.js) */
#radio { position: fixed; left: 22px; top: calc(96px + var(--lt-extra, 0px)); z-index: 30; width: 330px; padding: 7px 10px 8px; display: none; flex-direction: column; gap: 4px; background: rgba(14,17,11,.88); border: 1px solid #4a4d3a; border-left: 3px solid #c9902c; box-shadow: 0 4px 14px rgba(0,0,0,.5); pointer-events: none; font-family: Bahnschrift, 'DIN Alternate', 'Segoe UI', sans-serif; }
#radio.on { display: flex; animation: rdIn .3s ease-out both; }
.rd-top { display: flex; align-items: center; gap: 7px; }
.rd-top i { width: 7px; height: 7px; border-radius: 50%; background: #e0883a; box-shadow: 0 0 6px #e0883a; animation: nlow .7s ease-in-out infinite; }
.rd-top em { font-style: normal; font-size: 9.5px; font-weight: 800; letter-spacing: .16em; color: #c9902c; }
.rd-top b { margin-left: auto; font-size: 11px; font-weight: 700; letter-spacing: .06em; color: #a8a48a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 170px; }
#radio p { margin: 0; min-height: 34px; font: 12.5px/1.4 Consolas, 'Courier New', monospace; color: #d8d2b4; text-shadow: 0 1px 2px #000; }
#radio.k-distress { border-left-color: #c0392b; } #radio.k-distress .rd-top em { color: #ee6a4a; }
#radio.k-bandit { border-left-color: #8a3a2c; } #radio.k-bandit .rd-top em { color: #d0705a; }
#radio.k-military { border-left-color: #6f8a5a; } #radio.k-military .rd-top em { color: #9fc07f; }
#radio.k-numbers p { letter-spacing: .08em; color: #b9c4a8; }
@keyframes rdIn { from { opacity: 0; transform: translateX(-16px); } to { opacity: 1; transform: none; } }