#colourCues{min-width:32px;font-size:18px;line-height:1}#colourCues[aria-pressed=true]{background:#f0e442;color:#142e40;border-color:#fff}
.colour-cues .primary.is-ready{background:#006e67;color:white}
.colour-cues .ready-mark{border:2px solid currentColor}
.colour-cues .color-dot,.colour-cues .shape-choice,.colour-cues .prompt-swatch{color:#102a3c!important}
.colour-cues .prompt-swatch{position:relative}
.colour-cues :is(.color-dot,.shape-choice,.prompt-swatch)::after{content:var(--colour-code);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:bold 12px/1 sans-serif;padding:2px 3px;border:1px solid #102a3c;border-radius:3px;background:#fff;color:#102a3c;inset:auto;left:50%;top:50%;pointer-events:none}
.colour-cues :is([data-color=red],[data-color=Rouge i]){--colour-code:'R';--accessible-colour:#d55e00}
.colour-cues :is([data-color=blue],[data-color=Bleu i]){--colour-code:'B';--accessible-colour:#0072b2}
.colour-cues :is([data-color=green],[data-color=Vert i]){--colour-code:'V';--accessible-colour:#009e73}
.colour-cues :is([data-color=yellow],[data-color=Jaune i]){--colour-code:'J';--accessible-colour:#f0e442}
.colour-cues :is([data-color=orange],[data-color=Orange i]){--colour-code:'O';--accessible-colour:#e69f00}
.colour-cues :is([data-color=purple],[data-color=Violet i]){--colour-code:'P';--accessible-colour:#cc79a7}
.colour-cues :is(.color-dot,.shape-choice,.prompt-swatch)[data-color]{background:var(--accessible-colour)!important;box-shadow:0 0 0 2px #fff,0 0 0 4px #243747}
.colour-cue{display:none}.colour-cues .fruit-visual{position:relative}.colour-cues .colour-cue{display:block;position:absolute;bottom:1px;left:50%;transform:translateX(-50%);padding:2px 6px;border:2px solid #243747;border-radius:5px;background:#fff;color:#142e40;font:bold 12px/1.1 sans-serif;pointer-events:none}
.colour-cues .hidden-fruit .colour-cue{display:none!important}
.colour-cues .color-btn.correct{outline:3px double #132e44}.colour-cues .color-btn.wrong{outline:3px dashed #132e44}