.community-page .cm-duel-qr{padding:16px;margin-top:16px;border:1px solid #b38c5155;border-radius:13px;background:#171216;}
.community-page .cm-duel-qr summary{cursor:pointer;color:#e5bf7f;font:600 14px/1.5 Arial,sans-serif;}
.community-page .cm-duel-qr img{display:block;max-width:100%;height:auto;margin:18px auto;background:#fff;border-radius:4px;image-rendering:pixelated;}
.community-page .cm-duel-qr p{margin:12px 0 0;}
.community-page .cm-duel-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;}
.community-page .cm-duel-settings label{min-width:0;display:grid;gap:8px;color:#d9bf99;font:12px/1.5 Arial,sans-serif;}
.community-page .cm-duel-settings select{width:100%;min-width:0;min-height:46px;padding:10px;border:1px solid #aa815452;border-radius:9px;background:#171216;color:#f1e2c9;font:14px/1.4 Arial,sans-serif;}
.community-page .cm-duel-settings p{grid-column:1/-1;margin:0;}
.community-page .cm-duel-review{margin-top:24px;border-top:1px solid #bb955c55;padding-top:20px;}
.community-page .cm-duel-review article{padding:16px;margin:12px 0;border:1px solid #a27d4c44;border-radius:12px;background:#171216;overflow-wrap:anywhere;}
.community-page .cm-duel-review h4{font:600 15px/1.5 Arial,sans-serif;margin:0 0 12px;color:#f1dfc3;}
.community-page .cm-duel-review p{font:13px/1.6 Arial,sans-serif;margin:7px 0;}
.community-page .cm-review-good{color:#a5dbb7;}.community-page .cm-review-wrong{color:#e6adb0;}.community-page .cm-review-answer{color:#efd29c;}
.community-page .cm-duel-review>details>summary{padding:14px 0;color:#e1bf85;cursor:pointer;}
@media(max-width:500px){.community-page .cm-duel-settings{grid-template-columns:1fr;}}
body dialog#theoryPreview{box-sizing:border-box;width:min(740px,calc(100% - 28px));max-height:calc(100dvh - 36px);overflow:auto;padding:26px;color:#eee1c9;background:#1b131b;border:1px solid #98734677;border-radius:20px;}
body dialog#theoryPreview:not([open]){display:none;}
body dialog#theoryPreview::backdrop{background:#070507cc;}
body dialog#theoryPreview .cm-thread-head{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;}
body dialog#theoryPreview h2{font:600 25px/1.3 Georgia,serif;margin:0;}
body dialog#theoryPreview button{padding:11px 15px;min-height:44px;}
body dialog#theoryPreview .cm-theory{margin-top:20px;padding:20px;}
body dialog#theoryPreview .cm-body{white-space:pre-wrap;overflow-wrap:anywhere;}