.card-stages{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px;align-items:center}.card-stages #cardGo{margin-left:auto;min-height:48px}.card-stages span{padding:9px 14px;background:#e9e5f1;color:#322249;border-radius:24px;font-size:1rem}.card-stages .selected{background:#482191;color:#fff;font-weight:700}.card-stages .passed{background:#d1f7df;color:#125c33}.paper-card{background:white;color:#111;border:1px solid #c5c0ce;border-radius:12px;padding:22px 12px;margin:16px 0;max-width:100%;overflow:hidden}.paper-heading{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.paper-heading strong{font-size:1.2rem}.paper-heading p{font-size:1rem;color:#242424;margin:7px 0}.position-diagram{width:210px;max-width:100%}.position-diagram svg{display:block;width:100%;max-height:130px}.score-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin-top:22px;padding-bottom:10px}.score-scroll svg{display:block;min-width:100%;width:max-content;height:170px;font-family:Arial,sans-serif;font-size:16px}.score-scroll svg:has([data-card-event="0"]:nth-of-type(12)){height:320px}.current-note .event-marker{fill:#ffe699;stroke:#986400;stroke-width:1}.card-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.card-controls label{display:flex;gap:8px;flex-direction:column;color:#282036;font-size:1rem}.card-controls select{font:inherit;color:#211a33;background:#fff;border:1px solid #71647e;border-radius:9px;padding:10px}.card-help{color:#332b43!important;font-size:1rem;line-height:1.6}.card-count{text-align:center;color:#45218b;font-size:2.1rem;font-weight:800;min-height:2.6rem}.lesson-layout:has(#flashCardPanel:not([hidden])){display:block}.lesson-layout:has(#flashCardPanel:not([hidden])) .exercise-card{width:100%;max-width:100%;min-width:0}.score-scroll svg{max-width:none}.card-controls button{min-height:48px}@media(max-width:600px){.paper-card{padding:15px 8px}.paper-heading{gap:12px}.card-stages span{font-size:.95rem}.card-controls{align-items:stretch}.card-controls button{flex:1 1 180px}.paper-heading strong{font-size:1.1rem}.lesson-layout:has(#flashCardPanel:not([hidden])) .exercise-card{padding:20px 12px}.position-diagram{width:180px}}

.flash-active #lessonTitle{font-size:1.7rem}.flash-active .lesson-copy{margin-bottom:16px}.flash-active .exercise-actions{display:none}.flash-active .lesson-buddy{display:none}.flash-active .keyboard-help{font-size:.9rem}
.card-stages .card-start-area{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-left:auto}.card-start-area #cardGo{margin-left:0}.card-start-area #cardCount{min-height:0;line-height:1.1;font-size:2rem}.card-start-area #cardCount:empty{display:none}
.card-start-area #cardCountIntro{margin:0;max-width:300px;text-align:right;color:#322249;font-size:.95rem;line-height:1.35}.card-start-area #cardCountIntro[hidden]{display:none}

.exercise-card{scroll-margin-top:calc(env(safe-area-inset-top, 0px) + 14px)}