.clan-wars { display:grid; gap:16px; min-width:0; padding:16px 0 max(20px,env(safe-area-inset-bottom)); }
.clan-war-heading,.clan-war-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.clan-war-heading { justify-content:space-between; }
.clan-war-heading h2 { margin:0; }
.clan-war-heading p { margin:6px 0; }
.clan-war-feed { display:grid; gap:14px; min-width:0; }
.clan-war-card { padding:18px; background:#11131f; border:1px solid rgba(255,255,255,.08); border-radius:18px; min-width:0; }
.clan-war-status { color:#bca5ff; font-weight:700; text-transform:capitalize; overflow-wrap:anywhere; }
.clan-war-score { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:12px; text-align:center; align-items:center; margin:20px 0; }
.clan-war-score span { overflow-wrap:anywhere; }
.clan-war-score b { display:block; font-size:32px; color:var(--cyan, #00d8ff); margin-top:8px; }
.clan-war-search { display:grid; gap:14px; min-width:0; }
.clan-war-search input { flex:1; min-width:120px; font-size:16px; }
.clan-war-opponent { width:100%; margin-top:10px; white-space:normal; overflow-wrap:anywhere; }
.clan-seg-v71 { overflow-x:auto; max-width:100%; }
.clan-seg-v71 > button { flex-shrink:0; }
@media(max-width:480px) { .clan-war-heading > .btn { width:100%; } .clan-war-actions .btn { min-height:44px; } .clan-war-card { padding:14px; } }