.keyboard-scroll{overflow-x:auto;margin:20px 0}.keyboard-scroll .piano{min-width:760px;max-width:none;margin:0;height:230px}.keyboard-scroll .piano-key.white{width:4.761905%;font-size:13px}.keyboard-scroll .piano-key.black{width:3.05%;font-size:11px}.piano-key[aria-pressed=true]{background:#789fcf;color:#10243e}.selected-notes{font-weight:750}.echo-pad{width:min(460px,100%);height:150px;font:800 30px system-ui;touch-action:manipulation;user-select:none;-webkit-user-select:none;border:2px solid #55708f;background:#eaf1fa;color:#183b68;border-radius:20px;margin:22px 0}.echo-pad.flash{background:#789fcf}.echo-progress{height:10px;background:#eaf1fa;border-radius:8px;overflow:hidden;margin:16px auto;max-width:600px}.echo-progress>div{height:100%;background:#55708f;width:0}.pair-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:650px;margin:20px auto}.pair-choices button{padding:16px;border:1px solid #c4d4e4;border-radius:12px;background:white;color:#183b68;font:750 17px system-ui;min-height:54px}.pair-choices button[aria-pressed=true]{background:#e5edfa;border:2px solid #183b68}.pair-choices .correct{background:#eaf7f0;border-color:#19734b}.pair-choices .wrong{background:#fff0f0;border-color:#a83838}.beat-lights{display:flex;justify-content:center;gap:12px;margin:20px}.beat-lights span{width:30px;height:30px;border-radius:50%;background:#edf3fa}.beat-lights span.active{background:#183b68}.timing-summary{max-width:700px;margin:12px auto;text-align:left;background:#edf3fa;padding:15px;border-radius:10px;font-size:14px;line-height:1.6}.cad-transport{margin:16px 0}.mobile-settings-toggle{letter-spacing:normal}#result{margin-top:25px}@media(max-width:600px){.pair-choices{grid-template-columns:1fr 1fr}.keyboard-scroll .piano{height:200px}.echo-pad{height:130px}.gamehead{flex-wrap:wrap;gap:10px}.cad-body .cad-help{line-height:1.6}}
#game{scroll-margin-top:90px}
.expected-rhythm{margin:22px auto;max-width:800px;background:white;border:1px solid #d4dfeb;border-radius:12px;padding:16px;text-align:left}.expected-rhythm h3{font-size:18px;margin:0 0 6px}.rhythm-answer-scroll{overflow-x:auto}.rhythm-answer-scroll svg{display:block;width:100%;height:auto;max-height:200px}

#explain.chord-correction{font-size:clamp(23px,4vw,34px);font-weight:800;color:#183b68;line-height:1.5;margin:20px auto}.keyboard-scroll .piano-key.correct{font-size:clamp(15px,2vw,22px);font-weight:850}