.board {
  width: min(920px, calc(100% - 32px));
  margin: 28px auto 64px;
}
.rooms {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0;
}
.rooms button {
  border: 1px solid rgba(255, 211, 106, 0.45);
  background: #140c10;
  color: var(--gold);
  font-weight: 900;
  padding: 8px 14px;
  cursor: pointer;
}
.rooms button.is-on { background: var(--ember); color: #fff; border-color: transparent; }
.thread-list, .replies { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.thread-list a, .reply, .composer, .post-body {
  display: block;
  padding: 14px 16px;
  background: #120c10;
  border: 1px solid rgba(255, 211, 106, 0.18);
}
.thread-list a { color: inherit; }
.thread-list strong, .post-body h3 { display: block; margin: 4px 0; font-size: 20px; }
.meta { color: var(--muted); font-size: 13px; }
.composer { margin-top: 16px; display: grid; gap: 8px; }
.composer input, .composer textarea, .composer select {
  width: 100%;
  box-sizing: border-box;
  background: #07080b;
  color: var(--ink);
  border: 1px solid rgba(255, 211, 106, 0.35);
  padding: 10px 12px;
  font: inherit;
}
.composer textarea { min-height: 120px; resize: vertical; }
.bug-fields { display: none; gap: 8px; }
.bug-fields.is-on { display: grid; }
.note { color: var(--muted); font-size: 14px; }
.error { color: #ffb4a8; }
@media (max-width: 720px) {
  .top .nav { display: none; }
}