/* Isolated visual test. No styles for live community content. */
.community-preview-entry { display:flex; justify-content:flex-end; margin:-.5rem 0 .9rem; }
.community-preview-entry a { display:inline-flex; align-items:center; min-height:44px; gap:.5rem; color:var(--blue); font-size:.8125rem; text-decoration:none; }
.community-preview-entry span { color:var(--muted); font-size:.75rem; }
#communityDetail.arena-mode { max-width:none; }
.arena-active .community-page { padding-top:1.35rem; }
.arena-active .community-kinds { margin-bottom:.4rem; }
.arena-active .community-preview-entry,.arena-active #communityNotice { display:none; }
.arena-active .community-tools { padding:0 0 .45rem; }
.arena-preview { --arena-accent:var(--blue); --arena-soft:var(--panel2); color:var(--text); padding-bottom:1rem; }
.arena-preview * { box-sizing:border-box; min-width:0; }
.arena-preview [hidden] { display:none!important; }
.arena-preview a { color:var(--blue); }
.arena-preview button,.arena-preview textarea { font:inherit; }
.arena-preview button:focus-visible,.arena-preview summary:focus-visible,.arena-preview input:focus-visible,.arena-preview textarea:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.arena-header { margin:.35rem 0 1.1rem; }
.arena-kicker { font-size:.6875rem; font-weight:700; letter-spacing:.12em; color:var(--blue); margin:0 0 .6rem; }
.arena-preview .arena-title { margin:0 0 .7rem; font-size:clamp(1.45rem,2.5vw,1.9rem); line-height:1.45; letter-spacing:-.04em; font-weight:700; }
.arena-conditions { display:flex; gap:.4rem .9rem; flex-wrap:wrap; color:var(--muted); font-size:.8125rem; line-height:1.65; list-style:none; padding:0; margin:0; }
.arena-preview-notice { color:var(--muted); font-size:.75rem; line-height:1.65; margin:.65rem 0 0; }
.arena-scoreboard { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.5rem 1rem; padding:.8rem 0; margin:0 0 1rem; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--muted); font-size:.8125rem; line-height:1.6; }
.arena-scoreboard strong { color:var(--text); }
.arena-matchup,.arena-preview .arena-read-more { display:none; }
.arena-corners { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:1rem; }
.arena-corner { padding:1.15rem; border:1px solid var(--line); border-top:3px solid var(--arena-accent); border-radius:1rem; background:var(--arena-soft); }
.arena-corner-a,.arena-side-a { --arena-accent:var(--community-a); --arena-soft:var(--community-a-bg); }
.arena-corner-b,.arena-side-b { --arena-accent:var(--community-b); --arena-soft:var(--community-b-bg); }
.arena-side-none { --arena-accent:var(--muted); --arena-soft:var(--panel2); }
.arena-corner-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.45rem; margin:0 0 .65rem; color:var(--arena-accent); font-size:.8125rem; font-weight:700; }
.arena-corner-heading h2 { margin:0; color:var(--arena-accent); font:inherit; }
.arena-claim { font-size:1.125rem; font-weight:700; letter-spacing:-.025em; line-height:1.5; margin:.2rem 0 .5rem; }
.arena-evidence { font-size:.8125rem; color:var(--muted); line-height:1.65; margin:0 0 .8rem; }
.arena-preview .arena-button { min-height:44px; padding:.6rem .9rem; border:1px solid var(--line); border-radius:.65rem; background:var(--panel); color:var(--text); font-size:.8125rem; font-weight:600; white-space:normal; cursor:pointer; }
.arena-preview .arena-join { color:var(--arena-accent); border-color:var(--arena-accent); background:var(--panel); width:100%; margin:0 0 1rem; }
.arena-preview .arena-button:hover { filter:brightness(.97); }
.arena-preview .arena-button:disabled { opacity:.5; cursor:not-allowed; }
.arena-threads { display:grid; gap:.7rem; }
.arena-thread { padding:.95rem; border:1px solid var(--line); border-radius:.8rem; background:var(--panel); overflow-wrap:anywhere; }
.arena-comment-head { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem .55rem; color:var(--muted); font-size:.6875rem; line-height:1.6; }
.arena-comment-head strong { color:var(--text); font-size:.8125rem; }
.arena-stance { color:var(--arena-accent); background:var(--arena-soft); border-radius:.35rem; padding:.13rem .4rem; font-size:.6875rem; font-weight:600; }
.arena-comment-body { color:var(--text); white-space:pre-wrap; overflow-wrap:anywhere; font-size:.9375rem; line-height:1.75; margin:.65rem 0 .4rem; }
.arena-preview .arena-reply { min-height:44px; padding:.4rem .2rem; border:0; color:var(--arena-accent); background:transparent; font-size:.75rem; }
.arena-rebuttals { border-top:1px solid var(--line); margin-top:.4rem; padding-top:.25rem; }
.arena-rebuttals > summary { min-height:44px; padding:.65rem .15rem; color:var(--muted); font-size:.75rem; line-height:1.6; cursor:pointer; }
.arena-rebuttal-list { display:grid; gap:.7rem; padding:.3rem 0 .1rem .65rem; border-left:2px solid var(--line); }
.arena-rebuttal { padding:.65rem; border-radius:.6rem; background:var(--panel2); }
.arena-rebuttal .arena-comment-body { font-size:.875rem; margin-bottom:0; }
.arena-more { border-top:1px solid var(--line); margin-top:.8rem; }
.arena-more > summary { min-height:44px; padding:.7rem .15rem; color:var(--arena-accent); font-size:.8125rem; line-height:1.6; cursor:pointer; }
.arena-more[open] > summary { margin-bottom:.3rem; }
.arena-more .arena-thread + .arena-thread { margin-top:.7rem; }
.arena-composer { margin:1rem 0; padding:1.15rem; background:var(--panel2); border:1px solid var(--line); border-radius:.9rem; }
.arena-composer h2 { margin:0 0 .45rem; font-size:1rem; }
.arena-compose-target { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.4rem; color:var(--muted); font-size:.8125rem; line-height:1.65; margin:0 0 .7rem; }
.arena-stance-options { display:flex; gap:.5rem; flex-wrap:wrap; border:0; padding:0; margin:.65rem 0; }
.arena-stance-options legend { color:var(--muted); font-size:.75rem; margin-bottom:.4rem; }
.arena-stance-options label { display:inline-flex; gap:.4rem; align-items:center; min-height:44px; padding:.4rem .7rem; background:var(--panel); border:1px solid var(--line); border-radius:.6rem; font-size:.8125rem; cursor:pointer; }
.arena-stance-options input { margin:0; padding:0; min-height:0; accent-color:var(--blue); }
.arena-preview .arena-input { display:block; width:100%; min-height:6rem; margin:.65rem 0 0; padding:.85rem; color:var(--text); background:var(--panel); font-size:.875rem; line-height:1.7; border:1px solid var(--line); border-radius:.7rem; }
.arena-input-meta { display:flex; justify-content:space-between; gap:.6rem; flex-wrap:wrap; align-items:center; margin:.55rem 0 .8rem; font-size:.75rem; color:var(--muted); line-height:1.6; }
.arena-counter { white-space:nowrap; }
.arena-preview [data-invalid="true"],.arena-form-error { color:var(--danger); }
.arena-form-error { font-size:.8125rem; margin:.4rem 0; line-height:1.65; }
.arena-preview .arena-submit { min-width:5rem; background:var(--blue); color:var(--bg); border-color:var(--blue); }
.arena-form-status { margin:.7rem 0 0; font-size:.8125rem; color:var(--muted); line-height:1.65; }
.arena-registration-feedback { display:flex; align-items:center; justify-content:space-between; gap:.5rem 1rem; flex-wrap:wrap; }
.arena-preview .arena-view-registered { color:var(--blue); font-size:.75rem; margin-top:.35rem; }
.arena-registered { outline:2px solid var(--arena-accent,var(--blue)); outline-offset:3px; border-radius:.6rem; }
.arena-preview .arena-thread.is-local { border-style:dashed; border-color:var(--arena-accent); }
@media (max-width:44rem) {
  .arena-matchup { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; position:sticky; top:0; z-index:30; padding:.5rem 0; margin:0 0 .4rem; background:var(--bg); border-bottom:1px solid var(--line); }
  .arena-preview .arena-matchup-side { display:grid; grid-template-columns:1fr auto; gap:.15rem .4rem; min-height:4rem; padding:.5rem .6rem; border:1px solid var(--arena-accent); border-radius:.65rem; background:var(--arena-soft); color:var(--arena-accent); text-decoration:none; }
  .arena-matchup-label { font-size:.8125rem; font-weight:700; }
  .arena-matchup-title { grid-column:1/-1; grid-row:2; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:.75rem; line-height:1.5; font-weight:600; }
  .arena-matchup-count { font-size:.6875rem; align-self:center; white-space:nowrap; }
  .arena-corners { grid-template-columns:minmax(0,1fr); gap:1rem; }
  .arena-corner { padding:.9rem; border-radius:.8rem; scroll-margin-top:2.5rem; }
  .arena-corner-heading { display:flex; margin-bottom:.5rem; font-size:.875rem; }
  .arena-corner-heading > span { font-size:.75rem; }
  .arena-claim { font-size:1.0625rem; min-height:0; }
  .arena-evidence { display:none; }
  .arena-preview .arena-join { padding:.5rem .7rem; font-size:.875rem; margin-bottom:.75rem; }
  .arena-thread { padding:.85rem; border-radius:.65rem; }
  .arena-comment-head strong { font-size:.875rem; }
  .arena-comment-head small { font-size:.6875rem; }
  .arena-comment-body { font-size:1rem; line-height:1.75; }
  .arena-comment:not(.is-expanded):not(.arena-registered) .arena-comment-body { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; }
  .arena-preview .arena-read-more { display:inline-flex; align-items:center; min-height:44px; border:0; background:transparent; color:var(--arena-accent); padding:.25rem 0; font-size:.8125rem; }
  .arena-preview .arena-registered .arena-read-more { display:none; }
  .arena-preview .arena-reply { font-size:.8125rem; padding:.25rem 0; }
  .arena-rebuttals > summary,.arena-more > summary { font-size:.8125rem; padding:.65rem 0; }
  .arena-rebuttal-list { padding-left:.5rem; }
  .arena-rebuttal { padding:.65rem; }
  .arena-rebuttal .arena-comment-body { font-size:1rem; }
  .arena-header { margin-top:0; }
  .arena-preview .arena-title { font-size:1.4rem; }
  .arena-comment-head { gap:.3rem .45rem; }
  .arena-composer { padding:.9rem; }
  .arena-preview .arena-input { min-height:7rem; font-size:1rem; }
  .community-preview-entry { justify-content:flex-start; flex-wrap:wrap; }
}