/* V147: Themes is independent of the audio controls. */
body:not(.board-view) #view-settings #clThemesPanel{display:block;box-sizing:border-box;width:100%;margin:22px auto 0;padding:18px 20px;border:1px solid #d0d8e3;border-radius:13px;background:#fff;color:#34465d;clear:both}
body:not(.board-view) #view-settings #clThemesPanel > summary{display:list-item;cursor:pointer;font-weight:750;font-size:18px;color:#35465f;margin:0 0 15px}
body:not(.board-view) #view-settings #clThemesPanel:not([open]) > summary{margin-bottom:0}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-control{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;font-weight:700;color:#405873}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-control select{width:min(310px,100%);min-height:42px;max-width:100%;background:#fff;color:#253c56;border:1px solid #aebbc9}
body:not(.board-view) #view-settings #clThemesPanel #pieceSettings{position:static!important;display:block!important;float:none!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body:not(.board-view) #view-settings #clThemesPanel #pieceSettings .piece-style-picker{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;justify-content:flex-start!important;margin:0!important;padding:0!important}
body:not(.board-view) #view-settings #clThemesPanel #pieceSettings .piece-style-picker strong{font-size:16px!important;color:#405873!important}
body:not(.board-view) #view-settings #clThemesPanel #pieceSettings select{width:205px;max-width:100%}
body:not(.board-view) #view-settings #clThemesPanel #pieceSettings img{width:46px;height:46px;object-fit:contain}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-hint,body:not(.board-view) #view-settings #clThemesPanel .cl-theme-status{font-size:12px;line-height:1.5;color:#66758b;margin:12px 0 0}
@media(max-width:550px){body:not(.board-view) #view-settings #clThemesPanel{padding:14px}body:not(.board-view) #view-settings #clThemesPanel .cl-theme-control{align-items:stretch;flex-direction:column}}

/* V228: Theme source mixer; default theme is independently used for missing files. */
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-control{flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-bottom:7px}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-control select{width:min(430px,100%);text-align:center}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-match{display:flex;gap:9px;align-items:center;justify-content:center;margin:5px auto 14px;font-weight:650;cursor:pointer}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-match input{width:18px;height:18px;accent-color:#6b1bbf}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-mix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;width:min(570px,100%);margin:0 auto 17px}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-mix-choice{display:flex;flex-direction:column;gap:5px;font-weight:650;min-width:0}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-mix-choice select{width:100%;min-width:0;min-height:42px;border-radius:8px;border:1px solid #aebbc9;background:#fff;color:#253c56}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-fallback-title{font-size:13px;font-weight:650;text-align:center;color:#66758b;margin:4px 0 8px}
@media(max-width:420px){body:not(.board-view) #view-settings #clThemesPanel .cl-theme-mix-grid{gap:9px}}

/* V229: volumes directly below the matching theme audio source. */
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-mix-choice > label{display:flex;flex-direction:column;gap:5px}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-volume{display:flex;flex-direction:column;gap:5px;margin:7px 0 0;min-width:0;width:100%;font-size:12px}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-volume input[type="range"]{width:100%;min-width:0;max-width:100%}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-audio-enable{display:flex;gap:7px;align-items:center;justify-content:flex-start;font-size:12px;margin:5px 0 0;cursor:pointer}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-audio-enable input{width:17px;height:17px;accent-color:#6b1bbf}
.cl-legacy-audio-select[hidden]{display:none!important}

/* V232: Theme and full-page background source side by side. */
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;width:min(570px,100%);margin:0 auto 6px}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices .cl-theme-control{min-width:0;width:100%;margin:0}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices select{width:100%;min-width:0;max-width:none}
@media(max-width:420px){body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices{gap:9px}}

/* V233: consistent full-width theme controls and staged previews. */
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices{width:min(740px,100%);gap:16px;align-items:start}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices .cl-theme-control{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;min-width:0!important;width:100%!important;max-width:none!important}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices .cl-theme-control select{display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;height:50px!important;min-height:50px!important;font-size:15px!important;padding:10px 34px 10px 12px!important;text-align:left!important;white-space:nowrap!important}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-mix-grid{width:min(740px,100%);gap:18px 16px}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-mix-choice select{min-height:50px}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-asset-preview{width:100%;border:1px solid #cbd6e9;border-radius:12px;overflow:hidden;background:#f3f0ff;display:flex;align-items:center;justify-content:center;position:relative}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-background-preview{height:180px}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-master-preview{height:180px;background:radial-gradient(circle at 5% 12%,#ffecd0 0,transparent 37%),radial-gradient(circle at 90% 10%,#c7f5ec 0,transparent 37%),linear-gradient(150deg,#fff9ec,#eef7ff 70%,#fceafa)}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-master-scene{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 5% 12%,#ffecd0 0,transparent 37%),radial-gradient(circle at 90% 10%,#c7f5ec 0,transparent 37%),linear-gradient(150deg,#fff9ec,#eef7ff 70%,#fceafa)}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-master-scene.has-image{background-size:cover;background-position:center;background-repeat:no-repeat}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-preview-css-layer{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;z-index:0}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-master-board-wrap{z-index:1}
/* V238: keep the whole board visible; render both authentic start squares for each colour. */
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-master-board-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:calc(100% - 14px);width:auto;max-width:calc(100% - 14px);aspect-ratio:1;display:block;overflow:visible}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-master-board-wrap>img,
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-master-board-wrap>canvas,
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-master-board-wrap>.cl-default-board-grid{width:100%;height:100%;object-fit:contain;display:block}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-master-piece{position:absolute;width:12%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%);background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;display:block;pointer-events:none}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-master-piece canvas{width:100%;height:100%;display:block;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;padding:0!important}
/* V238: eight preview pieces are positioned inline from startingStonesForSide. */
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-board-preview{width:min(220px,100%);aspect-ratio:1;margin:8px auto 0}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-asset-preview img{width:100%;height:100%;object-fit:cover;display:block}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-board-preview img{object-fit:contain}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-asset-preview iframe{width:100%;height:100%;border:0;pointer-events:none}
body:not(.board-view) #view-settings #clThemesPanel .cl-preview-default-bg{color:#26314c;text-shadow:none;font-size:13px;background:radial-gradient(circle at 5% 12%,#ffecd0 0,transparent 37%),radial-gradient(circle at 90% 10%,#c7f5ec 0,transparent 37%),linear-gradient(150deg,#fff9ec,#eef7ff 70%,#fceafa)}
body:not(.board-view) #view-settings #clThemesPanel .cl-default-board-grid{width:90%;height:90%;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:2px;background:#230d4d;padding:6px}
body:not(.board-view) #view-settings #clThemesPanel .cl-default-board-grid i{background:#dfd3ff;border-radius:2px}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-preview{width:min(220px,100%);aspect-ratio:1;margin:8px auto 0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:12px;align-items:center;justify-items:center}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-button{width:100%;height:100%;max-width:96px;max-height:96px;border:0!important;border-radius:0!important;background:transparent!important;padding:0;display:grid;place-items:center;box-shadow:none!important;appearance:none}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-button.selected{transform:none!important}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-button canvas{width:100%;height:100%;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;aspect-ratio:1;filter:none!important;padding:0!important}
body:not(.board-view) #view-settings #clThemesPanel #pieceSettings{display:none!important}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-apply-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin:18px auto 2px}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-apply{min-width:190px;font-size:16px;box-shadow:none}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-apply:disabled{opacity:.5}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-apply-status{font-size:12px;color:#536580;min-height:16px}
@media(max-width:480px){body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices{gap:10px}body:not(.board-view) #view-settings #clThemesPanel .cl-theme-background-preview{height:148px}body:not(.board-view) #view-settings #clThemesPanel .cl-theme-master-preview{height:148px}body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-preview{width:min(180px,100%);gap:10px}body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-button{max-width:74px;max-height:74px}}

/* V236: keep both top preview frames the same size at each breakpoint. */
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:180px}
@media(max-width:480px){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:148px}}

/* V243: the four piece thumbnails are artwork, not outlined selector chips.
   Keep click/keyboard selection behaviour without hover, focus or selected decoration. */
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button,
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button:hover,
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button:focus,
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button:focus-visible,
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button:active,
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button.selected {
  border:0!important;outline:0!important;box-shadow:none!important;
  background:transparent!important;filter:none!important;
  transform:none!important;text-shadow:none!important;
}
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button canvas {
  filter:none!important;box-shadow:none!important;outline:0!important;border:0!important;
}

/* V245: strictly preview-only neutral styling. Do not change the game canvas
   or shadows applied to pieces during real gameplay. */
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-master-piece,
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-master-piece canvas,
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button,
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button canvas {
 border:0!important;outline:0!important;border-radius:0!important;
 box-shadow:none!important;filter:none!important;text-shadow:none!important;
 background:transparent!important;transition:none!important;
}
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button:hover,
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button:focus,
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button:focus-visible,
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button:active,
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button.selected {
 border:0!important;outline:0!important;box-shadow:none!important;
 filter:none!important;background:transparent!important;transform:none!important;
}

/* V247: shadow ONLY the four large pieces under the Pieces dropdown.
   Combined Theme preview pieces remain entirely shadow-free. */
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-master-piece canvas {
  filter:none!important;box-shadow:none!important;
}
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button canvas {
  filter:drop-shadow(3px 3px 2px rgba(0,0,0,.25))!important;
  border:0!important;outline:0!important;box-shadow:none!important;
  background:transparent!important;border-radius:0!important;
}

/* V250: the Pieces and colour thumbnails are the ONLY visible preferred-colour picker.
   Retain legacy controls in the DOM for account/game compatibility, but never show them. */
body:not(.board-view) #view-settings #clThemesPanel #pieceSettings,
body:not(.board-view) #view-settings #clThemesPanel #clPieceColourRow,
body:not(.board-view) #view-settings #clThemesPanel #clPreferredColourChoices {
 display:none!important;visibility:hidden!important;
}
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button.selected {
 /* Selection ring, not an outline on the piece artwork itself. */
 position:relative!important;
}
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button.selected::after {
 content:"";position:absolute;inset:-3px;border:3px solid #1676ed;border-radius:50%;
 pointer-events:none;box-sizing:border-box;
}
body:not(.board-view) #view-settings #clThemesPanel #clThemePiecesPreview .cl-theme-piece-button:focus-visible::after {
 content:"";position:absolute;inset:-3px;border:3px solid #1676ed;border-radius:50%;pointer-events:none;
}

