/* Daily 1.24: Market navigation and compact browsing UI. No cosmetic rendering rules. */
#mmd-market .mmd-market-ui-categories{display:none;margin:14px 0 12px;padding:12px 0 3px;border-top:1px solid var(--mm-border,rgba(255,255,255,.12))}
#mmd-market.mmd-market-ui-ready .mmd-market-ui-categories:not([hidden]){display:block}
#mmd-market .mmd-market-ui-categories__heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;margin:0 0 10px;color:var(--mm-text,#f5f6f7)}
#mmd-market .mmd-market-ui-categories__heading strong{font-size:14px;font-weight:800}
#mmd-market .mmd-market-ui-categories__heading small{font-size:11px;color:var(--mm-muted,#aab9b7)}
#mmd-market .mmd-market-ui-category-tabs{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:2px 1px 11px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
#mmd-market .mmd-market-ui-category-tabs button{appearance:none;flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:41px;max-width:100%;padding:8px 12px;border:1px solid var(--mm-border,rgba(255,255,255,.16));border-radius:11px;background:var(--mm-card-2,#182825);color:var(--mm-text,#ecf2ef);font:700 12px/1.25 inherit;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer;scroll-snap-align:start;transition:border-color .16s,background .16s,box-shadow .16s}
#mmd-market .mmd-market-ui-category-tabs button:hover{border-color:var(--mm-accent,#86f06b)}
#mmd-market .mmd-market-ui-category-tabs button.is-active{color:var(--mm-text,#fff);border-color:var(--mm-accent,#86f06b);background:color-mix(in srgb,var(--mm-accent,#86f06b) 15%,#172721);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mm-accent,#86f06b) 12%,transparent)}
#mmd-market .mmd-market-ui-category-tabs button:focus-visible{outline:2px solid var(--mm-accent,#86f06b);outline-offset:2px}
#mmd-market .mmd-market-ui-category-icon{display:inline-flex;align-items:center;justify-content:center;min-width:17px;font-weight:850;font-size:14px;color:var(--mm-accent,#a3ef89)}
#mmd-market .mmd-market-ui-category-count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;padding:3px 6px;border-radius:7px;background:rgba(255,255,255,.08);color:var(--mm-muted,#c7d6cc);font-size:10px;font-variant-numeric:tabular-nums}
#mmd-market .mmd-cosmetics-filter{grid-template-columns:minmax(160px,1fr) auto;align-items:end;margin:0 0 12px;padding:12px;border:1px solid var(--mm-border,rgba(255,255,255,.12));border-radius:12px;background:var(--mm-card-2,#172725)}
#mmd-market.mmd-market-ui-ready .mmd-cosmetics-filter .mmd-market-ui-category-select{display:none!important}
#mmd-market .mmd-cosmetics-filter label{min-width:0}
#mmd-market .mmd-cosmetics-filter input[type=search]{min-height:42px}
#mmd-market .mmd-cosmetics-filter [data-mmd-cosmetic-count]{white-space:nowrap;margin:0;padding:8px 4px;font-weight:650}
#mmd-market .mmd-market-ui-results:not([hidden]){display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:8px 0 14px}
#mmd-market .mmd-market-ui-results h4{margin:0!important;font-size:17px!important;font-weight:850!important;color:var(--mm-text,#f5f6f7)!important}
#mmd-market .mmd-market-ui-results span{font-size:11px;color:var(--mm-muted,#aab9b7)}
#mmd-market .mmd-market-ui-empty{padding:20px;margin:14px 0;border:1px dashed var(--mm-border,rgba(255,255,255,.2));border-radius:12px;text-align:center;color:var(--mm-muted,#aab9b7)}
#mmd-market .mmd-market-ui-empty button{margin-left:6px;border:0;background:transparent;color:var(--mm-accent,#86f06b);text-decoration:underline;cursor:pointer;font-weight:800}
#mmd-market .mmd-market-ui-empty[hidden],#mmd-market .mmd-market-ui-categories[hidden],#mmd-market .mmd-market-ui-results[hidden]{display:none!important}
#mmd-market .mmd-market-item[hidden]{display:none!important}
#mmd-market .mmd-mm-market-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 3px}
#mmd-market .mmd-mm-market-tabs button{border-radius:12px;min-height:39px}
@media(max-width:680px){#mmd-market .mmd-market-ui-category-tabs{margin-right:-8px}#mmd-market .mmd-market-ui-category-tabs button{min-height:40px;padding:9px 11px}#mmd-market .mmd-cosmetics-filter{grid-template-columns:1fr}#mmd-market .mmd-cosmetics-filter [data-mmd-cosmetic-count]{padding:0;white-space:normal}#mmd-market .mmd-market-ui-results{align-items:start}#mmd-market .mmd-market-ui-results span{max-width:100%}}
@media(prefers-reduced-motion:reduce){#mmd-market .mmd-market-ui-category-tabs button{transition:none}}