.faq-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:16px;border:1px solid var(--line);background:var(--panel);border-radius:12px}.faq-tools label{display:flex;flex-direction:column;gap:6px;flex:1 1 290px;font-weight:750}.faq-tools input{width:100%;padding:11px 12px;font:inherit;border:1px solid #526079;border-radius:8px;background:#0b1320;color:var(--text)}.faq-tools button{padding:11px 12px;background:#182235;color:var(--text);border:1px solid #526079;border-radius:8px;font:inherit;cursor:pointer}.faq-tools p{margin:0;padding:10px 0;font-size:.85rem}.faq-tools input:focus-visible,.faq-tools button:focus-visible{outline:2px solid var(--turq);outline-offset:2px}
.faq-topics{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.faq-topics a{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#111827;font-size:.85rem}.faq-section{margin:30px 0;scroll-margin-top:16px}.faq-section>h2{color:#d8c6fb;font-size:1.25rem}.faq-answer{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:8px 0;overflow:hidden}.faq-answer>summary{font-weight:700;padding:14px 16px;cursor:pointer;line-height:1.45}.faq-answer>summary:focus-visible{outline:2px solid var(--turq);outline-offset:-3px}.faq-answer[open]>summary{color:#9aeee5;border-bottom:1px solid var(--line)}.faq-answer>div{padding:14px 16px;line-height:1.7;color:#cbd5e1}.faq-answer[hidden],.faq-section[hidden],#faqEmpty[hidden]{display:none!important}.faq-bottom{margin-top:32px}
.mc-card-infantry{--card-color:#70baff}.mc-card-cavalry{--card-color:#ffb35c}.mc-card-artillery{--card-color:#c6a1ff}.mc-card-wild{--card-color:#f5df73}.mc-card-symbol{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:7px;background:#101725;color:var(--card-color)}.mc-card-symbol svg{width:21px;height:21px;fill:currentColor}.mc-set-guide{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px;font-size:.82rem}.mc-set-guide>span{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
@media(max-width:580px){.faq-tools{padding:12px}.faq-tools button{width:100%}.faq-answer>summary,.faq-answer>div{padding:12px}.faq-topics a{font-size:.78rem}}
