/* ===========================================================================
   modal_inventory / rank-cards.css
   derece.php ilk-3 kartlari: madalya gorseli yerine CANLI 3D model.
   Duzen Node projemizdeki rank kartlariyla ayni (No N cipi, filigran numara,
   model, alt bilgi); renkler sitenin altin temasindan. Boyut biraz kucuk.
   =========================================================================== */

.mi-rank3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  max-width: 1180px;
  margin: 34px auto 34px;
}

.mi-rank3-kart {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 430px;
  padding: 58px 14px 14px;
  background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.78));
  border: 1px solid rgba(212,175,55,.45);
  border-radius: 6px;
  box-shadow: inset 0 1px 0 rgba(245,225,107,.10);
}
/* 1. sira daha belirgin (altin glow) */
.mi-rank3-1 { border-color: #F5E16B; box-shadow: 0 0 22px -6px rgba(245,225,107,.55), inset 0 1px 0 rgba(245,225,107,.18); }
.mi-rank3-2 { border-color: rgba(200,200,210,.55); }
.mi-rank3-3 { border-color: rgba(205,127,50,.55); }

/* Sira rozeti - kartin ust kenarina oturur (eski "No 1" cipinin yerinde).
   Gorselin kendi numarasi ve yildizlari yeterli, ustune yazi konmaz. */
.mi-rank3-rozet {
  position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
  width: 88px; height: auto;
  filter: drop-shadow(0 3px 6px rgba(0,0,0,.75));
  pointer-events: none; user-select: none;
  z-index: 2;
}
.mi-rank3-1 .mi-rank3-rozet { width: 98px; filter: drop-shadow(0 0 12px rgba(245,225,107,.5)) drop-shadow(0 3px 6px rgba(0,0,0,.75)); }

/* Filigran sira numarasi */
.mi-rank3-filigran {
  position: absolute; top: 10px; left: 16px;
  font-size: 46px; font-weight: 700; letter-spacing: -2px; line-height: 1;
  color: rgba(245,225,107,.08);
  pointer-events: none; user-select: none;
}

/* 3D alani - viewer canvas'i bu kutuyu takip eder */
.mi-rank3-mount {
  position: relative;
  flex: 1 1 auto;
  min-height: 330px;
  background: radial-gradient(68% 58% at 50% 38%, rgba(245,225,107,.07), transparent 72%);
}

/* Alt bilgi */
.mi-rank3-alt {
  position: relative;
  padding-top: 12px;
  margin-top: 8px;
  border-top: 1px solid rgba(212,175,55,.25);
  text-align: center;
}
.mi-rank3-ad {
  font-size: 17px; font-weight: 700; letter-spacing: .5px;
  margin-bottom: 4px;
}
.mi-rank3-puan { font-size: 12px; font-weight: 600; opacity: .9; }

/* Klan sayfasi: kart adi KLAN, altinda lider karakter (3D model ona ait) */
.mi-rank3-lider {
  font-size: 11px; font-weight: 600; letter-spacing: .3px;
  color: #b9a86a; margin: -1px 0 5px;
}

/* Sitenin kendi sira renkleri (derece.php'den) korunur; tanimli degilse yedek */
.mi-rank3-1 .mi-rank3-ad:not(.birinci-renk) { color: #F5E16B; }
.mi-rank3-2 .mi-rank3-ad:not(.ikinci-renk)  { color: #dcdce4; }
.mi-rank3-3 .mi-rank3-ad:not(.ucuncu-renk)  { color: #e0a86a; }

@media (max-width: 900px) {
  .mi-rank3 { grid-template-columns: 1fr; max-width: 420px; }
  .mi-rank3-kart { min-height: 400px; }
}