.mb3-board .mb3-room-actions .mb3-close-room-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #a97168;
  border-radius: 4px;
  background: transparent;
  color: #ffb2a2;
  box-shadow: none;
}
.mb3-board .mb3-room-actions .mb3-close-room-button:hover:not(:disabled) {
  color: #ffd8cf;
  border-color: #ffc0b1;
  background: #4a2928;
}
.mb3-close-room-button:focus-visible { outline: 2px solid #b3f4d3; outline-offset: 3px; }
.mh-close-room-confirm p { margin: 0 0 14px; line-height: 1.5; }
.mh-close-room-confirm p + p { color: #b4c9bc; }
.mh-close-room-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-top: 22px; }
.mh-close-room-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border-radius: 4px; white-space: normal; }
.mh-close-room-actions .mh-close-room-confirm-button { color: #18201c; background: #ffad9c; border: 1px solid #ffad9c; }
.mh-close-room-confirm .mh-close-room-error { color: #ffb2a2; }
@media (max-width: 600px) {
  .mb3-board .aaa-room-lobby:has(.mb3-close-room-button) { grid-template-areas: "art copy" "command command" "controls controls"; }
  .mb3-board .mb3-hud:has(.mb3-close-room-button) .mb3-room-code { flex-shrink: 0; white-space: nowrap; }
}
@media (max-width: 420px) {
  .mb3-board .mb3-hud:has(.mb3-close-room-button) .mb3-hud-room { grid-column: 1 / -1; grid-row: 2; }
  .mb3-board .mb3-hud:has(.mb3-close-room-button) .mb3-hud-round { grid-row: 3; }
  .mb3-board .mb3-hud:has(.mb3-close-room-button) .mb3-hud-bars { grid-row: 4; }
}
@media (max-width: 380px) { .mh-close-room-actions button { flex: 1 1 100%; } }