/* Profil ekleri (yalnız /uye/): özgün ödül görselleri, takip düğmesi, düello konuları, Medya ızgarası + ışık kutusu, Bool Portfolyo sekmesi. Kısaltmalar profil.css ile aynı. */
.odul-img{display:block;flex:none;object-fit:contain}
.odul-img.pasif{opacity:.38;filter:grayscale(1)}
.pr-av-glif .odul-img{width:30px;height:30px}
.pr-izgara .odul-img{width:74px;height:74px}
.pr-izgara-b .odul-img{width:84px;height:84px}
.pr-rozetler i:has(.odul-img),.pr-mini>span:has(.odul-img),.pr-kat-ik:has(.odul-img),.pr-basamak-g:has(.odul-img),.pr-rozet.kaz .pr-rozet-h i:has(.odul-img),.pr-rozet-h i:has(.odul-img){background:none}
.pr-rozetler i .odul-img{width:40px;height:40px}
.pr-mini .odul-img{width:20px;height:20px}
.pr-rozet-h i .odul-img{width:40px;height:40px}
.pr-basamak-g .odul-img{width:30px;height:30px}
.pr-kat-ik .odul-img{width:34px;height:34px}
.pr-lider .odul-img{width:22px;height:22px}
.pr-rozet:not(.kaz) .pr-rozet-h .odul-img{opacity:.45;filter:grayscale(.9)}
.pr-kazanim-ik{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:8px;background:var(--s2);margin-right:2px}
.pr-kazanim-ik .odul-img{width:22px;height:22px}

/* Takip */
.pr-takip{min-width:122px}
.pr-takip .pr-takip-var,.pr-takip .pr-takip-cik,.pr-takip[aria-pressed=true] .pr-takip-et{display:none}
.pr-takip[aria-pressed=true] .pr-takip-var{display:inline}
.pr-takip[data-mesgul]{opacity:.75;pointer-events:none}
@media (hover:hover){
	.pr-takip[aria-pressed=true]:hover .pr-takip-var{display:none}
	.pr-takip[aria-pressed=true]:hover .pr-takip-cik{display:inline}
	.pr-takip[aria-pressed=true]:hover{color:var(--danger);border-color:var(--danger)}
}

/* Düello konuları */
.pr-konular{display:flex;flex-wrap:wrap;gap:6px}
.pr-konu{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:99px;border:var(--l);font-size:12px;font-weight:700;color:var(--t)}
.pr-konu i{width:7px;height:7px;border-radius:50%;background:var(--konu,var(--accent))}
.pr-konu.ok{color:var(--f);text-decoration:line-through;text-decoration-color:var(--line-strong)}
.pr-konu.ok i{background:var(--line-strong)}

/* Portfolyo */
.pr-pf-not{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:var(--s2);color:var(--d);font-size:13px}
.pr-pf-not .ikon{flex:none;color:var(--a)}
.pr-pf-tum{grid-template-columns:repeat(3,minmax(0,1fr))}
.pr-pf-g>.ikon{color:var(--f)}
.pr-pf-eklenti{color:var(--t);font-family:inherit;min-width:0}
.pr-pf-eklenti :where(input,select,textarea,button){font-family:inherit}
.pr-pf-eklenti :where(img,video){max-width:100%;height:auto}

/* Medya */
.pr-medya-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.pr-medya-o{position:relative;aspect-ratio:1;padding:0;border:var(--l);border-radius:12px;overflow:hidden;background:var(--s2);cursor:zoom-in;transition:transform .16s var(--egri,ease),border-color .16s}
.pr-medya-o img{width:100%;height:100%;object-fit:cover;display:block}
.pr-medya-o:hover{border-color:var(--line-strong);transform:translateY(-2px)}
.pr-medya-o:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pr-medya-etiket{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:3px 8px;border-radius:99px;background:rgba(0,0,0,.62);color:#fff;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-medya-alt{font-size:14px;font-weight:700;margin:22px 0 10px;color:var(--t)}
.pr-medya-dosyalar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pr-medya-dosya{border:var(--l);border-radius:12px;background:var(--surface)}

/* Işık kutusu */
.pr-isik-acik{overflow:hidden}
.pr-isik{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:64px 1fr 64px;align-items:center;background:rgba(6,7,9,.9);backdrop-filter:blur(6px);animation:isik-gir .2s var(--egri,ease)}
.pr-isik-g{grid-column:2;margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.pr-isik-g img{max-width:100%;max-height:calc(100vh - 120px);width:auto;height:auto;object-fit:contain;border-radius:10px;background:#111}
.pr-isik-alt{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center;color:#c9ccd1;font-size:13px}
.pr-isik-alt a{color:#fff;font-weight:700}
.pr-isik .btn-ikon{color:#fff;background:rgba(255,255,255,.08);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:0}
.pr-isik .btn-ikon:hover{background:rgba(255,255,255,.18)}
.pr-isik-kapat{position:absolute;top:16px;right:16px}
.pr-isik-once{grid-column:1;justify-self:center}
.pr-isik-sonra{grid-column:3;justify-self:center}
@keyframes isik-gir{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.pr-isik{animation:none}.pr-medya-o{transition:none}}

/* /duello/ */
.duello-sayfa .sayfa-alt{color:var(--dim);margin-top:6px}
.duello-alan{margin-top:18px}

@media (max-width:899.98px){
	.pr-pf-tum{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pr-medya-izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
	.pr-medya-o{border-radius:8px}
	.pr-medya-dosyalar{grid-template-columns:1fr}
	.pr-isik{grid-template-columns:1fr;grid-template-rows:1fr auto;padding:56px 8px 16px}
	.pr-isik-g{grid-column:1}
	.pr-isik-g img{max-height:calc(100vh - 170px)}
	.pr-isik-once,.pr-isik-sonra{position:absolute;bottom:18px}
	.pr-isik-once{left:18px}.pr-isik-sonra{right:18px}
	.pr-takip{min-width:0}
	/* profil.css dar ekranda düğme etiketlerini (span) gizler; takip düğmesinin etiketi metnin kendisi. */
	.pr-eylem .pr-takip:not([aria-pressed=true])>.pr-takip-et,.pr-eylem .pr-takip[aria-pressed=true]>.pr-takip-var{display:inline}
}
@media (max-width:520px){.pr-pf-tum{grid-template-columns:1fr}}
.pr-medya-dosya.pr-satir{margin:0}
.pr-seri-ad i:has(.odul-img){background:none}.pr-seri-ad i .odul-img{width:30px;height:30px}.pr-seri:not(.on) .pr-seri-ad .odul-img{opacity:.55;filter:grayscale(.6)}
/* Açık tema: Pointer rütbe görseli açık gri/beyaz; zeminde kaybolmasın diye koyulaştırılır. */
:root[data-tema=acik] .odul-img.glif[src*="pointer"]{filter:invert(1) brightness(.55)}
:root[data-tema=acik] .odul-img.glif.pasif[src*="pointer"]{filter:invert(1) brightness(.55) grayscale(1)}
@media (prefers-color-scheme:light){:root[data-tema=oto] .odul-img.glif.pasif[src*="pointer"]{filter:invert(1) brightness(.55) grayscale(1)}}
@media (prefers-color-scheme:light){:root[data-tema=oto] .odul-img.glif[src*="pointer"]{filter:invert(1) brightness(.55)}}