/* Decorative only: keep the original controls, opaque panels and table felt. */
.workspace:has(> main:not(.in-table)) {
  background-color: var(--bg);
  background-image:
    linear-gradient(to bottom, transparent 65%, var(--bg)),
    url('/lounge-background.webp?v=2');
  background-position: top right;
  background-repeat: no-repeat;
  /* Fill the entire workspace, including tall lobbies beside the chat. */
  background-size: 100% 100%, cover;
}
@media (max-width: 700px) {
  .workspace:has(> main:not(.in-table)) {
    background-image:
      linear-gradient(to bottom, #10121435, #10121470 55%, var(--bg)),
      url('/lounge-background.webp?v=2');
    background-size: 100% 100%, cover;
  }
}