.music-panel {--music-accent:#a6efc1;--music-rgb:166,239,193;--music-ink:#edf8ef;--music-soft:#a3b4ac}
.music-panel .music-console {display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.94fr);border:1px solid #3c5449;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 6% 0,#a6efc10e,transparent 60%),#101815;color:var(--music-ink);box-shadow:inset 0 1px 0 #d3ffe90c,0 22px 60px #0002}
.music-panel .music-console[data-track=gold-edition] {--music-accent:#efd684;--music-rgb:239,214,132}
.music-panel .music-console[data-track=neon-afterglow] {--music-accent:#c0b7ff;--music-rgb:192,183,255}
.music-panel .music-console[data-track=cloudlight] {--music-accent:#a6efda;--music-rgb:166,239,218}
.music-panel .music-deck {padding:clamp(24px,3vw,43px);min-width:0}
.music-panel .music-station {display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;font-weight:650;letter-spacing:1.5px;color:var(--music-soft)}
.music-panel .music-station>span:first-child {display:flex;align-items:center;gap:8px;color:var(--music-accent)}
.music-panel .music-station i {width:5px;height:5px;border-radius:50%;background:var(--music-accent);box-shadow:0 0 9px rgba(var(--music-rgb),.3)}
.music-panel .music-station-number {font-size:8px;letter-spacing:.85px;color:#839b8e}
.music-panel .music-now {display:grid;grid-template-columns:minmax(125px,180px) minmax(0,1fr);align-items:center;gap:26px;margin:31px 0}
.music-panel .music-art {position:relative;border:1px solid rgba(var(--music-rgb),.25);border-radius:10px;overflow:hidden;box-shadow:0 16px 34px #0005,0 0 30px rgba(var(--music-rgb),.025);aspect-ratio:1}
.music-panel .music-art img {display:block;width:100%;height:100%;object-fit:cover}
.music-panel .music-art-shine {position:absolute;inset:0;background:linear-gradient(125deg,#fff0 20%,#fff1 40%,#fff0 56%);pointer-events:none}
.music-panel .music-now-copy {min-width:0}
.music-panel .music-now-label {display:block;color:var(--music-accent);font-size:8px;font-weight:650;letter-spacing:1.35px;line-height:1.6}
.music-panel .music-now h3 {font-size:clamp(26px,2.4vw,37px);line-height:1.08;letter-spacing:-1.1px;margin:13px 0 9px;font-family:var(--display);font-weight:720;overflow-wrap:anywhere}
.music-panel .music-genre {color:var(--music-accent);font-size:10px;line-height:1.6;margin:0}
.music-panel .music-description {font-size:11px;color:var(--music-soft);line-height:1.8;margin:14px 0 0;max-width:28em}
.music-panel .music-equalizer {display:flex;gap:3px;height:25px;align-items:center;margin-top:18px;opacity:.5}
.music-panel .music-equalizer i {display:block;width:3px;height:5px;border-radius:2px;background:var(--music-accent);transform:scaleY(.7);animation:music-bars 1.2s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:center}
.music-panel .music-equalizer i:nth-child(3n+1) {height:17px;animation-delay:-.4s;animation-duration:.85s}
.music-panel .music-equalizer i:nth-child(3n+2) {height:24px;animation-delay:-.8s;animation-duration:1.3s}
.music-panel .music-equalizer i:nth-child(4n+2) {height:11px;animation-delay:-.3s;animation-duration:1.05s}
.music-panel [data-playing=true] .music-equalizer {opacity:1}
.music-panel [data-playing=true] .music-equalizer i {animation-play-state:running}
.music-panel input[type=range] {appearance:none;-webkit-appearance:none;background:transparent;display:block;width:100%;height:44px;padding:0;margin:0;cursor:pointer;accent-color:var(--music-accent);border:0;box-shadow:none;min-width:0}
.music-panel input[type=range]::-webkit-slider-runnable-track {height:4px;border-radius:4px;background:linear-gradient(to right,var(--music-accent) 0,var(--music-accent) var(--music-progress,0%),#35453d var(--music-progress,0%),#35453d 100%)}
.music-panel input[type=range]::-webkit-slider-thumb {appearance:none;-webkit-appearance:none;width:13px;height:13px;margin-top:-4.5px;border-radius:50%;background:var(--music-accent);box-shadow:0 0 0 4px rgba(var(--music-rgb),.06)}
.music-panel input[type=range]::-moz-range-track {height:4px;border-radius:4px;background:#35453d}
.music-panel input[type=range]::-moz-range-progress {height:4px;border-radius:4px;background:var(--music-accent)}
.music-panel input[type=range]::-moz-range-thumb {width:13px;height:13px;border:0;border-radius:50%;background:var(--music-accent)}
.music-panel input[type=range]:disabled {cursor:default;opacity:.45}
.music-panel input[type=range]:focus-visible {outline:2px solid var(--music-accent);outline-offset:2px;border-radius:4px}
.music-panel .music-timeline {margin-top:7px}
.music-panel .music-times {display:flex;align-items:center;justify-content:space-between;font-variant-numeric:tabular-nums;color:#93a69a;font-size:10px;margin-top:-3px}
.music-panel .music-controls {display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:19px}
.music-panel .music-transport,.music-panel .music-loudness {display:flex;align-items:center;gap:9px}
.music-panel .music-control,.music-panel .music-play {position:relative;width:44px;height:44px;min-width:44px;padding:12px;border-radius:50%;display:grid;place-items:center;color:var(--music-soft);background:transparent;border:1px solid transparent;cursor:pointer;transition:color .15s,background .15s,border-color .15s,transform .15s}
.music-panel .music-control:hover {color:var(--music-ink);background:#ffffff09;border-color:#ffffff0a}
.music-panel .music-control svg,.music-panel .music-play svg {display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.music-panel .music-transport .music-control svg {fill:currentColor;stroke-width:1.5}
.music-panel .music-play {width:54px;height:54px;min-width:54px;background:var(--music-accent);border-color:var(--music-accent);color:#132018;box-shadow:inset 0 1px 0 #fff7,0 0 0 7px rgba(var(--music-rgb),.035)}
.music-panel .music-play:hover {transform:translateY(-1px);filter:brightness(1.08)}
.music-panel .music-play .music-icon-play {fill:currentColor;stroke:none;transform:translateX(-1px);width:24px;height:24px}
.music-panel .music-play .music-icon-pause {display:none;stroke-width:3}
.music-panel [data-playing=true] .music-icon-play {display:none}
.music-panel [data-playing=true] .music-play .music-icon-pause {display:block}
.music-panel .music-loudness {gap:3px;max-width:150px;flex:1}
.music-panel .music-loudness input {--music-progress:65%;min-width:50px}
.music-panel .music-mute-slash {display:none;position:absolute;width:25px;height:2px;background:var(--music-accent);transform:rotate(-45deg);box-shadow:0 0 0 2px #101815;border-radius:1px}
.music-panel #music-mute[aria-pressed=true] .music-mute-slash {display:block}
.music-panel .music-status {font-size:10px;line-height:1.7;color:var(--music-soft);min-height:17px;margin:19px 0 0}
.music-panel .music-selection {padding:clamp(24px,3vw,43px);border-left:1px solid #304239;background:linear-gradient(160deg,#ffffff05,transparent 90%);min-width:0;display:flex;flex-direction:column;justify-content:center}
.music-panel .music-list-heading {display:flex;align-items:center;justify-content:space-between;gap:15px}
.music-panel .music-list-heading h3 {font-size:18px;font-weight:650;letter-spacing:-.4px;margin:0;color:var(--music-ink)}
.music-panel .music-list-heading>span {font-size:8px;letter-spacing:1.25px;color:#8a9f92;white-space:nowrap}
.music-panel .music-list-intro {font-size:11px;line-height:1.85;max-width:36em;color:var(--music-soft);margin:13px 0 23px}
.music-panel .music-track-list {list-style:none;padding:0;margin:0;display:grid;gap:8px}
.music-panel .music-track {width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:11px 12px;border:1px solid transparent;border-radius:10px;color:var(--music-soft);background:#ffffff03;min-height:76px;cursor:pointer;transition:border-color .15s,background .15s;min-width:0}
.music-panel .music-track:hover {background:#ffffff06;border-color:#ffffff12}
.music-panel .music-track.is-current {border-color:rgba(var(--music-rgb),.24);background:rgba(var(--music-rgb),.045);color:var(--music-ink)}
.music-panel .music-track-number {font-size:8px;font-variant-numeric:tabular-nums;color:#869f8f;min-width:13px}
.music-panel .music-track img {display:block;width:48px;height:48px;flex:none;border-radius:5px;border:1px solid #ffffff10}
.music-panel .music-track-copy {display:block;min-width:0;flex:1}
.music-panel .music-track-copy b {display:block;font-size:12px;line-height:1.5;font-weight:600;color:var(--music-ink);overflow-wrap:anywhere}
.music-panel .music-track-copy small {display:block;font-size:7px;letter-spacing:.8px;color:#8eaa99;line-height:1.8;margin-top:4px}
.music-panel .music-track-duration {font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#9db1a5}
.music-panel .music-track-play {font-size:9px;color:var(--music-accent);width:11px}
.music-panel .music-list-footnote {font-size:9px;line-height:1.8;color:#829b8b;margin:24px 0 0;display:flex;gap:9px}
.music-panel .music-list-footnote>span {color:var(--music-accent)}
.music-panel .music-credit {font-size:9px;line-height:1.8;color:var(--xg-muted,#87958d);margin:16px 0 0}
.music-panel .music-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.music-panel button:focus-visible {outline:2px solid var(--music-accent);outline-offset:4px}
@keyframes music-bars {from {transform:scaleY(.25)}to {transform:scaleY(1)}}
@media(max-width:1100px) {.music-panel .music-console {grid-template-columns:minmax(0,1fr)}.music-panel .music-selection {border-left:0;border-top:1px solid #304239}.music-panel .music-now {grid-template-columns:180px minmax(0,1fr)}.music-panel .music-description {max-width:36em}.music-panel .music-selection {padding-top:25px;padding-bottom:27px}.music-panel .music-track-list {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.music-panel .music-track {flex-wrap:wrap;gap:10px;padding:13px}.music-panel .music-track-number {display:none}.music-panel .music-track-copy {flex:1 1 calc(100% - 65px)}.music-panel .music-track-copy b {font-size:11px}.music-panel .music-track-duration {margin-left:auto}.music-panel .music-track-play {margin-left:3px}.music-panel .music-list-intro {max-width:55em}}
@media(max-width:680px) {body.halloween.overhaul.worlds .hub-tabs #tab-updates {grid-column:auto}.music-panel .section-top {align-items:start}.music-panel .section-top .library-caption {display:none}.music-panel .music-console {border-radius:14px}.music-panel .music-deck,.music-panel .music-selection {padding:22px 17px}.music-panel .music-station {font-size:8px;letter-spacing:1.15px}.music-panel .music-station-number {font-size:7px;letter-spacing:.6px}.music-panel .music-now {grid-template-columns:105px minmax(0,1fr);gap:17px;margin:25px 0 13px}.music-panel .music-now h3 {font-size:26px;letter-spacing:-.8px;margin:10px 0 7px}.music-panel .music-now-label {font-size:7px;letter-spacing:.8px}.music-panel .music-description {grid-column:1/-1;font-size:10px;line-height:1.8;margin-top:11px}.music-panel .music-genre {font-size:9px}.music-panel .music-equalizer {height:18px;margin-top:12px;gap:2px}.music-panel .music-equalizer i {width:2px;max-height:18px}.music-panel .music-controls {gap:13px;margin-top:15px}.music-panel .music-transport {gap:3px}.music-panel .music-play {width:50px;height:50px;min-width:50px}.music-panel .music-loudness {max-width:125px;gap:0}.music-panel .music-control {width:44px;height:44px;min-width:44px}.music-panel .music-loudness input {min-width:40px}.music-panel .music-status {font-size:9px;margin-top:15px}.music-panel .music-selection {padding-top:24px;padding-bottom:23px}.music-panel .music-list-heading h3 {font-size:17px}.music-panel .music-list-intro {font-size:10px;margin-bottom:18px}.music-panel .music-track-list {grid-template-columns:minmax(0,1fr);gap:7px}.music-panel .music-track {flex-wrap:nowrap;padding:10px;gap:9px;min-height:70px}.music-panel .music-track-number {display:block}.music-panel .music-track img {width:44px;height:44px}.music-panel .music-track-copy {flex:1}.music-panel .music-track-copy b {font-size:12px}.music-panel .music-track-copy small {font-size:6px;letter-spacing:.6px}.music-panel .music-track-duration {font-size:9px}.music-panel .music-list-footnote {margin-top:19px;font-size:9px}.music-panel .music-credit {font-size:8px}}
@media(max-width:380px) {.music-panel .music-now {grid-template-columns:86px minmax(0,1fr);gap:14px}.music-panel .music-now h3 {font-size:23px}.music-panel .music-description {font-size:9px;line-height:1.65;margin-top:8px}.music-panel .music-equalizer {display:none}.music-panel .music-station-number {font-size:6px}.music-panel .music-controls {gap:5px}.music-panel .music-loudness {max-width:102px}.music-panel .music-transport {gap:0}.music-panel .music-track {gap:7px;padding:9px 8px}.music-panel .music-track-number {display:none}.music-panel .music-track-copy small {font-size:5.8px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce) {.music-panel .music-equalizer i {animation:none;transform:scaleY(.6)}.music-panel button {transition:none}.music-panel .music-play:hover {transform:none}}
html.motion-paused .music-panel .music-equalizer i {animation-play-state:paused}

/* One compact controller follows listener-started music around the hub. */
.music-mini {--mini-accent:#efd684;position:fixed;z-index:80;left:50%;bottom:calc(72px + env(safe-area-inset-bottom));transform:translateX(-50%);box-sizing:border-box;display:flex;align-items:center;gap:2px;width:min(470px,calc(100% - 20px));padding:6px;border:1px solid #71816b66;border-radius:14px;background:#111a16f5;backdrop-filter:blur(18px);box-shadow:0 12px 38px #0007,inset 0 1px 0 #ffffff0b;color:#edf8ef;font-family:var(--font,system-ui,sans-serif);isolation:isolate}
.music-mini[hidden] {display:none!important}
.music-mini[data-track=neon-afterglow] {--mini-accent:#c0b7ff}
.music-mini[data-track=cloudlight] {--mini-accent:#a6efda}
.music-mini>img {display:block;width:36px;height:36px;flex:none;border-radius:7px;border:1px solid #ffffff15;object-fit:cover;margin-right:6px}
.music-mini>a {display:flex;flex:1;min-width:0;min-height:44px;justify-content:center;flex-direction:column;gap:5px;padding:0 3px;color:#edf8ef;text-decoration:none;border-radius:6px;line-height:1.1}
.music-mini>a span {display:block;color:var(--mini-accent);font-size:6.5px;font-weight:650;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.music-mini>a b {display:block;font-size:11px;line-height:1.3;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.music-mini>button {position:relative;display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;padding:12px;background:transparent;color:#b2c4b8;border:1px solid transparent;border-radius:9px;cursor:pointer;touch-action:manipulation}
.music-mini>button:hover {background:#ffffff09;border-color:#ffffff14;color:#edf8ef}
.music-mini>button svg {display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.music-mini #music-mini-toggle {color:#172219;background:var(--mini-accent);border-color:var(--mini-accent)}
.music-mini .music-mini-play {fill:currentColor;stroke:none;transform:translateX(1px)}
.music-mini .music-mini-pause {display:none;stroke-width:2.8}
.music-mini[data-playing=true] .music-mini-play {display:none}
.music-mini[data-playing=true] .music-mini-pause {display:block}
.music-mini #music-mini-next svg {fill:currentColor;stroke-width:1.3}
.music-mini #music-mini-close {color:#8fa498}
.music-mini .music-mini-muted {display:none;position:absolute;width:22px;height:2px;border-radius:1px;background:var(--mini-accent);transform:rotate(-45deg);box-shadow:0 0 0 2px #111a16}
.music-mini #music-mini-mute[aria-pressed=true] .music-mini-muted {display:block}
.music-mini :is(a,button):focus-visible {outline:2px solid var(--mini-accent);outline-offset:2px}
#player-dialog .music-mini {position:absolute;top:calc(68px + env(safe-area-inset-top));bottom:auto;z-index:10;width:min(470px,calc(100% - 20px));background:#111a16f5}
#player-stage>.music-mini {position:absolute;top:calc(68px + env(safe-area-inset-top));bottom:auto}
@media(max-width:680px) {.music-mini {border-radius:11px;padding:5px;gap:0}.music-mini>img {margin-right:4px}.music-mini>a {padding:0 2px}.music-mini>a span {font-size:6px;letter-spacing:.65px}.music-mini>a b {font-size:10px}.music-mini>button {border-radius:8px}}
@media(max-height:500px) {#player-dialog .music-mini,#player-stage>.music-mini {top:calc(60px + env(safe-area-inset-top));max-width:380px}}
