.basic-matchup-panel{margin:0 0 18px;border:1px solid #dfe4ee;border-radius:18px;background:#fff;padding:18px}
.basic-matchup-heading h2{margin:4px 0 6px;color:#101828;font-size:22px}
.basic-matchup-heading p{margin:0;color:#667085;line-height:1.55}
.matchup-threat-field{margin-top:16px}
.matchup-threat-field label{display:block;margin-bottom:7px;color:#344054;font-size:13px;font-weight:800}
.matchup-threat-search{position:relative}
.matchup-threat-search input{box-sizing:border-box;width:100%;min-height:48px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;padding:0 14px;color:#101828;font:inherit}
.matchup-threat-search input:focus{border-color:#6366f1;outline:3px solid rgba(99,102,241,.13)}
.matchup-threat-suggestions{position:absolute;z-index:80;top:calc(100% + 7px);left:0;right:0;display:grid;gap:3px;max-height:280px;overflow-y:auto;border:1px solid #d9ddf5;border-radius:13px;background:#fff;padding:7px;box-shadow:0 18px 45px rgba(16,24,40,.14)}
.matchup-threat-option{appearance:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;border:0;border-radius:9px;background:transparent;padding:10px;text-align:left;cursor:pointer}
.matchup-threat-option:hover,.matchup-threat-option:focus-visible{background:#f5f3ff;outline:none}
.matchup-threat-option strong{color:#101828;font-size:14px}
.matchup-threat-option small{color:#7c3aed;font-size:11px;font-weight:750}
.basic-matchup-run{width:100%;min-height:48px;margin-top:14px;border:0;border-radius:12px;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);padding:0 16px;color:#fff;font:inherit;font-weight:800;box-shadow:0 9px 24px rgba(79,70,229,.14)}
.basic-matchup-run:disabled{opacity:.55}
.basic-matchup-result{margin-top:16px;border-radius:14px;background:#f7f8fc;padding:14px}
.basic-matchup-result>strong{display:block;color:#344054}
.basic-matchup-result>p{margin:5px 0 0;color:#667085;line-height:1.5}
.basic-matchup-result[data-status="ready"]{background:linear-gradient(135deg,#eff6ff 0%,#f5f3ff 100%)}
.basic-matchup-result[data-status="ready"]>strong{color:#5b21b6}
.basic-matchup-result[data-status="partial"]{background:#fffaeb}
.basic-matchup-result[data-status="partial"]>strong{color:#b54708}
.basic-matchup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.basic-matchup-card{border:1px solid #d9ddf5;border-radius:12px;background:#fff;padding:12px}
.basic-matchup-card h3{margin:0 0 9px;color:#344054;font-size:13px}
.basic-matchup-card-body{display:flex;flex-wrap:wrap;gap:6px}
.basic-matchup-chip{display:inline-flex;max-width:100%;border:1px solid #d0d5dd;border-radius:999px;background:#f9fafb;padding:6px 9px;color:#475467;font-size:12px;font-weight:750;line-height:1.3}
.basic-matchup-chip[data-signal="identity"],.basic-matchup-chip[data-signal="type"],.basic-matchup-chip[data-signal="super-effective"],.basic-matchup-chip[data-signal="immune"]{border-color:#c7d2fe;background:#f5f3ff;color:#5b21b6}
.basic-matchup-chip[data-signal="weak"]{border-color:#fecdca;background:#fef3f2;color:#b42318}
.basic-matchup-chip[data-signal="resist"],.basic-matchup-chip[data-signal="resisted"]{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
.basic-matchup-chip[data-signal="no-effect"]{border-color:#ddd6fe;background:#f5f3ff;color:#6d28d9}
.basic-matchup-caveat{margin-top:12px!important;border-top:1px solid #d9ddf5;padding-top:10px;font-size:12px;line-height:1.55}
@media(max-width:760px){.basic-matchup-panel{padding:16px}.basic-matchup-grid{grid-template-columns:1fr}.matchup-threat-option{grid-template-columns:1fr}.matchup-threat-option small{margin-top:2px}}

/* M1.9 mobile suggestion scrolling */
.matchup-threat-suggestions {
    touch-action: pan-y;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.matchup-threat-option {
    touch-action: pan-y;
}

/* Keep the dropdown shell invisible when it has no content. */
.matchup-threat-suggestions[hidden],
.matchup-threat-suggestions:empty {
    display: none !important;
}