/* DJPORT v25.51 — Beatport-inspired track deck and global player. */
:root{--dp-player-orange:#ff6a00;--dp-player-orange-2:#ff9b43;--dp-player-black:#080a0d;--dp-player-panel:#111419;--dp-player-line:#2b3038}

/* Track deck */
.dp-table{border-collapse:separate!important;border-spacing:0 10px!important}
.dp-table .dp-row{isolation:isolate!important;transition:transform .18s ease,filter .18s ease!important}
.dp-table .dp-row>td{position:relative!important;padding:12px 11px!important;background:linear-gradient(145deg,#15191f 0%,#101318 68%,#0c0f13 100%)!important;border-top:1px solid #2b3038!important;border-bottom:1px solid #2b3038!important;color:#e9edf2!important;transition:background .18s ease,border-color .18s ease!important}
.dp-table .dp-row>td:first-child{border-left:1px solid #2b3038!important;border-radius:13px 0 0 13px!important;box-shadow:inset 3px 0 0 rgba(255,106,0,.72)!important}
.dp-table .dp-row>td:last-child{border-right:1px solid #2b3038!important;border-radius:0 13px 13px 0!important}
.dp-table .dp-row:hover{transform:translateY(-2px)!important;filter:drop-shadow(0 13px 24px rgba(0,0,0,.32))!important}
.dp-table .dp-row:hover>td{background:linear-gradient(145deg,#1b2027,#12161b)!important;border-color:#414851!important}
.dp-table .dp-cover,.dp-table img.dp-cover{width:66px!important;height:66px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 10px 26px rgba(0,0,0,.38)!important;object-fit:cover!important}
.dp-table .dp-title-cell{min-width:220px!important}
.dp-table .dp-track-title,.dp-table .dp-track-title a{color:#fff!important;font-size:14px!important;font-weight:900!important;letter-spacing:-.18px!important;line-height:1.25!important;text-decoration:none!important}
.dp-table .dp-track-title a:hover{color:var(--dp-player-orange-2)!important}
.dp-table .dp-title-cell>.dp-muted{margin-top:4px!important;color:#a2a9b3!important;font-size:11px!important}
.dp-table .dp-title-stats{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;margin-top:9px!important}
.dp-table .dp-title-stats>span,.dp-table .dp-title-stats>.dp-like-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:28px!important;padding:5px 8px!important;border:1px solid #343a43!important;border-radius:7px!important;background:#090c10!important;color:#dce1e7!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;font-size:10px!important;font-weight:850!important;line-height:1!important;text-decoration:none!important}
.dp-table .dp-title-stats b{color:var(--dp-player-orange)!important;font-size:9px!important;letter-spacing:.05em!important}
.dp-table .dp-title-stats>.dp-like-btn:hover,.dp-table .dp-title-stats>.dp-like-btn.liked{background:linear-gradient(135deg,var(--dp-player-orange),var(--dp-player-orange-2))!important;border-color:var(--dp-player-orange)!important;color:#08090b!important}
.dp-table .dp-title-stats>.dp-like-btn:hover b,.dp-table .dp-title-stats>.dp-like-btn.liked b{color:#08090b!important}
.dp-table .dp-tag{border-radius:6px!important;background:#0a0d11!important;border:1px solid #363c45!important;color:#ff9b55!important;padding:7px 9px!important;font-size:10px!important;font-weight:850!important}

/* Inline player */
.dp-wave-player,.dp-player-cell .dp-wave-player,.dp-table .dp-wave-player,.dp-track-player-wrap .dp-wave-player{position:relative!important;display:grid!important;grid-template-columns:45px minmax(0,1fr)!important;gap:11px!important;align-items:center!important;width:100%!important;min-height:74px!important;padding:10px 12px!important;overflow:hidden!important;border:1px solid #343a44!important;border-radius:12px!important;background:radial-gradient(circle at 15% 0,rgba(255,106,0,.14),transparent 34%),linear-gradient(145deg,#0f1318,#07090c)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 25px rgba(0,0,0,.22)!important}
.dp-wave-player:after{content:"";position:absolute;left:58px;right:12px;bottom:8px;height:1px;background:linear-gradient(90deg,rgba(255,106,0,.55),transparent 70%);pointer-events:none}
.dp-wave-player .dp-play,.dp-table .dp-wave-player .dp-play{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border:1px solid rgba(255,145,67,.75)!important;border-radius:9px!important;background:linear-gradient(145deg,#ff8d36,#ff5d00)!important;color:#090a0c!important;box-shadow:0 9px 24px rgba(255,94,0,.25),inset 0 1px 0 rgba(255,255,255,.38)!important;font-size:15px!important;font-weight:950!important;cursor:pointer!important;transition:transform .16s ease,box-shadow .16s ease!important}
.dp-wave-player .dp-play:hover{transform:scale(1.055)!important;box-shadow:0 11px 30px rgba(255,94,0,.4)!important}
.dp-wave-player.is-playing .dp-play,.dp-wave-player.is-global-current .dp-play{background:#f5f7fa!important;border-color:#fff!important;color:#0a0c0f!important}
.dp-wave-wrap{min-width:0!important;overflow:hidden!important}
.dp-wave-title{overflow:hidden!important;color:#fff!important;font-size:11px!important;font-weight:900!important;line-height:1.15!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.dp-wave-meta{margin-top:3px!important;color:#ff944a!important;font-size:9px!important;font-weight:800!important;letter-spacing:.025em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.dp-wave{position:relative!important;display:flex!important;align-items:center!important;gap:1.5px!important;width:100%!important;height:34px!important;margin-top:3px!important;padding:0 2px!important;overflow:hidden!important;background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.055),rgba(255,255,255,.025))!important;border-radius:5px!important;cursor:pointer!important}
.dp-wave:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.08);pointer-events:none}
.dp-wave span,.dp-wave-player .dp-wave span{position:relative!important;z-index:1!important;flex:1 1 1px!important;min-width:1px!important;max-width:3px!important;border-radius:2px!important;background:linear-gradient(180deg,#69717c,#343a43)!important;opacity:.78!important;transition:background .1s linear,opacity .1s linear,filter .1s linear!important}
.dp-wave span.active,.dp-wave-player .dp-wave span.active{background:linear-gradient(180deg,#ffd0ad 0%,#ff8b39 38%,#ff5d00 100%)!important;opacity:1!important;filter:drop-shadow(0 0 3px rgba(255,103,0,.46))!important}
.dp-wave-player.is-global-current{border-color:rgba(255,106,0,.72)!important;box-shadow:0 0 0 1px rgba(255,106,0,.25),0 12px 30px rgba(0,0,0,.3)!important}
.dp-time{display:flex!important;justify-content:space-between!important;margin-top:1px!important;color:#7f8792!important;font-size:8px!important;font-weight:800!important}
.dp-download-cell .dp-download-btn:not(.dp-downloaded){display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:10px 13px!important;border:1px solid #ff812c!important;border-radius:9px!important;background:linear-gradient(145deg,#ff8c36,#ff5d00)!important;color:#090a0c!important;box-shadow:0 9px 22px rgba(255,94,0,.2)!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.035em!important}
.dp-download-cell .dp-download-btn:not(.dp-downloaded):hover{transform:translateY(-1px)!important;background:linear-gradient(145deg,#ffa35f,#ff6a00)!important;color:#050608!important}

/* Global bottom deck */
.dp-global-player{left:16px!important;right:16px!important;bottom:14px!important;width:auto!important;max-width:none!important;min-height:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.14)!important;border-top-color:rgba(255,128,42,.8)!important;border-radius:16px!important;background:rgba(8,10,13,.94)!important;box-shadow:0 24px 70px rgba(0,0,0,.62),0 0 0 1px rgba(255,106,0,.08)!important;backdrop-filter:blur(22px) saturate(145%)!important;-webkit-backdrop-filter:blur(22px) saturate(145%)!important}
.dp-global-player:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 0,rgba(255,106,0,.17),transparent 27%),linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);pointer-events:none}
.dp-global-inner{position:relative!important;z-index:1!important;max-width:1460px!important;grid-template-columns:62px 132px minmax(280px,1fr) 86px 190px!important;gap:14px!important;padding:12px 16px!important}
.dp-global-cover{width:58px!important;height:58px!important;min-width:58px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:11px!important;object-fit:cover!important;box-shadow:0 11px 30px rgba(0,0,0,.38)!important}
.dp-global-transport{gap:7px!important}
.dp-global-transport .dp-global-play{width:48px!important;height:48px!important;min-width:48px!important;border:1px solid #ff9a55!important;border-radius:11px!important;background:linear-gradient(145deg,#ff963f,#ff5d00)!important;color:#08090b!important;box-shadow:0 10px 28px rgba(255,94,0,.28)!important;font-size:16px!important;font-weight:950!important}
.dp-global-skip{width:34px!important;height:34px!important;min-width:34px!important;border:1px solid #363c45!important;border-radius:9px!important;background:#12161b!important;color:#dce1e7!important;font-size:23px!important}
.dp-global-skip:hover:not(:disabled){border-color:#ff812c!important;background:#252a31!important;color:#ff9b55!important}
.dp-global-title{margin:0!important;color:#fff!important;font-size:13px!important;font-weight:950!important;letter-spacing:-.1px!important}
.dp-global-meta{margin-top:3px!important;color:#ff974e!important;font-size:9px!important;font-weight:850!important}
.dp-global-wave{position:relative!important;display:flex!important;align-items:center!important;gap:1.5px!important;width:100%!important;min-width:0!important;height:38px!important;margin-top:3px!important;padding:0 3px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:7px!important;background:#07090c!important;cursor:pointer!important}
.dp-global-wave:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.08)}
.dp-global-wave span{position:relative;z-index:1;flex:1 1 1px!important;min-width:1px!important;max-width:3px!important;border-radius:2px!important;background:linear-gradient(180deg,#606872,#303640)!important;opacity:.72!important}
.dp-global-wave span.active{background:linear-gradient(180deg,#ffd5b7,#ff8d3d 42%,#ff5d00)!important;opacity:1!important;filter:drop-shadow(0 0 4px rgba(255,103,0,.5))!important}
.dp-global-bar{height:2px!important;margin-top:3px!important;border:0!important;background:#282d34!important}
.dp-global-progress{background:linear-gradient(90deg,#ff5d00,#ffab68)!important;box-shadow:0 0 9px rgba(255,106,0,.6)!important}
.dp-global-time{padding:8px 9px!important;border:1px solid #303640!important;border-radius:8px!important;background:#0b0e12!important;color:#aeb5bf!important;font-size:11px!important;font-variant-numeric:tabular-nums!important;text-align:center!important}
.dp-global-actions{gap:7px!important}
.dp-global-action,.dp-global-actions .dp-mini-btn{min-height:42px!important;border:1px solid #363c45!important;border-radius:9px!important;background:#12161b!important;color:#e8ebef!important;box-shadow:none!important}
.dp-global-action:hover,.dp-global-actions .dp-mini-btn:hover,.dp-global-fav.is-active{border-color:#ff812c!important;background:#20252c!important;color:#ff9b55!important;transform:none!important}
.dp-global-action .dp-btn-ico,.dp-global-actions .dp-btn-ico{background:rgba(255,106,0,.12)!important;color:#ff8e42!important}
body.dp-player-visible{padding-bottom:112px!important}

@media(max-width:900px){
  .dp-table .dp-row>td{padding:10px!important}.dp-table .dp-cover,.dp-table img.dp-cover{width:58px!important;height:58px!important}
  .dp-global-player{left:8px!important;right:8px!important;bottom:8px!important;border-radius:14px!important}
  .dp-global-inner{grid-template-columns:48px minmax(118px,1fr) 82px!important;grid-template-rows:auto auto auto!important;gap:8px!important;padding:10px!important}
  .dp-global-cover{grid-column:1!important;grid-row:1!important;width:46px!important;height:46px!important;min-width:46px!important}
  .dp-global-transport{grid-column:2!important;grid-row:1!important;justify-self:start!important}
  .dp-global-transport .dp-global-play{width:42px!important;height:42px!important;min-width:42px!important}
  .dp-global-skip{width:31px!important;height:31px!important;min-width:31px!important}
  .dp-global-actions{grid-column:3!important;grid-row:1!important;width:82px!important;max-width:82px!important;gap:4px!important}
  .dp-global-action,.dp-global-actions .dp-mini-btn{width:39px!important;min-width:39px!important;height:39px!important;min-height:39px!important;padding:0!important}
  .dp-global-action-label{display:none!important}
  .dp-global-main{grid-column:1/-1!important;grid-row:2!important}
  .dp-global-wave{height:34px!important}
  .dp-global-time{grid-column:1/-1!important;grid-row:3!important;justify-self:end!important;width:auto!important;min-width:74px!important;padding:4px 7px!important}
  body.dp-player-visible{padding-bottom:158px!important}
}
@media(max-width:760px){
  .dp-table .dp-row{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:9px 11px!important;padding:12px!important;border:1px solid #2b3038!important;border-left:3px solid var(--dp-player-orange)!important;border-radius:14px!important;background:linear-gradient(145deg,#15191f,#0d1014)!important;box-shadow:0 12px 28px rgba(0,0,0,.26)!important}
  .dp-table .dp-row>td{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .dp-table .dp-row>td:first-child,.dp-table .dp-row>td:last-child{border:0!important;border-radius:0!important;box-shadow:none!important}
  .dp-table .dp-row:hover{transform:none!important}.dp-table .dp-row:hover>td{background:transparent!important;border:0!important}
  .dp-table .dp-title-cell{min-width:0!important}.dp-table .dp-track-title,.dp-table .dp-track-title a{font-size:14px!important}
  .dp-table .dp-player-cell,.dp-table .dp-download-cell{grid-column:1/-1!important}
  .dp-wave-player,.dp-table .dp-wave-player{min-height:68px!important;padding:9px!important;border-radius:11px!important}
  .dp-wave-player .dp-play,.dp-table .dp-wave-player .dp-play{width:40px!important;height:40px!important;min-width:40px!important;border-radius:8px!important}
  .dp-wave{height:31px!important;gap:1px!important}.dp-wave-title{font-size:10px!important}.dp-time{font-size:8px!important}
  .dp-download-cell .dp-download-btn{width:100%!important;min-height:42px!important}
}
@media(max-width:390px){.dp-global-inner{grid-template-columns:42px minmax(105px,1fr) 76px!important;padding:8px!important;gap:6px!important}.dp-global-cover{width:41px!important;height:41px!important;min-width:41px!important}.dp-global-transport{gap:3px!important}.dp-global-skip{width:28px!important;height:28px!important;min-width:28px!important}.dp-global-transport .dp-global-play{width:38px!important;height:38px!important;min-width:38px!important}.dp-global-actions{width:76px!important;max-width:76px!important}.dp-global-action,.dp-global-actions .dp-mini-btn{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}.dp-global-wave{height:31px!important}}

@media(prefers-reduced-motion:reduce){.dp-table .dp-row,.dp-wave-player .dp-play{transition:none!important}.dp-table .dp-row:hover{transform:none!important}}