/* m0use mod database: lister, game pages, homepage band, category "find more mods" block. Uses the m0u-site.css tokens. */
:root{--mdb-ink:var(--m0u-ink,#11131c);--mdb-lime:var(--m0u-lime,#b6f43c);--mdb-violet:var(--m0u-violet,#6a3df0);--mdb-line:var(--m0u-line,#e2e0ec);--mdb-mute:var(--m0u-mute,#5d6075);--mdb-head:var(--m0u-head,"Space Grotesk",system-ui,sans-serif);--mdb-mono:var(--m0u-mono,ui-monospace,Consolas,monospace)}

/* wide layout on database pages (the page template is constrained to 740px) */
body.m0u-mdb-page .m0u-page-body>.m0u-content,body.m0u-mdb-page .m0u-page-body>.wp-block-post-content{max-width:1240px!important;width:100%;margin-left:auto!important;margin-right:auto!important}
body.m0u-mdb-page .m0u-content>*{max-width:820px;margin-left:0!important;margin-right:auto!important}
body.m0u-mdb-page .m0u-content>.m0u-mdb{max-width:none;width:100%}
body.m0u-mdb-page .m0u-page-body{padding-top:28px}
body.m0u-mdb-page .m0u-content>p:first-child{font-size:1.12em;color:#2a2d3d}
.m0u-mdb{font-size:16px;line-height:1.55;margin-top:1.4em;margin-bottom:1.6em}
.m0u-mdb *{box-sizing:border-box}

/* breadcrumbs */
.m0u-mdb-crumbs{max-width:none!important}
.m0u-mdb-crumbs ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:14px;color:var(--mdb-mute)}
.m0u-mdb-crumbs li{margin:0}
.m0u-mdb-crumbs li+li::before{content:"/";margin:0 8px;color:#a6a9bd}
.m0u-mdb-crumbs a{color:var(--mdb-violet);text-decoration:none;font-weight:600}
.m0u-mdb-crumbs a:hover{text-decoration:underline}

/* stats strip */
.m0u-mdb-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}
.m0u-mdb-stats>div{background:#fff;border:1px solid var(--mdb-line);border-left:5px solid var(--mdb-lime);border-radius:14px;padding:14px 16px;min-width:0}
.m0u-mdb-stats>div:nth-child(2){border-left-color:var(--mdb-violet)}
.m0u-mdb-stats>div:nth-child(3){border-left-color:var(--m0u-pink,#ff5c8a)}
.m0u-mdb-stats>div:nth-child(4){border-left-color:var(--mdb-ink)}
.m0u-mdb-stats b{display:block;font-family:var(--mdb-head);font-size:1.55rem;line-height:1.1;letter-spacing:-.02em;color:var(--mdb-ink);overflow-wrap:anywhere}
.m0u-mdb-stats span{display:block;font-size:13px;color:var(--mdb-mute);margin-top:3px}
.m0u-mdb-gamepage .m0u-mdb-stats>div:nth-child(3) b{font-size:1.05rem;line-height:1.35}

/* controls */
.m0u-mdb-controls{display:grid;grid-template-columns:2.2fr repeat(4,minmax(0,1fr)) auto;gap:10px;align-items:end;background:var(--mdb-ink);border-radius:18px;padding:16px;margin:0 0 14px;position:sticky;top:8px;z-index:5;box-shadow:0 12px 30px rgba(17,19,28,.18)}
.admin-bar .m0u-mdb-controls{top:40px}
.m0u-mdb-controls label{display:flex;flex-direction:column;gap:5px;min-width:0;margin:0}
.m0u-mdb-controls label>span{font-family:var(--mdb-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mdb-lime)}
.m0u-mdb-controls input,.m0u-mdb-controls select{width:100%;min-width:0;height:44px;border:1px solid #2c2f40;background:#1b1e2b;color:#fff;border-radius:10px;padding:0 12px;font:inherit;font-size:15px}
.m0u-mdb-controls select{padding-right:28px;text-overflow:ellipsis}
.m0u-mdb-controls input::placeholder{color:#9a9db3}
.m0u-mdb-controls input:focus,.m0u-mdb-controls select:focus{outline:2px solid var(--mdb-lime);outline-offset:1px;border-color:transparent}
.m0u-mdb-go{height:44px;border:0;border-radius:10px;background:var(--mdb-lime);color:var(--mdb-ink);font-family:var(--mdb-head);font-weight:700;font-size:15px;padding:0 18px;cursor:pointer}
.m0u-mdb-count{font-size:14px;color:var(--mdb-mute);margin:0 0 14px;font-weight:600}
.m0u-mdb.is-loading .m0u-mdb-results{opacity:.55;transition:opacity .2s}

/* result cards */
.m0u-mdb-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.m0u-mdb-card{background:#fff;border:1px solid var(--mdb-line);border-radius:16px;padding:16px 16px 14px;display:flex;flex-direction:column;min-width:0;transition:border-color .15s,box-shadow .15s}
.m0u-mdb-card:hover{border-color:#cfc6f6;box-shadow:0 10px 26px rgba(106,61,240,.08)}
.m0u-mdb-card-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:10px}
.m0u-mdb-game{font-family:var(--mdb-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mdb-violet);text-decoration:none;overflow-wrap:anywhere}
a.m0u-mdb-game:hover{text-decoration:underline}
.m0u-mdb-src{font-size:11px;font-weight:700;border-radius:99px;padding:2px 9px;background:#eeecf6;color:#3d3f52;white-space:nowrap}
.m0u-mdb-src-n{background:#fff1e6;color:#9a3d00}
.m0u-mdb-src-m{background:#e4f8ea;color:#0c6b35}
.m0u-mdb-src-t{background:#e8f0ff;color:#1f4fb0}
.m0u-mdb-card h3{font-family:var(--mdb-head);font-size:1.08rem;line-height:1.3;margin:0 0 4px;color:var(--mdb-ink);overflow-wrap:anywhere}
.m0u-mdb-cat{font-size:13.5px;color:var(--mdb-mute);margin:0 0 10px;overflow-wrap:anywhere}
.m0u-mdb-nums{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13.5px;color:var(--mdb-mute);margin:0 0 12px}
.m0u-mdb-nums b{color:var(--mdb-ink);font-family:var(--mdb-mono);font-size:13px}
.m0u-mdb-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.m0u-mdb-qvb{border:1px solid var(--mdb-ink);background:var(--mdb-ink);color:#fff;border-radius:9px;padding:7px 12px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.m0u-mdb-qvb:hover{background:var(--mdb-violet);border-color:var(--mdb-violet)}
.m0u-mdb-out{position:relative;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--mdb-line);border-radius:9px;padding:7px 12px;font-size:13.5px;font-weight:700;color:var(--mdb-violet)!important;text-decoration:none!important;background:#faf9fe}
.m0u-mdb-out::after{content:"\2197";font-size:12px}
.m0u-mdb-out:hover{border-color:var(--mdb-violet)}
.m0u-mdb-empty{grid-column:1/-1;background:#fff;border:1px dashed var(--mdb-line);border-radius:16px;padding:28px;text-align:center}
.m0u-mdb-empty p{margin:0 0 12px;font-weight:600}
.m0u-mdb-reset{border:0;background:var(--mdb-violet);color:#fff;border-radius:9px;padding:9px 16px;font:inherit;font-weight:700;cursor:pointer}

/* pager */
.m0u-mdb-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:24px 0 8px}
.m0u-mdb-pager button{min-width:42px;height:42px;border:1px solid var(--mdb-line);background:#fff;border-radius:10px;font:inherit;font-weight:700;color:var(--mdb-ink);cursor:pointer;padding:0 10px}
.m0u-mdb-pager button[aria-current]{background:var(--mdb-ink);color:var(--mdb-lime);border-color:var(--mdb-ink)}
.m0u-mdb-pager button:hover{border-color:var(--mdb-violet)}
.m0u-mdb-pager span{color:var(--mdb-mute);padding:0 2px}

/* games list on the lister */
.m0u-mdb-gamelist{margin-top:40px}
.m0u-mdb-gamelist h2,.m0u-mdb-h2{font-family:var(--mdb-head);font-size:clamp(1.35rem,2.3vw,1.75rem);letter-spacing:-.02em;margin:0 0 14px;color:var(--mdb-ink)}
.m0u-mdb-gamelist ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.m0u-mdb-gamelist li{margin:0}
.m0u-mdb-gamelist a{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;border:1px solid var(--mdb-line);border-radius:12px;padding:10px 12px;text-decoration:none!important;color:var(--mdb-ink)!important;height:100%}
.m0u-mdb-gamelist a:hover{border-color:var(--mdb-violet)}
.m0u-mdb-gamelist b{font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.m0u-mdb-gamelist em{font-style:normal;font-family:var(--mdb-mono);font-size:11.5px;color:var(--mdb-mute);white-space:nowrap}

/* chips */
.m0u-mdb-label{font-family:var(--mdb-mono);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mdb-violet);margin-right:4px}
.m0u-mdb-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--mdb-line);border-radius:99px;padding:6px 13px;font-size:14px;font-weight:600;color:var(--mdb-ink)!important;text-decoration:none!important;line-height:1.3}
.m0u-mdb-chip:hover{border-color:var(--mdb-violet);color:var(--mdb-violet)!important}
.m0u-mdb-chip b{font-family:var(--mdb-mono);font-size:11.5px;background:var(--mdb-ink);color:var(--mdb-lime);border-radius:99px;padding:1px 7px}
.m0u-mdb-chip-all{background:var(--mdb-violet);border-color:var(--mdb-violet);color:#fff!important}
.m0u-mdb-chip-all:hover{background:var(--mdb-ink);color:var(--mdb-lime)!important}
.m0u-mdb-topcats{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 26px}

/* game page table */
.m0u-mdb-tw{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--mdb-line);border-radius:16px;background:#fff}
.m0u-mdb-tw .m0u-table{border:0;margin:0;border-radius:0}
.m0u-mdb-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;min-width:720px;margin:0}
.m0u-mdb-table th{background:var(--mdb-ink);color:#fff;font-family:var(--mdb-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:12px 14px;white-space:nowrap}
.m0u-mdb-table td{padding:10px 14px;border-top:1px solid var(--mdb-line);vertical-align:middle}
.m0u-mdb-table tbody tr:nth-child(even) td{background:#f8f7fc}
.m0u-content .m0u-mdb-table td:first-child{font-weight:700}
.m0u-mdb-rank{font-family:var(--mdb-mono);color:var(--mdb-mute);width:52px}
.m0u-mdb-name b{display:block;color:var(--mdb-ink);overflow-wrap:anywhere}
.m0u-mdb-name small{display:block;font-size:12.5px;color:var(--mdb-mute)}
.m0u-mdb-numc{font-family:var(--mdb-mono);font-size:13.5px;white-space:nowrap;text-align:right}
.m0u-mdb-table th:nth-child(4),.m0u-mdb-table th:nth-child(5){text-align:right}
.m0u-mdb-table .m0u-mdb-out{padding:5px 10px;font-size:13px;white-space:nowrap}
.m0u-mdb-cta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.m0u-mdb-cta .m0u-btn,.m0u-mdb-qv-acts .m0u-btn{margin:0;align-self:auto}
.m0u-mdb-btn-line{border:1px solid var(--mdb-ink);color:var(--mdb-ink)!important;background:#fff}
.m0u-mdb-btn-line:hover{background:var(--mdb-ink);color:var(--mdb-lime)!important}

/* quick view dialog */
.m0u-mdb-qv{border:0;padding:0;border-radius:20px;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow:auto;background:#fff;color:var(--mdb-ink);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.m0u-mdb-qv::backdrop{background:rgba(17,19,28,.62)}
.m0u-mdb-qv-in{padding:24px 24px 22px;position:relative}
.m0u-mdb-qv-x{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:50%;background:#f0eef7;font-size:24px;line-height:1;cursor:pointer;color:var(--mdb-ink)}
.m0u-mdb-qv-x:hover{background:var(--mdb-ink);color:var(--mdb-lime)}
.m0u-mdb-qv .m0u-mdb-card-top{padding-right:46px}
.m0u-mdb-qv h2{font-family:var(--mdb-head);font-size:1.5rem;line-height:1.2;margin:0 0 14px;overflow-wrap:anywhere}
.m0u-mdb-qv-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}
.m0u-mdb-qv-dl>div{background:#f6f5fb;border-radius:12px;padding:10px 12px;min-width:0}
.m0u-mdb-qv-dl dt{font-family:var(--mdb-mono);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mdb-mute);margin:0}
.m0u-mdb-qv-dl dd{margin:2px 0 0;font-weight:700;overflow-wrap:anywhere}
.m0u-mdb-qv-sum{margin:0 0 18px}
.m0u-mdb-qv-sum blockquote{margin:0;border-left:4px solid var(--mdb-violet);background:#faf9fe;border-radius:0 12px 12px 0;padding:12px 16px}
.m0u-mdb-qv-sum blockquote p{margin:0;font-size:15px;line-height:1.6}
.m0u-mdb-qv-sum figcaption{font-size:12.5px;color:var(--mdb-mute);margin-top:6px}
.m0u-mdb-qv-acts{display:flex;flex-wrap:wrap;gap:10px}
.m0u-mdb-wait{color:var(--mdb-mute);font-weight:400}

/* homepage band */
.m0u-mdb-home{padding:34px 0}
.m0u-mdb-home-band{background:var(--mdb-ink);background-image:radial-gradient(700px 300px at 90% -20%,rgba(124,77,255,.45),transparent 60%),radial-gradient(600px 260px at 0% 120%,rgba(182,244,60,.16),transparent 60%);border-radius:24px;padding:clamp(22px,4vw,40px);color:#fff}
.m0u-mdb-home-pill{display:inline-block;font-family:var(--mdb-mono);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mdb-lime);border:1px solid rgba(182,244,60,.35);border-radius:99px;padding:5px 12px;margin:0 0 12px}
.m0u-mdb-home h2{color:#fff;font-family:var(--mdb-head);font-size:clamp(1.7rem,3.4vw,2.5rem);letter-spacing:-.03em;margin:0 0 18px}
.m0u-mdb-home-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,240px) auto;gap:10px}
.m0u-mdb-home-form input,.m0u-mdb-home-form select{height:52px;border:1px solid #33364a;background:#1b1e2b;color:#fff;border-radius:12px;padding:0 16px;font:inherit;font-size:16px;min-width:0;width:100%}
.m0u-mdb-home-form input::placeholder{color:#9a9db3}
.m0u-mdb-home-form input:focus,.m0u-mdb-home-form select:focus{outline:2px solid var(--mdb-lime);outline-offset:1px}
.m0u-mdb-home-form .m0u-btn{height:52px;margin:0;border:0;cursor:pointer;justify-content:center;align-self:auto}
.m0u-mdb-home-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
.m0u-mdb-home-chips .m0u-mdb-label{color:var(--mdb-lime)}
.m0u-mdb-home-chips .m0u-mdb-chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff!important}
.m0u-mdb-home-chips .m0u-mdb-chip:hover{border-color:var(--mdb-lime);color:var(--mdb-lime)!important}
.m0u-mdb-home-chips .m0u-mdb-chip-all{background:var(--mdb-lime);border-color:var(--mdb-lime);color:var(--mdb-ink)!important}

/* category hubs: find more mods */
.m0u-mdb-find{padding:22px 0 0}
.m0u-mdb-find-in{background:#fff;border:1px solid var(--mdb-line);border-left:6px solid var(--mdb-lime);border-radius:18px;padding:18px 20px}
.m0u-mdb-find h2{font-family:var(--mdb-head);font-size:1.25rem;margin:0 0 10px;color:var(--mdb-ink)}
.m0u-mdb-find-links{display:flex;flex-wrap:wrap;gap:8px}

@media (max-width:1100px){
  .m0u-mdb-controls{grid-template-columns:repeat(3,minmax(0,1fr))}
  .m0u-mdb-controls .m0u-mdb-q{grid-column:1/-1}
  .m0u-mdb-results{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m0u-mdb-gamelist ul{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:700px){
  .m0u-mdb-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m0u-mdb-controls{grid-template-columns:repeat(2,minmax(0,1fr));position:static;padding:12px}
  .m0u-mdb-go{grid-column:1/-1}
  .m0u-mdb-results{grid-template-columns:minmax(0,1fr)}
  .m0u-mdb-gamelist ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m0u-mdb-home-form{grid-template-columns:minmax(0,1fr)}
  .m0u-mdb-qv-in{padding:20px 16px 18px}
}
@media (max-width:420px){.m0u-mdb-gamelist ul{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.m0u-mdb *{transition:none!important}}
