.community-nav { display:flex; gap:6px; margin:0 0 24px; border-bottom:1px solid var(--cq-line); }
.run-export-help { color:var(--cq-muted); font-size:12px; line-height:1.6; margin:12px 0; }
.community-nav button { border:0; border-radius:0; background:transparent; color:var(--cq-muted); padding:14px 18px; }
.community-nav button[aria-current="page"] { color:var(--cq-gold); box-shadow:inset 0 -3px var(--cq-gold); }
.community-heading { display:flex; align-items:start; justify-content:space-between; gap:20px; margin:30px 0; }
.community-heading h2 { font-size:clamp(28px,4vw,42px); font-style:italic; color:var(--cq-gold); }
.community-heading p:not(.community-eyebrow) { margin-top:10px; color:var(--cq-muted); font-size:14px; }
.community-eyebrow { font-size:10px; letter-spacing:.15em; font-weight:800; color:#d3b987; margin-bottom:10px !important; }
.community-label { font-size:11px; color:var(--cq-muted); padding:8px 0; white-space:nowrap; }
.community-actions { display:flex; gap:8px; margin-bottom:20px; flex-wrap:wrap; }
.community-empty { padding:48px 20px; text-align:center; border-top:1px solid var(--cq-line); border-bottom:1px solid var(--cq-line); }
.community-empty strong { display:block; font-size:22px; color:#eed59c; margin-bottom:10px; }
.community-empty p { max-width:52ch; margin:0 auto 20px; font-size:13px; color:var(--cq-muted); }
.run-list { display:grid; margin:12px 0 22px; border-top:1px solid var(--cq-line); }
.run-row { display:grid; grid-template-columns:48px minmax(0,1fr) 180px 75px auto; align-items:center; gap:18px; padding:24px 0; border-bottom:1px solid var(--cq-line); }
.run-row:first-child .run-rank { color:var(--cq-gold); }
.run-rank { font-size:23px; font-weight:900; font-style:italic; color:var(--cq-muted); text-align:center; }
.run-person { min-width:0; }
.run-person h3 { margin:0 0 4px; overflow-wrap:anywhere; font-size:14px; }
.run-person p { font-size:11px; color:var(--cq-muted); overflow-wrap:anywhere; }
.run-person button { padding:0; min-height:28px; background:transparent; border:0; font-size:14px; text-align:left; }
.run-thumbnails { display:flex; align-items:center; }
.run-thumbnails img { width:64px; height:64px; object-fit:contain; margin-left:-15px; }
.run-thumbnails img:first-child { margin-left:0; }
.run-thumbnails span { margin-left:5px; font-size:10px; color:var(--cq-muted); }
.run-score { text-align:center; }
.run-score strong { display:block; font-size:32px; line-height:1; font-weight:900; color:var(--cq-gold); font-variant-numeric:tabular-nums; }
.run-score span { font-size:10px; color:var(--cq-muted); }
.community-save { display:flex; align-items:center; gap:10px; padding:0 4px 18px; }
.community-save p { margin-right:auto; color:var(--cq-muted); font-size:11px; }
.community-save button { flex-shrink:0; }
.community-dialog { position:fixed; inset:0; width:min(500px,calc(100% - 32px)); max-height:90dvh; overflow:auto; overscroll-behavior:contain; margin:auto; padding:36px; color:var(--cq-ink); background:var(--cq-bg); border:1px solid var(--cq-line); border-radius:14px; }
.community-dialog::backdrop { background:#080a0de6; }
.community-dialog h2 { font-size:28px; line-height:1.2; margin-right:20px; overflow-wrap:anywhere; }
.community-dialog p { font-size:13px; color:var(--cq-muted); margin:12px 0; line-height:1.6; }
.community-dialog form { display:grid; gap:14px; margin-top:20px; }
.community-dialog .dialog-close { position:absolute; top:9px; right:10px; font-size:24px; padding:4px 12px; }
.run-dialog { width:min(900px,calc(100% - 32px)); }
.run-detail-top { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-right:20px; }
.run-detail-top > div:first-child { min-width:0; }
.run-detail-top .run-score { flex-shrink:0; }
.run-detail-top .run-score strong { font-size:48px; }
.run-detail-actions { display:flex; gap:8px; flex-wrap:wrap; margin:20px 0; }
.run-detail-deck { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px 12px; }
.run-detail-card { min-width:0; text-align:center; font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
.run-detail-card img { display:block; width:100%; aspect-ratio:1; object-fit:contain; }
.run-detail-section { margin-top:32px; padding-top:24px; border-top:1px solid var(--cq-line); }
.run-detail-section h3 { font-size:15px; margin:0 0 12px; }
.run-swaps { list-style:none; padding:0; margin:0; }
.run-swaps > li { display:grid; grid-template-columns:74px minmax(0,1fr); gap:12px; padding:16px 0; border-bottom:1px solid var(--cq-line); font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.run-swaps > li > strong { color:#e2c181; }
.run-swaps .full-reset { grid-template-columns:1fr; border-top:1px solid var(--cq-gold); padding:24px 0; margin:16px 0; }
.run-detail-section summary { padding:10px 0; }
.run-games { display:flex; gap:5px; flex-wrap:wrap; max-height:220px; overflow:auto; list-style:none; padding:0; }
.run-games li { padding:6px 9px; font-size:11px; border-radius:4px; background:#2d4737; color:#dcf5e6; }
.run-games li.loss { background:#56303c; color:#f8dce3; }
#communityMore { margin-bottom:20px; }
.archive-heading { font-size:18px !important; margin-top:24px !important; }
@media(max-width:720px) {
 .challenge-header { gap:4px; flex-wrap:wrap; }
 .challenge-header #openAccount { padding:8px; min-width:0; margin-left:auto; max-width:110px; overflow:hidden; text-overflow:ellipsis; }
 .challenge-tools-menu { margin-left:0; }
 .community-nav { gap:0; }
 .community-nav button { flex:1; padding:12px 8px; font-size:11px; }
 .community-heading { display:block; margin:20px 0; }
 .community-label { display:inline-block; margin-top:14px; }
 .run-row { grid-template-columns:25px minmax(0,1fr) 55px; gap:12px; padding:20px 0; }
 .run-row > button { grid-column:2/4; }
 .run-thumbnails { display:none; }
 .run-person button { font-size:13px; }
 .community-save { flex-wrap:wrap; }
 .community-save p { width:100%; }
 .community-save button { flex:1; }
 .community-dialog { padding:32px 18px 24px; }
 .run-detail-deck { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 6px; }
 .run-detail-card { font-size:11px; }
 .run-detail-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .run-detail-actions button { padding:10px 8px; }
 .run-detail-top h2 { font-size:23px; }
 .run-swaps > li { grid-template-columns:55px minmax(0,1fr); }
}