/* ============================================================
   KOMUTA MERKEZİ — "FOTON" DENEMESİ (23.09.2026)
   ============================================================
   Kullanıcının Stitch'te ürettiği ikinci tasarım (stitch_photon_command_ui):
   solda 8, sağda 8 modül; ortada kare "çekirdek" kartı; altta tam genişlikte
   İnşaat şeridi; üstte ve altta ince künye şeritleri.

   ⚠️ DENEME. Mevcut komuta merkezi (v441) olduğu gibi duruyor; bu dosya
      yalnız `?komuta=foton` adresiyle devreye girer. Kullanıcı görüp karar
      verecek.

   TASARIMDAN DEĞİŞTİRİLENLER
   · `backdrop-filter: blur()` ALINMADI — v425'te kullanıcının ekranında
     ölçülmüş yavaşlık sebebi. Cam etkisi degrade + kenar çizgisiyle.
   · Uydurma ölçümler (0.024ms, ENTROPY %0.003, 8.494 TFLOPS, LATENCY 1ms,
     "AKTİF 14 SAHA") GERÇEK sayımlarla değiştirildi (18.09 kuralı).
   · Sürekli dönen halkalar çok yavaş (60–90 sn) ve yalnız çekirdekte.
   · Parçacık alanı: 40 nokta, sekme gizliyken durur, hareket kapalıyken hiç
     çizilmez.
   ============================================================ */

#komutaGorunum.foton {
  --f-mavi: #00A6E0;          /* metin olarak da kullanılabilen mavi */
  --f-parlak: #00D5FF;        /* yalnız çizgi/işaret */
  --f-zemin: #020204;
  --f-yuzey: linear-gradient(135deg, rgba(18, 22, 30, .78) 0%, rgba(5, 7, 12, .94) 100%);
  --f-cizgi: rgba(255, 255, 255, .07);
  --f-cizgi-guclu: rgba(0, 166, 224, .45);
  --f-metin: #E8EEF6;
  --f-ikincil: #9FB0C4;
  --f-soluk: #7C8CA0;
  --f-uyari: #F0B45A;
  color: var(--f-metin);
}
body.komuta-modu.foton-modu main { max-width: 1560px; }

/* ---------- Zemin ---------- */
.foton .fk-zemin {
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(520px 520px at 12% 18%, rgba(0, 100, 230, .1), transparent 70%),
    radial-gradient(480px 480px at 88% 82%, rgba(0, 190, 255, .07), transparent 70%),
    radial-gradient(rgba(0, 136, 255, .05) 1px, transparent 0) 0 0 / 24px 24px,
    var(--f-zemin);
}
.foton .fk-tuval { position: fixed; inset: 0; z-index: -1; pointer-events: none; }

/* ---------- Üst künye ---------- */
.fk-ust {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 4px 6px 12px; border-bottom: 1px solid rgba(255, 255, 255, .05);
}
.fk-kimlik { display: flex; align-items: center; gap: 12px; min-width: 0; }
.fk-isaret {
  width: 10px; height: 10px; border-radius: 50%; flex: 0 0 auto;
  background: #fff; box-shadow: 0 0 10px var(--f-parlak), 0 0 22px rgba(0, 166, 224, .5);
}
.fk-ad {
  margin: 0; font-size: 15px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase;
  color: #fff;
}
.fk-rozet {
  margin-left: 8px; padding: 2px 7px; border-radius: 4px; vertical-align: middle;
  font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: .06em;
  color: var(--f-mavi); background: rgba(255, 255, 255, .05); border: 1px solid rgba(0, 166, 224, .3);
}
.fk-alt-ad {
  margin: 3px 0 0; font-family: "JetBrains Mono", monospace; font-size: 10.5px;
  letter-spacing: .18em; text-transform: uppercase; color: var(--f-soluk);
}
.fk-olcumler { display: flex; align-items: center; gap: 18px; text-align: right; }
.fk-olcum { display: flex; flex-direction: column; gap: 2px; }
.fk-olcum-ad {
  font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: .12em;
  text-transform: uppercase; color: var(--f-soluk);
}
.fk-olcum b {
  font-family: "JetBrains Mono", monospace; font-size: 14px; font-weight: 600;
  font-variant-numeric: tabular-nums; color: var(--f-metin);
}
.fk-olcum.dikkat b { color: var(--f-uyari); }
.fk-ayrac { width: 1px; height: 28px; background: rgba(255, 255, 255, .1); }

