/* Visible movement challenges. Shared by the online and offline editions. */
html body #app[data-studio=focused] .left-panel>.mission-bar{display:flex!important;flex:0 0 auto!important;height:auto!important;min-height:40px!important;padding:7px 10px!important;overflow:visible!important;gap:6px!important}html body #app[data-studio=focused] .mission-bar>.mission-chip{display:none!important}html body #app[data-studio=focused] .coding-challenge-control{margin-left:0;flex:1;justify-content:space-between}html body #app[data-studio=focused] .coding-challenge-hint{display:block!important}
.coding-choice-card{cursor:default}.coding-choice-card .card-copy{display:flex;flex-direction:column}.coding-choice-label{font-size:9px;font-weight:750;letter-spacing:1.5px;color:#39746e;margin:4px 0 10px}.coding-mode-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.coding-mode-links a{display:flex;flex-direction:column;gap:5px;min-width:0;padding:13px 10px;border:1px solid #b8d9d3;border-radius:12px;background:#f0faf7;color:#174e48;text-decoration:none;transition:background .15s,border-color .15s}.coding-mode-links a:hover{background:#e0f4ec;border-color:#468c7a}.coding-mode-links a:focus-visible{outline:3px solid #087f89;outline-offset:3px}.coding-mode-links strong{font-size:15px}.coding-mode-links small{font-size:10px;line-height:1.4;color:#426b65}.coding-mode-links span{font-size:11px;font-weight:650;line-height:1.5}.coding-mode-links .navigator-choice{background:#edf2ff;border-color:#c4cee8;color:#344b7d}.coding-mode-links .navigator-choice small{color:#506391}.coding-mode-links .navigator-choice:hover{background:#dfe9ff;border-color:#728cc0}
html body .mission-bar{flex-wrap:wrap!important}.coding-challenge-control{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:10px;font-weight:700;color:#3b646c;max-width:100%}html body #codingChallenge{width:auto;max-width:100%;min-height:34px;padding:5px 25px 5px 10px;border:1px solid #b6d4d6;border-radius:9px;background:#f3faf9;color:#204e54;font:600 12px system-ui;cursor:pointer}.coding-challenge-hint{flex-basis:100%;font-size:11px;line-height:1.35;color:#527078}.coding-challenge-control select:focus-visible{outline:3px solid #087f89;outline-offset:2px}
html[data-mabni-theme=dark] body .coding-challenge-control,html[data-mabni-theme=dark] body .coding-challenge-hint{color:#b9d5db}html[data-mabni-theme=dark] body #codingChallenge{background:#203c49;color:#e5f4f7;border-color:#527887}html[data-mabni-theme=dark] body .coding-mode-links a{background:#173f3b;color:#e4f8ed;border-color:#588b7c}html[data-mabni-theme=dark] body .coding-mode-links small,html[data-mabni-theme=dark] body .coding-choice-label{color:#b6d8cd}html[data-mabni-theme=dark] body .coding-mode-links .navigator-choice{background:#263655;color:#edf3ff;border-color:#738bb8}html[data-mabni-theme=dark] body .coding-mode-links .navigator-choice small{color:#bdcde8}
@media(max-width:560px){.coding-challenge-control{margin-left:0;flex-basis:100%;justify-content:space-between}.coding-challenge-control select{flex:1;min-width:0}.coding-mode-links{gap:7px}.coding-mode-links a{padding:12px 9px}.coding-challenge-hint{font-size:10px}}