/* Rank hesaplama (rank-hesapla.html) */

/* Sayfa başı: görsel yerine rütbe amblemlerinden bir merdiven */
.rh-sb { background: radial-gradient(ellipse 60% 120% at 88% 0%, rgba(221, 102, 56, .16), transparent 60%), radial-gradient(ellipse 50% 90% at 0% 110%, rgba(96, 205, 227, .07), transparent 60%); }
.rh-sb::before { display: none; }
.rh-sb .sb-metin { max-width: 640px; }
.rh-merdiven { display: flex; align-items: flex-end; gap: 2px; height: 150px; padding: 0 6px 6px 0; }
.rh-merdiven img { width: calc(28px + var(--i) * 2.6px); height: auto; aspect-ratio: 64 / 56; object-fit: contain;
  transform: translateY(calc(var(--i) * -8.5px)); opacity: calc(.4 + var(--i) * .06);
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .6)); }
html.hareket .rh-merdiven img { animation: rhBasamak .7s cubic-bezier(.2, .7, .2, 1) backwards; animation-delay: calc(var(--i) * 55ms); }
@keyframes rhBasamak { from { opacity: 0; translate: 0 18px; } }

.rh-govde { display: grid; gap: 20px; margin-top: 28px; }

/* ------------------------------------------------------------ oyuncu */
.rh-oyuncu { padding: 16px 20px; }
.rh-oyuncu .bilgi-notu { margin-top: 12px; }
.rh-oy-bos { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(280px, 420px); gap: 14px 18px; align-items: center; }
.rh-oy-ikon { width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; background: rgba(221, 102, 56, .12); color: var(--turuncu-2); flex: none; }
.rh-oy-ikon svg { width: 24px; height: 24px; }
.rh-oy-metin { display: grid; gap: 4px; }
.rh-oy-metin b { font: 700 18px/1.1 var(--f-baslik); text-transform: uppercase; }
.rh-oy-metin small { color: var(--krem-2); font-size: 14px; line-height: 1.45; }
.rh-oy-metin a { color: var(--turuncu-2); }
.rh-ara { display: flex; gap: 8px; }
.rh-ara .girdi { height: 44px; min-width: 0; }
.rh-ara .dug { min-height: 44px; }
.rh-adaylar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.rh-aday { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px 0 6px; border-radius: 8px; border: 1px solid var(--cizgi-2);
  background: rgba(247, 233, 213, .03); color: var(--krem); font: 600 14px/1 var(--f-arayuz); cursor: pointer; transition: border-color .15s, background .15s; }
.rh-aday:hover { border-color: var(--turuncu); background: rgba(221, 102, 56, .08); }
.rh-aday img { border-radius: 6px; }
.rh-aday small { color: var(--krem-3); font-weight: 500; }
.rh-aday-bos { width: 28px; height: 28px; display: grid; place-items: center; color: var(--krem-3); }
.rh-ara-sonuc .rh-ipucu { margin-top: 10px; }

.rh-oy { display: flex; align-items: center; gap: 14px 22px; flex-wrap: wrap; }
.rh-oy-avatar { width: 52px; height: 52px; border-radius: 10px; object-fit: cover; }
.rh-oy-ad { display: grid; gap: 4px; min-width: 150px; }
.rh-oy-ad b { font: 700 21px/1.05 var(--f-baslik); text-transform: uppercase; overflow-wrap: anywhere; }
.rh-oy-ad small { color: var(--krem-3); font-size: 13px; }
.rh-oy-rutbe { display: flex; align-items: center; gap: 10px; padding-left: 22px; border-left: 1px solid var(--cizgi); transition: opacity .2s; }
.rh-oy-rutbe img { width: 56px; height: 48px; object-fit: contain; filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .6)); }
.rh-oy-rutbe span { display: grid; gap: 5px; }
.rh-oy-rutbe b { font: 700 18px/1 var(--f-baslik); text-transform: uppercase; color: var(--rk); }
.rh-oy-rutbe small { color: var(--krem-2); font-size: 13px; }
.rh-oyuncu.elle .rh-oy-rutbe { opacity: .45; }
.rh-oy-ist { display: flex; gap: 22px; margin: 0; padding-left: 22px; border-left: 1px solid var(--cizgi); }
.rh-oy-ist div { display: grid; gap: 6px; }
.rh-oy-ist dt { font: 600 11px/1 var(--f-arayuz); letter-spacing: .1em; text-transform: uppercase; color: var(--krem-3); }
.rh-oy-ist dd { margin: 0; font: 700 18px/1 var(--f-arayuz); }
.rh-oy-dug { display: flex; gap: 8px; margin-left: auto; flex-wrap: wrap; }

