/* ArmaganFX — kimlik: profil fotoğrafı + çerçeve, isim rengi, seviye rozeti.
   Adın geçtiği her yerde (sıralama, yarışma, profil, düello…) assets/kimlik.js bu sınıfları uygular.
   Çerçeve: .kav--<ad>  (mağaza anahtarı "c-neon" -> "neon"),  isim rengi: .kad--<ad>  ("r-altin" -> "altin").
   --b: fotoğrafın çapı (px). Halka kalınlığı çapa göre ölçeklenir. */
.kav{position:relative;display:inline-grid;place-items:center;flex:none;width:var(--b,24px);height:var(--b,24px);
  border-radius:50%;vertical-align:middle;--kal:max(2px,calc(var(--b,24px)*.085))}
.kav__i{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;
  background:hsl(var(--h,240) 42% 30%);color:#fff;font-weight:700;font-size:calc(var(--b,24px)*.44);line-height:1;
  -webkit-text-fill-color:#fff;text-transform:uppercase}
.kav__i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.kav[class*="kav--"]{margin:var(--kal)}
.kav[class*="kav--"]::before{content:"";position:absolute;inset:calc(var(--kal)*-1);border-radius:50%;z-index:0}
.kav[class*="kav--"] .kav__i{box-shadow:0 0 0 max(1px,calc(var(--kal)*.35)) #0B0B11}

/* ---- seviyeyle açılanlar ---- */
.kav--bronz::before{background:linear-gradient(135deg,#8C5523,#E8B27A 45%,#B87333 70%,#6E3F17)}
.kav--gumus::before{background:conic-gradient(#8E97A6,#F4F7FB,#9AA3B2,#DDE3EC,#8E97A6);animation:kav-don 7s linear infinite}
.kav--altin::before{background:conic-gradient(#B8860B,#FFE9A3,#F5C451,#FFF6D6,#C9981F,#B8860B);animation:kav-don 4.5s linear infinite;
  box-shadow:0 0 calc(var(--kal)*2.4) rgba(245,196,81,.55)}
.kav--elmas::before{background:conic-gradient(#7DE3FF,#FFFFFF,#B79CFF,#7DE3FF,#E8FBFF,#9AD0FF,#7DE3FF);animation:kav-don 3.2s linear infinite;
  box-shadow:0 0 calc(var(--kal)*3) rgba(125,227,255,.7)}
.kav--elmas::after,.kav--premium::after,.kav--kral::after{position:absolute;z-index:2;line-height:1;pointer-events:none}
.kav--elmas::after{content:"✦";right:calc(var(--b)*-.10);top:calc(var(--b)*-.14);font-size:calc(var(--b)*.36);color:#fff;
  text-shadow:0 0 6px #7DE3FF;animation:kav-parla 1.6s ease-in-out infinite}
.kav--premium::before{background:conic-gradient(#4B4BE9,#8A8AFF,#E1FF34,#8A8AFF,#4B4BE9);animation:kav-don 4s linear infinite;
  box-shadow:0 0 calc(var(--kal)*2.2) rgba(138,138,255,.6)}
.kav--premium::after{content:"★";right:calc(var(--b)*-.12);bottom:calc(var(--b)*-.10);font-size:calc(var(--b)*.40);color:#FFC94A;
  text-shadow:0 0 5px rgba(0,0,0,.9)}

/* ---- mağaza ---- */
.kav--neon::before{background:#6B6BFF;animation:kav-nabiz 1.5s ease-in-out infinite}
.kav--buz::before{background:conic-gradient(#38BDF8,#E0F7FF,#7DD3FC,#FFFFFF,#0EA5E9,#38BDF8);animation:kav-don 5s linear infinite;
  box-shadow:0 0 calc(var(--kal)*2.6) rgba(56,189,248,.65)}
.kav--ates::before{background:conic-gradient(#FF2D00,#FFB300,#FF0055,#FF7A00,#FFE066,#FF2D00);animation:kav-don 1.8s linear infinite,kav-alev 1.1s ease-in-out infinite}
.kav--gokkusagi::before{background:conic-gradient(#FF3B3B,#FF9F1A,#FFE600,#3DDC84,#22D3EE,#6B6BFF,#E44DFF,#FF3B3B);animation:kav-don 2.6s linear infinite;
  box-shadow:0 0 calc(var(--kal)*2) rgba(255,255,255,.28)}
.kav--galaksi::before{background:conic-gradient(#6D28D9,#0EA5E9,#EC4899,#1E1B4B,#8B5CF6,#22D3EE,#6D28D9);animation:kav-don 6s linear infinite;
  box-shadow:0 0 calc(var(--kal)*3.2) rgba(139,92,246,.75)}
.kav--galaksi::after{content:"";position:absolute;inset:calc(var(--kal)*-2.2);border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 12% 30%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 86% 22%,#fff 0 1.2px,transparent 1.8px),
             radial-gradient(circle at 74% 88%,#C4B5FD 0 1px,transparent 1.6px),radial-gradient(circle at 20% 82%,#7DD3FC 0 1.2px,transparent 1.8px);
  animation:kav-don 9s linear infinite reverse}
.kav--kral::before{background:conic-gradient(#FFD700,#FFF4B8,#E0A800,#FFE55C,#B8860B,#FFD700);animation:kav-don 3s linear infinite;
  box-shadow:0 0 calc(var(--kal)*3.4) rgba(255,215,0,.8)}
.kav--kral::after{content:"👑";left:50%;top:calc(var(--b)*-.46);transform:translateX(-50%) rotate(-8deg);font-size:calc(var(--b)*.50);
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));animation:kav-tac 2.4s ease-in-out infinite}

@keyframes kav-don{to{transform:rotate(360deg)}}
@keyframes kav-parla{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}
@keyframes kav-nabiz{0%,100%{box-shadow:0 0 0 0 rgba(107,107,255,.9),0 0 calc(var(--kal)*1.5) rgba(225,255,52,.35)}
  50%{box-shadow:0 0 0 calc(var(--kal)*1.2) rgba(107,107,255,0),0 0 calc(var(--kal)*4) rgba(225,255,52,.9)}}
@keyframes kav-alev{0%,100%{box-shadow:0 0 calc(var(--kal)*2) rgba(255,90,0,.7)}50%{box-shadow:0 0 calc(var(--kal)*4.5) rgba(255,180,0,.95)}}
@keyframes kav-tac{0%,100%{transform:translateX(-50%) rotate(-8deg) translateY(0)}50%{transform:translateX(-50%) rotate(-4deg) translateY(-2px)}}

/* ---- isim renkleri ---- */
.kad{font-weight:inherit}
.kad--lime{color:#E1FF34 !important}
.kad--mavi{color:#5CC8FF !important}
.kad--pembe{color:#FF7AC6 !important}
.kad--turuncu{color:#FF9F45 !important}
.kad--altin,.kad--neon,.kad--ates,.kad--gokkusagi{background-size:220% 100%;-webkit-background-clip:text;background-clip:text;
  color:transparent !important;-webkit-text-fill-color:transparent;animation:kad-kay 3.2s linear infinite}
.kad--altin{background-image:linear-gradient(90deg,#B8860B,#FFE9A3,#F5C451,#FFF6D6,#B8860B)}
.kad--neon{background-image:linear-gradient(90deg,#8A8AFF,#E1FF34,#22D3EE,#8A8AFF)}
.kad--ates{background-image:linear-gradient(90deg,#FF2D00,#FFB300,#FF0055,#FF2D00);animation-duration:2.2s}
.kad--gokkusagi{background-image:linear-gradient(90deg,#FF3B3B,#FF9F1A,#FFE600,#3DDC84,#22D3EE,#8A8AFF,#E44DFF,#FF3B3B);animation-duration:4s}
html[data-theme=light] .kad--lime{color:#5E7A00 !important}
html[data-theme=light] .kad--mavi{color:#0A6FB8 !important}
html[data-theme=light] .kad--pembe{color:#C2187B !important}
html[data-theme=light] .kad--turuncu{color:#B85600 !important}
@keyframes kad-kay{to{background-position:220% 0}}

/* ---- adın bağlantısı: fotoğraf + ad + seviye yan yana ---- */
a.uyel[data-kd]{display:inline-flex;align-items:center;gap:7px;vertical-align:middle;max-width:100%}
a.uyel[data-kd] .kad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kim-yer{display:inline-flex;align-items:center;gap:7px;vertical-align:middle}
.ksv{display:inline-grid;place-items:center;flex:none;min-width:21px;height:18px;padding:0 5px;border-radius:6px;font-style:normal;
  font-size:11px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:#C9C9FF;-webkit-text-fill-color:#C9C9FF;
  background:rgba(107,107,255,.22);border:1px solid rgba(138,138,255,.35)}
.ksv--b{color:#FFE9A3;-webkit-text-fill-color:#FFE9A3;background:rgba(245,196,81,.18);border-color:rgba(245,196,81,.5)}
.ksv--c{color:#BFF3FF;-webkit-text-fill-color:#BFF3FF;background:rgba(125,227,255,.16);border-color:rgba(125,227,255,.55)}
html[data-theme=light] .ksv{color:#3A3AD6;-webkit-text-fill-color:#3A3AD6;background:rgba(75,75,233,.10)}
html[data-theme=light] .ksv--b{color:#8A6300;-webkit-text-fill-color:#8A6300}
html[data-theme=light] .ksv--c{color:#0A6F8F;-webkit-text-fill-color:#0A6F8F}

/* ---- profil fotoğrafı hatırlatması ---- */
.kfoto{position:fixed;left:18px;bottom:18px;z-index:8500;width:min(330px,calc(100vw - 36px));padding:14px 16px;border-radius:16px;
  background:#15151F;color:#F5F5FA;border:1px solid rgba(138,138,255,.45);box-shadow:0 18px 50px rgba(0,0,0,.55);
  display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:center;transform:translateY(16px);opacity:0;transition:transform .3s ease,opacity .3s ease}
.kfoto.acik{transform:none;opacity:1}
.kfoto b{display:block;font-size:15px}
.kfoto p{margin:3px 0 0;font-size:13px;line-height:1.45;color:#B4B6C8}
.kfoto__d{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}
.kfoto__d a,.kfoto__d button{font:inherit;font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:10px;cursor:pointer;text-decoration:none;
  border:1px solid rgba(255,255,255,.18);background:transparent;color:#F5F5FA}
.kfoto__d a{background:#4B4BE9;border-color:#4B4BE9;color:#fff}
html[data-theme=light] .kfoto{background:#FFFFFF;color:#14141C;border-color:#C9C9F5;box-shadow:0 18px 50px rgba(20,20,40,.2)}
html[data-theme=light] .kfoto p{color:#55566A}
html[data-theme=light] .kfoto__d button{color:#14141C;border-color:#D5D5E2}

@media (prefers-reduced-motion:reduce){
  .kav::before,.kav::after,.kad--altin,.kad--neon,.kad--ates,.kad--gokkusagi{animation:none !important}
  .kfoto{transition:none}
}