/* ---------- Bilgi şeridi ---------- */
.fk-serit {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  margin: 12px 0; padding: 7px 14px; border-radius: 7px;
  background: rgba(0, 0, 0, .45); border: 1px solid rgba(255, 255, 255, .05);
  font-family: "JetBrains Mono", monospace; font-size: 11.5px; color: var(--f-ikincil);
}
.fk-serit .fk-etiket { color: var(--f-mavi); font-weight: 600; letter-spacing: .06em; }
.fk-serit .fk-sag { display: flex; align-items: center; gap: 8px; color: var(--f-metin); }

/* ---------- Gövde: sol alan · çekirdek · sağ alan ---------- */
.fk-govde {
  display: grid; grid-template-columns: minmax(280px, 1fr) minmax(320px, 420px) minmax(280px, 1fr);
  gap: clamp(16px, 2.4vw, 40px); align-items: stretch;
}
.fk-alan { display: flex; flex-direction: column; gap: 9px; }
.fk-alan.sag .fk-dugum { text-align: right; flex-direction: row-reverse; }

/* ---------- Modül düğmesi ---------- */
.fk-dugum {
  position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px;
  width: 100%; padding: 13px 18px 15px; border-radius: 10px; cursor: pointer;
  font: inherit; color: var(--f-metin); text-align: left;
  background: var(--f-yuzey);
  border: 1px solid var(--f-cizgi);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 8px 26px rgba(0, 0, 0, .7);
  transition: border-color .25s ease, transform .25s ease;
  overflow: hidden;
}
.fk-dugum .fk-baslik { font-size: clamp(14px, 1.05vw, 16px); font-weight: 500; letter-spacing: .01em; }
.fk-dugum .fk-no {
  font-family: "JetBrains Mono", monospace; font-size: 12.5px; font-weight: 600;
  color: var(--f-soluk); transition: color .25s ease;
}
.fk-dugum:hover { border-color: var(--f-cizgi-guclu); transform: translateY(-1px); }
.fk-dugum:hover .fk-no { color: var(--f-parlak); }
.fk-dugum:focus-visible { outline: 2px solid var(--f-parlak); outline-offset: 3px; }
/* Alt çizgi: hover'da soldan sağa dolar */
.fk-dugum::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
  background: var(--f-parlak); transform: scaleX(0); transform-origin: left;
  transition: transform .45s cubic-bezier(.2, .7, .2, 1);
}
.fk-alan.sag .fk-dugum::after { transform-origin: right; }
.fk-dugum:hover::after { transform: scaleX(1); }
.fk-durum {
  font-family: "JetBrains Mono", monospace; font-size: 11.5px; font-variant-numeric: tabular-nums;
  color: var(--f-ikincil);
}
.fk-durum.dikkat { color: var(--f-uyari); }

/* ---------- Çekirdek kartı ---------- */
.fk-merkez { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; }
.fk-kart {
  width: 100%; display: flex; flex-direction: column; gap: 14px;
  padding: 14px 16px; border-radius: 14px;
  background: linear-gradient(160deg, rgba(14, 20, 30, .92), rgba(3, 5, 9, .96));
  border: 1px solid var(--f-cizgi);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 18px 50px rgba(0, 0, 0, .75);
}
.fk-kart-ust, .fk-kart-alt {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: .2em;
  text-transform: uppercase; color: var(--f-soluk);
}
.fk-kart-ust { border-bottom: 1px solid var(--f-cizgi); padding-bottom: 10px; }
.fk-kart-alt { border-top: 1px solid var(--f-cizgi); padding-top: 10px; letter-spacing: .1em; }
.fk-kart-ust .fk-kart-ad { color: var(--f-metin); font-weight: 600; }
.fk-kart-etiket {
  padding: 2px 7px; border-radius: 4px; letter-spacing: .08em;
  color: var(--f-mavi); background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .07);
}
.fk-kart-alt b { color: var(--f-metin); font-weight: 600; font-variant-numeric: tabular-nums; }

