/* Scoped discovery UI. Does not change the 200px hero or existing game cards. */
.md-discovery{margin:0 0 22px;color:var(--ink,#193c36)}
.md-discovery *{box-sizing:border-box}
.md-discovery-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 0 14px}
.md-discovery-heading h2{margin:0;font-size:clamp(23px,3vw,29px);line-height:1.2;letter-spacing:-.7px}
.md-discovery-heading .section-kicker{font-size:10px;margin-bottom:6px}
.md-discovery .md-result-count{margin:0;font-size:12px;line-height:1.5;text-align:right;color:#466a60}
.md-ages{margin:0 0 12px;padding:0;border:0;min-width:0}
.md-ages legend,.md-select>span{display:block;margin:0 0 7px;padding:0;font-size:12px;font-weight:750;color:#365e52}
.md-age-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:660px}
.md-discovery button,.md-discovery select{font:inherit;min-height:48px;touch-action:manipulation}
.md-age-options button{border:1px solid #bdd9cf;border-radius:13px;padding:10px 12px;background:white;color:#285a4d;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 #dcebe5}
.md-age-options button.is-selected{background:#087f70;color:white;border-color:#087f70;box-shadow:0 3px 0 #075a50}
.md-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:660px}
.md-filter-row.md-single-filter{grid-template-columns:1fr;max-width:330px}
.md-select{display:block;min-width:0}
.md-select select{display:block;width:100%;max-width:100%;border:1px solid #bdd9cf;border-radius:12px;padding:10px 34px 10px 12px;background:#fff;color:#234d42;font-size:13px;cursor:pointer}
.md-discovery .md-discovery-note{font-size:12px;line-height:1.5;color:#486b60;margin:10px 0 0;max-width:680px}
.md-discovery button:focus-visible,.md-discovery select:focus-visible{outline:3px solid #2458bf;outline-offset:3px}
.md-empty{margin-top:14px;padding:15px 18px;background:#fff0c5;border:1px solid #e4c96f;border-radius:15px}
.md-empty[hidden]{display:none!important}
.md-empty p{margin:0 0 9px;font-size:14px;line-height:1.5;color:#56431b}
.md-empty button{border:1px solid #8d6c20;border-radius:11px;padding:10px 14px;background:white;color:#604715;font-weight:750;cursor:pointer}
.md-together{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px;padding:13px 16px;border:1px solid #d1c7eb;border-radius:17px;background:#eee8ff}
.md-together-label{display:block;color:#5c4388;font-size:10px;font-weight:850;letter-spacing:.7px;line-height:1.5}
.md-discovery .md-together p{color:#463465;font-size:14px;line-height:1.4;font-weight:700;margin:4px 0 0}
.md-together button{flex:none;border:0;border-radius:12px;padding:10px 15px;background:#7450ac;color:#fff;font-size:13px;font-weight:800;box-shadow:0 3px 0 #513781;cursor:pointer}
.md-together button span{margin-left:8px}
@media(max-width:700px){
 .md-discovery{margin-bottom:20px}
 .md-discovery-heading{display:block;margin-bottom:13px}
 .md-discovery .md-result-count{text-align:left;margin-top:6px;font-size:12px}
 .md-age-options{gap:6px}
 .md-age-options button{padding:10px 4px;font-size:12px;border-radius:11px}
 .md-filter-row{gap:10px}
 .md-select select{font-size:16px;padding-left:10px;padding-right:20px}
 .md-together{padding:13px;gap:12px;flex-wrap:wrap}
 .md-together>div{flex:1 1 180px}
 .md-together button{flex:1 0 auto}
}
@media(max-width:550px){.md-filter-row{grid-template-columns:1fr}.md-filter-row.md-single-filter{max-width:none}.md-ages legend,.md-select>span{font-size:12px}}
@media(max-width:380px){.md-together button{width:100%}}
@media(forced-colors:active){.md-age-options button.is-selected{outline:2px solid Highlight;outline-offset:-4px}.md-together button{border:1px solid ButtonText}}
@media print{.md-discovery{display:none}}