
/* Little Legends Big Challenge, built for iPad touch controls. */
.bc-profile-record{display:block!important;margin:10px 9px 0!important;padding:7px 9px;border-radius:11px;background:#f3effd;color:#553e87!important;font-size:12px!important;font-weight:850!important;line-height:1.3}
.bc-feature{margin:8px 0 24px;border:2px solid #d9c6f8;border-radius:22px;background:linear-gradient(115deg,#f3ecff,#eff9f7);padding:23px 23px 17px;box-shadow:0 7px 23px #45319413}
.bc-feature-top{display:flex;justify-content:space-between;gap:14px;align-items:center}
.bc-feature-top h3{font-size:clamp(21px,4vw,27px);margin:7px 0 8px;color:#3f315b}
.bc-feature-top p{font-size:14px;max-width:510px;color:#5a5375}
.bc-eyebrow{font-size:12px;font-weight:900;letter-spacing:1.4px;color:#7153a1}
.bc-feature-score{flex:0 0 auto;border-radius:16px;padding:13px 16px;background:white;color:#6343a0;border:1px solid #dacaf3;text-align:center;max-width:190px;font-weight:900;font-size:15px}
.bc-level-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.bc-level-buttons button{font-size:15px;min-height:48px}
.bc-best-row{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 2px}
.bc-best-chip{padding:6px 10px;border-radius:20px;background:white;border:1px solid #d5c9e9;color:#513e7e;font-size:13px;font-weight:800}
.bc-note{font-size:12px!important;color:#6a6081!important;margin:14px 0 0}
.bc-wrap{max-width:760px;margin:8px auto 34px;color:#2b2448}
.bc-title{text-align:center;font-size:clamp(25px,5vw,34px);font-weight:900;letter-spacing:-.6px;margin:14px auto 20px;color:#573b83}
.bc-heading,.bc-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:15px;font-weight:800;margin:10px 4px;color:#645484}
.bc-progress{height:13px;border-radius:20px;overflow:hidden;background:#e4d9f5;margin:14px 0 19px}
.bc-progress>div{height:100%;background:#6f55bb;transition:width .2s;border-radius:20px}
.bc-question{background:#fff;border:2px solid #e2d8f2;border-radius:24px;padding:23px;box-shadow:0 7px 25px #493f7711}
.bc-question h2{font-size:clamp(23px,4vw,29px);line-height:1.35;text-align:center;margin:4px auto 24px;color:#362b5c}
.bc-visual{font-size:clamp(27px,5vw,40px);text-align:center;letter-spacing:4px;line-height:1.6;word-break:break-word;max-width:630px;margin:0 auto 20px;padding:9px}
.bc-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bc-answer{min-height:80px;background:#fbfaff;border:2px solid #d8c9f2;color:#362b5c;border-radius:16px;font-size:21px;font-weight:800;line-height:1.25;font-family:inherit;padding:13px 12px;text-align:center;cursor:pointer;touch-action:manipulation;overflow-wrap:anywhere}
.bc-answer:focus-visible{outline:4px solid #e8a528;outline-offset:2px}
.bc-correct{background:#e5f8e9!important;border-color:#4fbb70!important;color:#164c2b!important}
.bc-muted{opacity:.65}
.bc-feedback{margin:20px auto;padding:17px 20px;border:2px solid #a2d7b2;border-radius:17px;background:#ebfaef}
.bc-feedback strong{font-size:20px;color:#205a35}
.bc-feedback p{font-size:17px;color:#41634a}
.bc-next,.bc-hear{display:block;margin:18px auto 0;font-size:17px!important;min-height:55px;padding:13px 20px}
.bc-study{text-align:center;background:#f6f0ff;border-radius:18px;padding:16px}
.bc-study p{font-size:18px;color:#514567}
.bc-study-items{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:17px auto}
.bc-study-items span{font-size:40px;background:#fff;border:1px solid #e1d4f7;border-radius:13px;padding:9px;min-width:64px}
.bc-study>.button{font-size:18px;padding:13px 23px;margin:10px}
.bc-result{text-align:center;background:#fff;border:2px solid #e0d0f1;border-radius:26px;padding:28px 18px;margin:10px auto}
.bc-medal{font-size:68px}
.bc-result h2{font-size:clamp(27px,5vw,38px);color:#493674}
.bc-finalnum{font-weight:950;font-size:72px;color:#4d3c90;font-variant-numeric:tabular-nums}
.bc-finalnum span{font-size:35px;color:#8777a1}
.bc-result p{font-size:18px;color:#5d5678}
.bc-unlock{font-weight:850;color:#317a4a!important;background:#e4f8e9;border-radius:16px;padding:15px}
.bc-actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin:22px}
.bc-actions .button{font-size:17px;min-height:54px}
@media(max-width:570px){.bc-feature{padding:16px}.bc-feature-top{flex-direction:column;align-items:stretch}.bc-feature-score{max-width:none}.bc-answers{grid-template-columns:1fr}.bc-question{padding:18px 13px}.bc-answer{min-height:66px;font-size:20px}.bc-study-items span{font-size:31px;min-width:52px}.bc-feature-top p{font-size:13px}}
