/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:#0f0f0f;color:#fff}
a{text-decoration:none;color:#ddd}
a:hover{color:#ff4444}
h1,h2,h3,p{margin:0}

/* ---------- Header ---------- */
header{background:#111;text-align:center;padding:24px 16px}
.logo{font-size:2.4rem;font-weight:700;color:#ff4444;display:block}
.tagline{margin-top:6px;color:#ccc;font-size:1rem}

/* ---------- Navigation ---------- */
nav{background:#222}
.nav{display:flex;justify-content:center;gap:36px;list-style:none;margin:0;padding:12px 0;position:relative}
.nav>li{position:relative}
.nav>a{font-weight:600}
/* Dropdown */
.dropdown{display:none;position:absolute;top:40px;left:0;background:#1e1e1e;border-radius:4px;list-style:none;margin:0;padding:8px 0;min-width:180px;z-index:10}
.dropdown li a{display:block;padding:6px 14px;font-size:.9rem}
.nav>li:hover .dropdown{display:block}

/* ---------- Search ---------- */
#searchBox{display:block;margin:28px auto 34px;padding:10px 14px;width:60%;max-width:460px;border:none;border-radius:4px;background:#1a1a1a;color:#fff}

/* ---------- Container ---------- */
.container{max-width:1200px;margin:0 auto;padding:0 20px 60px}

/* ---------- Fight Grid ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.fight{background:#1a1a1a;border-radius:8px;box-shadow:0 0 8px rgba(255,0,0,.15);transition:transform .25s}
.fight:hover{transform:scale(1.03);box-shadow:0 0 14px rgba(255,0,0,.35)}
.fight img{width:100%;border-radius:8px 8px 0 0}
.fight h3{padding:10px;font-size:1rem;color:#ddd}

/* ---------- Pagination ---------- */
.pagination{display:flex;justify-content:center;gap:14px;margin:40px 0}
.pagination a{padding:8px 14px;border:1px solid #333;border-radius:4px}
.pagination a[aria-disabled="true"]{color:#555;border-color:#222;pointer-events:none}

/* ---------- Tag Clouds ---------- */
.tag-block{margin-top:60px;text-align:center}
.tag-block h2{color:#ff4444;margin-bottom:14px}
.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.tags a{background:#222;padding:6px 12px;border-radius:4px;font-size:.9rem}
.tags a:hover{background:#333}

/* ---------- Centered Fight Page Layout ---------- */
.fight-video-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 700px;
  margin: 0 auto;
}
.fight-video-container h1 {
  text-align: center;
  max-width: 90vw;
  margin: 0 auto 16px auto;
}
.video-player {
  width: 100%;
  display: flex;
  justify-content: center;
}
.video-player iframe {
  display: block;
  max-width: 100%;
  width: 640px;
  height: 360px;
  margin: 0 auto;
}
.share-buttons {
  margin: 18px 0;
  text-align: center;
}
.share-buttons button, .share-buttons a {
  background: #222;
  color: #fff;
  border: none;
  margin: 0 6px;
  padding: 8px 14px;
  border-radius: 4px;
  font-size: 1rem;
  cursor: pointer;
  text-decoration: none;
}
.share-buttons button:hover, .share-buttons a:hover {
  background: #ff4444;
  color: #fff;
}
.fight-tags {
  margin: 24px 0 0 0;
  text-align: center;
}
.fight-tags > div {
  margin: 6px 0;
}

/* ---------- Donate ---------- */
.donate{background:#111;padding:28px;border-radius:8px;text-align:center;margin-top:70px}
.wallet{background:#222;padding:10px;color:#0f0;font-family:monospace;margin:18px auto;max-width:420px;word-break:break-all}
.qr-code img{width:180px;border:1px solid #333;border-radius:8px}

/* ---------- Footer ---------- */
footer{text-align:center;padding:28px 0;color:#777;font-size:.9rem}