body {
  background: #111;
  color: #eee;
  font-family: system-ui, sans-serif;
}

iframe {
  width: 100%;
  border: none;
}

.playerWrap {
  position: relative;
  width: 100%;
  max-width: 500px; /* passt zur iframe-Breite */
}

.playerWrap{
  position: relative;
  width: 100%;
  max-width: 500px;      /* dein embed width */
  border-radius: 14px;
  overflow: hidden;      /* wichtig: Masken & iframe sauber clippen */
}

/* iframe auf feste Höhe */
.playerWrap iframe{
  width: 100% !important;
  height: 120px !important; /* oEmbed liefert 120 */
  border: 0;
  display: block;
}

/* Stellschrauben */
:root{
  --maskTopH: 70px;      /* verdeckt Titel/Interpret komplett */
  --maskLeftW: 145px;    /* verdeckt Cover + linken Rand */
  --maskH: 120px;
  --maskBg: #141420;     /* Hintergrundfarbe deiner Card */
}

/* Oben maskieren */
.maskTop{
  position: absolute;
  top: 0; left: 0; right: 0;
  height: var(--maskTopH);
  background: var(--maskBg);
  pointer-events: none;
}

/* Links maskieren (Cover) */
.maskLeft{
  position: absolute;
  top: 0; left: 0;
  width: var(--maskLeftW);
  height: var(--maskH);
  background: var(--maskBg);
  pointer-events: none;
}