.sevenths-app [hidden]{display:none!important}.sevenths-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:24px 0}.sevenths-controls label{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0;font-size:1rem}.sevenths-controls select{min-height:44px;max-width:100%;font-size:1rem}.sevenths-controls .score{margin-left:auto}.sevenths-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}.sevenths-types button{min-height:62px;padding:14px 10px;border:1px solid #85958d;border-radius:12px;background:white;color:var(--ink);font-size:1rem;line-height:1.45}.sevenths-types [aria-pressed=true]{background:var(--ink);color:white;border:2px solid var(--ink)}.sevenths-app .quiz-question{line-height:1.35}.sevenths-direction{margin:18px 0;color:var(--muted);font-size:.95rem}.sevenths-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:24px 0}.sevenths-notes li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-width:0;min-height:146px;padding:18px 8px;border:1px solid #a8b9aa;border-radius:14px;background:#f2f5ec}.sevenths-notes li:last-child{background:#e8edff;border:2px solid #6676b7}.sevenths-notes strong{font-size:1.65rem;line-height:1.2;letter-spacing:-.03em}.sevenths-role,.sevenths-distance{font-size:.9rem;line-height:1.45}.sevenths-distance{min-height:1.45em;color:#495c4f}.sevenths-notes .is-playing{background:#263d91!important;color:white;border-color:#263d91}.sevenths-notes .is-playing .sevenths-distance{color:white}.sevenths-explanation{padding:14px 20px;border:1px solid var(--line);border-radius:12px;background:#edf5d3;text-align:left;line-height:1.7;margin:22px 0}.sevenths-symbol{font-size:1.6rem;font-weight:700}.sevenths-app .sevenths-answers{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.sevenths-app .sevenths-answers button{font-size:1rem;line-height:1.45}.sevenths-app .answer-feedback{font-size:1rem;line-height:1.7}.sevenths-app .local-note{font-size:.875rem;line-height:1.7}.sevenths-app [data-status]{min-height:1.7em}.sevenths-app button:focus-visible{outline:3px solid #354aab;outline-offset:3px}
.sevenths-role,.sevenths-distance,.sevenths-notes strong{overflow-wrap:anywhere}
@media(max-width:650px){.sevenths-controls label{width:100%}.sevenths-controls select{flex:1 1 150px;width:0}.sevenths-controls .score{margin-left:0}.sevenths-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sevenths-notes li{min-height:130px}.sevenths-types,.sevenths-app .sevenths-answers{grid-template-columns:1fr}.sevenths-types button{min-height:48px;padding:12px}.sevenths-app .practice-actions>.button{flex:1 1 180px}.sevenths-app .volume{flex-wrap:wrap}}