/* 参加者カードのスタイル */
#guests-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.guest-card {
  background: #23272d;
  border: 1.5px solid #444;
  border-radius: var(--border-radius-rounded);
  padding: 4px 8px;
  font-size: 0.95em;
  max-width: 320px;
  min-width: 80px;
  box-shadow: 0 1.5px 4px rgba(0,0,0,0.18);
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.97em;
  color: #e0e6ed;
  transition: box-shadow 0.2s, border-color 0.2s;
}

/* リンクカードの下線を消す・色継承 */
a.guest-card {
  text-decoration: none;
  color: inherit;
}

.guest-card:hover {
  box-shadow: 0 3px 12px rgba(0,0,0,0.32);
  border-color: #008dbd;
}

.guest-screenname {
  font-weight: bold;
  color: #4fc3f7;
  margin-bottom: 1px;
  font-size: 1.05em;
}

.guest-name {
  color: #b0b8c1;
  font-size: 0.92em;
}

.guest-card-empty,
.guest-card-error {
  background: #23272d;
  border: 1.5px dashed #444;
  color: #888;
  font-style: italic;
  min-width: 120px;
  text-align: center;
}