.mpds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:16px 0}.mpds-card{border:1px solid #a9e5ff40;border-radius:6px;background:var(--surface);overflow:hidden}.mpds-card>a{display:block;background:#e9e4dc}.mpds-card img{display:block;width:100%;height:145px;object-fit:contain}.mpds-card>div{padding:12px}.mpds-card h2{font-size:17px;line-height:1.2;margin:6px 0}.mpds-card p{font-size:13px;line-height:1.45;margin:0}.mpds-card small{color:var(--accent);font-size:10px}.mpds-card[hidden]{display:none}.mpds-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:12px;background:var(--surface);border-radius:6px}.mpds-controls label{display:grid;gap:5px;font-size:12px;flex:1 1 180px}.mpds-controls input,.mpds-controls select{width:100%;min-width:0;padding:10px;border:1px solid #a9e5ff60;border-radius:4px;background:var(--bg);color:var(--text,#fff);font:inherit;font-size:14px}.mpds-controls p{font-size:12px;margin:10px 0}.mpds-basics{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.mpds-basics section{padding:16px;background:var(--surface);border:1px solid #a9e5ff40;border-radius:6px}.mpds-basics h2{font-size:19px;margin:0 0 8px}.mpds-basics p{font-size:14px;line-height:1.55;margin:0}.mpds-home .mp4-topic{border-color:#a9e5ff40}.mpds-home .mp4-topic>img{object-fit:contain}.mpds-directory input:focus-visible,.mpds-directory select:focus-visible,.mpds-card>a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(max-width:600px){.mpds-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mpds-card img{height:120px}.mpds-card>div{padding:10px}.mpds-card h2{font-size:16px}.mpds-card p{font-size:12px}.mpds-controls label{flex-basis:100%}}

.mpds-grid.suits{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.mpds-grid.suits img{height:210px}.mpds-note{font-size:12px;opacity:.8}.mpds-tips{font-size:14px;line-height:1.6;padding:0 16px}.mpds-card>a{background:#28241f}.mpds-grid.boards img{object-fit:cover}.mpds-controls select option{background:#211d18;color:#fff}


.mpds-grid.items img{image-rendering:auto;object-fit:contain;padding:25px}.mpds-grid.boards img{object-fit:contain;image-rendering:auto;background:#171d2b}.mpds-card>a{background:#e9e0c7}.mpds-home .mp4-topic>img{image-rendering:auto}.mpds-home .mp4-topic[href$="/items/"]>img{image-rendering:auto;padding:15px}