.music-room{margin:20px auto;max-width:900px}.radio-room{display:grid;gap:14px;width:min(900px,100%);margin:0 auto}.music-screen{position:relative;width:100%;padding:16px 18px 14px;border:1px solid #2a170b;border-radius:20px;color:#f1e4c2;text-align:left;overflow:hidden;background:linear-gradient(180deg,#ffffff14,#0000 18%,#0000 82%,#00000040),repeating-linear-gradient(93deg,#4a2914 0 7px,#56311a 7px 10px,#3f220f 10px 17px,#4d2b15 17px 22px);box-shadow:inset 0 2px 0 #ffffff1f,inset 0 0 0 6px #2a170b,inset 0 0 0 7px #c9a24a66,0 0 0 2px #070907,0 22px 50px #000c}.radio-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.radio-focus{position:absolute;top:18px;left:35%;width:30%;height:120px;pointer-events:none}.radio-face{display:grid;grid-template-columns:clamp(64px,12%,108px) minmax(0,1fr) 148px;align-items:stretch;gap:14px;padding:10px;border-radius:12px;background:#140b05;box-shadow:inset 0 2px 8px #000c,0 1px 0 #ffffff14}.radio-grille{border-radius:8px;border:2px solid #b08a3e;background:repeating-linear-gradient(0deg,#2b1e12 0 2px,#5a4630 2px 3px),repeating-linear-gradient(90deg,#00000033 0 1px,transparent 1px 3px);box-shadow:inset 0 0 14px #000a}.radio-scale{position:relative;height:96px;border:1px solid #6b5935;border-radius:10px;cursor:pointer;touch-action:none;overflow:hidden;background:repeating-linear-gradient(90deg,#3a2c1366 0 1px,transparent 1px 2%) 0 62%/100% 14px no-repeat,repeating-linear-gradient(90deg,#3a2c13aa 0 1px,transparent 1px 10%) 0 58%/100% 22px no-repeat,radial-gradient(120% 140% at 50% 120%,#ffd98a,#e8b764 45%,#a8772f);box-shadow:inset 0 2px 10px #0008,inset 0 0 0 3px #1a160d,0 0 26px #ffcf7a26}.radio[data-locked] .radio-scale{box-shadow:inset 0 2px 10px #0008,inset 0 0 0 3px #1a160d,0 0 34px #ffcf7a55}.radio-mark{position:absolute;top:12px;left:calc(var(--at) * 100%);transform:translateX(-50%);font:700 11px/1 var(--dm-holo-mono,ui-monospace,Consolas,monospace);letter-spacing:.1em;text-transform:uppercase;color:#3a2c13aa;white-space:nowrap;transition:color .2s,text-shadow .2s}.radio-mark[data-found]{color:#3a2c13}.radio-mark:after{content:"";position:absolute;left:50%;top:16px;width:2px;height:26px;transform:translateX(-50%);background:#3a2c13}.radio-mark[data-current]{color:#7a1d10;text-shadow:0 0 8px #fff6}.radio-needle{top:30px;bottom:6px;width:2px;background:#c3271a;box-shadow:0 0 6px #ff4a2c99;pointer-events:none}.radio-needle,.radio-tab{position:absolute;left:calc(var(--dial,.5) * 100%);transform:translateX(-50%)}.radio-tab{bottom:4px;width:34px;height:22px;border-radius:5px;cursor:grab;background:linear-gradient(90deg,#6b5328,#f3d58e 45%,#c9973f 55%,#6b5328);box-shadow:0 2px 6px #000c,inset 0 1px 0 #fff6}.radio-tab:after{content:"";position:absolute;left:50%;top:4px;bottom:4px;width:2px;transform:translateX(-50%);background:#2a1f0c}.radio-card-tune:focus-visible,.radio-key:focus-visible,.radio-speaker:focus-visible,.radio-tab:focus-visible{outline:3px solid #fbe4a6;outline-offset:2px}.radio-controls{display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;align-items:center;justify-items:center;gap:8px;user-select:none;-webkit-user-select:none}.radio-knob{grid-column:1/-1;width:58px;height:58px;border-radius:50%;rotate:calc(var(--dial,.5) * 300deg - 150deg);transition:rotate .08s linear;background:radial-gradient(circle at 50% 50%,#2a1d10 0 30%,transparent 31%),repeating-conic-gradient(#1b120a 0 6deg,#3a2816 6deg 12deg);border:3px solid #b08a3e;box-shadow:0 4px 10px #000c,inset 0 2px 3px #fff3;position:relative}.radio-knob:after{content:"";position:absolute;left:50%;top:4px;width:3px;height:14px;transform:translateX(-50%);border-radius:2px;background:#f3d58e}.radio-room .radio-key,.radio-room .radio-speaker{border:1px solid #b08a3e;background:linear-gradient(180deg,#e9dcc0,#c9b892);color:#2a1d10;cursor:pointer;user-select:none;-webkit-user-select:none;box-shadow:0 2px 0 #5a4630,inset 0 1px 0 #fff8;transition:box-shadow var(--dm-fast,.12s),background-color .12s}.radio-room .radio-key{width:100%;height:36px;padding:0 8px;border-radius:6px;font:600 12px/1 var(--dm-holo-mono,ui-monospace,Consolas,monospace);letter-spacing:.04em;white-space:nowrap}.radio-room .radio-speaker{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:50%}.radio-room .radio-speaker[aria-pressed=false]{color:#7a1d10}.radio-room :is(.radio-key,.radio-speaker):active{box-shadow:0 0 0 #5a4630,inset 0 2px 4px #0006;background:linear-gradient(180deg,#d8c9a6,#bba882)}.radio-room :is(.radio-key,.radio-speaker):hover{background:linear-gradient(180deg,#f3e8cf,#d4c39c)}.radio-now{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:14px 0 0;min-height:1.5em}.radio-freq{font:700 22px/1 var(--dm-holo-mono,ui-monospace,Consolas,monospace);color:#ffd77a;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 0 12px #ffcf7a55}.radio-freq small{font-size:12px;color:#c9b88f}.radio-now strong{font:600 18px/1.25 system-ui,sans-serif;color:#ffe2a0}.radio-now span:not(.radio-freq){font:500 13px/1.4 var(--dm-holo-mono,ui-monospace,Consolas,monospace);color:#c9b88f}@keyframes radio-static{25%{background-position:7px 3px,-5px 9px,0 1px}50%{background-position:-3px -6px,8px -2px,0 2px}75%{background-position:4px 8px,-9px 5px,0 0}}.radio-board{padding:10px;border:1px solid #8d754666;border-radius:14px;background:#0b0c09f2;color:#f1e4c2}.radio-board-title{display:flex;align-items:baseline;justify-content:space-between;margin:0 4px 8px;font:600 13px/1.2 var(--dm-holo-mono,ui-monospace,Consolas,monospace);letter-spacing:.12em;text-transform:uppercase;color:#e8d6aa}.radio-board-title span{letter-spacing:.04em;text-transform:none;color:#c9b88f}.radio-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px;margin:0;padding:0;list-style:none}.radio-slot{position:relative;min-height:204px;border:1px solid #8d754666;border-radius:12px;background:#0b0c09;overflow:hidden}.radio-slot[data-empty]{display:grid;place-items:center;border-style:dashed}.radio-slot-static{position:absolute;inset:0;opacity:.18;animation:radio-static .35s steps(4) infinite;background:inherit;background-image:repeating-radial-gradient(circle at 30% 40%,#fff3 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 3px)}.radio-slot-mark{position:relative;font:700 28px/1 var(--dm-holo-mono,ui-monospace,Consolas,monospace);color:#8d7546}.radio-card{display:flex;flex-direction:column;animation:radio-card-in .22s cubic-bezier(.2,.8,.2,1) both}.radio-card header{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:10px 12px 8px}.radio-card-freq{font:700 13px/1 var(--dm-holo-mono,ui-monospace,Consolas,monospace);color:#ffd77a;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.radio-card strong{font:600 15px/1.25 system-ui,sans-serif;color:#ffe2a0}.radio-card-note{flex-basis:100%;font:500 12px/1.4 var(--dm-holo-mono,ui-monospace,Consolas,monospace);color:#c9b88f}.radio-card-player{position:relative;margin:auto 8px 8px}.music-player{display:block;border:0;border-radius:10px;background:#121212}.radio-card[data-live]{border-color:#d8b86a;box-shadow:0 0 0 1px #d8b86a55,0 0 24px #ffcf7a22}.radio-card-tune{position:absolute;inset:0;display:grid;align-items:end;justify-items:center;padding:0 0 10px;border:0;border-radius:10px;background:transparent;overflow:hidden;color:#f6e3b0;font:600 12px/1.3 var(--dm-holo-mono,ui-monospace,Consolas,monospace);letter-spacing:.03em;cursor:pointer}.radio-card-static{position:absolute;inset:0;opacity:.38;mix-blend-mode:screen;animation:radio-static .3s steps(4) infinite;background:#0b0c0966;background-image:repeating-radial-gradient(circle at 21% 36%,#fff4 0 1px,transparent 1px 3px),repeating-radial-gradient(circle at 70% 64%,#fff2 0 1px,transparent 1px 2px),repeating-linear-gradient(0deg,#fff2 0 1px,transparent 1px 3px);transition:opacity .2s}.radio-card-tune-label{position:relative;padding:5px 10px;border-radius:999px;background:#0b0c09d9;box-shadow:0 0 0 1px #8d7546}.radio-card-tune:is(:hover,:focus-visible) .radio-card-static{opacity:.22}.radio-card-tune:is(:hover,:focus-visible) .radio-card-tune-label{color:#ffe2a0;box-shadow:0 0 0 1px #d8b86a}@keyframes radio-card-in{0%{opacity:0;transform:scale(.94)}}.music-note{margin:14px 0 0}.radio-room>.music-screen{animation:radio-rise .22s cubic-bezier(.2,.8,.2,1) both}.radio-room .radio-slot{animation:radio-slot-in .2s cubic-bezier(.2,.8,.2,1) calc(.08s + var(--slot,0) * 25ms) both}@keyframes radio-rise{0%{opacity:0;transform:translateY(14px) scale(.985)}}@keyframes radio-slot-in{0%{opacity:0;transform:translateY(8px) scale(.97)}}@media (prefers-reduced-motion:reduce){.radio-card,.radio-card-static,.radio-room .radio-slot,.radio-room>.music-screen,.radio-slot-static{animation:none!important}.radio-knob{transition:none}}@media (max-width:560px){.music-screen{padding:12px}.radio-face{grid-template-columns:minmax(0,1fr);padding:8px}.radio-grille{display:none}.radio-controls{grid-template-columns:auto 1fr auto;grid-template-rows:auto}.radio-knob{grid-column:auto;width:40px;height:40px}}@media (max-height:820px){.radio-slot{min-height:124px}.radio-card .music-player{height:80px}}body.dm-v5-enhanced .dm-panel[data-plaque]:has(h1[data-route="/elsewhere/music"]){background:none;border-color:transparent;box-shadow:none;overflow:visible;pointer-events:none;animation:none}body.dm-v5-enhanced .dm-panel[data-plaque]:has(h1[data-route="/elsewhere/music"]):before{display:none}body.dm-v5-enhanced .dm-panel[data-plaque]:has(h1[data-route="/elsewhere/music"]) .dm-content>:is(h1,p){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body:has(.dm-panel[data-plaque]:not(.dm-plaque-ghost) h1[data-route="/elsewhere/music"]) .dm-plaque-frame{display:none}body.dm-v5-enhanced .radio-room{position:fixed;z-index:var(--dm-z-reading);left:50%;top:calc(var(--dm-tools-clearance,72px) + max(110px,14vh));width:min(900px,calc(100vw - 32px));transform:translateX(-50%);pointer-events:auto;max-height:calc(100dvh - var(--dm-tools-clearance,72px) - max(110px,14vh) - var(--dm-dais-clearance,100px) - 16px);overflow:auto;overscroll-behavior:contain}body.dm-v5-enhanced .radio-board{background:#0b0c09d9}body.dm-v5-enhanced .dm-panel .dm-content .radio-room .music-screen p,body.dm-v5-enhanced .dm-panel .dm-content .radio-room .radio-board :is(p,li){max-width:none;margin-bottom:0}.radio-tracks ol{display:grid;gap:2px;margin:0;padding:0;list-style:none}.radio-tracks li{position:relative;display:flex;align-items:center;gap:4px}.radio-room .radio-track{position:relative;flex:1 1;min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:5px 8px 7px 5px;border:1px solid transparent;border-radius:8px;background:#14110b;color:#f1e4c2;text-align:left;cursor:pointer;overflow:hidden;user-select:none;-webkit-user-select:none}.radio-room .radio-track:hover{border-color:#8d7546}.radio-room .radio-track[aria-pressed=true]{border-color:#d8b86a;background:#1d180e}.radio-track img,.radio-track-art{width:40px;height:40px;border-radius:4px;object-fit:cover;background:#2a2418}.radio-track-text{display:grid;min-width:0}.radio-track-text strong{font:600 13.5px/1.25 system-ui,sans-serif;color:#ffe2a0}.radio-track-text span,.radio-track-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-track-text span{font:500 12px/1.3 var(--dm-holo-mono,ui-monospace,Consolas,monospace);color:#c9b88f}.radio-track-icon{color:#ffd77a}.radio-track-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffd77a;transform-origin:left;transform:scaleX(0);transition:transform .25s linear}.radio-room .radio-track-out{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:6px;color:#c9b88f;text-decoration:none;font:600 13px/1 system-ui,sans-serif}.radio-room .radio-track-out:hover{color:#ffe2a0;background:#1d180e}.radio-credit{margin:8px 4px 0;font:500 11px/1.3 var(--dm-holo-mono,ui-monospace,Consolas,monospace);color:#a8987a}