/* ------------------------------------------------------------ ayarlar ve sonuç */
.rh-izgara { display: grid; grid-template-columns: minmax(0, 440px) minmax(0, 1fr); gap: 20px; align-items: start; }
.rh-ayar { padding: 6px 22px; }
.rh-alan { padding: 18px 0; border-bottom: 1px solid var(--cizgi); display: grid; gap: 12px; }
.rh-alan:last-child { border-bottom: 0; }
.rh-alan-bas { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 22px; }
.rh-alan-bas label:not(.ust-baslik) { font: 600 13px/1.2 var(--f-arayuz); color: var(--krem-2); }
.rh-deger { display: inline-flex; align-items: center; gap: 6px; font: 700 15px/1 var(--f-baslik); text-transform: uppercase; color: var(--krem); white-space: nowrap; }
.rh-deger img { width: 26px; height: 22px; object-fit: contain; }
.rh-deger.kucuk { font: 600 13px/1 var(--f-arayuz); text-transform: none; color: var(--krem-2); }

.rh-rutbeler { display: grid; grid-template-columns: repeat(11, minmax(0, 1fr)); gap: 3px; }
.rh-rutbe { aspect-ratio: 1; display: grid; place-items: center; padding: 0; border-radius: 8px; border: 1px solid transparent; background: rgba(247, 233, 213, .03);
  cursor: pointer; transition: border-color .15s, background .15s, opacity .15s; }
.rh-rutbe img { width: 84%; height: auto; aspect-ratio: 34 / 30; object-fit: contain; filter: grayscale(.45) brightness(.85); transition: filter .15s, transform .15s; }
.rh-rutbe:hover:not(:disabled) img, .rh-rutbe:focus-visible img { filter: none; }
.rh-rutbe:focus-visible, .rh-kademe:focus-visible { outline: 2px solid var(--turuncu-2); outline-offset: 2px; }
.rh-rutbe[aria-pressed="true"] { border-color: var(--rk); background: color-mix(in srgb, var(--rk) 18%, transparent); }
.rh-rutbe[aria-pressed="true"] img { filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .6)); transform: scale(1.1); }
.rh-rutbe:disabled { opacity: .2; cursor: not-allowed; }
.rh-kademeler { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 4px; margin-top: 6px; }
.rh-kademe { height: 32px; border-radius: 6px; border: 1px solid var(--cizgi-2); background: transparent; color: var(--krem-2); font: 700 14px/1 var(--f-baslik); cursor: pointer; transition: .15s; }
.rh-kademe:hover:not(:disabled) { border-color: var(--krem-3); color: var(--krem); }
.rh-kademe[aria-pressed="true"] { background: var(--krem); color: var(--murekkep); border-color: var(--krem); }
.rh-kademe:disabled { opacity: .25; cursor: not-allowed; }
.rh-ici { display: grid; gap: 8px; margin-top: 4px; }

