.interval-transfer-app [hidden]{display:none!important}.transfer-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:24px 0}.transfer-controls label{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}.transfer-controls select{min-height:44px;max-width:100%;font-size:1rem}.transfer-controls .score{margin-left:auto}.transfer-direction{color:var(--muted);line-height:1.65}.transfer-board{display:grid;gap:14px;margin:22px 0}.transfer-staff{width:100%;overflow:hidden;border:1px solid #a8b9aa;border-radius:14px;background:#fff}.transfer-staff svg{display:block;width:100%;height:auto;max-height:240px}.transfer-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px}.transfer-card{display:flex;min-width:0;min-height:105px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;border:1px solid #a8b9aa;border-radius:14px;background:#f2f5ec;text-align:center}.transfer-card strong{font-size:1.3rem;line-height:1.25}.transfer-card span,.transfer-card small{overflow-wrap:anywhere;line-height:1.45}.transfer-arrow{align-self:center;color:#6676b7;font-size:1.55rem}.transfer-explanation{min-height:3.4em;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:#edf5d3;line-height:1.7}.interval-transfer-app .transfer-answers{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));max-width:none}.interval-transfer-app .transfer-answers button{font-size:1rem;line-height:1.4;overflow-wrap:anywhere}.interval-transfer-app .answer-feedback,.interval-transfer-app [data-status]{min-height:1.7em;line-height:1.6}.interval-transfer-app button:focus-visible{outline:3px solid #354aab;outline-offset:3px}.transfer-stage-label{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#495c4f}
@media(max-width:650px){.transfer-controls label{width:100%}.transfer-controls select{flex:1 1 150px;width:0}.transfer-controls .score{margin-left:0}.transfer-pair{grid-template-columns:1fr}.transfer-arrow{transform:rotate(90deg)}.interval-transfer-app .transfer-answers{grid-template-columns:1fr}.interval-transfer-app .practice-actions>.button{flex:1 1 180px}.interval-transfer-app .volume{flex-wrap:wrap}}
.transfer-card.is-playing,.transfer-staff.is-playing{outline:4px solid #6676b7;outline-offset:2px}