/* Halkalar + çekirdek kare */
.fk-halkalar {
  position: relative; width: 150px; height: 150px; margin: 12px auto 0;
  display: grid; place-items: center;
}
.fk-halkalar > span { position: absolute; border-radius: 50%; }
.fk-halka-1 { inset: 0; border: 1px solid rgba(255, 255, 255, .09); animation: fk-don 60s linear infinite; }
.fk-halka-2 {
  inset: -12px; border-top: 2px solid rgba(0, 166, 224, .4); border-bottom: 2px solid rgba(0, 166, 224, .4);
  animation: fk-don 90s linear infinite reverse;
}
.fk-halka-3 { inset: -24px; border-left: 1px solid rgba(255, 255, 255, .06); border-right: 1px solid rgba(255, 255, 255, .06); }
.fk-halka-4 { inset: -36px; border: 1px solid rgba(0, 136, 255, .1); }
.fk-cekirdek-kare {
  position: relative; z-index: 2; width: 52px; height: 52px; border-radius: 13px;
  display: grid; place-items: center; cursor: pointer; font: inherit;
  background: #03060A; border: 2px solid var(--f-parlak);
  box-shadow: 0 0 24px rgba(0, 180, 255, .55);
  transition: transform .25s ease, box-shadow .25s ease;
}
.fk-cekirdek-kare::before {
  content: ""; width: 17px; height: 17px; border-radius: 3px; background: #fff;
  box-shadow: 0 0 14px #fff, 0 0 28px var(--f-parlak);
}
.fk-cekirdek-kare:hover { transform: scale(1.06); box-shadow: 0 0 34px rgba(0, 180, 255, .8); }
.fk-cekirdek-kare:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }

.fk-durumlar { text-align: center; display: grid; gap: 4px; margin: 14px 0 2px; }
.fk-durumlar .fk-sirket {
  font-size: clamp(17px, 1.5vw, 21px); font-weight: 600; letter-spacing: .02em; color: var(--f-metin);
}
.fk-durumlar .fk-tarih {
  font-family: "JetBrains Mono", monospace; font-size: 11.5px; letter-spacing: .1em; color: var(--f-mavi);
}
.fk-ozet {
  display: flex; justify-content: center; flex-wrap: wrap; gap: 4px 14px;
  font-family: "JetBrains Mono", monospace; font-size: 11.5px; color: var(--f-ikincil);
}
.fk-ozet b { color: var(--f-metin); font-variant-numeric: tabular-nums; }
.fk-ozet .dikkat b { color: var(--f-uyari); }

