/* Güncel Oyun Oyna - oyuncu yorumları */
.yorumlar{margin:30px 0 26px;scroll-margin-top:80px}
.yrBaslik{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:12px}
.yrBaslik h2{margin:0}
.yrHedefAd{font-size:.7em;color:var(--soluk)}
.yrOzet{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--soluk)}
.yrOzet b{font:800 26px 'Baloo 2',sans-serif;color:var(--yazi)}
.yrYildiz{color:#ffc93c;letter-spacing:1px;font-size:16px;white-space:nowrap;line-height:1}
.yrYildiz i{font-style:normal;color:#3a4675}
.yrOzetLink{display:inline-block;font-weight:800;white-space:nowrap}

.yrForm{background:var(--panel);border:1px solid var(--cizgi);border-radius:var(--r);padding:14px;margin-bottom:16px}
.yrFormUst{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:10px}
.yrBen{display:flex;align-items:center;gap:8px}
.yrAdAlan{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;flex:1 1 220px;max-width:340px}
.yrAdAlan input{flex:1;min-width:0}
.yrForm input[type=text],.yrForm textarea{width:100%;padding:10px 12px;border-radius:10px;border:2px solid var(--cizgi);background:#0d1328;color:#fff;font:inherit}
.yrForm textarea{resize:vertical;min-height:96px;display:block}
.yrForm input:focus,.yrForm textarea:focus{outline:none;border-color:var(--vurgu)}
.yrPuanSec{display:flex;align-items:center;gap:6px;font-weight:800;font-size:14px}
.yrYildizSec{display:flex}
.yrYildizSec button{background:none;border:0;padding:0 2px;font-size:28px;line-height:1;color:#3a4675;cursor:pointer;transition:transform .08s,color .08s}
.yrYildizSec button.dolu{color:#ffc93c}
.yrYildizSec button:hover{transform:scale(1.15)}
.yrYildizSec button:focus-visible{outline:2px solid var(--vurgu);border-radius:6px}
.yrFormAlt{display:flex;align-items:center;gap:10px;margin-top:10px}
.yrFormAlt small{flex:1;font-size:12.5px;line-height:1.4}
.yrSayac{font-weight:800;color:var(--soluk);font-size:13px;min-width:28px;text-align:right}
.yrSayac.az{color:var(--vurgu)}
.yrDurum{margin-top:10px;padding:9px 12px;border-radius:10px;font-weight:700;font-size:14px;background:#0d1328;border:1px solid var(--cizgi)}
.yrDurum.tamam{background:#173a2a;border-color:#2f7a52;color:#c4ffd9}
.yrDurum.hata{background:#4a1c1c;border-color:#8a3030;color:#ffc4c4}
.yrTuzak{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.yrListe{display:flex;flex-direction:column;gap:10px}
.yrKart{background:var(--zemin2);border:1px solid var(--cizgi);border-radius:14px;padding:12px 14px;scroll-margin-top:80px}
.yrKart:target{border-color:var(--vurgu);box-shadow:0 0 0 2px #ff9f1c44}
.yrUst{display:flex;align-items:center;gap:10px}
.yrAvatar{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:800 16px Nunito,sans-serif;color:#241300;background:linear-gradient(180deg,var(--vurgu2),var(--vurgu))}
.yrKim{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 7px;line-height:1.3}
.yrKim b{overflow-wrap:anywhere}
.yrKim small{color:var(--soluk);font-size:12.5px}
.yrRozet{font-size:11px;font-weight:800;padding:1px 7px;border-radius:999px;background:var(--panel2);color:var(--soluk)}
.yrRozet.uye{background:#173a2a;color:#9ff0bd}
.yrRozet.dil{background:#1d2a55;color:#b9c8ff}
.yrMetin{margin:8px 0 0;overflow-wrap:anywhere;white-space:normal}
.yrYanit{margin:10px 0 0 14px;padding:8px 12px;border-left:3px solid var(--turkuaz);background:#11203a;border-radius:0 10px 10px 0;font-size:14.5px}
.yrYanit b{color:var(--turkuaz);font-size:13px}
.yrYanit p{margin:3px 0 0;overflow-wrap:anywhere}
.yrAlt{display:flex;justify-content:flex-end;margin-top:4px}
/* 🌐 Çevir / 🇹🇷 Türkçesi */
.yrMetin[dir=auto],.yrYanit p{unicode-bidi:plaintext}
.yrCevirSatir{margin-top:3px}
.yrCevir,.yrTrAc{background:none;border:0;padding:2px 0;color:#9fb3ff;font:800 12.5px Nunito,sans-serif;cursor:pointer}
.yrCevir:hover,.yrTrAc:hover,.yrCevir.acik,.yrTrAc.acik{color:#fff;text-decoration:underline}
.yrCevir:disabled{opacity:.7;cursor:wait}
.yrCeviri{margin:4px 0 2px;padding:7px 10px;border-radius:10px;background:#12213f;border:1px dashed #3b5aa0;font-size:14.5px}
.yrCeviri[hidden],.yrYanitTr[hidden]{display:none!important}
.yrCeviri p{margin:0;overflow-wrap:anywhere;white-space:pre-line}
.yrCeviri small{display:block;margin-top:3px;color:var(--soluk);font-size:11.5px}
.yrCeviri.hata{background:#4a1c1c;border-color:#8a3030;color:#ffc4c4}
.yrYanit .yrYanitTr{margin-top:4px;padding-top:4px;border-top:1px dashed #ffffff26;color:#c9d3f5;font-size:14px}
.yrBegen{background:none;border:1px solid transparent;border-radius:999px;color:var(--soluk);font:700 13px Nunito,sans-serif;padding:2px 9px;cursor:pointer}
.yrBegen:hover{border-color:var(--cizgi)}
.yrBegen.aktif{color:var(--vurgu2);cursor:default}
.yrBos{margin:4px 0}
.yrDaha{text-align:center;margin:14px 0 0}

/* ana sayfa şeridi */
.yrSeritIzgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.yrSeritKart{display:flex;flex-direction:column;gap:6px;background:var(--panel);border:1px solid var(--cizgi);border-radius:var(--r);padding:14px;color:var(--yazi);text-decoration:none!important;transition:transform .12s,border-color .12s}
.yrSeritKart:hover{transform:translateY(-2px);border-color:var(--vurgu)}
.yrSeritOyun{font-weight:800;color:var(--vurgu2)}
.yrSeritMetin{flex:1;overflow-wrap:anywhere;font-size:15px}
.yrSeritKim{color:var(--soluk);font-size:13px}

@media (max-width:600px){
  .yrForm{padding:12px}
  .yrAdAlan{max-width:none;flex-basis:100%}
  .yrFormAlt{flex-wrap:wrap}
  .yrFormAlt small{flex-basis:100%;order:3}
  .yrFormAlt .btn{margin-left:auto}
  .yrYanit{margin-left:4px}
  .yrSeritIzgara{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
  .yrSeritKart{flex:0 0 82%;scroll-snap-align:start}
}