.rh-kaydir { -webkit-appearance: none; appearance: none; width: 100%; height: 22px; margin: 0; background: transparent; cursor: pointer; }
.rh-kaydir::-webkit-slider-runnable-track { height: 6px; border-radius: 3px; background: linear-gradient(90deg, var(--turuncu) var(--d, 0%), rgba(247, 233, 213, .12) var(--d, 0%)); }
.rh-kaydir::-moz-range-track { height: 6px; border-radius: 3px; background: linear-gradient(90deg, var(--turuncu) var(--d, 0%), rgba(247, 233, 213, .12) var(--d, 0%)); }
.rh-kaydir::-webkit-slider-thumb { -webkit-appearance: none; width: 20px; height: 20px; margin-top: -7px; border-radius: 50%; background: var(--krem); border: 3px solid #1a1612; box-shadow: 0 2px 6px rgba(0, 0, 0, .5); transition: transform .12s; }
.rh-kaydir::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: var(--krem); border: 3px solid #1a1612; }
.rh-kaydir:hover::-webkit-slider-thumb, .rh-kaydir:focus-visible::-webkit-slider-thumb { transform: scale(1.15); }
.rh-kaydir:focus-visible { outline: 2px solid var(--turuncu-2); outline-offset: 4px; border-radius: 4px; }
.rh-olcek { position: relative; display: flex; justify-content: space-between; margin-top: -6px; font: 600 11px/1 var(--f-arayuz); color: var(--krem-3); }
.rh-olcek .orta { position: absolute; left: 40%; transform: translateX(-50%); }
.rh-ipucu { margin: 0; font-size: 13px; line-height: 1.5; color: var(--krem-3); }
.rh-bag { padding: 0; border: 0; background: none; color: var(--turuncu-2); font: inherit; font-weight: 600; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.rh-seri span { min-width: 46px; justify-content: center; }

.rh-sonuc { padding: 20px 24px 24px; display: grid; gap: 20px; }
.rh-sonuc-bas { display: flex; justify-content: space-between; align-items: center; gap: 10px 14px; flex-wrap: wrap; }
.rh-yol { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font: 700 14px/1 var(--f-baslik); text-transform: uppercase; color: var(--krem-2); }
.rh-yol span { display: inline-flex; align-items: center; gap: 6px; }
.rh-yol img { width: 30px; height: 26px; object-fit: contain; }
.rh-yol svg { width: 16px; height: 16px; color: var(--krem-3); }
.rh-sonuc-ust { display: flex; align-items: center; gap: 26px; }
.rh-hedef-rozet { width: 128px; height: 110px; object-fit: contain; flex: none;
  filter: drop-shadow(0 0 30px color-mix(in srgb, var(--rk) 45%, transparent)) drop-shadow(0 6px 12px rgba(0, 0, 0, .6)); }
html.hareket .rh-hedef-rozet { animation: rhRozet .5s cubic-bezier(.2, .7, .2, 1); }
@keyframes rhRozet { from { opacity: .3; transform: scale(.9); } }
.rh-buyuk { display: flex; align-items: baseline; gap: 12px; }
.rh-buyuk b { font: 800 clamp(64px, 6.4vw, 96px)/.88 var(--f-baslik); color: var(--krem); font-variant-numeric: tabular-nums; }
.rh-buyuk span { font: 700 26px/1 var(--f-baslik); text-transform: uppercase; color: var(--krem-2); }
.rh-buyuk.zor b { color: var(--kirmizi); }
.rh-sure { margin: 10px 0 0; font-size: 17px; line-height: 1.45; color: var(--krem-2); }
.rh-sure b { color: var(--krem); font-weight: 600; }

.rh-aralik { display: grid; gap: 7px; padding: 0 4px; }
.rh-aralik-cubuk { position: relative; height: 14px; }
.rh-aralik-cubuk i { position: absolute; top: 50%; transform: translateY(-50%); border-radius: 99px; }
.rh-aralik-cubuk i.dis { height: 4px; background: rgba(221, 102, 56, .25); }
.rh-aralik-cubuk i.ic { height: 12px; background: linear-gradient(90deg, rgba(221, 102, 56, .55), rgba(251, 108, 52, .9)); }
.rh-aralik-cubuk em { position: absolute; top: -3px; bottom: -3px; width: 4px; margin-left: -2px; border-radius: 2px; background: var(--krem); box-shadow: 0 0 0 2px var(--kart-2); }
.rh-aralik-et { position: relative; height: 14px; font: 600 12px/1 var(--f-arayuz); color: var(--krem-3); }
.rh-aralik-et span { position: absolute; transform: translateX(-50%); white-space: nowrap; }
.rh-aralik-et span.orta { color: var(--krem); }
.rh-aciklama { margin: 0; font-size: 14px; line-height: 1.55; color: var(--krem-2); }

.rh-rakamlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 0; overflow: hidden; border: 1px solid var(--cizgi); border-radius: 10px; background: var(--cizgi); }
.rh-rakamlar div { display: grid; gap: 7px; align-content: start; padding: 12px 14px; background: var(--kart); }
.rh-rakamlar dt { font: 600 11px/1.25 var(--f-arayuz); letter-spacing: .07em; text-transform: uppercase; color: var(--krem-3); }
.rh-rakamlar dd { margin: 0; font: 700 18px/1.1 var(--f-arayuz); }
.rh-rakamlar dd.iyi { color: var(--yesil); }
.rh-rakamlar dd.kotu { color: var(--kirmizi); }

.rh-duraklar ol { list-style: none; margin: 10px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; counter-reset: durak; }
.rh-duraklar li { display: grid; grid-template-columns: 34px minmax(0, 1fr); column-gap: 9px; row-gap: 3px; align-items: center; padding: 8px 10px; border-radius: 8px;
  background: rgba(247, 233, 213, .03); border: 1px solid var(--cizgi); }
.rh-duraklar li:last-child { border-color: color-mix(in srgb, var(--yesil) 45%, transparent); background: rgba(151, 218, 121, .06); }
.rh-duraklar li img { grid-row: span 2; width: 34px; height: 30px; object-fit: contain; }
.rh-duraklar li b { font: 700 13px/1.1 var(--f-baslik); text-transform: uppercase; color: var(--rk); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rh-duraklar li small { font-size: 12px; color: var(--krem-3); }
.rh-duraklar li.uzak { opacity: .5; }

/* Dar ekran: ayarlarla oynarken sonucun özeti altta */
.rh-mini { display: none; }
@media (max-width: 1100px) {
  .rh-mini.acik { position: fixed; z-index: 40; left: 12px; right: 12px; bottom: 12px; display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 12px;
    background: rgba(21, 18, 15, .96); border: 1px solid var(--cizgi-2); box-shadow: 0 10px 30px rgba(0, 0, 0, .6); color: var(--krem); text-decoration: none; }
  html.hareket .rh-mini.acik { animation: rhMini .25s ease-out; }
  .rh-mini img { width: 30px; height: 26px; object-fit: contain; }
  .rh-mini span { font: 700 14px/1 var(--f-baslik); text-transform: uppercase; color: var(--krem-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .rh-mini b { margin-left: auto; font: 700 16px/1 var(--f-arayuz); color: var(--turuncu-2); white-space: nowrap; }
}
@keyframes rhMini { from { opacity: 0; transform: translateY(10px); } }

/* ------------------------------------------------------------ grafik */
.rh-grafik-kart { padding: 20px 22px 12px; }
.rh-kart-bas { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px 20px; flex-wrap: wrap; margin-bottom: 10px; }
.rh-kart-bas h2 { margin: 6px 0 0; font-size: 22px; }
.rh-lejant { display: flex; gap: 8px 16px; flex-wrap: wrap; font: 600 12px/1 var(--f-arayuz); color: var(--krem-2); }
.rh-lejant span { display: inline-flex; align-items: center; gap: 6px; }
.rh-lejant i { width: 16px; height: 3px; border-radius: 2px; }
.rh-lejant i.gecmis { background: var(--krem); }
.rh-lejant i.medyan { background: repeating-linear-gradient(90deg, var(--turuncu-2) 0 6px, transparent 6px 9px); }
.rh-lejant i.bant { height: 10px; background: rgba(221, 102, 56, .35); }
.rh-lejant i.hedef { background: var(--yesil); }
.rh-grafik { position: relative; min-height: 270px; }
.rh-svg { display: block; overflow: visible; touch-action: pan-y; }
.rh-g-cizgi { stroke: color-mix(in srgb, var(--rk) 18%, transparent); stroke-width: 1; }
.rh-g-cizgi.rutbe { stroke: color-mix(in srgb, var(--rk) 45%, transparent); }
.rh-g-y, .rh-g-x { fill: var(--krem-3); font: 500 11px var(--f-arayuz); }
.rh-g-y { text-anchor: end; }
.rh-g-x { text-anchor: middle; }
.rh-g-x.simdi { fill: var(--krem); font-weight: 700; }
.rh-g-x.birim { text-anchor: start; }
.rh-g-bant.dis { fill: rgba(221, 102, 56, .1); }
.rh-g-bant.ic { fill: rgba(221, 102, 56, .24); }
.rh-g-medyan { fill: none; stroke: var(--turuncu-2); stroke-width: 2.5; stroke-dasharray: 7 4; stroke-linejoin: round; }
.rh-g-gecmis { fill: none; stroke: var(--krem); stroke-width: 2; stroke-linejoin: round; }
.rh-g-nokta.g { fill: var(--yesil); }
.rh-g-nokta.m { fill: var(--kirmizi); }
.rh-g-hedef { stroke: var(--yesil); stroke-width: 1.5; stroke-dasharray: 2 4; }
.rh-g-simdi { stroke: var(--krem-3); stroke-dasharray: 3 3; }
.rh-g-bas { fill: var(--krem); stroke: var(--zemin); stroke-width: 2; }
.rh-g-varis circle { fill: var(--yesil); stroke: var(--zemin); stroke-width: 2; }
.rh-g-varis text { fill: var(--yesil); font: 700 12px var(--f-arayuz); text-anchor: middle; paint-order: stroke; stroke: var(--kart); stroke-width: 4px; }
.rh-g-kad text { fill: var(--krem-2); font: 700 11px var(--f-baslik); text-transform: uppercase; }
.rh-g-kad.hedef text { fill: var(--yesil); }
.rh-g-imlec { stroke: var(--krem-2); stroke-width: 1; opacity: 0; pointer-events: none; }
.rh-g-imlec.acik { opacity: .55; }
.rh-g-dokun { fill: transparent; pointer-events: all; cursor: crosshair; }
.rh-g-ipucu { position: absolute; z-index: 3; display: grid; gap: 5px; padding: 10px 12px; border-radius: 8px; background: rgba(14, 12, 11, .96); border: 1px solid var(--cizgi-2);
  font-size: 13px; color: var(--krem-2); white-space: nowrap; pointer-events: none; box-shadow: 0 8px 24px rgba(0, 0, 0, .5); }
.rh-g-ipucu[hidden] { display: none; }
.rh-g-ipucu b { font: 700 13px/1 var(--f-arayuz); color: var(--krem); }
.rh-g-ipucu .iyi { color: var(--yesil); }
.rh-g-ipucu .kotu { color: var(--kirmizi); }

/* ------------------------------------------------------------ senaryolar */
.rh-sure-hedef { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
.rh-sh { display: grid; gap: 7px; padding: 14px 16px; }
.rh-sh b { font: 800 32px/1 var(--f-baslik); }
.rh-sh small { color: var(--krem-3); font-size: 13px; }
.rh-senaryo { padding: 4px 18px; }
.rh-sn-bas, .rh-sn { display: grid; grid-template-columns: 112px minmax(0, 1fr) 90px 76px; gap: 14px; align-items: center; }
.rh-sn-bas { padding: 12px 0 10px; border-bottom: 1px solid var(--cizgi); font: 600 11px/1 var(--f-arayuz); letter-spacing: .1em; text-transform: uppercase; color: var(--krem-3); }
.rh-sn { padding: 7px 0; border-bottom: 1px solid var(--cizgi); }
.rh-sn:last-child { border-bottom: 0; }
.rh-sn-oran { display: grid; gap: 4px; justify-items: start; padding: 4px 0; border: 0; background: none; color: var(--krem); font: 700 18px/1 var(--f-arayuz); text-align: left; cursor: pointer; }
.rh-sn-oran small { font: 500 12px/1 var(--f-arayuz); color: var(--krem-3); }
.rh-sn-oran:hover { color: var(--turuncu-2); }
.rh-sn.secili .rh-sn-oran { color: var(--turuncu-2); }
.rh-sn-cubuk { position: relative; display: flex; align-items: center; height: 30px; }
.rh-sn-cubuk i { position: absolute; left: 0; top: 4px; bottom: 4px; width: var(--w); border-radius: 4px; background: rgba(247, 233, 213, .1); }
html.hareket .rh-sn-cubuk i { transition: width .35s cubic-bezier(.2, .7, .2, 1); }
.rh-sn.secili .rh-sn-cubuk i { background: linear-gradient(90deg, var(--turuncu-k), var(--turuncu-2)); }
.rh-sn-cubuk.yok i, .rh-sn.secili .rh-sn-cubuk.yok i { background: repeating-linear-gradient(135deg, rgba(255, 90, 78, .16) 0 6px, transparent 6px 12px); }
.rh-sn-cubuk b { position: relative; padding-left: 10px; font: 600 14px/1 var(--f-arayuz); white-space: nowrap; }
.rh-sn-sure, .rh-sn-ihtimal { font: 600 14px/1 var(--f-arayuz); color: var(--krem-2); }

/* ------------------------------------------------------------ kurallar */
.rh-kurallar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.rh-kural { display: grid; gap: 9px; align-content: start; padding: 18px; }
.rh-kural b { font: 800 24px/1 var(--f-baslik); text-transform: uppercase; }
.rh-kural small { color: var(--krem-2); font-size: 14px; line-height: 1.5; }
.rh-seri-merdiven { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; height: 96px; margin: 4px 0 2px; }
.rh-seri-merdiven div { display: grid; grid-template-rows: minmax(0, 1fr) auto auto; justify-items: center; gap: 4px; height: 100%; }
.rh-seri-merdiven i { align-self: end; width: 100%; height: var(--h); border-radius: 4px 4px 0 0; background: rgba(247, 233, 213, .14); }
.rh-seri-merdiven i.bonus { background: linear-gradient(180deg, var(--yesil), rgba(151, 218, 121, .3)); }
.rh-seri-merdiven b { font: 700 12px/1 var(--f-arayuz); text-transform: none; }
.rh-seri-merdiven span { font: 600 11px/1 var(--f-arayuz); color: var(--krem-3); }
.rh-not { grid-column: 1 / -1; margin: 0; }

/* ------------------------------------------------------------ dar ekran */
@media (max-width: 1100px) {
  .rh-izgara { grid-template-columns: minmax(0, 1fr); }
  .rh-kurallar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .rh-oy-bos { grid-template-columns: auto minmax(0, 1fr); }
  .rh-ara { grid-column: 1 / -1; }
  .rh-oy-rutbe, .rh-oy-ist { padding-left: 0; border-left: 0; }
  .rh-oy-dug { margin-left: 0; }
  .rh-rakamlar, .rh-sure-hedef { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) { .rh-merdiven { display: none; } }
@media (max-width: 560px) {
  .rh-govde { margin-top: 18px; gap: 16px; }
  .rh-oyuncu { padding: 14px; }
  .rh-oy-ist { gap: 16px; width: 100%; justify-content: space-between; }
  .rh-ayar { padding: 2px 16px; }
  .rh-sonuc { padding: 18px 16px 20px; gap: 18px; }
  .rh-sonuc-ust { gap: 14px; }
  .rh-hedef-rozet { width: 84px; height: 72px; }
  .rh-buyuk b { font-size: 60px; }
  .rh-buyuk span { font-size: 20px; }
  .rh-sure { font-size: 15px; }
  .rh-rakamlar div { padding: 10px 12px; }
  .rh-rakamlar dd { font-size: 16px; }
  .rh-duraklar ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rh-grafik-kart { padding: 16px 12px 8px; }
  .rh-kurallar { grid-template-columns: minmax(0, 1fr); }
  .rh-sh b { font-size: 26px; }
  .rh-senaryo { padding: 2px 12px; }
  .rh-sn-bas, .rh-sn { grid-template-columns: 70px minmax(0, 1fr) 58px; gap: 10px; }
  .rh-sn-ihtimal, .rh-sn-bas span:last-child { display: none; }
  .rh-sn-oran { font-size: 16px; }
  .rh-kademe { height: 34px; }
}