.practice-tool-page{max-width:1160px}.practice-tool-page nav{display:flex;flex-wrap:wrap;gap:8px}
.trainer-shape{margin:0;padding:18px;background:var(--mist);border:1px solid var(--line);border-radius:12px;text-align:center}
.trainer-shape figcaption{font-size:1.2rem;font-weight:700;margin-bottom:14px}.trainer-shape audio{display:block;width:100%;max-width:280px;margin:16px auto 0}
.trainer-history{padding-left:24px}.trainer-history li{margin-bottom:8px}.practice-tool-page .tool-controls input[type=number]{width:150px}
.practice-tool-page .practice-stage{margin-top:24px}.practice-tool-page .practice-clock{margin-bottom:0}
.quiz-scroll{overflow-x:auto;direction:rtl;border:1px solid var(--line);border-radius:12px;background:#f5f7fa;padding:12px;margin:20px 0;max-width:100%}
.quiz-scroll:focus-visible{outline:3px solid #b26b00;outline-offset:4px}.quiz-board{width:max-content;min-width:100%;direction:ltr}
.quiz-string{display:flex;flex-direction:row-reverse;align-items:center;gap:4px;padding:5px 0;background:linear-gradient(transparent 49%,#a2b4b4 49%,#a2b4b4 51%,transparent 51%)}
.quiz-string-name{flex:0 0 92px;text-align:center;font-size:.8rem;font-weight:600;background:#f5f7fa;color:#173e36}
.quiz-fret{flex:1 0 48px;min-width:48px;min-height:44px;border:1px solid #a4b8b5;border-radius:8px;background:#fff;color:#173e36;font-size:.9rem;padding:4px}
.quiz-target-string .quiz-string-name{background:#163f38;color:white;border-radius:8px;padding:8px 0}.quiz-target-string .quiz-fret{border-color:#327667}
.quiz-fret.quiz-incorrect{background:#ffe7d9;border:2px dashed #9b3c19;color:#713018}.quiz-fret.quiz-correct{background:#163f38!important;border:2px solid #163f38;color:white!important;opacity:1!important}
.quiz-fret:disabled{opacity:.7}.quiz-credit{font-size:.75rem;margin:14px 0 0!important;text-align:right;direction:ltr;min-width:440px;color:#355950}
.strum-pattern{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:26px 0 18px}.strum-step{padding:16px 4px;border:2px solid #bdcfcc;border-radius:10px;text-align:center;background:#f5f7fa;color:#173e36;min-width:0}
.strum-step span{display:block;font-weight:700;font-size:1.2rem;margin-bottom:10px}.strum-step strong{font-size:.85rem}.strum-step.is-current{background:#163f38;color:#fff;border-color:#163f38;box-shadow:inset 0 -5px #f3cd83}
.strum-count{font-size:1.7rem;font-weight:700;min-height:2em;font-variant-numeric:tabular-nums}.strum-chord{max-width:210px;margin:20px auto}
@media(max-width:640px){.trainer-shapes.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.trainer-shape{padding:10px}.trainer-shape figcaption{font-size:1rem}.strum-pattern{gap:4px}.strum-step{padding:10px 2px}.strum-step span{font-size:1rem}.strum-step strong{font-size:.65rem}.practice-tool-page .tool-controls label{min-width:0}.practice-tool-page .tool-controls input[type=number]{width:100%}}
@media print{.quiz-scroll{overflow:visible}.quiz-fret{min-width:0;flex-basis:30px}.strum-step{break-inside:avoid}.trainer-shape audio{display:none}}