/* Rastyle PlayBlock – Frontend styles (CARD ONLY)
   Sticky UI styles intentionally removed.
   Cards are lightweight; REC controls the global sticky player. */

.rpb-card{
  display:flex;
  gap:12px;
  padding:12px;
  border-radius:12px;
  background:#0d0d0d;
  color:#fff;
  align-items:center;
}

.rpb-card .thumb{
  display:block;
  width:90px;
  height:90px;
  border-radius:10px;
  overflow:hidden;
  background:#222;
  flex:0 0 90px;
}
.rpb-card .thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

.rpb-card .meta{ flex:1; min-width:0; }
.rpb-card .meta .t{ margin:0 0 4px; font-size:1rem; line-height:1.2; }
.rpb-card .meta .t a{ color:#fff; text-decoration:none; }
.rpb-card .meta .t a:hover{ text-decoration:underline; }

.rpb-card .meta .by{ color:#b3b3b3; font-size:.85rem; }

.rpb-card .rpb-play{
  background:#1DB954;
  color:#000;
  border:none;
  padding:8px 12px;
  border-radius:8px;
  font-weight:700;
  cursor:pointer;
}
.rpb-card .rpb-play:hover{ filter:brightness(1.05); }