/* =========================================================
   Leek kart sistemi (js/kart.js) — ana sayfa + panel önizlemesi
   Her kart kendi temasını taşır: .kc.k-<tema>
   Katmanlar: .k-ly.is-img / is-fill / is-def / is-none
   ========================================================= */
.kc { --ac: #ff2fb3; --kd: var(--disp, "Inter Display", "Inter", system-ui, sans-serif); --kf: var(--font, "Inter", system-ui, sans-serif); --km: "F JetBrains", ui-monospace, "Cascadia Code", monospace;
  position: relative; isolation: isolate; display: block; overflow: hidden; min-width: 0; color: #f4eff6; font-family: var(--kf); text-align: left; outline: none;
  transition: transform .6s cubic-bezier(.2, .8, .2, 1), box-shadow .35s, filter .35s; will-change: transform; -webkit-tap-highlight-color: transparent; }
.kc[data-pi] { cursor: pointer; }
.kc.tilt { transition: transform .1s linear, box-shadow .35s; }
.kc:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--ac) 70%, #fff) !important; }
.kc *, .kc *::before, .kc *::after { box-sizing: border-box; }
.kc h3 { margin: 0; }
.kc p { margin: 0; }
.kc .clamp { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.kc .ico { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.kc .ico.fill { fill: currentColor; stroke: none; }
.kc .ico.s { width: 14px; height: 14px; }

/* ---- katmanlar ---- */
.k-ly { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; pointer-events: none; }
.k-ly > i { position: absolute; inset: 0; display: block; }
.k-ly .k-i { background-size: cover; background-repeat: no-repeat; will-change: transform; }
.k-ly .k-dim { background: #000; }
.k-ly.is-none { display: none; }
.k-pat.p-grain { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"); opacity: .35; mix-blend-mode: overlay; }
.k-pat.p-grid { background-image: linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px); background-size: 22px 22px; background-position: -1px -1px; }
.k-pat.p-dots { background-image: radial-gradient(rgba(255, 255, 255, .2) 1px, transparent 1.5px); background-size: 13px 13px; }
.k-pat.p-lines { background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, .07) 0 1px, transparent 1px 9px); }
.k-pat.p-scan { background-image: repeating-linear-gradient(0deg, rgba(0, 0, 0, .32) 0 1px, transparent 1px 3px); }

/* ---- ortak parçalar ---- */
.kc .ini { display: grid; place-items: center; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(135deg, var(--ac), color-mix(in srgb, var(--ac) 35%, #1a1020)); color: #fff; font: 800 26px/1 var(--kd); letter-spacing: -.02em; }
.kc .ini.avb { font-size: 0; }
.kc .socs { display: flex; flex-wrap: wrap; gap: 6px; }
.kc .so { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; padding: 0; cursor: pointer; color: #e7e2ec; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .09); transition: transform .15s, background .2s, color .2s; font: inherit; text-decoration: none; }
.kc .so .ico { width: 15px; height: 15px; }
.kc a.so:hover, .kc button.so:hover { transform: translateY(-2px); color: #fff; }
.kc .so.discord:hover { background: #5865f2; } .kc .so.github:hover { background: #24292f; } .kc .so.twitter:hover { background: #000; } .kc .so.whatsapp:hover { background: #25d366; }
.kc .so.instagram:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 90%); }
.kc .k-name { overflow-wrap: anywhere; }
.kc .bdgs-in { display: inline-flex; vertical-align: middle; margin-left: 6px; gap: 2px; }
.kc .k-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.kc .k-tags span { font-size: 11.5px; font-weight: 600; padding: 3px 9px; border-radius: 999px; color: #d8d0de; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .08); }
.kc .k-more { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; transition: gap .2s; }
.kc:hover .k-more { gap: 10px; }
.kc .lsd { position: absolute; right: 2px; bottom: 2px; width: 16px; height: 16px; border-radius: 50%; border: 3px solid var(--s2, #120d16); z-index: 2; }
.kc .lvc { display: flex; align-items: center; gap: 7px; margin-top: 8px; font-size: 12.5px; color: #cfc6d6; min-width: 0; }
.kc .lvc span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.kc .lvc > i { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.kc .lvc .ico { width: 15px; height: 15px; flex: none; }
.kc .lvc.k-spotify { color: #8af0ad; } .kc .lvc.k-spotify .ico { color: #1ed760; }
.k-shine { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 20; background: radial-gradient(360px circle at var(--mx, 50%) var(--my, 0%), rgba(255, 255, 255, .12), transparent 45%); opacity: 0; transition: opacity .3s; }
.kc:hover .k-shine { opacity: 1; }

/* =========================================================
   1 · LEEK (site)
   ========================================================= */
.k-site { border-radius: 24px; padding: 8px; background: var(--s2, #120d16); border: 1px solid #2a2033; box-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 40px 80px -44px color-mix(in srgb, var(--ac) 75%, #000), 0 30px 60px -30px rgba(0, 0, 0, .95); }
.k-site:hover { box-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 0 0 1px color-mix(in srgb, var(--ac) 45%, transparent), 0 50px 90px -40px color-mix(in srgb, var(--ac) 90%, #000), 0 30px 60px -30px rgba(0, 0, 0, .95); }
.k-site > .k-bg { z-index: -1; }
.k-site > .k-bg:is(.is-img, .is-fill)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18, 13, 22, .2), rgba(18, 13, 22, .78) 52%, rgba(18, 13, 22, .94)); }
.k-site .k-head { position: relative; height: 118px; border-radius: 17px; overflow: hidden; }
.k-site .k-bn { border-radius: 17px; }
.k-site .k-bn.is-def { background: radial-gradient(120% 150% at 0% 0%, color-mix(in srgb, var(--ac) 85%, transparent), transparent 62%), linear-gradient(110deg, color-mix(in srgb, var(--ac) 55%, #1b0d22), #1a1022 75%); }
.k-site .k-bn.is-def::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255, 255, 255, .16) 1px, transparent 1.4px); background-size: 12px 12px; -webkit-mask: linear-gradient(100deg, #000, transparent 70%); mask: linear-gradient(100deg, #000, transparent 70%); }
.k-site.bn-none .k-head { height: 46px; }
.k-site .k-mk { position: absolute; right: 12px; top: 11px; height: 20px; width: auto; opacity: .92; filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .5)); }
.k-site .k-row { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; padding: 0 8px; margin-top: -40px; }
.k-site.bn-none .k-row { margin-top: -30px; }
.k-site .k-av { position: relative; flex: none; width: 82px; height: 82px; padding: 4px; border-radius: 25px; background: var(--s2, #120d16); transition: transform .4s cubic-bezier(.2, 1.4, .4, 1); }
.k-site .k-av .ini { border-radius: 21px; }
.k-site:hover .k-av { transform: translateY(-3px) rotate(-2deg); }
.k-site .socs { padding-bottom: 4px; justify-content: flex-end; }
.k-site .k-body { padding: 12px 10px 4px; }
.k-site .k-role { display: block; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: color-mix(in srgb, var(--ac) 60%, #fff); }
.k-site .k-name { margin-top: 4px; font: 800 24px/1.12 var(--kd); letter-spacing: -.025em; }
.k-site .k-sub { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 5px; font-size: 13px; color: #a99fb3; }
.k-site .k-st { display: inline-flex; align-items: center; gap: 6px; color: #d7cfdd; }
.k-site .k-st i { width: 7px; height: 7px; border-radius: 50%; background: var(--ac); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ac) 25%, transparent); }
.k-site .k-about { margin-top: 10px; font-size: 13.5px; line-height: 1.55; color: #cfc6d6; white-space: pre-line; }
.k-site .k-tags { margin-top: 12px; }
.k-site .k-more { display: flex; justify-content: center; margin: 14px -10px -4px; padding: 11px 0 8px; border-top: 1px solid rgba(255, 255, 255, .07); color: color-mix(in srgb, var(--ac) 50%, #fff); }

/* =========================================================
   2 · OYUNCU (esports)
   ========================================================= */
.k-oyuncu { --cut: 26px; padding: 1.5px; aspect-ratio: 3 / 4.25; background: linear-gradient(160deg, var(--ac) 0%, color-mix(in srgb, var(--ac) 25%, #2a1240) 38%, rgba(255, 255, 255, .2) 62%, var(--ac) 100%); clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut))); }
.kw-oyuncu { filter: drop-shadow(0 34px 40px rgba(0, 0, 0, .6)) drop-shadow(0 0 30px color-mix(in srgb, var(--ac, #ff2fb3) 22%, transparent)); }
.k-oyuncu .k-in { position: relative; height: 100%; overflow: hidden; display: flex; flex-direction: column; background: var(--s0, #0b0710); clip-path: polygon(0 0, calc(100% - var(--cut) + .6px) 0, 100% calc(var(--cut) - .6px), 100% 100%, calc(var(--cut) - .6px) 100%, 0 calc(100% - var(--cut) + .6px)); }
.k-oyuncu .k-media { transition: transform .8s cubic-bezier(.2, .8, .2, 1); }
.k-oyuncu:hover .k-media { transform: scale(1.06); }
.k-oyuncu .k-media.is-def { background: radial-gradient(90% 60% at 50% 30%, color-mix(in srgb, var(--ac) 55%, transparent), transparent 70%), linear-gradient(160deg, color-mix(in srgb, var(--ac) 30%, #120818), var(--s0, #0b0710) 70%); }
.k-oyuncu .k-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11, 7, 16, .15) 0%, rgba(11, 7, 16, .1) 30%, rgba(11, 7, 16, .82) 62%, var(--s0, #0b0710) 92%); }
.k-oyuncu .k-lines { position: absolute; inset: 0; background: repeating-linear-gradient(115deg, rgba(255, 255, 255, .035) 0 2px, transparent 2px 14px); -webkit-mask: linear-gradient(180deg, #000, transparent 60%); mask: linear-gradient(180deg, #000, transparent 60%); }
.k-oyuncu .k-holo { position: absolute; inset: 0; z-index: 3; mix-blend-mode: color-dodge; opacity: 0; transition: opacity .4s; background: linear-gradient(115deg, transparent 30%, rgba(255, 70, 200, .5) 42%, rgba(80, 200, 255, .5) 52%, rgba(255, 230, 90, .45) 62%, transparent 72%); background-size: 250% 250%; background-position: var(--mx, 50%) var(--my, 50%); }
.k-oyuncu:hover .k-holo { opacity: .55; }
.k-oyuncu .k-num { position: absolute; right: 14px; top: 34px; font: 900 64px/1 var(--kd); letter-spacing: -.06em; color: transparent; -webkit-text-stroke: 1.2px rgba(255, 255, 255, .22); }
.k-oyuncu .k-c { position: absolute; width: 16px; height: 16px; border: 2px solid var(--ac); z-index: 2; }
.k-oyuncu .k-c.tl { left: 12px; top: 12px; border-right: 0; border-bottom: 0; }
.k-oyuncu .k-c.br { right: 12px; bottom: 12px; border-left: 0; border-top: 0; }
.k-oyuncu .k-top { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 16px 18px 0 34px; }
.k-oyuncu .k-brand { display: inline-flex; align-items: center; gap: 6px; font: 800 11px/1 var(--kd); letter-spacing: .24em; color: #fff; }
.k-oyuncu .k-brand img { height: 15px; width: auto; }
.k-oyuncu .k-st { display: inline-flex; align-items: center; gap: 6px; max-width: 60%; padding: 5px 9px; font-size: 11px; font-weight: 700; color: #fff; background: rgba(0, 0, 0, .45); border: 1px solid rgba(255, 255, 255, .14); clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%); }
.k-oyuncu .k-st span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-oyuncu .k-st i { width: 6px; height: 6px; flex: none; border-radius: 50%; background: #2ee59d; box-shadow: 0 0 8px #2ee59d; }
.k-oyuncu .k-av { position: relative; z-index: 2; margin: auto auto 0 20px; }
.k-oyuncu .k-hex { position: relative; width: 84px; height: 94px; padding: 3px; background: linear-gradient(160deg, var(--ac), rgba(255, 255, 255, .7), var(--ac)); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); transition: transform .4s cubic-bezier(.2, 1.4, .4, 1); }
.k-oyuncu .k-hex .ini { clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); border-radius: 0; }
.k-oyuncu:hover .k-hex { transform: translateY(-4px) scale(1.04); }
.k-oyuncu .k-av .lsd { right: -2px; bottom: 10px; border-color: var(--s0, #0b0710); }
.k-oyuncu .k-info { position: relative; z-index: 2; padding: 10px 20px 0; }
.k-oyuncu .k-role { display: inline-block; padding: 4px 12px; background: var(--ac); clip-path: polygon(7px 0, 100% 0, calc(100% - 7px) 100%, 0 100%); }
.k-oyuncu .k-role b { font-size: 10.5px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; color: #fff; }
.k-oyuncu .k-name { margin-top: 8px; font: 900 34px/.95 var(--kd); letter-spacing: -.035em; text-transform: uppercase; }
.k-oyuncu .k-sub { margin-top: 6px; font: 600 12px/1 var(--km); color: color-mix(in srgb, var(--ac) 45%, #fff); letter-spacing: .02em; }
.k-oyuncu .k-tags { margin-top: 10px; }
.k-oyuncu .k-tags span { border-radius: 0; clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%); padding: 3px 11px; border: 0; background: rgba(255, 255, 255, .08); }
.k-oyuncu .k-bar { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 14px; padding: 12px 20px 16px 20px; border-top: 1px solid rgba(255, 255, 255, .08); }
.k-oyuncu .k-bar .so { border-radius: 0; width: 30px; height: 30px; clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%); }
.k-oyuncu .k-more { margin-right: 18px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: color-mix(in srgb, var(--ac) 45%, #fff); }

/* =========================================================
   3 · CAM
   ========================================================= */
.k-cam { border-radius: 30px; padding: 10px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .15); -webkit-backdrop-filter: blur(22px) saturate(1.4); backdrop-filter: blur(22px) saturate(1.4); box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 40px 80px -40px color-mix(in srgb, var(--ac) 80%, #000), 0 30px 60px -30px rgba(0, 0, 0, .9); }
.k-cam > .k-bg { z-index: -1; }
.k-cam > .k-bg.is-def { background: radial-gradient(70% 55% at 15% 10%, color-mix(in srgb, var(--ac) 55%, transparent), transparent 70%), radial-gradient(60% 50% at 95% 95%, color-mix(in srgb, var(--ac) 35%, #3b82f6 30%), transparent 70%), rgba(20, 16, 30, .55); }
.k-cam > .k-bg.is-img .k-i { filter: blur(18px) saturate(1.3); transform: scale(1.25) !important; }
.k-cam > .k-bg.is-img::after { content: ""; position: absolute; inset: 0; background: rgba(14, 10, 22, .45); }
.k-cam .k-glass { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 14px 14px; border-radius: 22px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .1); }
.k-cam .k-bn { position: relative; inset: auto; align-self: stretch; height: 104px; margin: 0 -14px; border-radius: 22px 22px 0 0; }
.k-cam .k-bn.is-def { background: linear-gradient(120deg, color-mix(in srgb, var(--ac) 60%, transparent), rgba(255, 255, 255, .06)); }
.k-cam .k-bn.is-none { display: block; height: 40px; background: none; }
.k-cam .k-av { position: relative; width: 92px; height: 92px; margin-top: -48px; padding: 4px; border-radius: 50%; background: rgba(255, 255, 255, .22); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 12px 30px -10px rgba(0, 0, 0, .7); transition: transform .4s cubic-bezier(.2, 1.4, .4, 1); }
.k-cam .k-av .ini { border-radius: 50%; }
.k-cam:hover .k-av { transform: scale(1.05); }
.k-cam .k-st { margin-top: 10px; max-width: 100%; padding: 5px 12px; border-radius: 999px; font-size: 12px; color: #fff; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .14); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-cam .k-name { margin-top: 10px; font: 800 24px/1.1 var(--kd); letter-spacing: -.025em; }
.k-cam .k-sub { margin-top: 3px; font-size: 13px; color: rgba(255, 255, 255, .65); }
.k-cam .k-role { margin-top: 10px; padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; background: color-mix(in srgb, var(--ac) 30%, rgba(255, 255, 255, .08)); border: 1px solid color-mix(in srgb, var(--ac) 45%, rgba(255, 255, 255, .15)); }
.k-cam .k-about { margin-top: 10px; font-size: 13.5px; line-height: 1.55; color: rgba(255, 255, 255, .78); }
.k-cam .socs { margin-top: 12px; justify-content: center; }
.k-cam .so { border-radius: 50%; background: rgba(255, 255, 255, .1); }
.k-cam .k-more { margin-top: 12px; color: rgba(255, 255, 255, .8); }
.k-cam .lvc { justify-content: center; }

/* =========================================================
   4 · DISCORD
   ========================================================= */
.k-discord { border-radius: 18px; padding: 4px; background: linear-gradient(175deg, color-mix(in srgb, var(--ac) 75%, #111214), color-mix(in srgb, var(--ac) 22%, #111214) 45%, #151318); box-shadow: 0 40px 80px -40px color-mix(in srgb, var(--ac) 75%, #000), 0 30px 60px -30px rgba(0, 0, 0, .95); }
.k-discord > .k-bg { inset: 4px; border-radius: 14px; z-index: -1; }
.k-discord > .k-bg:is(.is-img, .is-fill)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 8, 14, .15), rgba(10, 8, 14, .7) 45%, rgba(10, 8, 14, .85)); }
.k-discord > .k-bn { position: relative; inset: auto; display: block; height: 108px; border-radius: 14px 14px 0 0; }
.k-discord > .k-bn.is-def { background: color-mix(in srgb, var(--ac) 78%, #1a1020); }
.k-discord.bn-none > .k-top { padding-top: 14px; }
.k-discord.bn-none .k-av { margin-top: 0; }
.k-discord .k-top { display: flex; align-items: flex-start; gap: 10px; padding: 0 14px; }
.k-discord .k-av { position: relative; flex: none; width: 92px; height: 92px; margin-top: -46px; padding: 6px; border-radius: 50%; background: color-mix(in srgb, var(--ac) 18%, #151318); }
.k-discord .k-av .ini { border-radius: 50%; }
.k-discord .k-st { position: relative; min-width: 0; margin-top: 10px; padding: 8px 11px; border-radius: 12px; background: rgba(17, 14, 23, .94); border: 1px solid rgba(255, 255, 255, .08); font-size: 12.5px; color: #dbdee1; }
.k-discord .k-st span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.k-discord .k-st::before, .k-discord .k-st::after { content: ""; position: absolute; border-radius: 50%; background: rgba(17, 14, 23, .94); border: 1px solid rgba(255, 255, 255, .08); }
.k-discord .k-st::before { width: 12px; height: 12px; left: -8px; top: 6px; }
.k-discord .k-st::after { width: 6px; height: 6px; left: -15px; top: 2px; }
.k-discord .k-inner { margin: 10px 12px 12px; padding: 12px 12px 4px; border-radius: 10px; background: rgba(6, 5, 9, .6); border: 1px solid rgba(255, 255, 255, .06); }
.k-discord .k-name { font: 800 21px/1.15 var(--kd); letter-spacing: -.02em; }
.k-discord .k-sub { margin-top: 2px; font-size: 13px; color: #b5bac1; }
.k-discord .k-role { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; height: 24px; padding: 0 9px; border-radius: 6px; font-size: 12px; font-weight: 600; color: #dbdee1; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .09); }
.k-discord .k-role i { width: 10px; height: 10px; border-radius: 50%; background: var(--ac); }
.k-discord .k-sec { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .08); }
.k-discord .k-sec small { display: block; margin-bottom: 6px; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #dbdee1; }
.k-discord .k-sec p { font-size: 13.5px; line-height: 1.5; color: #dbdee1; white-space: pre-line; }
.k-discord .k-more { display: flex; justify-content: center; margin: 12px -12px 0; padding: 10px 0 8px; border-top: 1px solid rgba(255, 255, 255, .07); color: color-mix(in srgb, var(--ac) 45%, #fff); }

/* =========================================================
   5 · KİMLİK (ekip kimlik kartı)
   ========================================================= */
.k-kimlik { border-radius: 18px; padding: 0 0 14px; background: #17161b; border: 1px solid #2c2a33; box-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 40px 70px -40px rgba(0, 0, 0, .95), 0 24px 50px -30px color-mix(in srgb, var(--ac) 55%, #000); }
.k-kimlik > .k-bg { z-index: -1; }
.k-kimlik > .k-bg.is-def { background: repeating-linear-gradient(0deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 4px), linear-gradient(180deg, #1b1a20, #141318); }
.k-kimlik > .k-bg:is(.is-img, .is-fill)::after { content: ""; position: absolute; inset: 0; background: rgba(20, 19, 24, .78); }
.k-kimlik::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--ac); z-index: 2; }
.k-kimlik .k-slot { position: absolute; left: 50%; top: 10px; width: 46px; height: 8px; margin-left: -23px; border-radius: 6px; background: #0b0a0e; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .8), 0 1px 0 rgba(255, 255, 255, .06); z-index: 3; }
.k-kimlik .k-hd { position: relative; display: flex; align-items: flex-end; gap: 10px; height: 74px; padding: 0 16px 10px 20px; overflow: hidden; border-bottom: 1px dashed rgba(255, 255, 255, .14); }
.k-kimlik .k-bn.is-def { background: linear-gradient(90deg, color-mix(in srgb, var(--ac) 28%, #1d1b22), #1d1b22 70%); }
.k-kimlik .k-bn:is(.is-img, .is-fill)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(23, 22, 27, .85), rgba(23, 22, 27, .2)); }
.k-kimlik.bn-none .k-hd { height: 54px; }
.k-kimlik .k-org, .k-kimlik .k-kind, .k-kimlik .k-no { position: relative; font: 700 10.5px/1 var(--km); letter-spacing: .16em; }
.k-kimlik .k-org { display: inline-flex; align-items: center; gap: 6px; color: #fff; font-weight: 800; }
.k-kimlik .k-org img { height: 16px; width: auto; }
.k-kimlik .k-kind { color: #8e8a98; }
.k-kimlik .k-no { color: color-mix(in srgb, var(--ac) 55%, #fff); }
.k-kimlik .k-mid { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 14px; padding: 14px 16px 0 20px; }
.k-kimlik .k-av { position: relative; width: 92px; height: 112px; border-radius: 8px; padding: 3px; background: #0e0d11; border: 1px solid rgba(255, 255, 255, .1); }
.k-kimlik .k-av .ini { border-radius: 5px; filter: saturate(.92) contrast(1.05); }
.k-kimlik .k-av .lsd { border-color: #17161b; right: -5px; bottom: -5px; }
.k-kimlik dl { margin: 0; display: grid; gap: 2px; align-content: start; min-width: 0; }
.k-kimlik dt { margin-top: 6px; font: 600 9.5px/1 var(--km); letter-spacing: .18em; text-transform: uppercase; color: #77727f; }
.k-kimlik dt:first-child { margin-top: 0; }
.k-kimlik dd { margin: 3px 0 0; min-width: 0; font-size: 13px; color: #e9e4ee; overflow: hidden; text-overflow: ellipsis; }
.k-kimlik .k-name { font: 800 20px/1.1 var(--kd); letter-spacing: -.02em; }
.k-kimlik dd.k-role { color: color-mix(in srgb, var(--ac) 50%, #fff); font-weight: 700; }
.k-kimlik dd.k-sub { font-family: var(--km); font-size: 12px; }
.k-kimlik dd.k-st { white-space: nowrap; color: #bdb6c6; }
.k-kimlik .lvc { margin-top: 4px; }
.k-kimlik .k-tags { padding: 12px 16px 0 20px; }
.k-kimlik .k-tags span { border-radius: 4px; font-family: var(--km); font-size: 10.5px; letter-spacing: .04em; }
.k-kimlik .k-foot { display: flex; align-items: center; gap: 10px; margin: 14px 16px 0 20px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .08); }
.k-kimlik .k-code { flex: none; width: 96px; height: 26px; background-size: 100% 100%; opacity: .85; }
.k-kimlik .k-cid { min-width: 0; flex: 1; font: 600 10px/1.2 var(--km); letter-spacing: .14em; color: #8e8a98; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-kimlik .socs { flex: none; }
.k-kimlik .so { width: 28px; height: 28px; border-radius: 7px; }
.k-kimlik .k-holo { position: relative; flex: none; width: 22px; height: 22px; margin-left: auto; border-radius: 50%; background: conic-gradient(from 30deg, #ff6ad5, #c774e8, #ad8cff, #8795e8, #94d0ff, #7af8c9, #fff59e, #ff6ad5); opacity: .55; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35); transition: opacity .3s, transform .6s; }
.k-kimlik:hover .k-holo { opacity: .9; transform: rotate(140deg); }

/* =========================================================
   6 · POSTER
   ========================================================= */
.k-poster { container-type: inline-size; aspect-ratio: 3 / 4.1; border-radius: 6px; display: flex; flex-direction: column; justify-content: space-between; background: #0d0a10; box-shadow: 0 40px 80px -40px color-mix(in srgb, var(--ac) 70%, #000), 0 30px 60px -30px rgba(0, 0, 0, .95); }
.k-poster .k-art { z-index: -2; transition: transform 1s cubic-bezier(.2, .8, .2, 1); }
.k-poster:hover .k-art { transform: scale(1.04); }
.k-poster .k-art.is-def { background: radial-gradient(60% 55% at 22% 18%, var(--ac), transparent 70%), radial-gradient(55% 50% at 90% 70%, color-mix(in srgb, var(--ac) 50%, #4c1d95), transparent 70%), #120a16; }
.k-poster .k-art.is-def::after { content: ""; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"); opacity: .3; mix-blend-mode: overlay; }
.k-poster .k-fade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0, 0, 0, .35) 0%, transparent 22%, transparent 42%, rgba(8, 6, 10, .9) 82%, #08060a); }
.k-poster .k-tp { display: flex; justify-content: space-between; gap: 10px; padding: 16px 18px; font: 700 10.5px/1.2 var(--km); letter-spacing: .2em; text-transform: uppercase; color: rgba(255, 255, 255, .85); }
.k-poster .k-tp span:first-child { max-width: 65%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-poster .k-bt { padding: 0 18px 16px; }
.k-poster .k-st { display: inline-block; max-width: 100%; margin-bottom: 8px; padding: 3px 8px; font-size: 11.5px; font-weight: 700; color: #0b0a0d; background: #f4eff6; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-poster .k-name { font: 900 min(68px, 120cqw / var(--len, 6)) / .86 var(--kd); letter-spacing: -.045em; text-transform: uppercase; overflow-wrap: anywhere; }
.k-poster .k-name .bdgs-in { display: flex; margin: 8px 0 0; }
.k-poster .k-row { display: flex; align-items: center; gap: 9px; margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .25); }
.k-poster .k-av { position: relative; width: 30px; height: 30px; flex: none; border-radius: 50%; }
.k-poster .k-av .ini { border-radius: 50%; font-size: 11px; }
.k-poster .k-av .lsd { width: 11px; height: 11px; border-width: 2px; right: -2px; bottom: -2px; border-color: #08060a; }
.k-poster .k-sub { font: 600 12px/1 var(--km); color: rgba(255, 255, 255, .8); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: 0; }
.k-poster .k-grow { flex: 1; }
.k-poster .so { width: 28px; height: 28px; border-radius: 50%; background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .18); }

/* =========================================================
   7 · TERMINAL
   ========================================================= */
.k-terminal { border-radius: 12px; background: #0a0c0b; border: 1px solid #222826; font-family: var(--km); box-shadow: 0 0 0 1px rgba(0, 0, 0, .6), 0 40px 80px -40px color-mix(in srgb, var(--ac) 45%, #000), 0 30px 60px -30px rgba(0, 0, 0, .95); }
.k-terminal > .k-bg { z-index: -1; }
.k-terminal > .k-bg:is(.is-img, .is-fill)::after { content: ""; position: absolute; inset: 0; background: rgba(8, 10, 9, .82); }
.k-terminal::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 5; background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .18) 0 1px, transparent 1px 3px); border-radius: inherit; }
.k-terminal .k-tb { display: flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; background: #141816; border-bottom: 1px solid #222826; }
.k-terminal .k-tb i { width: 10px; height: 10px; border-radius: 50%; background: #3a3f3d; }
.k-terminal .k-tb i:nth-child(1) { background: #ff5f57; } .k-terminal .k-tb i:nth-child(2) { background: #febc2e; } .k-terminal .k-tb i:nth-child(3) { background: #28c840; }
.k-terminal .k-tb span { margin-left: 8px; font-size: 11.5px; color: #8a938f; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-terminal > .k-bn { position: relative; inset: auto; display: block; height: 72px; border-radius: 0; border-bottom: 1px solid #222826; }
.k-terminal > .k-bn.is-def { height: 6px; background: linear-gradient(90deg, var(--ac), transparent); border: 0; }
.k-terminal > .k-bn.is-img .k-i { filter: grayscale(.4) contrast(1.1); }
.k-terminal > .k-bn::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, color-mix(in srgb, var(--ac) 25%, transparent), transparent); mix-blend-mode: screen; }
.k-terminal .k-tx { padding: 14px 16px 16px; font-size: 13px; line-height: 1.6; color: #c9d1cd; }
.k-terminal .k-who { display: flex; align-items: center; gap: 12px; }
.k-terminal .k-av { position: relative; width: 58px; height: 58px; flex: none; border-radius: 4px; padding: 2px; border: 1px solid color-mix(in srgb, var(--ac) 60%, #222); }
.k-terminal .k-av .ini { border-radius: 2px; image-rendering: auto; }
.k-terminal .k-av .lsd { border-color: #0a0c0b; border-radius: 2px; width: 12px; height: 12px; border-width: 2px; right: -4px; bottom: -4px; }
.k-terminal .k-cmd { color: #8a938f; }
.k-terminal .k-cmd b { color: var(--ac); font-weight: 700; }
.k-terminal .k-name { font: 700 21px/1.2 var(--km); letter-spacing: -.02em; color: #f2f5f3; }
.k-terminal .k-cmd + .k-out, .k-terminal .k-who + .k-cmd { margin-top: 8px; }
.k-terminal .k-out { color: #e6ece9; }
.k-terminal .k-role { color: var(--ac); font-weight: 700; }
.k-terminal .k-st { color: #8a938f; font-style: italic; }
.k-terminal .k-arr { color: #8a938f; overflow-wrap: anywhere; }
.k-terminal .k-arr span { color: #f2c66d; }
.k-terminal .socs { margin-top: 10px; }
.k-terminal .so { border-radius: 4px; background: #121614; border-color: #252b29; }
.k-terminal .k-last { margin-top: 10px; display: flex; align-items: center; gap: 6px; }
.k-terminal .k-more { color: #e6ece9; font-size: 13px; font-weight: 600; }
.k-terminal .k-cur { width: 8px; height: 16px; background: var(--ac); animation: kblink 1.05s steps(1) infinite; }
@keyframes kblink { 50% { opacity: 0; } }
.k-terminal .lvc { font-family: var(--km); font-size: 12px; }

/* =========================================================
   8 · KAĞIT
   ========================================================= */
.k-kagit { border-radius: 4px; padding: 18px 18px 16px; color: #1f1b17; background: #f2ece1; box-shadow: 0 1px 0 #fff inset, 0 30px 60px -30px rgba(0, 0, 0, .9), 0 2px 0 #d8cfbf; }
.k-kagit > .k-bg { z-index: -1; }
.k-kagit > .k-bg.is-def { background: radial-gradient(120% 80% at 100% 0%, rgba(255, 255, 255, .6), transparent 60%), repeating-linear-gradient(0deg, transparent 0 27px, rgba(80, 60, 30, .08) 27px 28px), #f2ece1; }
.k-kagit > .k-bg:is(.is-img, .is-fill)::after { content: ""; position: absolute; inset: 0; background: rgba(242, 236, 225, .82); }
.k-kagit .k-pat { mix-blend-mode: multiply; filter: invert(1); }
.k-kagit .k-strip { position: relative; height: 92px; margin: 0 6px 0 0; padding: 5px; background: #fff; box-shadow: 0 6px 14px -6px rgba(60, 40, 10, .45); transform: rotate(-1.4deg); }
.k-kagit .k-strip .k-bn { inset: 5px; }
.k-kagit .k-strip .k-bn.is-def { background: linear-gradient(120deg, color-mix(in srgb, var(--ac) 70%, #f2ece1), color-mix(in srgb, var(--ac) 25%, #f2ece1)); }
.k-kagit .k-tape { position: absolute; width: 64px; height: 20px; background: rgba(255, 236, 170, .72); box-shadow: 0 1px 2px rgba(0, 0, 0, .08); z-index: 2; }
.k-kagit .k-tape.a { right: 18px; top: -9px; transform: rotate(4deg); }
.k-kagit .k-tape.b { left: 50%; top: -10px; margin-left: -32px; transform: rotate(-6deg); }
.k-kagit .k-pol { position: relative; width: 112px; margin: -26px 0 0 14px; padding: 7px 7px 22px; background: #fff; box-shadow: 0 10px 20px -10px rgba(60, 40, 10, .55); transform: rotate(3deg); transition: transform .4s cubic-bezier(.2, 1.4, .4, 1); }
.k-kagit.bn-none .k-pol { margin-top: 4px; }
.k-kagit:hover .k-pol { transform: rotate(-1deg) translateY(-3px); }
.k-kagit .k-av { position: relative; aspect-ratio: 1; }
.k-kagit .k-av .ini { border-radius: 0; }
.k-kagit .k-av .lsd { border-color: #fff; }
.k-kagit .k-body { padding: 12px 2px 0; }
.k-kagit .k-name { font: 400 30px/1.05 "F YoungSerif", Georgia, "Times New Roman", serif; letter-spacing: -.02em; color: #1f1b17; }
.k-kagit .k-sub { margin-top: 3px; font: 500 12.5px/1.2 var(--km); color: #7a6f60; }
.k-kagit .k-role { display: inline-block; margin-top: 10px; padding: 3px 9px; border: 1.5px solid var(--ac); color: var(--ac); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; transform: rotate(-2deg); border-radius: 3px; }
.k-kagit .k-st { margin-top: 10px; font: italic 400 14px/1.4 "F YoungSerif", Georgia, serif; color: #4a4036; }
.k-kagit .k-about { margin-top: 8px; font-size: 13.5px; line-height: 1.55; color: #3d352c; white-space: pre-line; }
.k-kagit .k-tags { margin-top: 10px; }
.k-kagit .k-tags span { color: #3d352c; background: none; border: 0; border-bottom: 1.5px solid color-mix(in srgb, var(--ac) 60%, #f2ece1); border-radius: 0; padding: 1px 2px; }
.k-kagit .k-ft { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 14px; padding-top: 10px; border-top: 1px dashed rgba(60, 45, 30, .3); }
.k-kagit .so { color: #f2ece1; background: #1f1b17; border-color: #1f1b17; border-radius: 50%; }
.k-kagit .k-more { color: #1f1b17; font: italic 400 13px/1 "F YoungSerif", Georgia, serif; }
.k-kagit .lvc { color: #4a4036; }
.k-kagit .bdgs-in { filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .2)); }

/* ---- küçük ekranlar ---- */
@media (max-width: 420px) {
  .k-oyuncu .k-name { font-size: 28px; }
  .k-kimlik .k-mid { grid-template-columns: 78px minmax(0, 1fr); }
  .k-kimlik .k-av { width: 78px; height: 96px; }
}
@media (prefers-reduced-motion: reduce) { .k-terminal .k-cur { animation: none; } .kc, .kc * { transition: none !important; } }

/* ---- profil penceresi (ana.js) kart katmanlarını kullanır ---- */
.pm .k-mly { z-index: 0; }
.pm .pmbn.off { height: 64px; background: none; }
.pm .pmbn.off::after { display: none; }
.pm.th-site .pmbn.off { height: 44px; }

/* =========================================================
   9 · NEON (gece tabelası)
   ========================================================= */
.k-neon { border-radius: 22px; padding: 2px; background: #05040a; box-shadow: 0 0 0 1px color-mix(in srgb, var(--ac) 30%, transparent), 0 40px 80px -40px color-mix(in srgb, var(--ac) 70%, #000), 0 30px 60px -30px rgba(0, 0, 0, .95); }
.k-neon > .k-bg { z-index: -2; }
.k-neon > .k-bg:is(.is-img, .is-fill)::after { content: ""; position: absolute; inset: 0; background: rgba(5, 4, 10, .84); }
.k-neon > .k-bg.is-def { background: radial-gradient(80% 50% at 50% 0%, color-mix(in srgb, var(--ac) 22%, transparent), transparent 70%), repeating-linear-gradient(90deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 26px), #05040a; }
.k-neon .k-tube { position: absolute; inset: 7px; border-radius: 17px; border: 2px solid var(--ac); box-shadow: 0 0 6px var(--ac), 0 0 18px color-mix(in srgb, var(--ac) 70%, transparent), inset 0 0 12px color-mix(in srgb, var(--ac) 45%, transparent); pointer-events: none; z-index: 3; animation: kneon 6s infinite; }
.k-neon:hover .k-tube { box-shadow: 0 0 8px var(--ac), 0 0 30px var(--ac), inset 0 0 18px color-mix(in srgb, var(--ac) 60%, transparent); }
@keyframes kneon { 0%, 92%, 96%, 100% { opacity: 1; } 93%, 95% { opacity: .55; } }
.k-neon > .k-bn { position: relative; inset: auto; display: block; height: 96px; margin: 7px 7px 0; border-radius: 16px 16px 0 0; -webkit-mask: linear-gradient(180deg, #000 30%, transparent); mask: linear-gradient(180deg, #000 30%, transparent); }
.k-neon > .k-bn.is-def { background: radial-gradient(60% 120% at 50% 0%, color-mix(in srgb, var(--ac) 40%, transparent), transparent 70%); }
.k-neon.bn-none > .k-bn { display: none; }
.k-neon .k-in { position: relative; z-index: 4; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 22px 20px; margin-top: -56px; }
.k-neon.bn-none .k-in { margin-top: 0; padding-top: 26px; }
.k-neon .k-av { position: relative; width: 92px; height: 92px; border-radius: 50%; padding: 4px; background: #05040a; box-shadow: 0 0 0 2px var(--ac), 0 0 18px var(--ac), 0 0 40px color-mix(in srgb, var(--ac) 50%, transparent); }
.k-neon .k-av .ini { border-radius: 50%; }
.k-neon .k-av .lsd { border-color: #05040a; }
.k-neon .k-role { margin-top: 14px; font: 700 11px/1 var(--km); letter-spacing: .3em; text-transform: uppercase; color: color-mix(in srgb, var(--ac) 55%, #fff); text-shadow: 0 0 10px var(--ac); }
.k-neon .k-name { margin-top: 8px; font: 800 28px/1.08 var(--kd); letter-spacing: -.02em; color: #fff; text-shadow: 0 0 6px #fff, 0 0 16px var(--ac), 0 0 34px var(--ac); }
.k-neon .k-name .bdgs-in { text-shadow: none; }
.k-neon .k-sub { margin-top: 4px; font: 500 12.5px/1.3 var(--km); color: #a59fb3; }
.k-neon .k-st { display: inline-flex; align-items: center; gap: 7px; max-width: 100%; margin-top: 12px; padding: 5px 12px; border-radius: 999px; font-size: 12.5px; color: #e9e6f2; border: 1px solid color-mix(in srgb, var(--ac) 45%, transparent); background: color-mix(in srgb, var(--ac) 8%, transparent); }
.k-neon .k-st span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-neon .k-st i { width: 7px; height: 7px; flex: none; border-radius: 50%; background: var(--ac); box-shadow: 0 0 8px var(--ac); }
.k-neon .k-tags { justify-content: center; margin-top: 12px; }
.k-neon .k-tags span { border-color: color-mix(in srgb, var(--ac) 35%, transparent); background: transparent; color: color-mix(in srgb, var(--ac) 30%, #fff); }
.k-neon .lvc { justify-content: center; }
.k-neon .k-ft { align-self: stretch; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 1px dashed color-mix(in srgb, var(--ac) 30%, transparent); }
.k-neon .so { border-radius: 50%; background: transparent; border-color: color-mix(in srgb, var(--ac) 40%, transparent); }
.k-neon .k-more { color: color-mix(in srgb, var(--ac) 40%, #fff); text-shadow: 0 0 10px color-mix(in srgb, var(--ac) 70%, transparent); }

/* =========================================================
   10 · HOLO (koleksiyon kartı)
   ========================================================= */
@property --hang { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
.k-holo { --hang: 0deg; border-radius: 20px; padding: 7px; aspect-ratio: 5 / 7.4; background: conic-gradient(from var(--hang), #ff6ec7, #ffd36e, #6effa8, #6ed3ff, #b06eff, #ff6ec7); box-shadow: 0 40px 80px -40px color-mix(in srgb, var(--ac) 80%, #000), 0 30px 60px -30px rgba(0, 0, 0, .95); animation: kholo 8s linear infinite; }
@keyframes kholo { to { --hang: 360deg; } }
.k-holo .k-in { position: relative; height: 100%; display: flex; flex-direction: column; gap: 8px; padding: 10px; border-radius: 14px; background: linear-gradient(170deg, #1d1828, #120f19 60%); overflow: hidden; }
.k-holo .k-hd { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 0 4px; }
.k-holo .k-nm { font: 800 15px/1.1 var(--kd); color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-holo .k-hp { flex: none; font-size: 12px; letter-spacing: 1px; color: #ffd36e; text-shadow: 0 0 8px rgba(255, 211, 110, .6); }
.k-holo .k-win { position: relative; flex: 1 1 46%; min-height: 120px; border-radius: 8px; overflow: hidden; border: 2px solid rgba(255, 255, 255, .25); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .5); }
.k-holo .k-art.is-def { background: radial-gradient(70% 70% at 30% 20%, var(--ac), transparent 70%), radial-gradient(60% 60% at 90% 90%, color-mix(in srgb, var(--ac) 50%, #6ed3ff), transparent 70%), #1b1430; }
.k-holo .k-foil { position: absolute; inset: 0; z-index: 2; mix-blend-mode: color-dodge; opacity: .35; background: linear-gradient(115deg, transparent 20%, rgba(255, 110, 199, .55) 36%, rgba(110, 211, 255, .55) 50%, rgba(110, 255, 168, .5) 64%, transparent 80%); background-size: 250% 250%; background-position: var(--mx, 50%) var(--my, 50%); transition: opacity .3s; }
.k-holo:hover .k-foil { opacity: .7; }
.k-holo .k-win .k-av { position: absolute; left: 50%; bottom: 10px; z-index: 3; width: 74px; height: 74px; margin-left: -37px; border-radius: 50%; padding: 3px; background: linear-gradient(135deg, #fff, var(--ac)); box-shadow: 0 10px 24px -8px rgba(0, 0, 0, .8); }
.k-holo .k-win .k-av .ini { border-radius: 50%; }
.k-holo .k-win .k-av .lsd { border-color: #fff; }
.k-holo .k-type { display: flex; justify-content: space-between; gap: 8px; padding: 4px 10px; border-radius: 6px; font: 700 10.5px/1.4 var(--km); letter-spacing: .12em; text-transform: uppercase; color: #1a1426; background: linear-gradient(90deg, #f5e6b8, #e9d08a); }
.k-holo .k-type span:first-child { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-holo .k-txt { padding: 0 4px; min-height: 0; }
.k-holo .k-nmrow .k-name { font: 800 19px/1.15 var(--kd); color: #fff; }
.k-holo .k-st { margin-top: 4px; font-size: 12.5px; line-height: 1.45; color: #c8bfd6; font-style: italic; }
.k-holo .k-ab { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px; }
.k-holo .k-ab li { display: flex; justify-content: space-between; gap: 10px; padding: 4px 0; border-top: 1px solid rgba(255, 255, 255, .08); font-size: 12.5px; }
.k-holo .k-ab b { font-weight: 700; color: #eee8f6; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-holo .k-ab span { font: 800 13px/1 var(--kd); color: #ffd36e; }
.k-holo .k-ft { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding: 8px 4px 0; border-top: 1px solid rgba(255, 255, 255, .08); }
.k-holo .k-sub { font: 600 11.5px/1 var(--km); color: #a99fbb; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-holo .so { width: 28px; height: 28px; border-radius: 8px; }
.k-holo .k-sheen { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 5; background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, .22) 50%, transparent 60%); background-size: 300% 100%; background-position: 120% 0; transition: background-position .9s cubic-bezier(.2, .8, .2, 1); }
.k-holo:hover .k-sheen { background-position: -20% 0; }
.k-holo .lvc { color: #c8bfd6; }

/* =========================================================
   11 · KARTVİZİT (açık renk, sade)
   ========================================================= */
.k-kartvizit { --kc: #15121a; border-radius: 16px; padding: 22px 22px 18px 26px; color: var(--kc); background: #fbfaf8; box-shadow: 0 1px 0 #fff inset, 0 30px 60px -30px rgba(0, 0, 0, .9), 0 0 0 1px rgba(0, 0, 0, .04); display: flex; flex-direction: column; gap: 14px; }
.k-kartvizit > .k-bg { z-index: -1; }
.k-kartvizit > .k-bg.is-def { background: radial-gradient(90% 60% at 100% 0%, color-mix(in srgb, var(--ac) 9%, transparent), transparent 70%), #fbfaf8; }
.k-kartvizit > .k-bg:is(.is-img, .is-fill)::after { content: ""; position: absolute; inset: 0; background: rgba(251, 250, 248, .9); }
.k-kartvizit .k-pat { mix-blend-mode: multiply; filter: invert(1); opacity: .5; }
.k-kartvizit .k-bar { position: absolute; left: 0; top: 22px; bottom: 22px; width: 5px; border-radius: 0 4px 4px 0; background: var(--ac); }
.k-kartvizit .k-top { display: flex; align-items: center; gap: 8px; }
.k-kartvizit .k-mk { height: 18px; width: auto; filter: brightness(0); opacity: .85; }
.k-kartvizit .k-org { font: 800 11px/1 var(--km); letter-spacing: .28em; color: #6b6474; }
.k-kartvizit .k-thumb { position: relative; margin-left: auto; width: 64px; height: 30px; border-radius: 6px; overflow: hidden; }
.k-kartvizit .k-mid { padding-top: 4px; }
.k-kartvizit .k-name { font: 800 28px/1.05 var(--kd); letter-spacing: -.035em; color: var(--kc); }
.k-kartvizit .k-role { display: inline-block; margin-top: 7px; font-size: 13px; font-weight: 700; color: color-mix(in srgb, var(--ac) 80%, #000); }
.k-kartvizit .k-about { font-size: 13.5px; line-height: 1.55; color: #4a4452; }
.k-kartvizit .k-ft { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 14px; border-top: 1px solid #ece8e3; }
.k-kartvizit .k-who { display: flex; align-items: center; gap: 10px; min-width: 0; }
.k-kartvizit .k-av { position: relative; flex: none; width: 40px; height: 40px; border-radius: 50%; }
.k-kartvizit .k-av .ini { border-radius: 50%; font-size: 14px; }
.k-kartvizit .k-av .lsd { border-color: #fbfaf8; width: 13px; height: 13px; border-width: 2px; right: -2px; bottom: -2px; }
.k-kartvizit .k-sub { font: 600 12.5px/1.2 var(--km); color: #2a2530; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-kartvizit .k-st { margin-top: 2px; font-size: 12px; color: #77707f; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-kartvizit .so { width: 30px; height: 30px; border-radius: 50%; color: #2a2530; background: #f0ede9; border-color: #e6e1db; }
.k-kartvizit a.so:hover, .k-kartvizit button.so:hover { color: #fff; }
.k-kartvizit .lvc { color: #4a4452; }
.k-kartvizit .bdgs-in { filter: drop-shadow(0 0 1px rgba(0, 0, 0, .35)); }

/* =========================================================
   12 · PİKSEL (8-bit oyun karakteri)
   ========================================================= */
.k-pixel { --px: 4px; --kp: "F Pixelify", var(--km); padding: calc(var(--px) * 2); border-radius: 0; background: #0f0c1a; font-family: var(--kp); image-rendering: pixelated;
  box-shadow: 0 calc(var(--px) * -1) 0 0 #f3efe0, 0 var(--px) 0 0 #f3efe0, calc(var(--px) * -1) 0 0 0 #f3efe0, var(--px) 0 0 0 #f3efe0, 0 0 0 calc(var(--px) * 2) #0f0c1a, 0 calc(var(--px) * 3) 0 calc(var(--px) * 1) rgba(0, 0, 0, .55), 0 40px 70px -30px color-mix(in srgb, var(--ac) 60%, #000);
  margin: calc(var(--px) * 2); }
.k-pixel > .k-bg { z-index: -1; }
.k-pixel > .k-bg:is(.is-img, .is-fill)::after { content: ""; position: absolute; inset: 0; background: rgba(15, 12, 26, .85); }
.k-pixel .k-in { display: flex; flex-direction: column; gap: 10px; }
.k-pixel .k-hd { display: flex; justify-content: space-between; font-size: 13px; color: var(--ac); letter-spacing: .06em; }
.k-pixel .k-stage { position: relative; height: 132px; display: grid; place-items: end center; padding-bottom: 8px; border: var(--px) solid #2a2440; background: #1a1630; overflow: hidden; }
.k-pixel .k-stage .k-bn { inset: 0; }
.k-pixel .k-stage .k-bn.is-def { background: linear-gradient(180deg, #2b3b8f 0 55%, #3fa34d 55% 70%, #2d7a39 70%); }
.k-pixel .k-stage .k-bn.is-def::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 22%, #ffe27a 0 9px, transparent 10px), linear-gradient(90deg, transparent 0 8px, rgba(255, 255, 255, .85) 8px 40px, transparent 40px) 18px 22px / 120px 8px no-repeat, linear-gradient(90deg, transparent 0 14px, rgba(255, 255, 255, .85) 14px 30px, transparent 30px) 18px 14px / 120px 8px no-repeat; }
.k-pixel .k-stage .k-bn.is-img .k-i { image-rendering: pixelated; filter: contrast(1.1) saturate(1.2); }
.k-pixel .k-av { position: relative; z-index: 2; width: 76px; height: 76px; border: var(--px) solid #f3efe0; background: #0f0c1a; animation: kbob 1.2s steps(2) infinite; }
.k-pixel .k-av .ini { border-radius: 0; image-rendering: pixelated; font-family: var(--kp); }
.k-pixel .k-av .lsd { border-radius: 0; border-color: #f3efe0; border-width: 2px; width: 12px; height: 12px; right: -8px; bottom: -8px; }
@keyframes kbob { 50% { transform: translateY(-4px); } }
.k-pixel .k-st { position: absolute; z-index: 3; left: 8px; top: 8px; max-width: 62%; padding: 4px 8px; font-size: 12px; line-height: 1.25; color: #0f0c1a; background: #f3efe0; box-shadow: 2px 2px 0 #0f0c1a; }
.k-pixel .k-st::after { content: ""; position: absolute; left: 14px; bottom: -6px; border: 3px solid transparent; border-top-color: #f3efe0; border-left-color: #f3efe0; }
.k-pixel .k-name { font: 600 24px/1.1 var(--kp); letter-spacing: .01em; color: #fff; text-shadow: 3px 3px 0 color-mix(in srgb, var(--ac) 55%, #000); }
.k-pixel .k-role { font-size: 13px; color: var(--ac); text-transform: uppercase; letter-spacing: .08em; }
.k-pixel .k-bars { display: grid; gap: 6px; }
.k-pixel .k-bars div { display: grid; grid-template-columns: 26px 1fr; align-items: center; gap: 8px; font-size: 12px; color: #f3efe0; }
.k-pixel .k-bars i { height: 12px; border: 2px solid #f3efe0; background: linear-gradient(90deg, #ff4d6d 0 var(--v), #2a2440 var(--v)); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .25); }
.k-pixel .k-bars i.xp { background: linear-gradient(90deg, #4dd0ff 0 var(--v), #2a2440 var(--v)); }
.k-pixel .k-inv { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
.k-pixel .k-inv span { padding: 4px 7px; font-size: 12px; color: #f3efe0; background: #1a1630; border: 2px solid #2a2440; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-pixel .k-ft { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 8px; border-top: 2px dashed #2a2440; }
.k-pixel .so { border-radius: 0; width: 30px; height: 30px; background: #1a1630; border: 2px solid #2a2440; }
.k-pixel .k-more { font-size: 13px; color: #f3efe0; animation: kblink 1.05s steps(1) infinite; }
.k-pixel .lvc { font-family: var(--kp); color: #f3efe0; }
@media (prefers-reduced-motion: reduce) { .k-neon .k-tube, .k-holo, .k-pixel .k-av, .k-pixel .k-more { animation: none; } }


/* =========================================================
   Sitenin kendi dilindeki temalar (Parıltı, Kapak, Yatay, Izgara, Panel)
   Renk: kişinin rengi yoksa sitenin tema rengi (--a1 / --a2). Yazı: sitenin yazı tipi.
   ========================================================= */
.kc { --g2: var(--a2, #9b3dff); }
:is(.k-parilti, .k-kapak, .k-yatay, .k-izgara, .k-panel) { --kbg: linear-gradient(180deg, var(--s1, #140e1b), var(--s2, #0f0a15)); --kln: var(--sl, #241a31); }
:is(.k-parilti, .k-kapak, .k-yatay, .k-izgara, .k-panel) .k-name { font: 800 24px/1.12 var(--kd); letter-spacing: -.025em; color: #f4eef9; }
:is(.k-parilti, .k-kapak, .k-yatay, .k-izgara, .k-panel) .k-sub { font-size: 13px; color: #a99fb3; }
:is(.k-parilti, .k-kapak, .k-izgara, .k-panel) .k-tags { margin-top: 12px; }
:is(.k-parilti, .k-kapak, .k-izgara, .k-panel) .k-tags span { color: #d8d0de; background: rgba(255, 255, 255, .04); border-color: var(--sl, #2c2240); border-radius: 7px; }
:is(.k-parilti, .k-kapak, .k-izgara, .k-panel) .k-ft { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
:is(.k-parilti, .k-kapak, .k-izgara, .k-panel) .k-more { color: color-mix(in srgb, var(--ac) 50%, #fff); }
.k-kick { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: color-mix(in srgb, var(--ac) 55%, #fff); max-width: 100%; }
.k-kick i { flex: none; width: 18px; height: 1px; background: linear-gradient(90deg, transparent, currentColor); }
.k-kick i:last-child { transform: scaleX(-1); }
.k-dflt { background: radial-gradient(120% 150% at 0% 0%, color-mix(in srgb, var(--ac) 80%, transparent), transparent 62%), linear-gradient(110deg, color-mix(in srgb, var(--g2) 55%, #1b0d22), #1a1022 75%); }

/* ---- Parıltı ---- */
@property --kr { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.k-parilti { border-radius: 24px; padding: 1.5px; background: var(--kln); box-shadow: 0 40px 80px -44px color-mix(in srgb, var(--ac) 75%, #000), 0 30px 60px -30px rgba(0, 0, 0, .95); }
.k-parilti .k-ring { position: absolute; inset: 0; border-radius: inherit; background: conic-gradient(from var(--kr), transparent 0 52%, var(--ac) 68%, var(--g2) 82%, transparent 94%); animation: kring 6s linear infinite; opacity: .9; }
.k-parilti:hover .k-ring { animation-duration: 2.4s; opacity: 1; }
@keyframes kring { to { --kr: 360deg; } }
.k-parilti .k-in { position: relative; isolation: isolate; overflow: hidden; border-radius: 22.5px; padding: 8px; background: var(--kbg); }
.k-parilti .k-in > .k-bg { z-index: -1; }
.k-parilti .k-in > .k-bg:is(.is-img, .is-fill)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18, 13, 22, .25), rgba(18, 13, 22, .8) 50%, rgba(18, 13, 22, .95)); }
.k-parilti .k-head { position: relative; height: 112px; border-radius: 17px; overflow: hidden; }
.k-parilti .k-bn { border-radius: 17px; }
.k-parilti .k-bn.is-def { background: radial-gradient(120% 150% at 0% 0%, color-mix(in srgb, var(--ac) 80%, transparent), transparent 62%), linear-gradient(110deg, color-mix(in srgb, var(--g2) 55%, #1b0d22), #1a1022 75%); }
.k-parilti .k-bn.is-def::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255, 255, 255, .16) 1px, transparent 1.4px); background-size: 12px 12px; -webkit-mask: linear-gradient(100deg, #000, transparent 70%); mask: linear-gradient(100deg, #000, transparent 70%); }
.k-parilti.bn-none .k-head { height: 44px; }
.k-parilti .k-mk { position: absolute; right: 12px; top: 11px; height: 20px; width: auto; opacity: .9; filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .5)); }
.k-parilti .k-av { position: relative; width: 84px; height: 84px; margin: -42px 0 0 12px; padding: 4px; border-radius: 26px; background: var(--s2, #120d16); box-shadow: 0 0 0 1px color-mix(in srgb, var(--ac) 35%, transparent); transition: transform .4s cubic-bezier(.2, 1.4, .4, 1); }
.k-parilti:hover .k-av { transform: translateY(-3px) rotate(-2deg); }
.k-parilti .k-av .ini { border-radius: 22px; }
.k-parilti .k-av .lsd { border-color: var(--s2, #120d16); }
.k-parilti .k-body { padding: 10px 10px 4px; }
.k-parilti .k-name { margin-top: 6px; }
.k-parilti .k-sub { margin-top: 4px; }
.k-parilti .k-st { display: flex; align-items: center; gap: 7px; margin-top: 8px; font-size: 13px; color: #d7cfdd; }
.k-parilti .k-st i { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--ac); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ac) 25%, transparent); }
.k-parilti .k-ft { margin: 14px 0 0; padding: 12px 10px 6px; border-top: 1px solid rgba(255, 255, 255, .07); }

/* ---- Kapak ---- */
.k-kapak { min-height: 420px; display: flex; flex-direction: column; justify-content: flex-end; border-radius: 24px; background: var(--s2, #0f0a15); border: 1px solid var(--kln); box-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 40px 80px -44px color-mix(in srgb, var(--ac) 75%, #000), 0 30px 60px -30px rgba(0, 0, 0, .95); }
.k-kapak > .k-cv { inset: 0 0 auto 0; height: 66%; border-radius: 23px 23px 0 0; }
.k-kapak > .k-cv.is-def, .k-kapak > .k-cv.is-none { display: block; background: radial-gradient(90% 90% at 20% 10%, color-mix(in srgb, var(--ac) 75%, transparent), transparent 60%), radial-gradient(80% 80% at 90% 30%, color-mix(in srgb, var(--g2) 70%, transparent), transparent 60%), #1a1022; }
.k-kapak > .k-cv.is-def::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px); background-size: 26px 26px; }
.k-kapak .k-fade { position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(180deg, rgba(15, 10, 21, .15) 0%, rgba(15, 10, 21, .45) 34%, rgba(15, 10, 21, .92) 58%, var(--s2, #0f0a15) 70%); pointer-events: none; }
.k-kapak .k-top { position: absolute; z-index: 2; left: 14px; right: 14px; top: 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.k-kapak .k-no, .k-kapak .k-top .k-st { display: inline-flex; align-items: center; gap: 7px; height: 28px; padding: 0 11px; border-radius: 999px; font-size: 12px; font-weight: 600; color: #fff; background: rgba(12, 8, 17, .5); border: 1px solid rgba(255, 255, 255, .12); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.k-kapak .k-no { font: 800 12px var(--kd); letter-spacing: .04em; }
.k-kapak .k-top .k-st { max-width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; line-height: 28px; }
.k-kapak .k-top .k-st i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--ac); vertical-align: 1px; }
.k-kapak .k-body { position: relative; z-index: 1; padding: 0 18px 16px; }
.k-kapak .k-row { display: flex; align-items: flex-end; gap: 12px; }
.k-kapak .k-av { position: relative; flex: none; width: 66px; height: 66px; padding: 3px; border-radius: 20px; background: var(--s2, #0f0a15); box-shadow: 0 0 0 1px color-mix(in srgb, var(--ac) 45%, transparent), 0 14px 30px -10px rgba(0, 0, 0, .8); }
.k-kapak .k-av .ini { border-radius: 17px; }
.k-kapak .k-av .lsd { border-color: var(--s2, #0f0a15); }
.k-kapak .k-who { min-width: 0; }
.k-kapak .k-role { display: block; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: color-mix(in srgb, var(--ac) 60%, #fff); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-kapak .k-name { margin-top: 3px; font-size: 26px; }
.k-kapak .k-sub { margin-top: 3px; }
.k-kapak .k-about { margin-top: 12px; font-size: 13.5px; line-height: 1.55; color: #cfc6d6; white-space: pre-line; }
.k-kapak .k-ft { margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .07); }

/* ---- Yatay ---- */
.kw-yatay { container-type: inline-size; }
.k-yatay { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 14px 14px 14px 14px; border-radius: 18px; background: var(--kbg); border: 1px solid var(--kln); box-shadow: 0 1px 0 rgba(255, 255, 255, .045) inset, 0 24px 50px -30px rgba(0, 0, 0, .9); transition: border-color .25s, box-shadow .3s, transform .25s; }
.k-yatay:hover { border-color: color-mix(in srgb, var(--ac) 45%, var(--kln)); box-shadow: 0 1px 0 rgba(255, 255, 255, .045) inset, 0 26px 50px -28px color-mix(in srgb, var(--ac) 70%, #000); }
.k-yatay > .k-bg { z-index: -1; }
.k-yatay > .k-bg:is(.is-img, .is-fill)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15, 10, 21, .7), rgba(15, 10, 21, .95) 60%); }
.k-yatay::before { content: ""; position: absolute; left: 0; top: 18%; bottom: 18%; width: 3px; border-radius: 0 3px 3px 0; background: linear-gradient(180deg, var(--ac), var(--g2)); }
.k-yatay .k-av { position: relative; width: 58px; height: 58px; border-radius: 18px; padding: 3px; background: linear-gradient(135deg, var(--ac), var(--g2)); }
.k-yatay .k-av .ini { border-radius: 15px; border: 2px solid var(--s2, #120d16); }
.k-yatay .k-av .ini.avb { border: 2px solid var(--s2, #120d16); }
.k-yatay .k-av .lsd { border-color: var(--s2, #120d16); }
.k-yatay .k-name { font-size: 18px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.k-yatay .k-name .bdgs-in { margin-left: 4px; }
.k-yatay .k-line { display: flex; align-items: center; gap: 8px; margin-top: 3px; min-width: 0; }
.k-yatay .k-role { flex: none; max-width: 60%; padding: 2px 8px; border-radius: 6px; font-size: 11px; font-weight: 700; color: color-mix(in srgb, var(--ac) 55%, #fff); background: color-mix(in srgb, var(--ac) 12%, transparent); border: 1px solid color-mix(in srgb, var(--ac) 30%, transparent); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-yatay .k-sub { font-size: 12.5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-yatay .k-st { margin-top: 4px; font-size: 12.5px; color: #b9afc4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-yatay .lvc { margin-top: 4px; }
.k-yatay .k-end { display: flex; align-items: center; gap: 8px; }
.k-yatay .so { width: 30px; height: 30px; border-radius: 9px; }
.k-yatay .k-go { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; color: #fff; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .08); transition: background .2s, transform .2s; }
.k-yatay:hover .k-go { background: linear-gradient(105deg, var(--ac), var(--g2)); border-color: transparent; transform: translateX(2px); }
@container (max-width: 380px) { .k-yatay .socs { display: none; } }

/* ---- Izgara ---- */
.k-izgara { border-radius: 24px; background: var(--s0, #0b0710); border: 1px solid var(--kln); text-align: center; box-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 40px 80px -44px color-mix(in srgb, var(--ac) 70%, #000), 0 30px 60px -30px rgba(0, 0, 0, .95); }
.k-izgara > .k-bg { z-index: -3; }
.k-izgara > .k-bg:is(.is-img, .is-fill)::after { content: ""; position: absolute; inset: 0; background: rgba(11, 7, 16, .82); }
.k-izgara .k-grid { position: absolute; inset: 0; z-index: -2; pointer-events: none; background-image: linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px); background-size: 26px 26px; background-position: center -1px; -webkit-mask: radial-gradient(90% 70% at 50% 30%, #000, transparent 85%); mask: radial-gradient(90% 70% at 50% 30%, #000, transparent 85%); }
.k-izgara .k-o1, .k-izgara .k-o2 { position: absolute; z-index: -2; border-radius: 50%; filter: blur(46px); pointer-events: none; transition: transform 1.2s cubic-bezier(.2, .8, .2, 1); }
.k-izgara .k-o1 { width: 62%; aspect-ratio: 1; left: -16%; top: -18%; background: color-mix(in srgb, var(--ac) 55%, transparent); }
.k-izgara .k-o2 { width: 56%; aspect-ratio: 1; right: -18%; top: 22%; background: color-mix(in srgb, var(--g2) 45%, transparent); }
.k-izgara:hover .k-o1 { transform: translate(12%, 8%); } .k-izgara:hover .k-o2 { transform: translate(-10%, -6%); }
.k-izgara > .k-bn { inset: 0 0 auto 0; height: 120px; z-index: -1; opacity: .55; -webkit-mask: linear-gradient(180deg, #000 10%, transparent); mask: linear-gradient(180deg, #000 10%, transparent); }
.k-izgara > .k-bn.is-def { display: none; }
.k-izgara .k-in { position: relative; display: flex; flex-direction: column; align-items: center; padding: 28px 20px 16px; }
.k-izgara .k-av { position: relative; width: 98px; height: 98px; margin-bottom: 14px; padding: 3px; border-radius: 50%; background: linear-gradient(135deg, var(--ac), var(--g2)); box-shadow: 0 0 40px -6px color-mix(in srgb, var(--ac) 70%, transparent); }
.k-izgara .k-av .ini { border-radius: 50%; border: 3px solid var(--s0, #0b0710); }
.k-izgara .k-av .lsd { border-color: var(--s0, #0b0710); right: 4px; bottom: 4px; }
.k-izgara .k-name { margin-top: 6px; font-size: 26px; }
.k-izgara .k-sub { margin-top: 4px; }
.k-izgara .k-st { margin-top: 10px; font-size: 13.5px; line-height: 1.5; color: #cfc6d6; }
.k-izgara .k-tags { justify-content: center; }
.k-izgara .lvc { justify-content: center; }
.k-izgara .k-ft { align-self: stretch; margin-top: 16px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .07); }

/* ---- Panel ---- */
.k-panel { border-radius: 20px; background: var(--kbg); border: 1px solid var(--kln); box-shadow: 0 1px 0 rgba(255, 255, 255, .045) inset, 0 24px 50px -30px rgba(0, 0, 0, .9), 0 30px 60px -40px color-mix(in srgb, var(--ac) 60%, #000); transition: border-color .25s; }
.k-panel:hover { border-color: color-mix(in srgb, var(--ac) 40%, var(--kln)); }
.k-panel > .k-bg { z-index: -1; }
.k-panel > .k-bg:is(.is-img, .is-fill)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20, 14, 27, .6), rgba(15, 10, 21, .96) 45%); }
.k-panel .k-bar { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-bottom: 1px solid var(--kln); font: 700 10.5px/1 var(--km); letter-spacing: .12em; text-transform: uppercase; color: #8d7f9e; }
.k-panel .k-dot { width: 7px; height: 7px; border-radius: 50%; background: #2ee59d; box-shadow: 0 0 8px #2ee59d; }
.k-panel .k-bar .k-no { margin-left: auto; color: color-mix(in srgb, var(--ac) 55%, #fff); }
.k-panel .k-hd { position: relative; height: 76px; overflow: hidden; }
.k-panel .k-bn { border-radius: 0; }
.k-panel .k-bn.is-def { background: radial-gradient(100% 160% at 0% 0%, color-mix(in srgb, var(--ac) 55%, transparent), transparent 60%), radial-gradient(80% 140% at 100% 100%, color-mix(in srgb, var(--g2) 45%, transparent), transparent 60%); }
.k-panel .k-bn.is-def::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255, 255, 255, .12) 1px, transparent 1.4px); background-size: 12px 12px; }
.k-panel.bn-none .k-hd { height: 34px; }
.k-panel .k-body { position: relative; padding: 0 16px 16px; }
.k-panel .k-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-top: -34px; }
.k-panel .k-av { position: relative; flex: none; width: 72px; height: 72px; padding: 4px; border-radius: 22px; background: var(--s2, #120d16); box-shadow: 0 0 0 1px color-mix(in srgb, var(--ac) 30%, transparent); }
.k-panel .k-av .ini { border-radius: 18px; }
.k-panel .k-av .lsd { border-color: var(--s2, #120d16); }
.k-panel .k-row .k-st { display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 60%; margin-bottom: 4px; padding: 4px 10px; border-radius: 999px; font-size: 12px; color: #d7cfdd; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .08); }
.k-panel .k-row .k-st i { flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--ac); }
.k-panel .k-row .k-st span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-panel .k-name { margin-top: 12px; font-size: 22px; }
.k-panel .k-sub { margin-top: 3px; }
.k-panel .k-dl { margin: 12px 0 0; display: grid; }
.k-panel .k-dl div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 7px 0; border-top: 1px dashed rgba(255, 255, 255, .08); }
.k-panel .k-dl dt { flex: none; font-size: 12px; color: #8d7f9e; }
.k-panel .k-dl dd { margin: 0; min-width: 0; font-size: 13px; font-weight: 600; color: #e8e1ee; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-panel .k-ft { margin-top: 12px; }
.k-panel .so { width: 30px; height: 30px; border-radius: 9px; }
.k-panel .k-btn { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px; border-radius: 10px; font-size: 12.5px; font-weight: 700; color: #fff; background: linear-gradient(105deg, var(--ac), var(--g2)); box-shadow: 0 10px 24px -10px var(--ac); white-space: nowrap; }
.k-panel:hover .k-btn { filter: brightness(1.1); }
@media (prefers-reduced-motion: reduce) { .k-parilti .k-ring { animation: none; } }
.k-panel .k-dl { grid-template-columns: minmax(0, 1fr); }
.k-panel .k-dl div { min-width: 0; }
.k-panel .k-body, .k-panel .k-ft { min-width: 0; }
.k-panel .k-ft .socs { min-width: 0; }
.k-yatay .k-mid { min-width: 0; }
.k-yatay .k-name { white-space: normal; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 4px; overflow: visible; }
.k-yatay .k-name .bdgs-in { margin-left: 0; }
.k-yatay .k-line { flex-wrap: wrap; row-gap: 4px; }
.k-yatay .k-role { max-width: 100%; }
/* Leek logosu sitenin rengine uyar (tema.css'teki --logo-f) */
.kc .k-mk { filter: var(--logo-f, none) drop-shadow(0 2px 6px rgba(0, 0, 0, .5)); }
.kc :is(.k-org, .k-brand) img { filter: var(--logo-f, none); }

/* ---- v5.14 kart temaları: Etiket, İmza, Bento, Şerit, Çerçeve (renk sitenin tema renginden, yazı sitenin yazı tipinden) ---- */
:is(.k-etiket, .k-imza, .k-bento, .k-serit, .k-cerceve) { --kbg: linear-gradient(180deg, var(--s1, #140e1b), var(--s2, #0f0a15)); --kln: var(--sl, #241a31); }
:is(.k-etiket, .k-imza, .k-bento, .k-serit, .k-cerceve) .k-name { font: 800 24px/1.1 var(--kd); letter-spacing: -.025em; color: #f4eef9; }
:is(.k-etiket, .k-imza, .k-bento, .k-serit, .k-cerceve) .k-sub { font-size: 13px; color: #a99fb3; }
:is(.k-etiket, .k-imza, .k-serit, .k-cerceve) .k-tags { margin-top: 12px; }
:is(.k-etiket, .k-imza, .k-bento, .k-serit, .k-cerceve) .k-tags span { border-radius: 7px; background: rgba(255, 255, 255, .04); border-color: var(--sl, #2c2240); }
:is(.k-etiket, .k-imza, .k-bento, .k-serit, .k-cerceve) .k-ft { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; }
:is(.k-etiket, .k-imza, .k-bento, .k-serit, .k-cerceve) .k-more { color: color-mix(in srgb, var(--ac) 50%, #fff); }
:is(.k-etiket, .k-imza, .k-bento, .k-serit, .k-cerceve) > .k-bg { z-index: -1; }
:is(.k-etiket, .k-imza, .k-bento, .k-serit, .k-cerceve) > .k-bg:is(.is-img, .is-fill)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18, 13, 22, .55), rgba(15, 10, 21, .95) 55%); }

/* Etiket */
.k-etiket { overflow: visible; border-radius: 6px; background: var(--kbg); border: 2px solid color-mix(in srgb, var(--ac) 70%, #000); box-shadow: 7px 7px 0 color-mix(in srgb, var(--ac) 85%, #000); rotate: -1.2deg; transition: rotate .4s cubic-bezier(.2, .8, .2, 1), translate .4s, box-shadow .4s; }
.kw:nth-child(even) .k-etiket { rotate: 1.1deg; }
.k-etiket:hover { rotate: 0deg; translate: -2px -3px; box-shadow: 10px 11px 0 color-mix(in srgb, var(--ac) 85%, #000); }
.k-etiket > .k-bg { border-radius: 4px; overflow: hidden; }
.k-etiket .k-tape { position: absolute; left: 50%; top: -12px; width: 92px; height: 24px; margin-left: -46px; rotate: -3deg; z-index: 3; background: rgba(255, 240, 210, .22); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); border-left: 2px dashed rgba(255, 255, 255, .18); border-right: 2px dashed rgba(255, 255, 255, .18); }
.k-etiket .k-in { position: relative; padding: 22px 18px 16px; }
.k-etiket .k-row { display: flex; align-items: flex-start; justify-content: space-between; }
.k-etiket .k-av { width: 72px; height: 72px; padding: 3px; border-radius: 50%; background: var(--ac); }
.k-etiket .k-av .ini { border-radius: 50%; } .k-etiket .k-av .lsd { border-color: var(--ac); }
.k-etiket .k-no { font: 700 13px/1 var(--km); color: color-mix(in srgb, var(--ac) 55%, #fff); rotate: 4deg; }
.k-etiket .k-role { display: inline-block; margin-top: 14px; padding: 4px 9px; background: var(--ac); color: #fff; font: 800 11px/1.2 var(--kf); letter-spacing: .1em; text-transform: uppercase; rotate: -2deg; box-shadow: 2px 2px 0 rgba(0, 0, 0, .6); }
.k-etiket .k-name { margin-top: 10px; }
.k-etiket .k-st { margin-top: 10px; font-size: 13.5px; font-style: italic; color: #cfc6d6; }
.k-etiket .k-ft { margin-top: 14px; padding-top: 12px; border-top: 2px dashed rgba(255, 255, 255, .1); }

/* İmza */
.k-imza { border-radius: 22px; background: var(--kbg); border: 1px solid var(--kln); box-shadow: 0 30px 60px -36px rgba(0, 0, 0, .95), 0 24px 60px -40px color-mix(in srgb, var(--ac) 70%, #000); }
.k-imza > .k-bn { position: absolute; inset: 0 0 auto 0; height: 92px; z-index: -1; opacity: .55; -webkit-mask: linear-gradient(#000, transparent); mask: linear-gradient(#000, transparent); }
.k-imza > .k-bn.is-def { background: radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--ac) 55%, transparent), transparent 60%); }
.k-imza .k-in { position: relative; padding: 18px 20px 16px; }
.k-imza .k-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.k-imza .k-av { width: 52px; height: 52px; padding: 2px; border-radius: 50%; background: linear-gradient(135deg, var(--ac), var(--g2)); }
.k-imza .k-av .ini { border-radius: 50%; font-size: 18px; } .k-imza .k-av .lsd { width: 13px; height: 13px; border-width: 2px; }
.k-imza .k-role { font: 600 12px/1.3 var(--kf); color: #a99fb3; text-align: right; }
.k-imza .k-name { margin-top: 26px; font-size: clamp(30px, 3.4vw, 40px); line-height: .98; letter-spacing: -.04em; }
.k-imza .k-sig { display: block; width: 72%; height: 26px; margin: 2px 0 2px -2px; overflow: visible; }
.k-imza .k-sig path { fill: none; stroke: var(--ac); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 420; stroke-dashoffset: 420; animation: ksig 1.6s cubic-bezier(.6, 0, .2, 1) .3s forwards; }
.k-imza:hover .k-sig path { animation: ksig 1.2s cubic-bezier(.6, 0, .2, 1) forwards; }
@keyframes ksig { to { stroke-dashoffset: 0; } }
.k-imza .k-st { margin-top: 10px; font-size: 13.5px; color: #cfc6d6; }
.k-imza .k-ft { margin-top: 16px; }

/* Bento */
.k-bento { border-radius: 22px; padding: 8px; background: var(--s0, #0b0710); border: 1px solid var(--kln); }
.k-bento .k-grid2 { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 6px; }
.k-bento .k-b { position: relative; min-width: 0; overflow: hidden; border-radius: 15px; padding: 12px; background: var(--kbg); border: 1px solid var(--kln); }
.k-bento .k-b-av { grid-row: span 2; padding: 0; display: grid; place-items: center; min-height: 104px; }
.k-bento .k-b-av > .k-bn { position: absolute; inset: 0; opacity: .7; }
.k-bento .k-b-av > .k-bn.is-def { background: radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--ac) 65%, transparent), transparent 70%), color-mix(in srgb, var(--g2) 25%, #120d16); }
.k-bento .k-av { position: relative; width: 68px; height: 68px; border-radius: 20px; }
.k-bento .k-av .ini { border-radius: 20px; } .k-bento .k-av .lsd { border-color: #120d16; }
.k-bento .k-b-nm .k-name { font-size: 20px; }
.k-bento .k-b-rl { display: flex; flex-direction: column; gap: 2px; } .k-bento .k-b-rl small { font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: #8d7f9e; } .k-bento .k-b-rl b { font-size: 13.5px; color: #eee6f3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-bento .k-b-st { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; font-size: 13px; color: #d7cfdd; }
.k-bento .k-b-st i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--ac); box-shadow: 0 0 10px var(--ac); }
.k-bento .k-b-st span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.k-bento .k-b-sk { grid-column: 1 / -1; padding: 10px; }
.k-bento .k-b-ft { grid-column: 1 / -1; padding: 8px 10px; }
.k-bento:hover .k-b { border-color: color-mix(in srgb, var(--ac) 30%, var(--kln)); }

/* Şerit */
.k-serit { display: grid; grid-template-columns: 44px minmax(0, 1fr); border-radius: 18px; background: var(--kbg); border: 1px solid var(--kln); box-shadow: 0 24px 50px -32px rgba(0, 0, 0, .95); }
.k-serit .k-rail { display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 14px 0; background: linear-gradient(180deg, var(--ac), var(--g2)); color: #fff; }
.k-serit .k-rail span { writing-mode: vertical-rl; rotate: 180deg; font: 800 12px/1 var(--kf); letter-spacing: .18em; text-transform: uppercase; white-space: nowrap; overflow: hidden; max-height: 70%; text-overflow: ellipsis; }
.k-serit .k-rail b { font: 700 12px/1 var(--km); opacity: .85; }
.k-serit .k-in { position: relative; min-width: 0; padding: 18px; }
.k-serit .k-av { width: 64px; height: 64px; border-radius: 18px; box-shadow: 0 0 0 3px var(--s1, #140e1b), 0 0 0 4px color-mix(in srgb, var(--ac) 45%, transparent); }
.k-serit .k-av .ini { border-radius: 18px; } .k-serit .k-av .lsd { border-color: var(--s1, #140e1b); }
.k-serit .k-name { margin-top: 14px; }
.k-serit .k-st { display: flex; align-items: center; gap: 7px; margin-top: 10px; font-size: 13px; color: #cfc6d6; }
.k-serit .k-st i { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--ac); }
.k-serit .k-ft { margin-top: 14px; }
.k-serit:hover .k-rail { filter: brightness(1.12); }

/* Çerçeve */
.k-cerceve { border-radius: 4px; padding: 7px; background: var(--kbg); border: 1px solid var(--kln); }
.k-cerceve .k-in { position: relative; padding: 16px 18px 16px; border: 1px solid color-mix(in srgb, var(--ac) 35%, var(--kln)); text-align: center; display: flex; flex-direction: column; align-items: center; }
.k-cerceve .k-crn { position: absolute; width: 14px; height: 14px; border-color: var(--ac); border-style: solid; border-width: 0; z-index: 2; }
.k-cerceve .k-crn.a { left: 2px; top: 2px; border-left-width: 2px; border-top-width: 2px; } .k-cerceve .k-crn.b { right: 2px; top: 2px; border-right-width: 2px; border-top-width: 2px; }
.k-cerceve .k-crn.c { left: 2px; bottom: 2px; border-left-width: 2px; border-bottom-width: 2px; } .k-cerceve .k-crn.d { right: 2px; bottom: 2px; border-right-width: 2px; border-bottom-width: 2px; }
.k-cerceve .k-cap { align-self: stretch; display: flex; justify-content: space-between; padding-bottom: 10px; margin-bottom: 16px; border-bottom: 1px solid var(--kln); font: 600 10.5px/1 var(--km); letter-spacing: .16em; text-transform: uppercase; color: #8d7f9e; }
.k-cerceve .k-av { width: 84px; height: 84px; padding: 4px; border-radius: 50%; border: 1px solid color-mix(in srgb, var(--ac) 50%, transparent); }
.k-cerceve .k-av .ini { border-radius: 50%; } .k-cerceve .k-av .lsd { border-color: var(--s1, #140e1b); }
.k-cerceve .k-role { margin-top: 14px; font: 700 11px/1.2 var(--kf); letter-spacing: .2em; text-transform: uppercase; color: color-mix(in srgb, var(--ac) 60%, #fff); }
.k-cerceve .k-name { margin-top: 6px; font-size: 26px; }
.k-cerceve .k-st { margin-top: 8px; font-size: 13.5px; font-style: italic; color: #cfc6d6; }
.k-cerceve .k-tags { justify-content: center; }
.k-cerceve .k-ft { align-self: stretch; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--kln); }
@media (prefers-reduced-motion: reduce) { .k-imza .k-sig path { animation: none; stroke-dashoffset: 0; } .k-etiket { rotate: 0deg; } }