.blast-public-rooms {
  width: 100%;
  margin-top: 2px;
  padding-top: 10px;
  border-top: 2px solid #474c52;
  box-sizing: border-box;
}
.blast-pr-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
  color: #ffd76a;
  font-family: var(--font-pixel, monospace);
  font-size: 8px;
  text-shadow: 1px 1px 0 #000;
}
.blast-pr-count { color: #c2c3c7; }
.blast-pr-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 190px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.blast-pr-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 6px 8px;
  border: 2px solid #474c52;
  background: #000;
  color: #fff1e8;
  font-family: var(--font-pixel, monospace);
  font-size: 8px;
  text-align: left;
}
.blast-pr-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.blast-pr-main b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff1e8; }
.blast-pr-main span { color: #c2c3c7; font-size: 7px; }
.blast-pr-meta { color: #6f9fd8; white-space: nowrap; }
.blast-pr-join {
  flex: none;
  border: 2px solid #c2c3c7;
  background: #ffd76a;
  color: #000;
  padding: 5px 8px;
  font-family: inherit;
  font-size: 7px;
  cursor: pointer;
}
.blast-pr-join:active { transform: translateY(1px); }

/* 观战按钮：和「加入」区分开（观战席不占选手位） */
.blast-pr-watch {
  background: #2b3550;
  border-color: #6f9fd8;
  color: #cfe2ff;
}
.blast-pr-watch:disabled { background: #474c52; border-color: #474c52; }
.blast-pr-join:disabled { background: #474c52; color: #929292; cursor: default; }
.blast-pr-empty { padding: 8px 4px; color: #6f757e; font-family: var(--font-pixel, monospace); font-size: 8px; text-align: center; }
@media (max-width: 560px) {
  .blast-public-rooms { margin-top: 0; }
  .blast-pr-list { max-height: 150px; }
  .blast-pr-row { gap: 6px; padding: 5px 6px; }
}