.rd{margin:0 0 56px;background:linear-gradient(180deg,#1b1b19,#121211);color:#ece9e2;padding:30px;border:1px solid #121211;box-shadow:0 30px 60px #12121140}.rd-top{display:grid;grid-template-columns:180px minmax(0,1fr) 150px;gap:28px;align-items:center}.rd-cover{position:relative;aspect-ratio:1;background:#000;overflow:hidden}.rd-cover img{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.rd-cover canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .2s;image-rendering:pixelated}.rd.static .rd-cover canvas{opacity:.9}.rd.static .rd-cover img{opacity:.12}.rd-lcd{background:#0b0b0a;border:1px solid #2a2926;padding:20px 22px;min-height:180px;position:relative;overflow:hidden}.rd-lcd:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px);pointer-events:none}.rd-row{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8a877f}.rd-freq{font-family:var(--mono);font-weight:400;font-size:clamp(42px,4.6vw,66px);line-height:1;margin:10px 0 8px;letter-spacing:-.03em}.rd-freq small{font-size:.3em;margin-left:10px;letter-spacing:.06em;color:#8a877f}.rd-song{font-weight:800;font-variation-settings:"wdth" 125;font-size:clamp(24px,2.4vw,36px);line-height:1;text-transform:uppercase;min-height:1em}.rd-by{font-family:var(--mono);font-size:12px;margin-top:8px;color:#b9b5ab;min-height:1.2em}.rd.static .rd-song,.rd.static .rd-by{opacity:.45}.rd-knobs{display:flex;flex-direction:column;align-items:center;gap:14px}.rd-knob{flex:none;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a4844,#1a1918 70%);border:1px solid #33312d;box-shadow:0 12px 26px #0009;position:relative;cursor:grab;touch-action:none}.rd-knob:before{content:"";position:absolute;inset:11px;border-radius:50%;background:repeating-conic-gradient(#2a2826 0 4deg,#222120 4deg 8deg)}.rd-knob i{position:absolute;inset:0;transform:rotate(var(--k,0deg));transition:transform .15s}.rd-knob i:after{content:"";position:absolute;left:50%;top:13px;width:4px;height:20px;margin-left:-2px;background:var(--red)}.rd-pair{display:flex;gap:8px}.rd-pair button{background:#1f1e1c;border:1px solid #3a3834;width:52px;height:44px;cursor:pointer;color:#ece9e2;transition:border-color .2s,color .2s}.rd-pair button:hover{border-color:var(--red);color:var(--red)}.rd-dial{position:relative;height:100px;margin-top:28px;background:#0b0b0a;border:1px solid #2a2926;cursor:pointer;touch-action:pan-y;user-select:none;overflow:hidden}.rd-ticks{position:absolute;left:3%;right:3%;top:0;height:40px;background:repeating-linear-gradient(90deg,#4a4844 0 1px,transparent 1px 2.5%)}.rd-ticks:after{content:"";position:absolute;left:0;right:0;top:0;height:56%;background:repeating-linear-gradient(90deg,#9a968d 0 2px,transparent 2px 10%)}.rd-nums{position:absolute;left:3%;right:3%;top:44px;height:16px}.rd-nums span{position:absolute;transform:translate(-50%);font-family:var(--mono);font-size:11px;color:#8a877f}.rd-st{position:absolute;left:3%;right:3%;bottom:0;height:34px}.rd-st button{position:absolute;bottom:4px;transform:translate(-50%);width:24px;height:24px;background:none;border:0;cursor:pointer;padding:0}.rd-st button:before{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#6e6a62;transition:background .2s,box-shadow .2s}.rd-st button.on:before{background:var(--red);box-shadow:0 0 10px var(--red)}.rd-lane{position:absolute;inset:0 3%;pointer-events:none}.rd-needle{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--red);box-shadow:0 0 12px var(--red)}.rd-under{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;flex-wrap:wrap}.rd-acts{display:flex;gap:10px;flex-wrap:wrap}.rd-acts a,.rd-acts button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1px solid #ECE9E2;background:none;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;transition:background .2s,color .2s}.rd-acts .rd-play{background:var(--red);border-color:var(--red);color:#fff}.rd-acts a:hover,.rd-acts button:hover{background:#ece9e2;color:#121211;border-color:#ece9e2}.rd-hint{color:#8a877f}@media (max-width:760px){.rd{padding:18px;margin-bottom:40px}.rd-top{grid-template-columns:110px minmax(0,1fr);gap:16px}.rd-lcd{grid-column:1/3;grid-row:1;min-height:0;padding:16px}.rd-knobs{flex-direction:row;justify-content:flex-end}.rd-knob{width:84px;height:84px}.rd-knob i:after{top:8px;height:15px}.rd-nums span:nth-child(2n){display:none}.rd-hint{display:none}}