.match-section{padding:28px;margin-bottom:24px}.match-section h2{margin:0 0 16px;font-size:22px}.match-help{color:var(--muted);line-height:1.8}.match-add{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}.match-add label{display:flex;flex-direction:column;gap:8px}.match-add input,.match-toolbar input[type=number]{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px;min-width:0}.match-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.match-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.match-toolbar input[type=number]{width:76px;padding:8px;margin:0 6px}.match-check{display:flex;align-items:center;gap:8px;color:var(--muted)}.match-board{display:grid;grid-template-columns:1fr 1fr;gap:24px}.match-board h3{font-size:14px;color:var(--muted)}.match-options{display:grid;gap:12px}.match-option{min-height:64px;width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);overflow-wrap:anywhere;font-size:18px}.match-option:hover:not(:disabled){border-color:var(--mint)}.match-option[aria-pressed=true]{border-color:var(--mint);box-shadow:0 0 0 2px #9bf6cf44;color:var(--mint)}.match-option.matched{background:#9bf6cf12;color:var(--mint);opacity:.65}.match-feedback{min-height:32px;font-size:17px;line-height:1.7}.match-feedback.correct{color:var(--mint)}.match-feedback.incorrect,#match-storage-status{color:#ffadad}.match-table-wrap{overflow-x:auto}.match-table{width:100%;border-collapse:collapse;text-align:left}.match-table th,.match-table td{padding:14px 10px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.match-table th{color:var(--muted);font-size:12px}.match-table td:first-child{font-weight:700}.match-table td:last-child{color:#ffbb98}.match-table th:nth-child(n+3){min-width:60px}#match-progress{color:var(--mint)}[hidden]{display:none!important}@media(max-width:640px){.match-section{padding:20px}.match-add{grid-template-columns:1fr}.match-board{gap:12px}.match-option{font-size:16px}.match-heading h2{font-size:20px}.match-toolbar label{line-height:2}.match-table th,.match-table td{padding:12px 6px}}