/* Crosslink V183: actual piece artwork for each Offline player and compact Advanced choices. */
body:not(.board-view) #view-play #setupDetails .player-choice-card .player-colour-badge{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 50px!important;width:50px!important;height:50px!important;
 padding:0!important;overflow:visible!important;
}
body:not(.board-view) #view-play #setupDetails .player-choice-card .player-colour-badge .cl-offline-piece-image{
 display:block!important;width:44px!important;height:44px!important;object-fit:contain!important;
 filter:drop-shadow(0 3px 3px rgba(25,46,72,.22));
 transition:transform .24s ease, filter .24s ease!important;
}
/* The chosen colour is shown as artwork rather than a solid flat circle. */
body:not(.board-view) #view-play #setupDetails .player-choice-card .side-chip-row{display:none!important;}
body:not(.board-view) #view-play #setupDetails.cl-advanced-open .player-choice-card:not(.player1-card) .side-chip-row{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;
 gap:12px!important;margin-top:12px!important;padding:4px 0!important;
}
body:not(.board-view) #view-play #setupDetails .player-choice-card .cl-offline-piece-choice{
 box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;
 justify-content:center!important;flex:0 0 48px!important;width:48px!important;height:48px!important;
 min-width:48px!important;min-height:48px!important;max-width:48px!important;
 padding:4px!important;border-radius:50%!important;border:1px solid #bfd0e2!important;
 background:linear-gradient(#fff,#f7fbff)!important;
 box-shadow:0 2px 6px rgba(29,62,91,.08)!important;
 transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
body:not(.board-view) #view-play #setupDetails .player-choice-card .cl-offline-piece-choice img{
 width:36px!important;height:36px!important;object-fit:contain!important;
 pointer-events:none!important;filter:drop-shadow(0 2px 2px rgba(26,45,66,.14));
 transition:transform .24s ease!important;
}
body:not(.board-view) #view-play #setupDetails .player-choice-card .cl-offline-piece-choice.selected{
 border:1.5px solid #365576!important;
 box-shadow:0 0 0 1px rgba(53,84,117,.2),0 6px 13px rgba(24,49,75,.13)!important;
 transform:scale(1.10)!important;
}
body:not(.board-view) #view-play #setupDetails .player-choice-card .cl-offline-piece-choice.selected img{transform:scale(1.13)!important;}
body:not(.board-view) #view-play #setupDetails .player-choice-card .cl-offline-piece-choice:hover{transform:translateY(-2px) scale(1.05)!important;}
body:not(.board-view) #view-play #setupDetails .player-choice-card .cl-offline-piece-choice:focus-visible{outline:3px solid #3885c6!important;outline-offset:4px!important;}
@media(max-width:580px){
 body:not(.board-view) #view-play #setupDetails .player-choice-card .player-colour-badge{flex-basis:42px!important;width:42px!important;height:42px!important;}
 body:not(.board-view) #view-play #setupDetails .player-choice-card .player-colour-badge .cl-offline-piece-image{width:39px!important;height:39px!important;}
}
@media(prefers-reduced-motion:reduce){
 body:not(.board-view) #view-play #setupDetails .player-choice-card :is(.cl-offline-piece-choice,.cl-offline-piece-choice img,.cl-offline-piece-image){transition:none!important;}
}