/* ================= V3.7 — RAP DJ manga player ================= */
.rap-dj-player{
  position:relative;
  overflow:hidden;
  min-height:390px;
  border-radius:24px;
  border:2px solid #43206b;
  background:#111c45;
  color:#fff;
  box-shadow:0 16px 34px rgba(37,29,92,.18);
}
.rap-dj-player .dj-cover{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
}
.rap-dj-player:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(8,12,41,.86) 0%,rgba(8,12,41,.48) 40%,rgba(8,12,41,.16) 67%,rgba(8,12,41,.46) 100%);
}
.rap-dj-player .rap-overlay{
  position:relative;z-index:2;min-height:390px;padding:28px;
  display:grid;grid-template-columns:minmax(300px,520px) 1fr;gap:22px;align-items:end;
}
.rap-dj-player .rap-copy{
  align-self:start;background:rgba(255,255,255,.94);color:#26304d;
  border-radius:20px;padding:18px 20px;box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.rap-dj-player .rap-copy h3{margin:0 0 9px;font-size:27px;color:#ab30dc}
.rap-dj-player .rap-copy p{margin:8px 0;line-height:1.48;font-size:14px}
.rap-dj-player .deck{
  grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;
  padding:14px 18px;border-radius:999px;
  background:rgba(8,18,48,.92);border:2px solid rgba(78,220,255,.65);
  box-shadow:0 0 24px rgba(55,193,255,.3);
}
.rap-dj-player .deck button{
  width:62px;height:62px;border:0;border-radius:50%;
  background:linear-gradient(135deg,#ff2ca6,#ff4c70);color:#fff;font-size:24px;font-weight:1000;cursor:pointer;
  box-shadow:0 0 20px rgba(255,45,160,.55);
}
.rap-dj-player .deck button:disabled{opacity:.38;cursor:default;box-shadow:none}
.rap-dj-player .track-area{min-width:0}
.rap-dj-player .track-title{font-size:14px;font-weight:900;margin-bottom:8px;color:#d8f5ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rap-dj-player .seek{height:10px;border-radius:999px;background:#516483;overflow:hidden;cursor:pointer}
.rap-dj-player .seek span{display:block;height:100%;width:0;background:linear-gradient(90deg,#22d3ee,#ff3cab)}
.rap-dj-player .time{font-weight:900;white-space:nowrap;color:#e6f3ff}
.rap-dj-player audio{display:none}
@media(max-width:850px){
  .rap-dj-player .rap-overlay{grid-template-columns:1fr;align-items:end}
  .rap-dj-player .rap-copy{max-width:100%}
  .rap-dj-player .deck{grid-template-columns:auto 1fr}
  .rap-dj-player .time{grid-column:2}
}