/* rapor-incele sayfasi (rp- oneki) */
.rp-ust { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.rp-ust h1 { font-size:1.6rem; margin:0; }
.rp-bilgi { color:var(--yazi-soluk); margin:4px 0 0; font-size:.92rem; }
.rp-bos { text-align:center; color:var(--yazi-orta); padding:40px 0; }
.rp-kim { display:flex; align-items:center; gap:12px; }
.rp-kim img { border-radius:6px; image-rendering:pixelated; }
.rp-ozet { color:var(--yazi-orta); background:var(--kart); border:1px solid var(--cizgi); border-radius:var(--yuvarlak-sm); padding:10px 14px; margin:0 0 12px; font-size:.9rem; }

.rp-durum { padding:6px 14px; border-radius:20px; font-weight:600; font-size:.85rem; background:var(--kart-acik); color:var(--yazi-orta); }
.rp-d-hile { background:#5a1d1d; color:#ff9a90; }
.rp-d-temiz { background:#173d28; color:#86e3a8; }

.rp-izleyici { position:relative; aspect-ratio:16/9; background:#87b8ef; border-radius:var(--yuvarlak); overflow:hidden; border:1px solid var(--cizgi); }
.rp-izleyici canvas { width:100%; height:100%; display:block; cursor:grab; }
.rp-yukleniyor { position:absolute; inset:0; display:grid; place-items:center; color:#fff; background:rgba(10,16,32,.6); font-weight:600; }
.rp-bildirim { position:absolute; top:14px; left:50%; transform:translate(-50%,-8px); background:rgba(150,30,30,.88); color:#fff; padding:6px 14px; border-radius:6px; font-size:.85rem; opacity:0; transition:.2s; pointer-events:none; white-space:nowrap; max-width:90%; overflow:hidden; text-overflow:ellipsis; }
.rp-nisan { position:absolute; left:50%; top:50%; width:18px; height:18px; transform:translate(-50%,-50%); pointer-events:none; mix-blend-mode:difference; }
.rp-nisan::before, .rp-nisan::after { content:""; position:absolute; background:#fff; }
.rp-nisan::before { left:8px; top:0; width:2px; height:18px; }
.rp-nisan::after { top:8px; left:0; height:2px; width:18px; }
.rp-ipucu { position:absolute; left:12px; bottom:10px; background:rgba(0,0,0,.45); color:#fff; font-size:.78rem; padding:4px 10px; border-radius:4px; pointer-events:none; }
.rp-izleyici canvas:active { cursor:grabbing; }
.rp-bildirim.acik { opacity:1; transform:translate(-50%,0); }

.rp-kontrol { display:flex; align-items:center; gap:10px; margin:10px 0; flex-wrap:wrap; }
.rp-oynat { width:42px; height:42px; border-radius:50%; border:none; background:var(--vurgu-koyu); color:#fff; font-size:1rem; cursor:pointer; }
.rp-cubuk { position:relative; flex:1; min-width:160px; }
.rp-cubuk input { width:100%; accent-color:var(--vurgu); }
.rp-isaret { position:absolute; left:0; right:0; top:-6px; height:6px; pointer-events:none; }
.rp-isaret span { position:absolute; width:2px; height:6px; background:#ff6b6b; }
.rp-kontrol select { background:var(--kart); color:var(--yazi); border:1px solid var(--cizgi); border-radius:var(--yuvarlak-sm); padding:7px 8px; }
#rp-sure { color:var(--yazi-orta); min-width:96px; font-variant-numeric:tabular-nums; font-size:.9rem; }

.rp-olaylar { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; }
.rp-olaylar button { margin:0; line-height:1.4; background:transparent; color:#ff8a80; border:1px solid #5a2a2a; border-radius:20px; padding:3px 10px; font-size:.78rem; cursor:pointer; }
.rp-olaylar button:hover { background:#3a1a1a; }

.rp-karar { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:14px; }
.rp-karar .dugme { min-width:120px; }
.rp-hile { background:#c0392b; color:#fff; }
.rp-temiz { background:#2e9e5b; color:#fff; }
.rp-veren { color:var(--yazi-soluk); font-size:.85rem; }
.rp-geri { color:var(--yazi-soluk); text-decoration:none; font-size:.9rem; }

.rp-sekme { display:flex; gap:6px; }
.rp-sekme a { padding:6px 14px; border-radius:20px; border:1px solid var(--cizgi); color:var(--yazi-orta); text-decoration:none; font-size:.9rem; }
.rp-sekme a.aktif { background:var(--vurgu-koyu); color:#fff; border-color:var(--vurgu-koyu); }

.rp-liste { display:grid; gap:8px; }
.rp-satir { display:grid; grid-template-columns:40px 160px 1fr auto; align-items:center; gap:14px; padding:10px 14px; background:var(--kart); border:1px solid var(--cizgi); border-radius:var(--yuvarlak-sm); color:var(--yazi); text-decoration:none; transition:var(--gecis); }
.rp-satir:hover { border-color:var(--cizgi-acik); background:var(--kart-acik); }
.rp-satir img { border-radius:4px; image-rendering:pixelated; }
.rp-ad { font-weight:600; }
.rp-kont { color:#ff8a80; font-size:.88rem; }
.rp-tarih { color:var(--yazi-soluk); font-size:.85rem; }
@media (max-width:640px) {
  .rp-satir { grid-template-columns:40px 1fr; }
  .rp-kont, .rp-tarih { grid-column:2; }
}

/* oyun ici ekran bilgisi */
.rp-hud { position:absolute; left:12px; top:12px; background:rgba(0,0,0,.5); color:#fff; padding:8px 10px; border-radius:6px; font-size:.8rem; pointer-events:none; min-width:200px; font-family:monospace; }
.rp-hud-ust { display:flex; justify-content:space-between; gap:12px; font-weight:700; margin-bottom:4px; }
.rp-cps { color:#cfe3ff; }
.rp-cps.yuksek { color:#ff6b6b; }
.rp-can { display:flex; align-items:center; gap:1px; margin-bottom:6px; }
.rp-can span { width:11px; height:10px; background:#3a0d0d; clip-path:polygon(50% 100%,0 40%,0 15%,25% 0,50% 20%,75% 0,100% 15%,100% 40%); }
.rp-can span.dolu { background:#e0262b; }
.rp-can span.yarim { background:linear-gradient(90deg,#e0262b 50%,#3a0d0d 50%); }
.rp-can b { margin-left:6px; font-weight:600; }
.rp-esyalar { display:flex; gap:4px; align-items:center; margin-bottom:6px; }
.rp-slot { width:30px; height:30px; background:rgba(139,139,139,.55); border:2px solid #373737; display:grid; place-items:center; }
.rp-esyalar img { width:24px; height:24px; image-rendering:pixelated; }
.rp-zirh { display:flex; gap:2px; margin-left:6px; }
.rp-zirh img { width:20px; height:20px; }
img.buyulu { filter:drop-shadow(0 0 3px #c97bff) saturate(1.3); }
.rp-vurus { color:#ddd; max-width:330px; white-space:normal; }
.rp-vurus b { color:#ffe066; }
.rp-vurus b.uzak { color:#ff6b6b; }
.rp-vurus i { color:#999; font-style:normal; }
.rp-elkutu { position:absolute; right:8%; bottom:-4%; width:22%; aspect-ratio:1; pointer-events:none; }
.rp-elkutu img { width:100%; height:100%; image-rendering:pixelated; transform-origin:70% 90%; }
@media (max-width:640px) { .rp-hud { font-size:.7rem; min-width:0; } .rp-vurus { display:none; } }
.rp-hareket { color:#cfd8e3; margin-bottom:6px; }
.rp-hareket b { color:#fff; }
.rp-hareket b.uzak { color:#ff6b6b; }
.rp-isaret span.vurdu { background:#ffd23f; height:4px; top:2px; }
.rp-isaret span.yedi { background:#ffffff; height:3px; top:3px; opacity:.6; }

/* hile analizi */
.rp-analiz { margin:6px 0 16px; }
.rp-analiz h2 { font-size:1.05rem; margin:0 0 8px; color:var(--yazi-orta); font-weight:600; }
.rp-akler { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:8px; margin-bottom:10px; }
.rp-ak { background:var(--kart); border:1px solid var(--cizgi); border-radius:var(--yuvarlak-sm); padding:8px 10px; }
.rp-ak span { display:block; color:var(--yazi-soluk); font-size:.75rem; }
.rp-ak b { font-size:1.05rem; font-variant-numeric:tabular-nums; }
.rp-ak.kotu { border-color:#7a2a2a; background:#2a1416; }
.rp-ak.kotu b { color:#ff8a80; }
.rp-grafik { margin-bottom:6px; }
.rp-grafik span { display:block; font-size:.75rem; color:var(--yazi-soluk); margin-bottom:2px; }
.rp-grafik canvas { width:100%; height:70px; display:block; border-radius:4px; cursor:pointer; }

/* oylama */
.rp-oy { background:var(--kart); border:1px solid var(--cizgi); border-radius:var(--yuvarlak-sm); padding:12px 14px; margin:6px 0 14px; }
.rp-oy-ust { display:flex; justify-content:space-between; gap:10px; margin-bottom:8px; }
.rp-oy-ust span { color:var(--yazi-soluk); font-size:.85rem; }
.rp-oy-cubuk { display:flex; height:8px; border-radius:4px; overflow:hidden; background:var(--kart-acik); margin-bottom:6px; }
.rp-oy-cubuk i { display:block; height:100%; }
.rp-oy-cubuk .h { background:#c0392b; } .rp-oy-cubuk .t { background:#2e9e5b; } .rp-oy-cubuk .e { background:#5a6a80; }
.rp-oy-sayi { display:flex; gap:14px; font-size:.85rem; color:var(--yazi-soluk); margin-bottom:10px; flex-wrap:wrap; }
.rp-oy-form { display:flex; gap:8px; flex-wrap:wrap; }
.rp-oy-form .dugme { flex:1; min-width:110px; }
.rp-oy-form .secili { outline:2px solid #fff; outline-offset:2px; }
.rp-oy-not { margin:0; color:var(--yazi-soluk); font-size:.9rem; }
.rp-sekme { flex-wrap:wrap; }
.rp-oyunda { color:var(--yazi-orta); font-size:.88rem; margin:4px 0 10px; }
.rp-oyunda code { background:var(--kart-acik); border:1px solid var(--cizgi); border-radius:4px; padding:1px 6px; color:var(--yazi); }