/*
  Base structural CSS for the chat overlay.
  All theming (colors, fonts, animations, decorations)
  comes from the active profile's overlay.css.
*/

html, body {
  width: 2048px;
  height: 576px;
  background: transparent;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body {
  position: relative;
}

#chat-container {
  position: fixed;
  bottom: 6px;
  right: 6px;
  width: 480px;
  height: 130px;
  overflow-y: auto;
  overflow-x: hidden;
}

.chat-message {
  display: flex;
  align-items: baseline;
  gap: 4px;
  opacity: 0;
}

.platform-badge {
  font-size: 8px;
  flex-shrink: 0;
}

.username {
  white-space: nowrap;
}