/* Standalone cognitive games styling, isolated under .brg */
.brg{display:flex;align-items:center;flex-direction:column;gap:15px;text-align:center;padding:18px;max-width:680px;margin:auto}
.brg-heading{font-size:23px;font-weight:800}.brg p{line-height:1.55;color:#52627b}.brg-round{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#4f6179}
.brg-options{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.brg-options button,.brg-cell,.brg-continue{background:#fff;border:1px solid #a9bdd0;border-radius:12px;padding:14px;color:#21354b;font-weight:750;min-height:48px;touch-action:manipulation}
.brg-continue{background:#1d3c5c;color:white}.brg-grid{display:grid;grid-template-columns:repeat(3,minmax(60px,1fr));gap:9px;width:min(340px,100%)}
.brg-cell{font-size:26px;aspect-ratio:1}.brg-cell.brg-good{background:#5ad6af}.brg-color{font-size:clamp(40px,9vw,70px);font-weight:900}
.brg-signal{border:0;border-radius:16px;color:white;background:#d77d5e;width:min(420px,100%);height:190px;font-size:26px;font-weight:900;touch-action:manipulation}
.brg-motion{position:relative;width:min(500px,100%);height:210px;background:#0d1a2c;border-radius:18px;overflow:hidden}
.brg-ball{position:absolute;width:15%;aspect-ratio:1;height:auto;border-radius:50%;border:3px solid white;background:#adbedf;transition:left .52s cubic-bezier(.22,.8,.3,1),top .52s cubic-bezier(.22,.8,.3,1);touch-action:manipulation}
.brg-ball.brg-highlight{background:#38cfa5}.brg-ball:disabled{opacity:1}
.brg-words{font-size:19px;font-weight:700;line-height:1.7}.brg-status{min-height:22px;color:#168d7e;font-weight:750}
@media(max-width:530px){.brg-motion{height:210px}}
@media(prefers-reduced-motion:reduce){.brg-ball{transition-duration:.12s}}

.brg-rule{font-size:15px;font-weight:850;padding:9px 14px;border:1px solid #bac3e3;border-radius:10px;background:#f3f2fd;color:#25234c}.brg-options button{background:#fff;color:#21354b;border-color:#a9bdd0}

.brg-grid-transition{opacity:.18;transform:scale(.96);filter:blur(4px);transition:opacity .32s,transform .32s,filter .32s}.brg-note{min-height:24px;font-weight:750;color:#484ab5!important}

.brg-motion{height:clamp(200px,30vh,265px);background:#171a38;border:1px solid #383767;box-shadow:inset 0 10px 35px #00000012}
.brg-ball{box-sizing:border-box;box-shadow:0 6px 18px #0003;border-width:2px;background:#aebddd}
.brg-heading{font-size:clamp(22px,3.5vw,30px);font-weight:750;letter-spacing:-.035em;color:#232244}
.brg{gap:12px;padding:clamp(12px,2.5vw,22px);color:#242346}
.brg-round{font-size:12px;letter-spacing:.14em;color:#6663c8;font-weight:750}
.brg-finished{padding:clamp(25px,6vw,50px);max-width:510px;background:linear-gradient(150deg,#fff,#f3f1ff);border:1px solid #e3e0f9;border-radius:26px}
.brg-finished h2{font-size:clamp(30px,5vw,42px);letter-spacing:-.045em;margin:0}
.brg-finished-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:18px;background:#e5e3ff;color:#5452c6;font-size:32px}
.brg-result-main{padding:20px;border-radius:18px;background:#fff;border:1px solid #e6e3f4;display:grid;gap:4px;min-width:min(300px,80vw)}
.brg-result-main span,.brg-reflex-trials span{font-size:11px;letter-spacing:.12em;color:#72708f;font-weight:750}
.brg-result-main strong{font-size:clamp(38px,7vw,58px);line-height:1.2;letter-spacing:-.05em;color:#5352c6}
.brg-reflex-results{display:grid;gap:13px}
.brg-reflex-trials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.brg-reflex-trials>div{display:grid;gap:7px;padding:14px 8px;border:1px solid #e5e4f0;border-radius:13px;background:#fff}
.brg-reflex-trials strong{font-size:clamp(12px,2.3vw,16px);color:#28264b}
.brg-continue{background:#5352c6;border-color:#5352c6;border-radius:13px;padding:14px 32px}