.community-page { max-width: 960px; margin: 0 auto; }
.community-page h1 { margin: 0 0 12px; font-size: 1.8rem; }
.community-page h2 { margin: 28px 0 14px; font-size: 1.2rem; }
.policy-page { line-height:1.75; max-width:800px; }
.policy-page p,.policy-page li { color:#d1c3da; }
.policy-page h2 { color:#f2e5f8; }
.policy-page li { margin:8px 0; }
.skip-link { position:fixed; z-index:150; left:12px; top:-70px; padding:12px; background:#38273f; color:#fff; }
.skip-link:focus { top:12px; }
.community-block { margin-bottom:16px; }
a.category-row { text-decoration:none; color:inherit; }
a.category-row:focus-visible { outline-offset:-3px; }
.category-last > .last-meta { grid-column:1/-1; font-size:.78rem; }
.primary-nav { scrollbar-width:thin; }
.nav-link,#signup-button,#account-button { white-space:nowrap; }
.header-tools > button { flex-shrink:0; }
@media(min-width:901px) { .ss-brand.compact { min-width:200px; } .header-main { gap:18px; } .search-box { width:clamp(130px,14vw,200px); } }
@media(min-width:651px) and (max-width:1050px) { .header-main { height:auto; grid-template-columns:auto 1fr; gap:12px; padding-top:12px; padding-bottom:12px; } .primary-nav { display:flex; grid-row:2; grid-column:1/-1; height:40px; justify-content:center; } }
.community-page code { overflow-wrap:anywhere; }
.account-legal { font-size:.72rem; margin:14px 0 0; }
.account-legal a { color:#f1b1df; }
.community-muted { color: #b1a3ba; line-height: 1.6; font-size: .85rem; }
.community-text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; }
.community-card { padding: 18px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); margin: 12px 0; overflow-wrap: anywhere; }
.live-topic-row { display: flex; justify-content: space-between; gap: 16px; padding: 18px; border-bottom: 1px solid var(--line); align-items: center; }
.live-topic-row a { color: #f4d5ec; font-weight: 650; text-decoration: none; }
.live-topic-row a:hover { text-decoration: underline; }
.live-topic-row small { display: block; margin-top: 9px; color: #b1a3ba; }
.live-topic-row > span { flex-shrink: 0; color: #b1a3ba; font-size: .8rem; }
.community-actions { display: flex; flex-wrap: wrap; gap: 9px; padding: 12px 0; }
.post-body .community-actions { padding: 10px 18px; border-top: 1px solid var(--line); }
.post-action[aria-pressed=true] { color: #ffd2ee; background: #59334d; border-radius: 5px; }
.community-pager { display: flex; justify-content: center; align-items: center; gap: 24px; padding: 22px 0; color: #b1a3ba; }
.community-pager a { color: #f1b1df; }
.community-modal h2 { font-size: 1rem; }
.community-modal .field label { font-size: .85rem; }
.community-modal input, .community-modal textarea, .community-modal select { font: inherit; min-height: 42px; }
.post-author > small { display: block; margin-top: 6px; color: #b1a3ba; }
.community-text a { word-break: break-word; }
#live-reply textarea { width: 100%; min-height: 130px; resize: vertical; }
.site-footer { border-top: 1px solid var(--line); padding: 22px 0; margin-top: 40px; color: #b1a3ba; font-size: .8rem; }
.site-footer .wrap { display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; }
.site-footer a { color: #d1b2d9; }
.fight-scores { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:24px 0; }
.fight-scores dt { text-transform:capitalize; color:#beafc9; font-size:.8rem; }
.fight-scores dd { margin:6px 0 0; font-size:1.5rem; font-weight:750; }
.fight-scores meter { display:block; width:100%; height:8px; margin-top:8px; accent-color:#d653a6; }
.theme-tabs { display:flex; gap:8px; flex-wrap:wrap; margin:24px 0; }
.theme-tabs a { text-decoration:none; }
.theme-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.theme-screenshot { min-height:240px; padding:24px; border:2px solid; border-radius:8px; display:flex; flex-direction:column; align-items:center; gap:12px; color:#fff; background-color:#221827; overflow:hidden; text-shadow:0 1px 3px #000; }
.theme-screenshot small { color:#e7d6ee; }
.theme-preview-box { padding:14px; background:#201925; border:1px solid var(--profile-accent); font-size:.8rem; }
@media(max-width:650px) { .theme-grid { grid-template-columns:1fr; } .fight-scores { grid-template-columns:repeat(2,1fr); } }
@media(max-width:650px) {
  .header-main { grid-template-columns:auto minmax(0,1fr); }
  .header-tools { width:100%; justify-content:flex-end; }
  .ss-brand { gap:6px; }
  #signup-button { height:36px; font-size:.75rem; padding:0 9px; }
  #account-button:not([data-real-account="1"]) #account-avatar { display:none; }
  #account-label { max-width:120px; overflow:hidden; text-overflow:ellipsis; }
  .user-chip { max-width:100%; }
  .primary-nav { height:44px; }
}
@media(max-width:650px) { .live-topic-row { align-items: flex-start; flex-direction: column; gap: 8px; } .community-actions .btn { height: auto; min-height: 38px; } .site-header .header-main { height: auto; min-height: 70px; flex-wrap: wrap; padding-top: 12px; padding-bottom: 12px; } .primary-nav { display: flex; grid-column: 1/-1; grid-row: 2; overflow-x: auto; width: 100%; } .primary-nav .nav-link { white-space: nowrap; padding: 10px; } .search-box { display: flex; width: 100%; } .header-tools { max-width: 100%; } }