/* Deadlock rankları (ranklar.html) */
.sb-eylem { display: flex; flex-wrap: wrap; gap: 10px; align-self: end; }
.rk-ilk { margin-top: 48px; }
.rk-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.rk-kart { display: grid; gap: 14px; padding: 20px; border-top: 3px solid var(--rk, var(--cizgi-2)); overflow: hidden; }
.rk-kart::before { content: ""; position: absolute; inset: 0; background: radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--rk) 22%, transparent), transparent 70%); pointer-events: none; }
.rk-rozet { width: 96px; height: 96px; object-fit: contain; filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .5)); position: relative; }
.rk-ad { display: grid; gap: 4px; position: relative; }
.rk-ad h3 { font-size: 26px; color: var(--krem); }
.rk-ad [lang="en"] { color: var(--krem-3); font-size: 13px; letter-spacing: .04em; }
.rk-sira { font: 600 12px/1 var(--f-arayuz); color: var(--rk); letter-spacing: .08em; text-transform: uppercase; }
.rk-sayi { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; position: relative; }
.rk-sayi div { padding: 10px 12px; border-radius: 8px; background: rgba(247, 233, 213, .04); border: 1px solid var(--cizgi); }
.rk-sayi dt { font-size: 12px; color: var(--krem-3); }
.rk-sayi dd { margin: 4px 0 0; font: 700 20px/1 var(--f-arayuz); font-variant-numeric: tabular-nums; color: var(--krem); }
.rk-alt { display: flex; gap: 4px; position: relative; }
.rk-alt img { width: 30px; height: 30px; object-fit: contain; }

.rk-grafik-kap { padding: 22px 18px 14px; overflow-x: auto; }
.rk-grafik { display: grid; grid-template-columns: repeat(11, minmax(64px, 1fr)); gap: 8px; min-width: 760px; height: 300px; align-items: end; }
.rk-grup { display: grid; grid-template-rows: 1fr auto; gap: 10px; height: 100%; }
.rk-cubuklar { display: flex; align-items: flex-end; gap: 2px; height: 100%; border-bottom: 1px solid var(--cizgi-2); }
.rk-cubuklar i { flex: 1; min-height: 2px; border-radius: 3px 3px 0 0; background: var(--rk); opacity: .85; transition: opacity .15s, transform .15s; transform-origin: bottom; }
.rk-cubuklar i:hover { opacity: 1; transform: scaleY(1.02); }
.rk-etiket { display: grid; justify-items: center; gap: 4px; font: 600 11.5px/1.2 var(--f-arayuz); color: var(--krem-2); text-align: center; }
.rk-etiket img { width: 26px; height: 26px; object-fit: contain; }

.rk-sezon { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; }
.rk-bilgi { display: grid; gap: 8px; padding: 20px; align-content: start; }
.rk-bilgi b { font: 700 24px/1.1 var(--f-baslik); text-transform: uppercase; color: var(--krem); }
.rk-bilgi small { color: var(--krem-2); font-size: 13.5px; line-height: 1.5; }

.rk-cagri { display: flex; align-items: center; justify-content: space-between; gap: 20px 32px; flex-wrap: wrap; padding: 28px; }
.rk-cagri p { margin: 8px 0 0; color: var(--krem-2); }
.rk-ara { display: flex; gap: 8px; flex: 1 1 360px; max-width: 520px; }
.rk-ara .girdi { flex: 1; min-width: 0; height: 48px; }
@media (max-width: 640px) { .rk-ara { flex-direction: column; } .rk-ara .dug { justify-content: center; } }