/* Sibling games compose the existing theory/staff styles. */
.chord-visual{--theory-accent:#267569;--theory-soft:#bceadd;--theory-light:#effaf6}
.chord-aural{--theory-accent:#7040d9;--theory-soft:#e5d5ff;--theory-light:#f8f4ff}
.chord-setup-note,.chord-summary{text-align:center;color:#62546f;font-size:.85rem;line-height:1.5}
.chord-steps{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 28px;justify-content:center}
.chord-steps button{display:flex;align-items:center;gap:8px;min-height:48px;border:1px solid #ded5e8;border-radius:12px;padding:9px 13px;background:#fff;color:#574762;font-weight:750}
.chord-steps button[aria-current]{background:var(--theory-soft);border:2px solid var(--theory-accent);color:#271835}
.chord-steps span{border-radius:50%;background:#eee7f4;padding:4px 8px;font-size:.75rem}
.chord-steps button:disabled{opacity:.5}
.chord-game .setup-group legend{font-size:1.25rem;font-weight:850}
.chord-options,.chord-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.chord-options .theory-level{min-height:84px;text-align:center;font-weight:850;font-size:1rem}
.chord-options>:last-child:nth-child(odd){grid-column:1/-1}
.chord-setup-actions{display:flex;gap:12px;justify-content:center;margin-top:26px}
.chord-game button:focus-visible,.chord-sibling a:focus-visible{outline:3px solid var(--theory-accent);outline-offset:4px}
.chord-game button:disabled{cursor:default}
.chord-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;align-items:start}
.chord-workspace .theory-stage{width:100%;margin:0;padding:16px 12px}
.chord-workspace svg{display:block;max-height:300px;min-height:180px;width:100%}
.chord-workspace .theory-answer-field{margin-top:0;margin-bottom:16px}
.chord-game .theory-quality-grid,.chord-inversion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0}
.chord-game .theory-quality,.chord-inversion-grid .theory-chip{font-size:.85rem;min-height:48px;padding:10px 8px;overflow-wrap:anywhere}
.chord-game .theory-letter-row .theory-chip{padding:8px 5px;min-width:0}
.chord-game .theory-feedback{max-width:850px;line-height:1.55}
.chord-listening-symbol{display:block;font-size:5rem;line-height:1.5;color:var(--theory-accent)}
.chord-aural .theory-stage{padding:22px 12px;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.chord-aural .theory-stage p{margin:0 0 10px}
.chord-aural .theory-stage button{min-height:48px}
.chord-reveal{margin-top:16px!important;font-size:.85rem;font-weight:800}
.chord-roles{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}
.chord-roles span{border:1px solid #ded5e8;border-radius:12px;padding:9px 13px;flex:1;text-align:center;background:var(--theory-light)}
.chord-roles small,.chord-roles strong{display:block}.chord-roles small{font-size:.6rem;letter-spacing:.08em}.chord-roles strong{font-size:1.4rem}
.chord-lesson-progress{color:#675578;text-align:center;font-size:.8rem;font-weight:750}
.chord-sibling{text-align:center;border-top:1px solid #e6deed;padding-top:18px;margin:30px 0 0;font-size:.8rem;line-height:1.65;color:#62546f}
.chord-sibling a{color:var(--theory-accent);font-weight:800;white-space:normal}
.chord-practicing .play-heading{padding:15px 24px}.chord-practicing .play-heading h1{font-size:1.85rem}.chord-practicing .heading-symbol{font-size:2.6rem}
.card-chordear .game-art{background:#e5d5ff}
@media(max-width:800px){.chord-workspace{grid-template-columns:1fr;gap:16px}.chord-workspace svg{max-height:260px}.chord-listening-symbol{font-size:3rem}.chord-aural .theory-stage{padding:12px}.chord-steps button{font-size:.75rem;padding:8px 10px}.chord-workspace .theory-stage{max-width:540px;justify-self:center}.chord-aural .theory-stage{max-width:none}}
@media(max-width:480px){.chord-options,.chord-levels{grid-template-columns:1fr}.chord-options>:last-child:nth-child(odd){grid-column:auto}.chord-steps{gap:5px;margin:15px 0 20px}.chord-steps button{padding:6px;font-size:.65rem;gap:4px;flex:1;justify-content:center}.chord-steps span{padding:3px 5px}.chord-game .theory-session-top .theory-row{gap:6px}.chord-game .theory-stage svg{min-height:150px}.chord-game .theory-session-actions{gap:8px}.chord-game .theory-session-actions button{min-width:0;flex:1}.chord-game .theory-body{padding-inline:12px}}
@media(max-width:480px){.chord-game .theory-letter-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.chord-game .theory-letter-row .theory-chip{min-height:48px;max-width:none}}