.theme-tube .visual-tube { display: block; }
.theme-tube .tube-radio { width: 450px; height: 250px; margin: 24px auto 0; position: relative; background: #4a2815; border: 5px solid #211108; box-shadow: inset 0 0 0 7px #6b3a1d, 0 14px 26px rgba(0,0,0,.45); }
.theme-tube .tube-scale { position: absolute; left: 34px; top: 34px; width: 260px; height: 70px; background: #1b120c; border: 4px solid #8a5527; color: #ffd18a; line-height: 70px; font-size: 28px; letter-spacing: 6px; text-align: center; box-shadow: 0 0 18px rgba(255,178,77,.25); }
.theme-tube .tube-needle { position: absolute; left: 132px; top: 8px; width: 4px; height: 54px; background: #ffcc75; }
.theme-tube .tube-speaker { position: absolute; right: 34px; top: 36px; width: 92px; height: 150px; background: repeating-linear-gradient(90deg,#1b120c 0,#1b120c 8px,#7a4a24 9px,#7a4a24 13px); border: 4px solid #8a5527; }
.theme-tube .tube-knob { position: absolute; bottom: 34px; width: 54px; height: 54px; border-radius: 50%; background: #1b120c; border: 8px solid #8a5527; }
.theme-tube .knob-a { left: 70px; }
.theme-tube .knob-b { left: 164px; }
.theme-tube.playing .tube-scale { box-shadow: 0 0 28px rgba(255,178,77,.55); }
.theme-tube.playing .tube-needle { animation: needleMove 4s ease-in-out infinite; }
@keyframes needleMove { 0% { left: 82px; } 50% { left: 176px; } 100% { left: 82px; } }