/* Catrin & Abi – BSL Letter Match v1.1.0 */
.cag-bsl-level-game{width:100%;font-family:'OpenDyslexic',Arial,sans-serif}
.cag-bsl-level-strip{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin:8px 0 14px}
.cag-bsl-level-btn{display:flex;align-items:center;justify-content:center;gap:5px;min-height:48px;padding:7px 5px;border:2px solid #d7dfec;border-radius:12px;background:#fff;color:#172033;font:inherit;font-weight:900;cursor:pointer}
.cag-bsl-level-btn em{font-style:normal}.cag-bsl-level-btn.active{box-shadow:0 0 0 3px rgba(0,0,0,.08);transform:translateY(-1px)}
.cag-bsl-level-btn.earned{border-color:#67a97d;background:#eefaf2}.cag-bsl-level-btn.locked{opacity:.5;cursor:not-allowed}
.cag-bsl-summary-row{display:flex;align-items:stretch;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 auto 8px}
.cag-bsl-level-summary{display:flex;flex-direction:column;justify-content:center;min-width:210px;padding:10px 14px;border:2px solid #dbe3ef;border-radius:15px;background:#fff}
.cag-bsl-level-summary strong{font-size:1.2rem}.cag-bsl-level-summary span{font-weight:700;color:#465066}
.cag-bsl-jewel-hud{display:flex;align-items:center;gap:9px;min-width:230px;padding:8px 12px;border:2px solid #dbe3ef;border-radius:15px;background:#fff}
.cag-bsl-jewel-visual{display:block;width:58px;height:48px;flex:0 0 58px}.cag-bsl-jewel-visual img{width:100%;height:100%;object-fit:contain;transition:opacity .2s ease}
.cag-bsl-jewel-hud>span:last-child{display:flex;flex-direction:column}.cag-bsl-jewel-hud strong{font-size:.95rem}.cag-bsl-jewel-hud small{font-weight:800;color:#526077}
.cag-bsl-jewel-hud.earned{border-color:#67a97d;background:#eefaf2}.cag-bsl-jewel-hud.complete{border-color:#d4ad38;background:#fff8d9}
.cag-bsl-jewel-hud.award{animation:cagBslJewelAward .8s ease}@keyframes cagBslJewelAward{0%{transform:scale(1)}42%{transform:scale(1.12)}100%{transform:scale(1)}}
.cag-bsl-board{margin:0 auto}.cag-bsl-board[data-cards="6"]{max-width:760px;grid-template-columns:repeat(3,minmax(0,1fr))!important}.cag-bsl-board[data-cards="8"]{max-width:920px;grid-template-columns:repeat(4,minmax(0,1fr))!important}.cag-bsl-board[data-cards="10"]{max-width:1080px;grid-template-columns:repeat(5,minmax(0,1fr))!important}.cag-bsl-board[data-cards="12"]{max-width:1220px;grid-template-columns:repeat(6,minmax(0,1fr))!important}.cag-bsl-board[data-cards="14"]{grid-template-columns:repeat(7,minmax(0,1fr))!important}.cag-bsl-board[data-cards="16"]{grid-template-columns:repeat(8,minmax(0,1fr))!important}.cag-bsl-board[data-cards="20"],.cag-bsl-board[data-cards="22"],.cag-bsl-board[data-cards="24"]{grid-template-columns:repeat(8,minmax(0,1fr))!important}
.cag-bsl-finish-actions{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.cag-bsl-finish-actions .cag-done{flex:1 1 340px}
.cag-bsl-multi{margin:8px 0 12px;padding:12px;border:2px solid #dbe3ef;border-radius:16px;background:#f8fbff}
.cag-bsl-multi-title{display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}.cag-bsl-multi-title strong{font-size:1.05rem}.cag-bsl-multi-title span{font-weight:700;color:#4d5870}
.cag-bsl-stage-buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:10px 0}.cag-bsl-stage-btn{padding:8px 12px;border:2px solid #cfd9ea;border-radius:11px;background:#fff;font:inherit;font-weight:900;cursor:pointer}.cag-bsl-stage-btn.active{box-shadow:0 0 0 3px rgba(0,0,0,.08)}.cag-bsl-stage-btn.done{border-color:#67a97d;background:#eefaf2}.cag-bsl-stage-btn:disabled{opacity:.48;cursor:not-allowed}
.cag-bsl-scorebar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.cag-bsl-scorebar span{display:flex;align-items:center;gap:7px;padding:7px 10px;border:2px solid #dbe3ef;border-radius:10px;background:#fff}.cag-bsl-scorebar span.turn{box-shadow:0 0 0 3px rgba(0,0,0,.11)}.cag-bsl-scorebar b{font-size:1.2rem}.cag-bsl-level10-earned{font-weight:900;text-align:center;padding:8px 10px}
.cag-bsl-learn{margin:0 auto}
@media(max-width:1100px){.cag-bsl-level-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.cag-bsl-board[data-cards="14"],.cag-bsl-board[data-cards="16"],.cag-bsl-board[data-cards="20"],.cag-bsl-board[data-cards="22"],.cag-bsl-board[data-cards="24"]{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(max-width:800px){.cag-bsl-level-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.cag-bsl-level-btn{min-height:44px;font-size:.84rem}.cag-bsl-board[data-cards]{grid-template-columns:repeat(4,minmax(0,1fr))!important}.cag-bsl-summary-row{flex-direction:column}.cag-bsl-level-summary,.cag-bsl-jewel-hud{width:100%;min-width:0}}
@media(max-width:560px){.cag-bsl-level-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.cag-bsl-board[data-cards]{grid-template-columns:repeat(3,minmax(0,1fr))!important}.cag-bsl-jewel-visual{width:48px;height:42px;flex-basis:48px}}
@media(max-width:400px){.cag-bsl-board[data-cards]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){.cag-bsl-jewel-hud.award{animation:none}}
