/* R240 — Catálogo de categorias e subcategorias de duelos e desafios (busca + explorar) e tela do administrador. Prefixo dc-. Mobile-first. */
.dc{margin:10px 16px 14px;padding:14px;border-radius:16px;border:1px solid rgba(15,43,96,.14);background:rgba(255,255,255,.75);display:grid;gap:10px;box-sizing:border-box}
.dc h3{margin:0;font-size:17px;line-height:1.25}
.dc p,.dc-hint{margin:0;font-size:14px;line-height:1.4}
.dc input[type=search],.dc input[type=text]{width:100%;box-sizing:border-box;min-height:44px;font-size:16px;padding:8px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.2)}
.dc-res{display:grid;grid-auto-rows:max-content;align-content:start;gap:6px;max-height:340px;overflow:auto;-webkit-overflow-scrolling:touch}
.dc-item,.dc-catbtn{height:auto;flex:none;line-height:1.3;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;width:100%;min-height:44px;padding:8px 12px;border-radius:12px;border:1px solid rgba(15,43,96,.16);background:#fff;color:inherit;font:inherit;font-size:15px;text-align:left;cursor:pointer;box-sizing:border-box}
.dc-item small,.dc-catbtn small{font-size:12px;opacity:.7}
.dc-item b{font-weight:700}
.dc-item.is-on,.dc-chip.is-on{border-color:#2563EB;background:rgba(37,99,235,.1)}
.dc-empty{font-size:14px;opacity:.8}
.dc-all{border-top:1px solid rgba(15,43,96,.12);padding-top:8px}
.dc-all>summary,.dc-cat>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700;font-size:15px}
.dc-grp{margin:10px 0 4px;font-size:14px;font-weight:800;letter-spacing:.02em}
.dc-cats{display:grid;gap:6px}
.dc-chips{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0 4px}
.dc-chip{min-height:40px;padding:6px 12px;border-radius:999px;border:1px solid rgba(15,43,96,.2);background:#fff;color:inherit;font:inherit;font-size:14px;cursor:pointer}
.dc-picked{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:rgba(37,99,235,.1);font-size:14px}
.dc-picked button{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(15,43,96,.25);background:#fff;font:inherit;font-size:13px;cursor:pointer}
/* tela do administrador */
.dc-sub{display:grid;gap:6px;padding:8px 0;border-top:1px solid rgba(15,43,96,.1)}
.dc-sub__n{font-weight:700;font-size:15px}
.dc-sub__k{font-size:13px;opacity:.75;overflow-wrap:anywhere}
.dc-row{display:flex;flex-wrap:wrap;gap:8px}
.dc-row>*{flex:1 1 140px;min-height:44px;font-size:15px}
.dc-err{color:#DC2626;font-size:13px}
/* R243 — padrão oficial MassaCoin: fundo claro, bloco com sombra suave, azul-marinho + dourado; vale também no modo escuro do aparelho (só cores) */
.dc{background:#FFFFFF;color:#0F2B60;border-color:rgba(15,43,96,.14);box-shadow:0 4px 16px rgba(15,43,96,.10)}
.dc h3,.dc p,.dc-hint,.dc-sub__n,.dc-grp,.dc-all>summary,.dc-cat>summary{color:#0F2B60}
.dc input[type=search],.dc input[type=text]{background:#FFFFFF;color:#0F2B60;border-color:rgba(15,43,96,.28)}
.dc input::placeholder{color:#5B6B8C;opacity:1}
.dc input[type=search]:focus,.dc input[type=text]:focus{outline:2px solid #C9A227;outline-offset:1px;border-color:#C9A227}
.dc-item,.dc-catbtn,.dc-chip,.dc-picked button{background:#FFFFFF;color:#0F2B60;border-color:rgba(15,43,96,.2)}
.dc-item:hover,.dc-catbtn:hover,.dc-chip:hover{border-color:#C9A227}
.dc-item.is-on,.dc-chip.is-on{border-color:#C9A227;background:rgba(201,162,39,.14)}
.dc-picked{background:rgba(201,162,39,.14);color:#0F2B60}
.dc-item small,.dc-catbtn small{color:#41527A;opacity:1}