@property --kxi-o{syntax:'<percentage>';inherits:false;initial-value:0%}
@property --kxi-ax{syntax:'<percentage>';inherits:false;initial-value:0%}
@keyframes kxiShift{from{--kxi-o:0%}to{--kxi-o:100%}}
@keyframes kxiAuroraShift{from{--kxi-ax:0%}to{--kxi-ax:25%}}
/* KYTHRION — PREMIUM IDENTITY FINAL (tek kaynak)
   İsim efektleri, avatar çerçeveleri, profil arka planları ve profil animasyonları.
   style.css içindeki eski katmanları özgüllükle geçersiz kılar; PHP/DB mantığına dokunmaz. */
html body :is(.premium-name-host,.profile-card-main,.esports-profile-card,.profile-studio-preview,.profile-avatar-wrap,.esports-profile-avatar,.studio-preview-avatar,.site-username){--kxi-a:var(--profile-accent,#d7b35a)}

/* ---- İSİM EFEKTLERİ ---- */
html body .premium-name-host.premium-name-host.premium-name-host.name-glow.name-glow,html body .site-username.premium-name-host.premium-name-host.premium-name-host.name-glow.name-glow{color:color-mix(in srgb,var(--kxi-a) 55%,#fff)!important;-webkit-text-fill-color:currentColor!important;background:none!important;text-shadow:0 0 6px var(--kxi-a),0 0 18px color-mix(in srgb,var(--kxi-a),transparent 40%)!important;animation:kxiGlow 2.6s ease-in-out infinite!important;filter:none!important}
html body .premium-name-host.premium-name-host.premium-name-host.name-gradient.name-gradient,html body .site-username.premium-name-host.premium-name-host.premium-name-host.name-gradient.name-gradient{background-size:100% 100%!important;background-position:0 0!important;background-repeat:no-repeat!important;background-origin:border-box!important;background-image:repeating-linear-gradient(90deg,var(--kxi-a) calc(var(--kxi-o) + 0%),#22d3ee calc(var(--kxi-o) + 33%),#a78bfa calc(var(--kxi-o) + 66%),var(--kxi-a) calc(var(--kxi-o) + 100%))!important;background-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;animation:kxiShift 4s linear infinite!important;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--kxi-a),transparent 55%))!important}
html body .premium-name-host.premium-name-host.premium-name-host.name-shimmer.name-shimmer,html body .site-username.premium-name-host.premium-name-host.premium-name-host.name-shimmer.name-shimmer{background-size:100% 100%!important;background-position:0 0!important;background-repeat:no-repeat!important;background-origin:border-box!important;background-image:repeating-linear-gradient(90deg,var(--kxi-a) calc(var(--kxi-o) + 0%),var(--kxi-a) calc(var(--kxi-o) + 38%),#fff calc(var(--kxi-o) + 50%),var(--kxi-a) calc(var(--kxi-o) + 62%),var(--kxi-a) calc(var(--kxi-o) + 100%))!important;background-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;animation:kxiShift 2.6s linear infinite!important;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--kxi-a),transparent 55%))!important}
html body .premium-name-host.premium-name-host.premium-name-host.name-neon.name-neon,html body .site-username.premium-name-host.premium-name-host.premium-name-host.name-neon.name-neon{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;text-shadow:0 0 4px #fff,0 0 10px var(--kxi-a),0 0 22px var(--kxi-a),0 0 40px var(--kxi-a)!important;animation:kxiNeon 2.2s ease-in-out infinite!important;filter:none!important}
html body .premium-name-host.premium-name-host.premium-name-host.name-rainbow.name-rainbow,html body .site-username.premium-name-host.premium-name-host.premium-name-host.name-rainbow.name-rainbow,html body .premium-name-host.premium-name-host.kyth-rainbow-loop.kyth-rainbow-loop{background-size:100% 100%!important;background-position:0 0!important;background-repeat:no-repeat!important;background-origin:border-box!important;background-image:repeating-linear-gradient(90deg,var(--kxi-a) calc(var(--kxi-o) + 0%),var(--kxi-a) calc(var(--kxi-o) + 10%),#ff3b5c calc(var(--kxi-o) + 22%),#fbbf24 calc(var(--kxi-o) + 34%),#34d399 calc(var(--kxi-o) + 46%),#22d3ee calc(var(--kxi-o) + 58%),#8b5cf6 calc(var(--kxi-o) + 70%),#f43f9a calc(var(--kxi-o) + 82%),var(--kxi-a) calc(var(--kxi-o) + 92%),var(--kxi-a) calc(var(--kxi-o) + 100%))!important;background-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;animation:kxiShift 5s linear infinite!important;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--kxi-a),transparent 55%))!important}
.premium-name-host[class*="name-"]{display:inline-block}
@keyframes kxiFlow{to{background-position:300% 0}}
@keyframes kxiSweep{from{background-position:150% 0}to{background-position:-100% 0}}
@keyframes kxiGlow{50%{text-shadow:0 0 3px var(--kxi-a),0 0 10px color-mix(in srgb,var(--kxi-a),transparent 55%)}}
@keyframes kxiNeon{0%,100%{opacity:1}48%{opacity:1}50%{opacity:.78}52%{opacity:1}}

/* ---- AVATAR ÇERÇEVELERİ ---- */
html body :is(.profile-avatar-wrap,.esports-profile-avatar,.studio-preview-avatar):is(.frame-silver,.frame-gold,.frame-royal,.frame-animated){padding:4px!important;border-radius:28px!important;position:relative}
html body :is(.profile-avatar-wrap,.esports-profile-avatar,.studio-preview-avatar).frame-silver{background:linear-gradient(135deg,#f8fafc,#94a3b8,#e2e8f0,#64748b)!important;box-shadow:0 0 0 4px rgba(226,232,240,.14),0 0 28px rgba(203,213,225,.3)!important}
html body :is(.profile-avatar-wrap,.esports-profile-avatar,.studio-preview-avatar).frame-gold{background:linear-gradient(135deg,#fff1a8,#d99a1f,#facc15,#8a5a0b)!important;box-shadow:0 0 0 4px rgba(250,204,21,.16),0 0 34px rgba(250,204,21,.4)!important}
html body :is(.profile-avatar-wrap,.esports-profile-avatar,.studio-preview-avatar).frame-royal{background:linear-gradient(135deg,#c4b5fd,#7c3aed,#4f46e5,#a78bfa)!important;box-shadow:0 0 0 4px rgba(139,92,246,.2),0 0 36px rgba(139,92,246,.5)!important}
html body :is(.profile-avatar-wrap,.esports-profile-avatar,.studio-preview-avatar).frame-animated{background-image:linear-gradient(135deg,#22d3ee,#8b5cf6,#f43f9a,#fbbf24,#22d3ee)!important;background-size:300% 300%!important;animation:kxiFrame 4s linear infinite!important;box-shadow:0 0 0 4px rgba(139,92,246,.2),0 0 38px rgba(139,92,246,.55)!important}
html body :is(.profile-avatar-wrap,.esports-profile-avatar,.studio-preview-avatar):is(.frame-silver,.frame-gold,.frame-royal,.frame-animated) img{border:3px solid #090b13!important;border-radius:23px!important;display:block;width:100%;height:100%;object-fit:cover}
@keyframes kxiFrame{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}

/* ---- PROFİL ARKA PLANLARI ---- */
html body :is(.profile-card-main,.esports-profile-card,.profile-studio-preview).profile-bg-midnight.profile-bg-midnight.profile-bg-midnight{background:radial-gradient(120% 90% at 85% 0,color-mix(in srgb,var(--kxi-a),transparent 78%),transparent 60%),linear-gradient(160deg,#0b1030,#05060f 70%)!important}
html body :is(.profile-card-main,.esports-profile-card,.profile-studio-preview).profile-bg-grid.profile-bg-grid.profile-bg-grid{background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/34px 34px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/34px 34px,radial-gradient(90% 80% at 15% 0,color-mix(in srgb,var(--kxi-a),transparent 80%),transparent 65%),#070910!important}
html body :is(.profile-card-main,.esports-profile-card,.profile-studio-preview).profile-bg-aurora.profile-bg-aurora.profile-bg-aurora{background-image:radial-gradient(60% 70% at calc(15% + var(--kxi-ax)) 10%,color-mix(in srgb,var(--kxi-a),transparent 62%),transparent 70%),radial-gradient(55% 65% at calc(85% - var(--kxi-ax)) 20%,rgba(34,211,238,.28),transparent 70%),radial-gradient(60% 70% at 55% 100%,rgba(244,63,154,.22),transparent 70%)!important;background-color:#06070f!important;background-size:140% 140%!important;animation:kxiAuroraShift 12s ease-in-out infinite alternate}
html body :is(.profile-card-main,.esports-profile-card,.profile-studio-preview).profile-bg-carbon.profile-bg-carbon.profile-bg-carbon{background:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 6px),linear-gradient(135deg,#14161d,#07080c),radial-gradient(80% 60% at 90% 0,color-mix(in srgb,var(--kxi-a),transparent 84%),transparent)!important}
@keyframes kxiAurora{to{background-position:100% 60%}}

/* ---- PROFİL ANİMASYONLARI ---- */
html body .profile-premium-active.motion-soft :is(.profile-card-main,.esports-profile-card),html body .profile-studio-preview.motion-soft{animation:kxiFloat 6s ease-in-out infinite}
html body .profile-premium-active.motion-pulse :is(.profile-card-main,.esports-profile-card),html body .profile-studio-preview.motion-pulse{animation:kxiPulse 2.8s ease-in-out infinite}
html body .profile-premium-active.motion-orbit :is(.profile-avatar-wrap,.esports-profile-avatar),html body .profile-studio-preview.motion-orbit .studio-preview-avatar{position:relative}
html body .profile-premium-active.motion-orbit :is(.profile-avatar-wrap,.esports-profile-avatar):after,html body .profile-studio-preview.motion-orbit .studio-preview-avatar:after{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px dashed color-mix(in srgb,var(--kxi-a),transparent 35%);box-shadow:0 0 18px color-mix(in srgb,var(--kxi-a),transparent 60%);animation:kxiSpin 12s linear infinite;pointer-events:none}
@keyframes kxiFloat{50%{transform:translateY(-6px)}}
@keyframes kxiPulse{50%{box-shadow:0 0 0 1px color-mix(in srgb,var(--kxi-a),transparent 50%),0 0 48px color-mix(in srgb,var(--kxi-a),transparent 55%)}}
@keyframes kxiSpin{to{transform:rotate(360deg)}}
html body .profile-studio-preview{position:relative;overflow:hidden}

/* Premium efektleri kullanıcının bilinçli seçimidir: "hareketi azalt" modunda ve kaydırırken de çalışır.
   (style.css'teki genel "animation:none!important" kuralları bunları durdurmasın.) */
html body :is(.premium-name-host,.site-username)[class*="name-"],
html body :is(.profile-avatar-wrap,.esports-profile-avatar,.studio-preview-avatar)[class*="frame-"],
html body [class*="profile-bg-"],
html body .profile-premium-active[class*="motion-"] *,
html body .profile-studio-preview[class*="motion-"] *{animation-play-state:running!important}
@media(prefers-reduced-motion:reduce){
html body .premium-name-host.premium-name-host.premium-name-host.name-gradient.name-gradient{animation:kxiShift 4s linear infinite!important}
html body .premium-name-host.premium-name-host.premium-name-host.name-shimmer.name-shimmer{animation:kxiShift 2.6s linear infinite!important}
html body .premium-name-host.premium-name-host.premium-name-host.name-rainbow.name-rainbow,html body .premium-name-host.premium-name-host.kyth-rainbow-loop.kyth-rainbow-loop{animation:kxiShift 5s linear infinite!important}
html body .premium-name-host.premium-name-host.premium-name-host.name-glow.name-glow{animation:kxiGlow 2.6s ease-in-out infinite!important}
html body .premium-name-host.premium-name-host.premium-name-host.name-neon.name-neon{animation:kxiNeon 2.2s ease-in-out infinite!important}
html body :is(.profile-avatar-wrap,.esports-profile-avatar,.studio-preview-avatar).frame-animated{animation:kxiFrame 4s linear infinite!important}
html body :is(.profile-card-main,.esports-profile-card,.profile-studio-preview).profile-bg-aurora.profile-bg-aurora.profile-bg-aurora{animation:kxiAuroraShift 12s ease-in-out infinite alternate!important}
html body .profile-premium-active.motion-soft :is(.profile-card-main,.esports-profile-card),html body .profile-studio-preview.motion-soft{animation:kxiFloat 6s ease-in-out infinite!important}
html body .profile-premium-active.motion-pulse :is(.profile-card-main,.esports-profile-card),html body .profile-studio-preview.motion-pulse{animation:kxiPulse 2.8s ease-in-out infinite!important}
html body .profile-premium-active.motion-orbit :is(.profile-avatar-wrap,.esports-profile-avatar):after,html body .profile-studio-preview.motion-orbit .studio-preview-avatar:after{animation:kxiSpin 12s linear infinite!important}
}

html body .premium-name-host[class*="name-"]{display:inline-block!important}

html body .profile-premium-active.motion-soft .profile-bg-aurora.profile-bg-aurora.profile-bg-aurora,html body .profile-studio-preview.motion-soft.profile-bg-aurora.profile-bg-aurora.profile-bg-aurora{animation:kxiFloat 6s ease-in-out infinite,kxiAuroraShift 12s ease-in-out infinite alternate!important}
html body .profile-premium-active.motion-pulse .profile-bg-aurora.profile-bg-aurora.profile-bg-aurora,html body .profile-studio-preview.motion-pulse.profile-bg-aurora.profile-bg-aurora.profile-bg-aurora{animation:kxiPulse 2.8s ease-in-out infinite,kxiAuroraShift 12s ease-in-out infinite alternate!important}
