Any component turns to glass by trading four declarations for the material’s tokens.

.player {  background: var(--glass-tint);  backdrop-filter: var(--glass-blur) var(--glass-lens);  box-shadow: var(--glass-edge);  color: var(--glass-ink);}

The card reads the wallpaper under it and picks its ink. The tint’s strength is kept apart for light and dark.

luminance    // the wallpaper under the cardink          // light below 0.5tint         // set per theme