.fk-eylem {
  display: inline-flex; align-items: center; gap: 9px; cursor: pointer; font: inherit;
  padding: 9px 16px; border-radius: 9px; color: var(--f-ikincil);
  background: #070B12; border: 1px solid rgba(255, 255, 255, .1);
  font-family: "JetBrains Mono", monospace; font-size: 12px; letter-spacing: .06em;
  transition: border-color .2s ease, color .2s ease;
}
.fk-eylem::before {
  content: ""; width: 8px; height: 8px; border-radius: 50%;
  background: var(--f-mavi); box-shadow: 0 0 8px var(--f-parlak);
}
.fk-eylem:hover { color: #fff; border-color: rgba(0, 166, 224, .6); }
.fk-eylem:focus-visible { outline: 2px solid var(--f-parlak); outline-offset: 3px; }

/* ---------- 17. düğüm: tam genişlik şerit ---------- */
.fk-serit-dugum {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  width: 100%; margin-top: 14px; padding: 15px 22px; border-radius: 13px;
  cursor: pointer; font: inherit; color: var(--f-metin);
  background: var(--f-yuzey); border: 1px solid rgba(255, 255, 255, .08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 14px 40px rgba(0, 0, 0, .7);
  position: relative; overflow: hidden;
  transition: border-color .25s ease, transform .25s ease;
}
.fk-serit-dugum:hover { border-color: var(--f-cizgi-guclu); transform: translateY(-1px); }
.fk-serit-dugum:focus-visible { outline: 2px solid var(--f-parlak); outline-offset: 3px; }
.fk-serit-dugum::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
  background: var(--f-parlak); transform: scaleX(0); transform-origin: left;
  transition: transform .45s cubic-bezier(.2, .7, .2, 1);
}
.fk-serit-dugum:hover::after { transform: scaleX(1); }
.fk-serit-sol { display: flex; align-items: center; gap: 12px; }
.fk-kare-isaret {
  width: 11px; height: 11px; border-radius: 3px; background: var(--f-mavi);
  box-shadow: 0 0 8px var(--f-parlak);
}
.fk-serit-dugum .fk-baslik { font-size: clamp(14px, 1.05vw, 16px); font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.fk-serit-sag {
  display: flex; align-items: center; gap: 16px;
  font-family: "JetBrains Mono", monospace; font-size: 12px; color: var(--f-ikincil);
}
.fk-serit-sag .fk-no { font-weight: 700; color: var(--f-soluk); }

/* ---------- Alt künye ---------- */
.fk-dip {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  margin-top: 16px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .05);
  font-family: "JetBrains Mono", monospace; font-size: 11px; color: var(--f-soluk);
}
.fk-dip .fk-dip-ad { color: var(--f-ikincil); }
.fk-dip b { color: var(--f-metin); font-variant-numeric: tabular-nums; }

@keyframes fk-don { to { transform: rotate(360deg); } }

/* ---------- Dar ekran ---------- */
@media (max-width: 1100px) {
  .fk-govde { grid-template-columns: 1fr 1fr; }
  .fk-merkez { grid-column: 1 / -1; order: -1; }
  .fk-alan.sag .fk-dugum { text-align: left; flex-direction: row; }
}
@media (max-width: 700px) {
  .fk-ust { flex-direction: column; align-items: flex-start; gap: 12px; }
  .fk-olcumler { width: 100%; justify-content: space-between; text-align: left; }
  .fk-ayrac { display: none; }
  .fk-govde { grid-template-columns: 1fr; }
  .fk-halkalar { width: 128px; height: 128px; }
  .fk-serit { flex-direction: column; align-items: flex-start; gap: 6px; }
  .fk-serit-dugum { flex-direction: column; align-items: flex-start; gap: 10px; }
  /* ⚠️ Dokunma hedefi en az 48 px. */
  .fk-dugum { min-height: 54px; }
}

/* ---------- Hareket kapalı ---------- */
:root.hareket-kapali .foton *, :root.hareket-kapali .foton *::after {
  animation: none !important; transition: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .foton *, .foton *::after { animation: none !important; transition: none !important; }
}

/* ============================================================
   HAREKETLER (23.09.2026) — Stitch tasarımındaki animasyonlar
   ============================================================
   Tasarımın kendisinde olan ama ilk uyarlamada atlanan katmanlar:
   veri damarları, kenar ışık süpürmesi, nefes alan çekirdek, kart içinde
   tarama çizgisi, fareyle derinlik kayması.
   ⚠️ Hepsi `transform`/`opacity` üzerinden — düzen yeniden hesaplanmaz.
   ⚠️ `hareket-kapali` ve prefers-reduced-motion'da hepsi durur (en altta).
   ============================================================ */

/* ---------- Veri damarları (arka plan SVG) ---------- */
.foton .fk-damar-kat { position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .5; }
.fk-damar {
  fill: none; stroke: url(#fkDamarParilti); stroke-width: 1.2;
  stroke-dasharray: 80 200;
  animation: fk-damar 5s cubic-bezier(.4, 0, .2, 1) infinite;
}
.fk-damar:nth-of-type(2) { animation-delay: 2.2s; }
.fk-damar:nth-of-type(3) { animation-delay: 3.7s; }
.fk-damar:nth-of-type(4) { animation-delay: 1.4s; }
@keyframes fk-damar {
  0%   { stroke-dashoffset: 600; opacity: .1; }
  40%  { opacity: .85; }
  80%, 100% { stroke-dashoffset: 0; opacity: .1; }
}

/* ---------- Fareyle derinlik: arka plan düzlemleri ---------- */
.foton .fk-zemin, .foton .fk-damar-kat {
  transition: transform .7s cubic-bezier(.2, .7, .2, 1);
  will-change: transform;
}

/* ---------- Kenar ışık süpürmesi (hover) ---------- */
.fk-dugum::before, .fk-serit-dugum::before {
  content: ""; position: absolute; top: 0; left: -150%; width: 80%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .1),
              rgba(0, 170, 255, .32), transparent);
  /* v504 HIZ: ışık şeridi `left` yerine TRANSFORM ile kayar (her karede yerleşim + "layout shift" yok; Komuta açılışta ve 6 sn'de bir 17 düğümde
     0,83 sn boyunca her karede tüm sayfa yerleşimi yapılıyordu). Geometri AYNI: left −150 % → 200 % (kap genişliğinin 3,5 katı) = şeridin kendi
     genişliği (kabın % 80'i) cinsinden translateX(437,5 %); dinlenmede translateX(0). İki uçta işlev listesi eş → işlev işlev ara değer. */
  transform: translateX(0) skewX(-25deg); pointer-events: none;
  transition: transform .7s ease;
}
.fk-dugum:hover::before, .fk-serit-dugum:hover::before { transform: translateX(437.5%) skewX(-25deg); transition: transform 1.2s ease-in-out; }

