.turnuva-akis {
  max-width: 1220px;
  margin: 24px auto 34px;
  display: grid;
  gap: 14px;
}

.turnuva-hero {
  background: linear-gradient(120deg, #4f3209, #b57a1a 55%, #6b430f);
  color: #fff8e7;
  border-radius: 20px;
  padding: 22px;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 12px;
  box-shadow: 0 18px 34px rgba(97, 66, 17, 0.35);
}

.turnuva-hero .etiket { margin: 0 0 8px; color: #ffe89e; font-weight: 800; }
.turnuva-hero h1 { margin: 0 0 10px; font-size: 34px; line-height: 1.1; }
.turnuva-hero p { margin: 0; line-height: 1.5; }

.hero-odul {
  min-height: 210px;
  border-radius: 16px;
  background:
    linear-gradient(140deg, rgba(158, 106, 25, 0.34), rgba(95, 58, 9, 0.56)),
    url("../../imagespagegame/galleryimg7.webp") center/cover no-repeat;
  border: 1px solid rgba(255, 237, 155, 0.35);
}

.turnuva-kart {
  background: #fff;
  border: 1px solid #e3e5df;
  border-radius: 16px;
  padding: 14px;
}

.kontrol-ust {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.sekmeler { display: flex; gap: 8px; }
.sekmeler button {
  border: 1px solid #d6d9d0;
  border-radius: 999px;
  background: #f5f6f3;
  font-weight: 700;
  padding: 8px 12px;
  cursor: pointer;
}
.sekmeler button.aktif {
  background: #9b6b18;
  color: #fff;
  border-color: #9b6b18;
}

#rank-search {
  border: 1px solid #d6d9d0;
  border-radius: 10px;
  min-height: 38px;
  padding: 0 10px;
  width: 220px;
}

.benim-puanim {
  background: #fff8e8;
  border: 1px solid #f0deb1;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.benim-puanim strong { color: #7b520f; font-size: 22px; }

.rank-tablo {
  width: 100%;
  border-collapse: collapse;
}
.rank-tablo th, .rank-tablo td {
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #ecefe8;
}
.rank-tablo th { color: #5e675f; font-size: 13px; }
.rank-tablo td strong { color: #0f7f3d; }

.live-feed {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}
.live-feed li {
  border: 1px solid #e4e7e0;
  border-radius: 10px;
  background: #f7f8f6;
  padding: 10px;
}

@media (max-width: 980px) {
  .turnuva-hero { grid-template-columns: 1fr; }
  .kontrol-ust { flex-direction: column; align-items: stretch; }
  #rank-search { width: 100%; }
}