#retro-chat-box {
  font-family: 'PixelMplusJP', 'PixelMplus', sans-serif;
  max-width: 600px;
  margin: 20px auto;
  background: black;
  color: white;
  border: 3px solid white;
  padding: 10px;
  border-radius: 8px;
}

#retro-chat-messages {
  height: 200px;
  overflow-y: auto;
  margin-bottom: 10px;
  background: black;
  padding: 5px;
  font-size: 16px;
  line-height: 1.5;
}

#retro-chat-form {
  display: flex;
  gap: 8px;
}

#retro-chat-input {
  flex: 1;
  padding: 6px;
  font-size: 16px;
  background: black;
  color: white;
  border: 2px solid white;
  border-radius: 4px;
}

#retro-chat-form button {
  background: white;
  color: black;
  border: none;
  padding: 6px 10px;
  font-weight: bold;
  cursor: pointer;
}

.kanpinpin-name {
    color: orange;
    font-weight: bold;
}

.other-user-name {
    color: #28a745; /* 緑に変更 */
    font-weight: bold;
}

.guest-name {
    color: #999;
    font-weight: bold;
}