/* Crosslink V285: height-conscious Sound & display layout.
 * Pure presentation: do not alter theme controls, handlers, gameplay or preferences.
 * Keep vertical scrolling available on short devices instead of clipping controls. */
body:not(.board-view) #view-settings {
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
}
body:not(.board-view) #view-settings #customiseDetails {
  margin:0 auto 8px!important;
  padding:0 10px 8px!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
body:not(.board-view) #view-settings #customiseDetails > .setup-summary {
  padding:7px 10px!important;
  margin:0!important;
  min-height:0!important;
  line-height:1.15!important;
}
body:not(.board-view) #view-settings #customiseDetails #clThemesPanel.cl-themes-inline {
  padding:0 4px 4px!important;
  margin:0 auto!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices {
  gap:10px!important;
  margin:0 auto 3px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices .cl-theme-control {
  gap:3px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices .cl-theme-control select,
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-mix-choice select {
  height:36px!important;
  min-height:36px!important;
  padding:5px 28px 5px 9px!important;
  font-size:14px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices .cl-theme-master-preview,
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices .cl-theme-background-preview {
  height:126px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices .cl-theme-match,
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices .cl-theme-bg-mode {
  margin:2px 0 0!important;
  min-height:24px!important;
  gap:5px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices .cl-theme-bg-mode select {
  min-height:30px!important;
  height:30px!important;
  padding:3px 24px 3px 7px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-mix-grid {
  column-gap:10px!important;
  row-gap:0!important;
  margin:0 auto 3px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-mix-choice {
  gap:3px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-mix-choice > label {
  margin:0!important;
  gap:3px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-board-preview,
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-preview {
  width:min(144px,100%)!important;
  margin:3px auto 0!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-preview {
  gap:6px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-button {
  max-width:65px!important;
  max-height:65px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-audio-grid {
  gap:10px!important;
  margin:2px auto 0!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-audio-grid .cl-theme-mix-choice {
  gap:2px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-audio-grid .cl-theme-volume {
  margin:0!important;
  gap:2px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-audio-grid .cl-theme-audio-enable {
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  margin:0!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions {
  margin:3px auto 0!important;
  row-gap:3px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions .cl-theme-apply {
  padding:7px 20px!important;
  min-height:34px!important;
}
@media (max-width:560px) {
  body:not(.board-view) #view-settings #customiseDetails {padding:0 5px 8px!important;}
  body:not(.board-view) #view-settings #clThemesPanel .cl-theme-board-preview,
  body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-preview {width:min(130px,100%)!important;}
  body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-button {max-width:59px!important;max-height:59px!important;}
  body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices .cl-theme-master-preview,
  body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices .cl-theme-background-preview {height:114px!important;}
}
/* Keep the four preview pieces clickable, and prevent forced clipping of extra controls. */
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-button {min-width:0!important;min-height:0!important;}