/* A completed board puts only the picks and Start match in the spotlight. */
#categorySelect.cs-board-ready{--cs-ready-veil:rgba(0,0,0,.79);--cs-ready-veil-layer:20;--cs-ready-pick-layer:21}
#categorySelect.cs-board-ready::after{content:'';position:fixed;inset:0;background:var(--cs-ready-veil);z-index:var(--cs-ready-veil-layer);pointer-events:none}
#categorySelect.cs-board-ready .cs-card.is-selected{z-index:var(--cs-ready-pick-layer)}
/* The fixed board tray is its own layer; dim its chrome behind its picks. */
#categorySelect.cs-board-ready .cs-dock::before{content:'';position:absolute;inset:0;background:var(--cs-ready-veil);z-index:1;pointer-events:none}
#categorySelect.cs-board-ready :is(.cs-slot.is-filled,.cs-start){position:relative;z-index:2}
/* An intentionally dimmed control remains usable and lights up for keyboard focus. */
#categorySelect.cs-board-ready :is(.cs-header,.cs-tools,.cs-mobile-groups,.cs-filter-row):has(:focus-visible){position:relative;z-index:var(--cs-ready-pick-layer)}
#categorySelect.cs-board-ready .cs-dock-heading:has(:focus-visible){position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){#categorySelect.cs-board-ready::after,#categorySelect.cs-board-ready .cs-dock::before{animation:none;transition:none}}

#categorySelect.cs-board-ready .cs-groups:has(:focus-visible){z-index:var(--cs-ready-pick-layer)}