/* Wyndell DJ Player v0.7.0: native layout, isolated pixel-textured control skin */
.wldj-player{--dj-gold:#ffd21f;--dj-ink:#061427;--dj-blue:#238ad4;--dj-font:var(--wl-core-dj-font,Consolas,monospace);--dj-scale:var(--wl-core-dj-font-scale,1);--dj-spacing:var(--wl-core-dj-letter-spacing,0px);max-width:1170px;margin:16px auto;color:#e9f1ff;font-family:var(--dj-font)!important;font-weight:400!important;font-synthesis:none;letter-spacing:var(--dj-spacing);line-height:1.3}
.wldj-player,.wldj-player *{box-sizing:border-box;font-weight:400!important;font-synthesis:none!important;text-shadow:none!important}
.wldj-player .wldj-frame{padding:12px 13px 7px;border:4px solid #071326;outline:2px solid #315178;background:#152842 url('metal.png') repeat;background-size:180px 180px;box-shadow:inset 2px 2px #607da1,inset -3px -3px #020914,5px 5px 0 #061329}
.wldj-player .wldj-top{display:grid;grid-template-columns:185px minmax(0,1fr) 195px;gap:9px;align-items:stretch}
.wldj-player .wldj-brand,.wldj-player .wldj-readout,.wldj-player .wldj-meter{background:#06142e url('screen.png') repeat;background-size:180px 180px;border:3px solid #030c1c;box-shadow:inset 2px 2px #355477,inset -2px -2px #010711;min-width:0;padding:10px 12px}
.wldj-player .wldj-kicker,.wldj-player .wldj-overline,.wldj-player .wldj-meta,.wldj-player .wldj-times,.wldj-player .wldj-vol-label,.wldj-player .wldj-foot,.wldj-player .wldj-list-head,.wldj-player .wldj-search-label{font-size:calc(10px * var(--dj-scale));letter-spacing:var(--dj-spacing)}
.wldj-player .wldj-kicker{color:#b7c8e2}.wldj-player .wldj-logo{font-size:calc(28px * var(--dj-scale));color:#f3f8ff;margin-top:8px;white-space:nowrap}.wldj-player .wldj-logo span{color:var(--dj-gold)}
.wldj-player .wldj-overline{display:flex;justify-content:space-between;gap:8px;color:var(--dj-gold)}.wldj-player .wldj-overline span{color:#9cbde4}
.wldj-player .wldj-track{font-size:calc(23px * var(--dj-scale));color:#fff;margin:6px 0 5px;overflow-wrap:anywhere;line-height:1.25}.wldj-player .wldj-meta{color:#9dc0eb;display:flex;justify-content:space-between;gap:7px}.wldj-player .wldj-meta span{color:var(--dj-gold)}
.wldj-player .wldj-meter{padding:9px}.wldj-player .wldj-meter canvas{display:block;width:100%;height:72px;margin-top:6px;background:#06172e;image-rendering:pixelated}
.wldj-player .wldj-bottom{display:grid;grid-template-columns:auto minmax(0,1fr) 155px;gap:14px;align-items:center;padding:12px 5px 9px}
.wldj-player .wldj-controls{display:flex;gap:6px}.wldj-player button{cursor:pointer}.wldj-player .wldj-controls button,.wldj-player .wldj-volume button{appearance:none!important;-webkit-appearance:none!important;display:inline-flex;align-items:center;justify-content:center;width:42px;height:35px;min-width:0!important;margin:0!important;padding:0!important;border:2px solid #020a19!important;border-radius:0!important;background:#153762 url('button.png') center/cover!important;color:#fff!important;box-shadow:inset 1px 1px #83b2df,inset -2px -2px #06102a,2px 2px #030a18!important;font-size:calc(12px * var(--dj-scale))!important;line-height:1!important;letter-spacing:0!important}
.wldj-player .wldj-controls .wldj-play{width:49px;background:#bb8818 url('button-gold.png') center/cover!important;color:#0b182e!important;border-color:#3d2b09!important}
.wldj-player button:focus-visible,.wldj-player input:focus-visible{outline:2px solid #fff;outline-offset:2px}.wldj-player button:disabled{opacity:.35}
.wldj-player input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:12px;margin:0;min-height:0;border:2px solid #051122;background:linear-gradient(#06142c,#0e2e54);cursor:pointer;border-radius:0}
.wldj-player input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:17px;background:#ffd21f;border:2px solid #a56d09;border-radius:0;box-shadow:1px 1px #050c19}.wldj-player input[type=range]::-moz-range-thumb{width:11px;height:17px;background:#ffd21f;border:2px solid #a56d09;border-radius:0}
.wldj-player .wldj-times{display:flex;justify-content:space-between;margin-top:5px;color:#b7c9e5}.wldj-player .wldj-volume{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px}.wldj-player .wldj-volume button{width:47px;height:26px;font-size:calc(9px * var(--dj-scale))!important}.wldj-player .wldj-foot{display:flex;gap:8px;align-items:center;color:#9fb6d5;border-top:1px solid #59718e;padding:6px 4px 0}.wldj-player .wldj-foot-right{margin-left:auto}.wldj-player .wldj-led{width:7px;height:7px;background:#7888a4;border:1px solid #020918}.wldj-player.is-playing .wldj-led{background:var(--dj-gold);box-shadow:0 0 8px var(--dj-gold)}
.wldj-player .wldj-library-link{text-align:right;margin-top:13px}.wldj-player .wldj-library-link a{color:#fff;background:#0b2850;border:2px solid #456995;padding:8px 13px;font-size:calc(11px * var(--dj-scale));text-decoration:none;display:inline-block}.wldj-player .wldj-library-link a:hover{color:var(--dj-gold)}
.wldj-player .wldj-library-list{background:#071932;border:3px solid #101f3c;padding:16px;margin-top:14px}.wldj-player .wldj-list-head{display:flex;justify-content:space-between;gap:8px;color:var(--dj-gold);margin-bottom:12px}.wldj-player .wldj-search-label{display:block;color:#abc5e8;margin-bottom:12px}.wldj-player input[type=search]{display:block;background:#0c2850;color:#fff;border:1px solid #5778a4;padding:10px;width:100%;margin-top:6px;font-size:calc(13px * var(--dj-scale));border-radius:0}.wldj-player .wldj-tracks{display:grid;gap:5px}.wldj-player .wldj-list-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;text-align:left;align-items:center;gap:12px;padding:13px 12px;min-width:0;background:#102849;border:1px solid #2d5079;color:#f4f6ff;font-size:calc(13px * var(--dj-scale));border-radius:0}.wldj-player .wldj-list-item:nth-child(even){background:#152f51}.wldj-player .wldj-list-item.is-selected{border-color:var(--dj-gold);color:var(--dj-gold)}.wldj-player .wldj-list-item:hover{border-color:#83b7ff}.wldj-player .wldj-list-title{overflow-wrap:anywhere}.wldj-player .wldj-track-no{color:#7fa9d6}.wldj-player .wldj-list-action{color:var(--dj-gold);font-size:calc(10px * var(--dj-scale))}
@media(max-width:850px){.wldj-player .wldj-top{grid-template-columns:155px minmax(0,1fr)}.wldj-player .wldj-meter{grid-column:1/-1}.wldj-player .wldj-meter canvas{height:47px}.wldj-player .wldj-bottom{grid-template-columns:auto minmax(0,1fr)}.wldj-player .wldj-volume{grid-column:1/-1;max-width:260px}}
@media(max-width:520px){.wldj-player .wldj-top{grid-template-columns:1fr}.wldj-player .wldj-brand{padding:7px 10px}.wldj-player .wldj-logo{font-size:calc(23px * var(--dj-scale));margin-top:2px}.wldj-player .wldj-readout{padding:10px}.wldj-player .wldj-track{font-size:calc(20px * var(--dj-scale))}.wldj-player .wldj-bottom{display:flex;flex-wrap:wrap;gap:12px}.wldj-player .wldj-progress{flex:1 1 145px}.wldj-player .wldj-volume{flex:1 1 100%;max-width:none}.wldj-player .wldj-foot-right{display:none}}

/* 0.7.3: site-logo plate, next title, functional playback mode controls */
.wldj-player .wldj-brand{display:flex;align-items:center;justify-content:center;min-height:146px;overflow:hidden}
.wldj-player .wldj-site-logo{display:block;object-fit:contain;width:auto;height:auto;max-width:83%;max-height:112px;image-rendering:pixelated}
.wldj-player .wldj-upnext{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;color:var(--dj-gold);font-size:calc(10px * var(--dj-scale));margin-top:14px;min-width:0}
.wldj-player .wldj-upnext-title{color:#f2f6ff;overflow-wrap:anywhere;min-width:0}
.wldj-player .wldj-foot-right{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.wldj-player .wldj-mode{appearance:none!important;background:#0b2342!important;border:1px solid #53719a!important;color:#a8bedc!important;padding:5px 8px!important;margin:0!important;border-radius:0!important;cursor:pointer;font-size:calc(10px * var(--dj-scale))!important;line-height:1.2!important;min-width:0!important;box-shadow:none!important}
.wldj-player .wldj-mode[aria-pressed="true"]{color:var(--dj-gold)!important;border-color:#c69f30!important}
.wldj-player .wldj-mode:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:850px){.wldj-player .wldj-brand{min-height:120px}.wldj-player .wldj-site-logo{max-height:90px}}
@media(max-width:520px){.wldj-player .wldj-brand{min-height:90px}.wldj-player .wldj-site-logo{max-height:76px}.wldj-player .wldj-foot-right{display:flex;width:100%;justify-content:flex-start;margin-left:0}.wldj-player .wldj-foot{flex-wrap:wrap}}

/* 0.7.4 — Up Next anchored beneath PLAYING at bottom right of readout. */
.wldj-player .wldj-readout{position:relative;padding-bottom:37px;min-height:146px}
.wldj-player .wldj-upnext{position:absolute;right:12px;bottom:10px;left:12px;margin:0;display:flex;justify-content:flex-end;align-items:baseline;gap:8px;flex-wrap:wrap;text-align:right}
@media(max-width:520px){.wldj-player .wldj-readout{min-height:150px;padding-bottom:42px}.wldj-player .wldj-upnext{right:10px;bottom:8px}}

/* v0.7.5: align the seek track to the readout; center transport; fill the meter */
.wldj-player .wldj-top{grid-template-columns:185px minmax(0,1fr) 195px;align-items:stretch}
.wldj-player .wldj-meter{display:flex;flex-direction:column;min-height:178px}
.wldj-player .wldj-meter canvas{flex:1 1 auto;min-height:125px;height:125px;width:100%;margin-top:7px}
.wldj-player .wldj-seek-row{display:grid;grid-template-columns:185px minmax(0,1fr) 195px;gap:9px;padding:11px 0 4px}
.wldj-player .wldj-seek-row .wldj-progress{grid-column:2;min-width:0}
.wldj-player .wldj-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;padding:11px 5px 10px}
.wldj-player .wldj-controls{grid-column:2;justify-self:center;display:flex;align-items:center;justify-content:center;gap:8px}
.wldj-player .wldj-modes{grid-column:1;display:flex;gap:5px;align-items:center;justify-content:flex-start;flex-wrap:wrap;min-width:0}
.wldj-player .wldj-volume{grid-column:3;justify-self:end;width:min(100%,220px);min-width:0}
.wldj-player .wldj-foot{min-height:22px}
@media(max-width:850px){
 .wldj-player .wldj-top{grid-template-columns:155px minmax(0,1fr)}
 .wldj-player .wldj-meter{grid-column:1/-1;min-height:125px}
 .wldj-player .wldj-meter canvas{height:104px;min-height:104px}
 .wldj-player .wldj-seek-row{grid-template-columns:155px minmax(0,1fr)}
 .wldj-player .wldj-bottom{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
 .wldj-player .wldj-volume{grid-column:3;max-width:none;width:100%}
}
@media(max-width:650px){
 .wldj-player .wldj-bottom{grid-template-columns:1fr 1fr;gap:12px}
 .wldj-player .wldj-controls{grid-column:1/-1;grid-row:1;justify-self:center}
 .wldj-player .wldj-modes{grid-column:1;grid-row:2}
 .wldj-player .wldj-volume{grid-column:2;grid-row:2;justify-self:stretch}
}
@media(max-width:520px){
 .wldj-player .wldj-top{grid-template-columns:1fr}
 .wldj-player .wldj-seek-row{display:block}
 .wldj-player .wldj-bottom{display:grid;grid-template-columns:1fr;gap:12px}
 .wldj-player .wldj-controls{grid-column:1;grid-row:1;justify-self:center}
 .wldj-player .wldj-modes{grid-column:1;grid-row:3;justify-content:center}
 .wldj-player .wldj-volume{grid-column:1;grid-row:2;justify-self:center;width:min(100%,280px);flex:none}
}

/* 0.7.6 compact lower deck and pixel-hardware transport buttons */
.wldj-player .wldj-frame{padding-bottom:9px}
.wldj-player .wldj-seek-row{grid-template-columns:245px minmax(0,1fr) 0px;gap:12px;align-items:start;padding:8px 0 0}
.wldj-player .wldj-seek-row .wldj-modes{grid-column:1;grid-row:1;display:flex;justify-content:flex-end;align-items:center;gap:4px;flex-wrap:nowrap;padding-top:0}
.wldj-player .wldj-seek-row .wldj-progress{grid-column:2;grid-row:1;width:100%}
.wldj-player .wldj-mode{font-size:calc(8px * var(--dj-scale))!important;white-space:nowrap;padding:3px 5px!important;min-height:20px;background:#091c36!important;border-color:#436084!important;color:#a7bbd9!important}
.wldj-player .wldj-mode[aria-pressed="true"]{background:#25200f!important;color:#ffd21f!important;border-color:#a9862b!important}
.wldj-player .wldj-bottom{grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;padding:7px 4px 3px;min-height:54px}
.wldj-player .wldj-controls{grid-column:2;gap:10px}
.wldj-player .wldj-controls button{position:relative;width:46px;height:39px;border:3px solid #040d22!important;background:#1b3c66 url('button.png') center/100% 100%!important;box-shadow:inset 2px 2px 0 #a6c9f7,inset -3px -3px 0 #08162f,0 3px 0 #020916,3px 4px 0 #03091a!important;font-size:16px!important;transition:transform .08s,filter .1s}
.wldj-player .wldj-controls button::before{content:"";position:absolute;inset:3px;border:1px solid rgba(138,198,255,.55);pointer-events:none}
.wldj-player .wldj-controls button:hover{filter:brightness(1.24)}
.wldj-player .wldj-controls button:active{transform:translate(2px,2px);box-shadow:inset 2px 2px #051227,inset -1px -1px #7897b9,1px 1px #03091a!important}
.wldj-player .wldj-controls .wldj-play{width:58px;height:45px;border:3px solid #5e3704!important;background:#c39113 url('button-gold.png') center/100% 100%!important;box-shadow:inset 2px 2px #fff1a2,inset -3px -3px #684300,0 3px #352000,3px 5px #03091a!important;font-size:18px!important}
.wldj-player .wldj-volume{grid-column:3;justify-self:end;width:min(100%,220px)}
.wldj-player .wldj-times{margin-top:3px}
@media(max-width:850px){
 .wldj-player .wldj-seek-row{grid-template-columns:190px minmax(0,1fr) 0px;gap:8px}
}
@media(max-width:650px){
 .wldj-player .wldj-seek-row{grid-template-columns:1fr;gap:5px}
 .wldj-player .wldj-seek-row .wldj-modes{grid-column:1;grid-row:1;justify-content:flex-start}
 .wldj-player .wldj-seek-row .wldj-progress{grid-column:1;grid-row:2}
 .wldj-player .wldj-bottom{grid-template-columns:1fr auto 1fr;gap:5px;padding-top:6px}
 .wldj-player .wldj-controls{grid-column:2;grid-row:1}
 .wldj-player .wldj-volume{grid-column:1/-1;grid-row:2;justify-self:center;width:min(100%,230px)}
}
@media(max-width:520px){
 .wldj-player .wldj-seek-row{display:grid;grid-template-columns:1fr;gap:5px}
 .wldj-player .wldj-bottom{display:grid;grid-template-columns:1fr;gap:7px}
 .wldj-player .wldj-controls{grid-column:1;grid-row:1;justify-self:center}
 .wldj-player .wldj-volume{grid-column:1;grid-row:2;justify-self:center}
}

/* v0.7.7: substantially shorter three-panel header and uncluttered transport deck */
.wldj-player .wldj-top{grid-template-columns:185px minmax(0,1fr) 195px;gap:9px;align-items:stretch}
.wldj-player .wldj-brand,.wldj-player .wldj-readout,.wldj-player .wldj-meter{min-height:0;height:124px}
.wldj-player .wldj-brand{padding:8px;min-height:0}
.wldj-player .wldj-site-logo{width:auto;height:auto;max-width:80%;max-height:88px}
.wldj-player .wldj-readout{padding:8px 12px 29px;position:relative;min-height:0}
.wldj-player .wldj-track{margin:4px 0 3px;line-height:1.15;font-size:calc(22px * var(--dj-scale))}
.wldj-player .wldj-upnext{bottom:7px;right:11px;left:11px;gap:6px;margin:0;font-size:calc(9px * var(--dj-scale))}
.wldj-player .wldj-meter{min-height:0;padding:7px 9px;display:flex;flex-direction:column}
.wldj-player .wldj-meter canvas{flex:1 1 auto;display:block;height:78px;min-height:0;width:100%;margin-top:5px}
.wldj-player .wldj-seek-row{display:grid;grid-template-columns:185px minmax(0,1fr) 195px;gap:9px;padding:7px 0 0}
.wldj-player .wldj-seek-row .wldj-progress{grid-column:2;grid-row:1;min-width:0;width:100%}
.wldj-player .wldj-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px;padding:4px 5px 2px;min-height:49px;align-items:center}
.wldj-player .wldj-bottom .wldj-modes{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0}
.wldj-player .wldj-mode{min-height:18px;padding:2px 5px!important;font-size:calc(8px * var(--dj-scale))!important}
.wldj-player .wldj-controls{grid-column:2;grid-row:1;justify-self:center}
.wldj-player .wldj-volume{grid-column:3;grid-row:1;justify-self:end;width:min(100%,220px)}
@media(max-width:850px){
 .wldj-player .wldj-top{grid-template-columns:150px minmax(0,1fr)}
 .wldj-player .wldj-brand,.wldj-player .wldj-readout{height:124px}
 .wldj-player .wldj-meter{grid-column:1/-1;height:105px;min-height:0}
 .wldj-player .wldj-meter canvas{height:65px;min-height:0}
 .wldj-player .wldj-seek-row{grid-template-columns:150px minmax(0,1fr)}
}
@media(max-width:650px){
 .wldj-player .wldj-bottom{grid-template-columns:1fr auto 1fr;gap:6px}
 .wldj-player .wldj-bottom .wldj-modes{grid-column:1;grid-row:1}
 .wldj-player .wldj-controls{grid-column:2;grid-row:1}
 .wldj-player .wldj-volume{grid-column:1/-1;grid-row:2;justify-self:center;width:min(100%,240px)}
}
@media(max-width:520px){
 .wldj-player .wldj-top{grid-template-columns:1fr}
 .wldj-player .wldj-brand{height:95px}
 .wldj-player .wldj-site-logo{max-height:75px}
 .wldj-player .wldj-readout{height:auto;min-height:125px}
 .wldj-player .wldj-meter{height:100px;min-height:0}
 .wldj-player .wldj-seek-row{grid-template-columns:1fr;display:grid}
 .wldj-player .wldj-seek-row .wldj-progress{grid-column:1}
 .wldj-player .wldj-bottom{grid-template-columns:1fr auto;display:grid;gap:7px}
 .wldj-player .wldj-bottom .wldj-modes{grid-column:1;grid-row:1}
 .wldj-player .wldj-controls{grid-column:2;grid-row:1}
 .wldj-player .wldj-volume{grid-column:1/-1;grid-row:2}
}

/* v0.7.9 — phone-only compact player. Desktop and tablet rules untouched. */
@media(max-width:520px){
 .wldj-player{margin:7px auto;line-height:1.12}
 .wldj-player .wldj-frame{padding:7px 7px 6px;border-width:3px;outline-width:1px;box-shadow:inset 1px 1px #607da1,inset -2px -2px #020914,2px 2px 0 #061329}
 .wldj-player .wldj-top{grid-template-columns:1fr;gap:5px}
 .wldj-player .wldj-brand,.wldj-player .wldj-readout,.wldj-player .wldj-meter{border-width:2px;min-height:0}
 .wldj-player .wldj-brand{height:61px;padding:4px 7px}
 .wldj-player .wldj-site-logo{max-height:49px;max-width:80%;width:auto;height:auto}
 .wldj-player .wldj-readout{height:auto;min-height:105px;padding:6px 9px 29px}
 .wldj-player .wldj-overline{font-size:calc(9px * var(--dj-scale));line-height:1.1}
 .wldj-player .wldj-track{font-size:calc(15px * var(--dj-scale));line-height:1.1;margin:3px 0 3px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .wldj-player .wldj-meta{font-size:calc(9px * var(--dj-scale));line-height:1.1}
 .wldj-player .wldj-upnext{left:9px;right:9px;bottom:6px;gap:4px;font-size:calc(8px * var(--dj-scale));flex-wrap:nowrap;white-space:nowrap;overflow:hidden;justify-content:flex-end}
 .wldj-player .wldj-upnext-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .wldj-player .wldj-meter{height:68px;padding:5px 8px;gap:1px}
 .wldj-player .wldj-meter canvas{flex:1 1 auto;height:43px;min-height:0;margin-top:2px}
 .wldj-player .wldj-seek-row{display:block;padding:7px 0 0}
 .wldj-player .wldj-seek-row .wldj-progress{width:100%}
 .wldj-player input[type=range]{height:11px}
 .wldj-player .wldj-times{margin-top:3px;font-size:calc(9px * var(--dj-scale))}
 .wldj-player .wldj-bottom{display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;gap:4px;min-height:0;padding:6px 0 1px}
 .wldj-player .wldj-bottom .wldj-modes{grid-column:1;grid-row:1;justify-self:start;align-self:center;align-items:flex-start;gap:4px}
 .wldj-player .wldj-mode{font-size:calc(7px * var(--dj-scale))!important;padding:3px 4px!important;min-height:19px;max-width:100%;line-height:1!important}
 .wldj-player .wldj-controls{grid-column:2;grid-row:1;justify-self:center;gap:7px;min-width:0}
 .wldj-player .wldj-controls button{width:38px;height:36px;font-size:12px!important;border-width:2px!important;box-shadow:inset 1px 1px #a6c9f7,inset -2px -2px #08162f,1px 2px #03091a!important}
 .wldj-player .wldj-controls .wldj-play{width:46px;height:41px;font-size:15px!important}
 .wldj-player .wldj-volume{grid-column:1/-1;grid-row:2;justify-self:center;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;max-width:none;width:min(100%,225px);margin-top:1px}
 .wldj-player .wldj-volume button{width:43px;height:25px}
 .wldj-player .wldj-library-link{margin-top:8px}
 .wldj-player .wldj-library-link a{font-size:calc(9px * var(--dj-scale));padding:7px 9px}
 .wldj-player .wldj-library-list{margin-top:9px;padding:10px}
}

/* v0.8.0: mobile-only transport surfaces. Do not shrink desktop button sprites. */
@media (max-width:520px){
 .wldj-player .wldj-controls{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-width:0}
 .wldj-player .wldj-controls button,
 .wldj-player .wldj-controls .wldj-play{
   -webkit-appearance:none!important;appearance:none!important;
   display:inline-flex!important;align-items:center!important;justify-content:center!important;
   flex:0 0 41px!important;width:41px!important;height:42px!important;
   min-width:0!important;min-height:0!important;
   padding:0!important;margin:0!important;
   background:#153252!important;
   border:2px solid #527dab!important;border-radius:0!important;
   box-shadow:inset 2px 2px 0 #8fb9e3,inset -3px -3px 0 #07172f,2px 3px 0 #030b19!important;
   color:#e1efff!important;font-size:16px!important;line-height:1!important;
   text-shadow:none!important;filter:none!important;
 }
 .wldj-player .wldj-controls button::before{display:none!important;content:none!important}
 .wldj-player .wldj-controls button:not(.wldj-play) span{display:none!important}
 .wldj-player .wldj-controls button[data-wldj-prev]::after{content:'◀';font-size:16px;color:#e1efff}
 .wldj-player .wldj-controls button[data-wldj-next]::after{content:'▶';font-size:16px;color:#e1efff}
 .wldj-player .wldj-controls .wldj-play{
    flex-basis:48px!important;width:48px!important;height:48px!important;
    background:#c99519!important;border-color:#ffdf65!important;
    box-shadow:inset 2px 2px 0 #fff0a2,inset -3px -3px 0 #724709,2px 3px 0 #271a06!important;
    color:#0a1b32!important;font-size:20px!important
 }
 .wldj-player .wldj-controls button:focus-visible{outline:2px solid #fff!important;outline-offset:4px}
 .wldj-player .wldj-controls button:active{transform:translate(1px,2px)!important;box-shadow:inset 2px 2px 0 #0d2547!important}
 .wldj-player .wldj-volume button[data-wldj-mute]{
   appearance:none!important;background:#153252!important;color:#e1efff!important;
   border:2px solid #527dab!important;border-radius:0!important;
   box-shadow:inset 1px 1px #8fb9e3,inset -2px -2px #07172f!important;
   width:auto!important;min-width:51px!important;height:29px!important;
   padding:2px 6px!important;font-size:11px!important;text-shadow:none!important
 }
}

/* v0.8.1: uniform phone control dimensions, including Play and Mute. */
@media (max-width:520px){
 .wldj-player .wldj-controls{gap:10px!important;align-items:center!important}
 .wldj-player .wldj-controls button,
 .wldj-player .wldj-controls .wldj-play{
   flex:0 0 40px!important;
   width:40px!important;min-width:40px!important;max-width:40px!important;
   height:40px!important;min-height:40px!important;max-height:40px!important;
   padding:0!important;margin:0!important;
   line-height:1!important;font-size:16px!important;
   border-width:2px!important;border-radius:0!important;
   background-image:none!important;
   transform:none;
 }
 .wldj-player .wldj-controls .wldj-play{font-size:18px!important}
 .wldj-player .wldj-controls button span{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
 .wldj-player .wldj-controls button:not(.wldj-play) span{display:none!important}
 .wldj-player .wldj-controls button::after{display:flex;align-items:center;justify-content:center}
 .wldj-player .wldj-volume button[data-wldj-mute]{
   box-sizing:border-box!important;width:55px!important;min-width:55px!important;max-width:55px!important;
   height:40px!important;min-height:40px!important;max-height:40px!important;
   padding:0 3px!important;margin:0!important;font-size:10px!important;line-height:1!important;
   border-width:2px!important;background-image:none!important;
 }
}

/* v0.8.2: shared speaker state; visual glyphs appear on phone only. */
.wldj-player .wldj-volume .wldj-speaker-on,.wldj-player .wldj-volume .wldj-speaker-off{display:none}
@media(max-width:520px){
 .wldj-player .wldj-volume button[data-wldj-mute]{
  flex:0 0 40px!important;box-sizing:border-box!important;
  width:40px!important;min-width:40px!important;max-width:40px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  padding:0!important;margin:0!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  border:2px solid #527dab!important;line-height:1!important;
 }
 .wldj-player .wldj-volume button[data-wldj-mute] .wldj-mute-label{display:none!important}
 .wldj-player .wldj-volume button[data-wldj-mute] .wldj-speaker-on{display:block;width:20px;height:20px}
 .wldj-player .wldj-volume button[data-wldj-mute][data-muted="true"] .wldj-speaker-on{display:none}
 .wldj-player .wldj-volume button[data-wldj-mute][data-muted="true"] .wldj-speaker-off{display:block;width:20px;height:20px}
}

/* v0.8.3: iOS Safari volume range touch target; only the visual rail is thin. */
@media (max-width:520px){
 .wldj-player .wldj-volume input[data-wldj-volume]{
   position:relative;z-index:2;display:block;box-sizing:border-box;
   width:100%;min-width:0;height:40px!important;min-height:40px!important;
   margin:0!important;padding:0!important;border:0!important;
   border-radius:0!important;outline-offset:1px;
   -webkit-appearance:none!important;appearance:none!important;
   background:linear-gradient(to bottom, transparent calc(50% - 7px),#09172d calc(50% - 7px),#15365c calc(50% + 7px),transparent calc(50% + 7px))!important;
   cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;
 }
 .wldj-player .wldj-volume input[data-wldj-volume]::-webkit-slider-runnable-track{
   height:14px;border:2px solid #051122;border-radius:0;
   background:linear-gradient(#06142c,#0e2e54);
 }
 .wldj-player .wldj-volume input[data-wldj-volume]::-webkit-slider-thumb{
   -webkit-appearance:none!important;appearance:none!important;
   width:20px;height:29px;margin-top:-9px;
   background:#ffd21f;border:2px solid #a56d09;border-radius:0;
   box-shadow:1px 1px #050c19;
 }
 .wldj-player .wldj-volume input[data-wldj-volume]::-moz-range-track{
   height:14px;border:2px solid #051122;background:linear-gradient(#06142c,#0e2e54);
 }
 .wldj-player .wldj-volume input[data-wldj-volume]::-moz-range-thumb{
   width:20px;height:29px;background:#ffd21f;border:2px solid #a56d09;border-radius:0;
 }
}

/* v0.8.5: DJ Sets page adopts shared Site Core content panel and heading.
   Keep Site Core in charge of sizing/padding/shadow and the selected DJ font in charge of the player. */
.wldj-site-page{display:block;min-width:0;}
.wldj-site-page .wldj-site-page-body{min-width:0;width:100%;}
.wldj-site-page .wldj-player{width:100%;max-width:100%;margin:0 auto;}
.wldj-site-page .wldj-library-list{margin-top:18px;}
.wldj-site-page .wldj-page-title-fallback{margin-bottom:24px;}
.wldj-site-page .wldj-page-title-fallback h1{color:#ffd21f;font-size:clamp(24px,4vw,46px);margin:0;}
@media(max-width:780px){
 .wldj-site-page .wldj-player{min-width:0;}
 .wldj-site-page .wldj-library-list{margin-top:12px;}
}

/* Search filtering must override the library card grid display rule. */
.wldj-player .wldj-tracks .wldj-list-item[hidden]{display:none!important}
.wldj-player .wldj-search-empty{padding:16px;color:#abc5e8;text-align:center}

/* v0.8.8: publication dates and fresh-set marker */
.wldj-player .wldj-list-info{display:flex;flex-direction:column;gap:5px;min-width:0}
.wldj-player .wldj-posted{color:#a4bdd9;font-size:calc(10px * var(--dj-scale));line-height:1.4}
.wldj-player .wldj-new{color:#081c35;background:var(--dj-gold);font-size:calc(10px * var(--dj-scale));font-weight:700;padding:3px 5px;white-space:nowrap}
.wldj-player .wldj-current-posted{color:#abc5e8}
.wldj-player .wldj-list-item{grid-template-columns:42px minmax(0,1fr) auto auto}
@media(max-width:520px){.wldj-player .wldj-list-item{gap:7px;grid-template-columns:26px minmax(0,1fr) auto auto}}