/* ---------- Çekirdek kartında tarama çizgisi ---------- */
.fk-kart { position: relative; overflow: hidden; }
.fk-kart .fk-tarama {
  position: absolute; left: 0; right: 0; top: 0; height: 90px; pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(0, 190, 255, .07), transparent);
  animation: fk-tarama 4.2s cubic-bezier(.4, 0, .2, 1) infinite;
}
@keyframes fk-tarama {
  0%   { transform: translateY(-100%); opacity: 0; }
  50%  { opacity: .85; }
  100% { transform: translateY(320%); opacity: 0; }
}

/* ---------- Nefes alan çekirdek ---------- */
.fk-cekirdek-kare { animation: fk-nefes 7s ease-in-out infinite; }
@keyframes fk-nefes {
  0%, 100% { transform: scale(.985); box-shadow: 0 0 20px rgba(0, 180, 255, .45); }
  50%      { transform: scale(1.03);  box-shadow: 0 0 32px rgba(0, 180, 255, .75); }
}
/* Hover'da nefes durur, büyüme devralır (iki animasyon çakışmasın). */
.fk-cekirdek-kare:hover { animation: none; }

/* ---------- Üstteki durum noktası: yavaş nabız ---------- */
.fk-isaret { animation: fk-nabiz 3.2s ease-in-out infinite; }
@keyframes fk-nabiz {
  0%, 100% { box-shadow: 0 0 8px var(--f-parlak), 0 0 16px rgba(0, 166, 224, .35); }
  50%      { box-shadow: 0 0 14px var(--f-parlak), 0 0 30px rgba(0, 166, 224, .6); }
}

:root.hareket-kapali .foton .fk-zemin,
:root.hareket-kapali .foton .fk-damar-kat { transform: none !important; }
@media (prefers-reduced-motion: reduce) {
  .foton .fk-zemin, .foton .fk-damar-kat { transform: none !important; }
}

/* ---------- Çekirdek kartının arkasında dönen kare çerçeve ---------- */
.fk-cerceve {
  position: absolute; inset: 14%; border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 18px; transform: rotate(45deg); opacity: .45; pointer-events: none;
  animation: fk-don 60s linear infinite;
}

/* ---------- Alt kumanda çubuğu ---------- */
.fk-kumanda { display: flex; align-items: center; gap: 8px; }
.fk-kumanda button {
  padding: 6px 12px; border-radius: 7px; cursor: pointer; font: inherit;
  font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .08em;
  color: var(--f-ikincil); background: var(--f-yuzey); border: 1px solid var(--f-cizgi);
  transition: color .2s ease, border-color .2s ease;
}
.fk-kumanda button:hover { color: var(--f-parlak); border-color: var(--f-cizgi-guclu); }
.fk-kumanda button:focus-visible { outline: 2px solid var(--f-parlak); outline-offset: 2px; }

/* ---------- Komut dalgası: merkezden yayılan halka ---------- */
.fk-dalga {
  position: absolute; left: 50%; top: 50%; width: 180px; height: 180px; margin: -90px 0 0 -90px;
  border-radius: 50%; border: 2px solid var(--f-parlak); pointer-events: none; z-index: 5;
  animation: fk-dalga 1.1s cubic-bezier(.1, .8, .2, 1) forwards;
}
@keyframes fk-dalga {
  0%   { transform: scale(.2); opacity: .95; }
  100% { transform: scale(4.6); opacity: 0; border-width: 1px; }
}

