#mr3dActiveRoomsToggle .mr3d-app-rooms-left b {
  font-size: clamp(17px, 2.4vw, 22px) !important;
  color: #f7f6ff !important;
}

#mr3dActiveRoomsPanel #mgrOpenRoomsStatus:empty,
#mr3dActiveRoomsPanel .mgr-room-copy-feedback:empty,
#mr3dActiveRoomsPanel .mgr-room-copy-manual[hidden] {
  display: none !important;
}

#mgrOpenRoomsGallery {
  container-type: inline-size;
  gap: 8px !important;
}

#mgrOpenRoomsGallery .mgr-room-color-row {
  --room-color: #bac8e3;
  --room-tint: #212a40;
  --room-preview-width: 72px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: center;
  column-gap: 10px;
  padding-inline-end: 10px;
  border: 1px solid #273657;
  border-inline-start: 3px solid var(--room-color);
  border-radius: 11px;
  background: linear-gradient(105deg, #161f3b, #0d1730 70%);
  min-width: 0;
}

#mgrOpenRoomsGallery .mgr-room-color-row[data-kind="dj"] {
  --room-color: #c1a6ff;
  --room-tint: #31254e;
}

#mgrOpenRoomsGallery .mgr-room-color-row[data-kind="talk"] {
  --room-color: #79e7fa;
  --room-tint: #163b4b;
}

#mgrOpenRoomsGallery .mgr-room-color-row[data-kind="adult"] {
  --room-color: #ff9cb5;
  --room-tint: #46253a;
}

#mgrOpenRoomsGallery .mgr-room-color-row .mgr-room-list-line {
  display: grid !important;
  grid-template-columns: var(--room-preview-width) minmax(0, 1fr) max-content 12px !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  gap: 10px !important;
  box-sizing: border-box;
  padding: 8px !important;
  border-color: transparent !important;
  background: transparent !important;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

#mgrOpenRoomsGallery .mgr-room-color-row .mgr-room-list-line:hover {
  background: #1a2846 !important;
}

#mgrOpenRoomsGallery .mgr-room-color-row .mgr-room-list-namebox small {
  color: var(--room-color);
  background: var(--room-tint);
}

#mgrOpenRoomsGallery .mgr-room-preview {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  box-sizing: border-box;
  width: var(--room-preview-width);
  max-width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid #ffffff25;
  border-radius: 8px;
  color: var(--room-color);
  background: radial-gradient(ellipse at 40% 100%, var(--room-tint), #111a31 85%);
}

#mgrOpenRoomsGallery .mgr-room-preview-symbol {
  font-size: 22px;
  line-height: 1;
}

#mgrOpenRoomsGallery .mgr-room-preview-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#mgrOpenRoomsGallery .mgr-room-color-row .mgr-room-list-namebox {
  align-items: start;
  gap: 4px;
}

#mgrOpenRoomsGallery .mgr-room-color-row .mgr-room-list-namebox strong {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: 16px;
  line-height: 1.25;
}

#mgrOpenRoomsGallery .mgr-room-color-row .mgr-room-list-namebox small {
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 2px 6px;
  border-radius: 5px;
  font-weight: 650;
}

#mgrOpenRoomsGallery .mgr-room-copy-name {
  box-sizing: border-box;
  min-height: 44px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid #56669c;
  border-radius: 7px;
  background: linear-gradient(160deg, #2d3861, #202a4c);
  color: #f3f5ff;
  font: 600 12px/1.2 system-ui, sans-serif;
  white-space: nowrap;
  cursor: pointer;
}

#mgrOpenRoomsGallery .mgr-room-copy-name:hover {
  background: #2c3d66;
}

#mgrOpenRoomsGallery .mgr-room-copy-name:focus-visible {
  outline: 2px solid #8be8ff;
  outline-offset: 1px;
}

#mr3dActiveRoomsPanel .mgr-room-copy-feedback {
  margin: 9px 0 0;
  color: #b7f5d8;
  font-size: 12px;
}

#mr3dActiveRoomsPanel .mgr-room-copy-manual {
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  margin-top: 7px;
  padding: 5px 9px;
  color: #f5f5ff;
  background: #121c35;
  border: 1px solid #455379;
  border-radius: 7px;
  font-size: 16px;
}

#mr3dRadioMode.mr3d-app-mode {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 7px 11px !important;
  min-height: 0 !important;
  margin: 7px 0 0 !important;
  padding: 6px 10px 9px !important;
}

#mr3dRadioMode.mr3d-app-mode::before {
  display: none !important;
}

#mr3dRadioMode .mr3d-app-mode-head {
  margin: 0 !important;
}

#mr3dRadioMode .mr3d-app-mode-head small {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #bbd9f5 !important;
  font-size: 12px !important;
  letter-spacing: .03em !important;
}

#mr3dRadioMode .mr3d-app-mode-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 5px !important;
  width: auto !important;
  margin: 0 !important;
}

#mr3dRadioMode :is(#mr3dModeExclusive, #mr3dModeOpen) {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 4px 10px !important;
  gap: 0 !important;
  border-radius: 999px !important;
  border: 1px solid #435576 !important;
  background: #121f3d !important;
  box-shadow: none !important;
}

#mr3dRadioMode :is(#mr3dModeExclusive, #mr3dModeOpen).active {
  border-color: #b06bf0 !important;
  background: #402461 !important;
}

#mr3dRadioMode :is(#mr3dModeExclusive, #mr3dModeOpen) .mr3d-app-mode-text strong {
  color: #c5d4f0 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

#mr3dRadioMode :is(#mr3dModeExclusive, #mr3dModeOpen).active .mr3d-app-mode-text strong {
  color: #f5e5ff !important;
}

#mr3dRadioMode :is(#mr3dModeExclusive, #mr3dModeOpen).active .mr3d-app-mode-text strong::before {
  content: "✓";
  margin-inline-end: 5px;
}

#mr3dRadioMode .mr3d-app-mode-icon,
#mr3dRadioMode .mr3d-app-mode-check,
#mr3dRadioMode .mr3d-app-mode-empty {
  display: none !important;
}

@container (max-width: 385px) {
  #mgrOpenRoomsGallery .mgr-room-color-row {
    --room-preview-width: 56px;
    grid-template-columns: minmax(0, 1fr);
    padding-inline-end: 0;
  }
  #mgrOpenRoomsGallery .mgr-room-color-row .mgr-room-list-line {
    gap: 7px !important;
  }
  #mgrOpenRoomsGallery .mgr-room-copy-name {
    justify-self: end;
    margin: 0 8px 7px;
  }
}