/* Güncel Oyun Oyna — Rehber: liste ve makale sayfaları (kartlar/şerit assets/site.css içinde) */
.rhHero{padding:26px 0 10px;background:radial-gradient(900px 260px at 15% 0,#2a1f5a66,transparent),radial-gradient(700px 240px at 90% 10%,#123a5266,transparent)}
.rhYol{margin:0 0 10px;font-size:14px;color:var(--soluk)}
.rhYol a{color:var(--soluk)}
.rhHero h1{font-size:44px;margin:0 0 8px}
.rhHero h1 span{color:var(--vurgu)}
.rhGiris{max-width:760px;color:#c9d0ea;font-size:17px;margin:0 0 14px}
.rhNotEn{max-width:760px;font-size:15px;background:var(--panel);border:1px solid var(--cizgi);border-radius:12px;padding:9px 13px}
.rhAra{display:flex;align-items:center;gap:8px;max-width:560px;background:var(--panel);border:1px solid var(--cizgi);border-radius:14px;padding:6px 6px 6px 14px;margin:14px 0}
.rhAra input{flex:1;min-width:0;background:transparent;border:0;color:var(--yazi);font:16px Nunito,sans-serif;padding:8px 0;outline:0}
.rhKatlar{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}
.rhKatlar a{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;background:var(--panel);border:1px solid var(--cizgi);color:var(--yazi);font-weight:800;font-size:14px;text-decoration:none}
.rhKatlar a small{color:var(--soluk);font-weight:700}
.rhKatlar a.aktif{background:var(--k,var(--vurgu));border-color:var(--k,var(--vurgu));color:#14100a}
.rhKatlar a.aktif small{color:#14100acc}
.rhListe{padding:6px 16px 40px}
.rhBolumBaslik{font-size:26px;margin:22px 0 14px}
.rhBos{background:var(--panel);border-radius:14px;padding:16px}
.rhHakkinda{max-width:760px;margin:30px 0 0;padding:20px;border-radius:16px;background:var(--panel);border:1px solid var(--cizgi)}
.rhHakkinda h2{font-size:22px}
.rhHakkinda p{color:#d3d9ef}

/* makale */
.rhSayfa{padding:18px 16px 46px}
.rhSayfa>.rhYol{max-width:760px;margin:0 auto 12px}
.rhMakale{max-width:760px;margin:0 auto}
.rhBaslik h1{font-size:40px;line-height:1.12;margin:8px 0 10px}
.rhKatCip{display:inline-block;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--k) 22%,transparent);border:1px solid var(--k);color:var(--yazi);font-weight:800;font-size:13px;text-decoration:none!important}
.rhMeta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--soluk);font-size:14px;margin:0 0 18px}
.rhIcerik{font-size:18px;line-height:1.75;color:#e4e8f6;overflow-wrap:break-word}
.rhIcerik p{margin:0 0 1.05em}
.rhIcerik h2{font-size:29px;margin:1.7em 0 .55em;scroll-margin-top:84px;color:#fff}
.rhIcerik h3{font-size:21px;margin:1.35em 0 .45em;scroll-margin-top:84px;color:#ffe2b0}
.rhIcerik ul,.rhIcerik ol{margin:0 0 1.1em;padding-left:1.35em}
.rhIcerik li{margin:.35em 0}
.rhIcerik li::marker{color:var(--vurgu2);font-weight:800}
.rhIcerik strong{color:#fff}
.rhIcerik a{text-decoration:underline;text-decoration-color:#ffbf4766;text-underline-offset:3px}
.rhIcerik code{background:#0d1328;border:1px solid var(--cizgi);border-radius:6px;padding:1px 6px;font-size:.88em}
.rhIcerik hr{border:0;border-top:1px solid var(--cizgi);margin:2em 0}
.rhTablo{overflow-x:auto;margin:0 0 1.3em;border-radius:12px;border:1px solid var(--cizgi);-webkit-overflow-scrolling:touch}
.rhTablo table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.5}
.rhTablo th{background:var(--panel2);text-align:left;padding:10px 12px;font-weight:800;color:#fff;white-space:nowrap}
.rhTablo td{padding:9px 12px;border-top:1px solid var(--cizgi);vertical-align:top}
.rhTablo tbody tr:nth-child(even){background:#ffffff06}
.rhKutu{border-radius:14px;padding:13px 16px;margin:0 0 1.3em;font-size:17px;line-height:1.65;border:1px solid;border-left-width:5px}
.rhKutu p{margin:0 0 .5em}.rhKutu p:last-child{margin:0}
.rhKutu.ipucu{background:#10303a;border-color:#2ec4b655;border-left-color:var(--turkuaz)}
.rhKutu.uyari{background:#3a2412;border-color:#ff9f1c55;border-left-color:var(--vurgu)}
.rhIcindekiler{margin:6px 0 22px;background:var(--panel);border:1px solid var(--cizgi);border-radius:14px;padding:12px 16px}
.rhIcindekiler summary{cursor:pointer;font-weight:800;font-size:17px}
.rhIcindekiler ol{margin:10px 0 2px;padding-left:1.4em;columns:2;column-gap:28px}
.rhIcindekiler li{margin:0 0 .45em;break-inside:avoid;font-size:15px}
.rhIcindekiler a{color:#d6ddf5}
.rhOyna{display:flex;align-items:center;gap:16px;margin:8px 0 24px;padding:14px;border-radius:18px;background:linear-gradient(120deg,#1f2b57,#2b1f4f);border:1px solid #3b4f8a}
.rhOyna.alt{margin-top:26px}
.rhOynaGorsel{flex:0 0 150px;border-radius:12px;overflow:hidden;aspect-ratio:16/9}
.rhOynaGorsel img{width:100%;height:100%;object-fit:cover}
.rhOynaEmoji{flex:0 0 70px;font-size:48px;text-align:center}
.rhOynaMetin{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.rhOynaMetin small{color:var(--soluk);font-weight:700}
.rhOynaMetin b{font:800 22px 'Baloo 2',sans-serif}
.rhOynaMetin .soluk{font-size:14px}
.rhOynaBtn{flex-shrink:0}
.rhEtiketler{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.rhEtiketler span{font-size:13px;padding:3px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--cizgi);color:var(--soluk)}
.rhBenzer{margin-top:28px}
.rhBenzer h2{font-size:26px}
.rhBenzer .rhIzgara{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.rhYorumlar{margin-top:22px}
@media (max-width:640px){
  .rhHero h1{font-size:32px}
  .rhBaslik h1{font-size:30px}
  .rhIcerik{font-size:17px}
  .rhIcerik h2{font-size:24px}
  .rhIcerik h3{font-size:19px}
  .rhIcindekiler ol{columns:1}
  .rhOyna{flex-direction:column;align-items:stretch;text-align:center}
  .rhOynaGorsel{flex-basis:auto;width:100%}
  .rhOynaBtn{width:100%}
  .rhKatlar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  .rhKatlar::-webkit-scrollbar{display:none}
  .rhKatlar a{flex:0 0 auto}
  .rhTablo table{font-size:15px}
  .rhTablo th{white-space:normal}
}