/* ---------- Kaskad / senkron parlaması ---------- */
.fk-dugum.fk-parla, .fk-serit-dugum.fk-parla {
  animation: fk-parla .53s cubic-bezier(.1, .9, .2, 1);
}
@keyframes fk-parla {
  0%   { border-color: var(--f-parlak); box-shadow: 0 0 26px rgba(0, 190, 255, .55), inset 0 0 14px rgba(0, 190, 255, .35); filter: brightness(1.5); }
  100% { border-color: var(--f-cizgi); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 8px 26px rgba(0, 0, 0, .7); filter: brightness(1); }
}

/* ---------- Derinlik (fare tekerleği) ---------- */
.foton .fk-govde, .foton .fk-serit-dugum {
  transition: transform .35s cubic-bezier(.2, .7, .2, 1);
  transform-origin: center center;
}

/* ---------- Açılış perdesi ---------- */
.fk-perde {
  position: fixed; inset: 0; z-index: 60; display: grid; place-items: center;
  background: #020204; pointer-events: none;
  transition: opacity .6s ease, visibility .6s ease;
}
.fk-perde.kapali { opacity: 0; visibility: hidden; }
.fk-perde-ic { width: min(320px, 76vw); display: grid; justify-items: center; gap: 14px; }
.fk-perde-nokta {
  width: 9px; height: 9px; border-radius: 50%; background: #fff;
  box-shadow: 0 0 14px #fff, 0 0 28px var(--f-parlak);
}
.fk-perde-ray { width: 100%; height: 2px; background: rgba(255, 255, 255, .08); overflow: hidden; }
.fk-perde-dolgu {
  height: 100%; width: 0;
  background: linear-gradient(90deg, transparent, var(--f-parlak), #fff);
  transition: width .2s linear;
}
.fk-perde-yazi {
  width: 100%; display: flex; justify-content: space-between;
  font-family: "JetBrains Mono", monospace; font-size: 11px; color: var(--f-ikincil);
}

/* Hareket kapalıyken perde hiç çizilmez (js) ve dalga/parlama kapalı. */
:root.hareket-kapali .fk-dalga, :root.hareket-kapali .fk-dugum.fk-parla { animation: none !important; }

/* ---------- Seçili kutu ve çekirdek tepkisi (23.09.2026) ----------
   Tasarımda bir kutuya basınca o kutu seçili kalıyor, çekirdek de kısaca
   büzülüp parlıyor. */
.fk-dugum.secili, .fk-serit-dugum.secili {
  border-color: var(--f-parlak);
  background: linear-gradient(135deg, rgba(0, 166, 224, .14) 0%, rgba(5, 7, 12, .96) 100%);
}
.fk-dugum.secili .fk-no { color: var(--f-parlak); }
.fk-kart.fk-tepki {
  transform: scale(.975);
  border-color: rgba(0, 229, 255, .5);
  transition: transform .25s ease, border-color .25s ease;
}
.fk-cekirdek-kare.fk-tepki-kare {
  animation: none;
  box-shadow: 0 0 45px #fff, 0 0 90px var(--f-mavi);
  border-color: #fff;
}

/* ---------- Işıma sırasında yüzeyden geçen ışık şeridi (23.09.2026) ----------
   Zip'teki `triggerComputationalWave` her kutuya `active-pulse` sınıfını da
   veriyor; bu, `specular-edge` kuralını tetikleyip kutunun YÜZEYİNDEN soldan
   sağa bir ışık şeridi geçiriyor. Kenar parlamasıyla BİRLİKTE çalışır —
   kullanıcının "ayrı bir animasyon daha var" dediği katman budur. */
.fk-dugum.fk-sup::before, .fk-serit-dugum.fk-sup::before {
  transform: translateX(437.5%) skewX(-25deg);                /* v504: = left 200 % (yukarıdaki not) */
  /* İki kez 1,2x hızlandırıldı (kullanıcı, 23.09.2026): 1,2 → 1 → 0,83 sn */
  transition: transform .83s ease-in-out;
}