/* V255: keep Colour Blind Mode / Apply adjacent to the audio controls. */
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-mix-grid{margin-bottom:0!important;row-gap:12px!important}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;margin:8px auto 0;padding:0;max-width:740px}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions .cl-theme-colourblind{margin:0!important;min-height:0!important;padding:7px 12px!important;background:transparent!important;border:0!important;box-shadow:none!important;width:auto!important}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions .cl-theme-apply-wrap{margin:0 auto!important;gap:4px!important}
/* V255: image sits above all page gradients but below all actual app controls. */
#clThemePageBackground{position:fixed;inset:0;z-index:0;pointer-events:none;background-position:center center;background-repeat:no-repeat;background-size:cover;transform:none;will-change:auto;backface-visibility:visible}
#clThemePageBackground[hidden]{display:none!important}
body > .app{position:relative;z-index:1}

/* V256: Match is attached directly to the Theme preview; Background display
   is placed immediately below its matching thumbnail. */
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices .cl-theme-match{
 display:flex!important;align-self:center!important;justify-content:center!important;
 align-items:center!important;gap:9px!important;margin:8px auto 0!important;
 min-height:30px;font-weight:650;cursor:pointer;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices .cl-theme-bg-mode{
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:10px!important;margin:8px 0 0!important;font-weight:650;min-height:30px;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices .cl-theme-bg-mode select{
 width:min(170px,70%)!important;min-height:34px!important;height:36px!important;
 padding:5px 28px 5px 10px!important;font-size:13px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-background-preview{
 background-position:center center;
}


/* V260: compact Sound & display settings without changing any control handlers. */
body:not(.board-view) #view-settings #clThemesPanel{
 padding:12px 16px 14px!important;
 margin-top:12px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices{
 gap:12px!important;margin-bottom:6px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-mix-grid{
 row-gap:0!important;column-gap:14px!important;margin-bottom:8px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-audio-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 width:min(740px,100%);gap:14px;margin:0 auto!important;
 align-items:start;align-content:start;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-audio-grid .cl-theme-mix-choice{
 min-height:0!important;gap:4px!important;margin:0!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-audio-grid .cl-theme-mix-choice>label{
 margin:0!important;gap:4px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-audio-grid select{
 min-height:44px!important;height:44px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-audio-grid .cl-theme-volume{
 margin:4px 0 0!important;gap:4px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-audio-grid .cl-theme-audio-enable{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:flex-start!important;gap:4px!important;
 margin:2px 0 0!important;min-height:0!important;padding:0!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions{
 margin:0 auto!important;gap:3px!important;padding:0!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions .cl-theme-colourblind{
 padding:3px 8px!important;min-height:0!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions .cl-theme-apply-wrap{
 margin:0!important;gap:0!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions .cl-theme-apply-status{
 min-height:0!important;
}
@media(max-width:480px){
 body:not(.board-view) #view-settings #clThemesPanel .cl-theme-audio-grid{gap:9px!important}
 body:not(.board-view) #view-settings #clThemesPanel{padding:10px!important}
}


/* V261: proportional compact layout; all selectors retain their IDs and handlers.
   Keep the 2-column structure, but reduce dead vertical space. */
body:not(.board-view) #view-settings #clThemesPanel{
 padding:8px 12px 12px!important; margin-top:8px!important;
}
body:not(.board-view) #view-settings #clThemesPanel>summary{
 padding:11px 14px!important; line-height:1.25!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices{
 gap:12px!important;margin-top:12px!important;margin-bottom:8px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices .cl-theme-control{
 gap:5px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-top-choices .cl-theme-control select{
 height:44px!important;min-height:44px!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:164px!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-top:3px!important; min-height:30px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-mix-grid{
 column-gap:12px!important;margin-bottom:6px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-mix-choice{gap:4px!important}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-mix-choice select{
 min-height:44px!important;height:44px!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(198px,100%)!important;margin:6px auto 0!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-preview{gap:10px!important}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-button{
 max-width:86px!important;max-height:86px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-audio-grid{
 gap:12px!important;margin:0 auto!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-audio-grid .cl-theme-volume{
 margin-top:2px!important;gap:2px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-audio-grid .cl-theme-audio-enable{
 gap:2px!important;margin-top:0!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions{
 display:grid!important;grid-template-columns:auto auto;
 justify-content:center!important;align-items:center!important;
 column-gap:20px!important;row-gap:4px!important;
 margin:6px auto 0!important;padding:0!important;
 width:min(740px,100%);
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions .cl-theme-colourblind{
 grid-column:1;grid-row:1;margin:0!important;padding:0 4px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions .cl-theme-apply-wrap{
 grid-column:2;grid-row:1;margin:0!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions .cl-theme-apply{
 min-width:150px!important;padding:10px 25px!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions .cl-theme-palette{
 grid-column:1/-1;grid-row:2;margin:0!important;
}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions .cl-theme-apply-status:empty{display:none!important}
body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-fallback-title[hidden],
body:not(.board-view) #view-settings #clThemesPanel #pieceSettings[hidden]{display:none!important}
@media(max-width:560px){
 body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions{
  grid-template-columns:1fr;justify-items:center!important;gap:5px!important;
 }
 body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions .cl-theme-colourblind{grid-column:1;grid-row:1}
 body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions .cl-theme-apply-wrap{grid-column:1;grid-row:2}
 body:not(.board-view) #view-settings #clThemesPanel .cl-theme-final-actions .cl-theme-palette{grid-column:1;grid-row:3}
 body:not(.board-view) #view-settings #clThemesPanel .cl-theme-board-preview,
 body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-preview{width:min(170px,100%)!important}
 body:not(.board-view) #view-settings #clThemesPanel .cl-theme-piece-button{max-width:75px!important;max-height:75px!important}
}

/* V262: remove the redundant nested Themes panel and its heading/frame.
   Everything is part of the primary Sound & display section. */
body:not(.board-view) #view-settings #customiseDetails #clThemesPanel.cl-themes-inline{
 display:block!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;
 margin:0 auto!important;padding:0 8px 8px!important;
 width:100%!important;max-width:none!important;
}
body:not(.board-view) #view-settings #customiseDetails #clThemesPanel.cl-themes-inline > summary{display:none!important}
body:not(.board-view) #view-settings #customiseDetails #clThemesPanel.cl-themes-inline .cl-theme-top-choices{
 margin-top:0!important;margin-bottom:6px!important;
}
body:not(.board-view) #view-settings #customiseDetails #clThemesPanel.cl-themes-inline .cl-theme-mix-grid{
 margin-top:0!important;margin-bottom:4px!important;
}
body:not(.board-view) #view-settings #customiseDetails #clThemesPanel.cl-themes-inline .cl-theme-audio-grid{
 margin-top:0!important;
}
@media(max-width:520px){
 body:not(.board-view) #view-settings #customiseDetails #clThemesPanel.cl-themes-inline{padding:0 2px 8px!important}
}