/* Keep the text side dark while letting the existing artwork show at the edge. */
#list-gen,
#list-priv {
  background-color: #080709;
  background-image:
    linear-gradient(90deg, rgba(8, 7, 10, 0.97) 0%, rgba(8, 7, 10, 0.92) 38%, rgba(8, 7, 10, 0.72) 70%, rgba(8, 7, 10, 0.55) 100%),
    url("assets/elitnyi-pryton-splash.webp");
  background-position: center, right 48%;
  background-repeat: no-repeat;
  background-size: cover;
}

#list-priv {
  background-image:
    linear-gradient(90deg, rgba(9, 7, 11, 0.975) 0%, rgba(9, 7, 11, 0.935) 38%, rgba(9, 7, 11, 0.79) 70%, rgba(9, 7, 11, 0.68) 100%),
    url("assets/elitnyi-pryton-splash.webp");
}

#general-section > .section-title {
  border-bottom-color: rgba(193, 146, 82, 0.4);
}

#private-section > .section-title {
  border-bottom-color: rgba(163, 105, 167, 0.35);
}

.room-motto {
  min-width: 0;
  margin-left: 10px;
  overflow: hidden;
  color: #c5a282;
  font-size: 10px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}

.room-motto--private { color: #b68cae; }

:root[data-theme="light"] #list-gen,
:root[data-theme="light"] #list-priv {
  background-color: #fbf9fc;
  background-image:
    linear-gradient(90deg, rgba(251, 249, 252, 0.99) 0%, rgba(251, 249, 252, 0.965) 38%, rgba(251, 249, 252, 0.9) 70%, rgba(251, 249, 252, 0.82) 100%),
    url("assets/elitnyi-pryton-splash.webp");
}

:root[data-theme="light"] #list-priv {
  background-image:
    linear-gradient(90deg, rgba(251, 249, 252, 0.993) 0%, rgba(251, 249, 252, 0.975) 38%, rgba(251, 249, 252, 0.935) 70%, rgba(251, 249, 252, 0.87) 100%),
    url("assets/elitnyi-pryton-splash.webp");
}

:root[data-theme="light"] .room-motto { color: #70524f; }
:root[data-theme="light"] .room-motto--private { color: #72516e; }

@media (max-width: 768px) {
  .room-motto { display: none; }

  #list-gen {
    background-image:
      linear-gradient(90deg, rgba(8, 7, 10, 0.97), rgba(8, 7, 10, 0.87)),
      url("assets/elitnyi-pryton-splash.webp");
  }

  #list-priv {
    background-image:
      linear-gradient(90deg, rgba(9, 7, 11, 0.975), rgba(9, 7, 11, 0.91)),
      url("assets/elitnyi-pryton-splash.webp");
  }

  :root[data-theme="light"] #list-gen {
    background-image:
      linear-gradient(90deg, rgba(251, 249, 252, 0.98), rgba(251, 249, 252, 0.91)),
      url("assets/elitnyi-pryton-splash.webp");
  }

  :root[data-theme="light"] #list-priv {
    background-image:
      linear-gradient(90deg, rgba(251, 249, 252, 0.985), rgba(251, 249, 252, 0.94)),
      url("assets/elitnyi-pryton-splash.webp");
  }
}