/* Cyprob — mobil dock (10 Eyl 2026, Burak "sol-alta gerçek düğme"). Telefonda
   sahne çalışır (dokunma pointermove'u besler) ama .stage__label basılmaz; bu düğme
   yaklaşılan/son seçilen kartı taşır ve basınca sayfayı açar. Masaüstünde YOK. */
.dock {
  display: none;
  position: fixed; z-index: calc(var(--z-chrome) + 1);
  left: max(3vw, 14px);
  bottom: calc(env(safe-area-inset-bottom, 0px) + max(3.2vw, 16px));
  min-height: 48px; padding: 0 16px 0 18px; gap: 14px;
  align-items: center;
  /* düz yazı: gövde yazısı, normal harf, numara yok (Burak 10 Eyl) */
  font-family: var(--body); font-size: 0.98rem; font-weight: 500;
  letter-spacing: 0; text-transform: none; line-height: 1;
  color: var(--on-abyss); text-align: left; cursor: pointer;
  -webkit-tap-highlight-color: transparent; touch-action: manipulation;
  border: 0; border-radius: 4px;
  background:
    linear-gradient(158deg, oklch(1 0 0 / 0.11) 0%, oklch(1 0 0 / 0.02) 38%, transparent 62%),
    var(--abyss-lift);
  outline: 1px solid var(--hairline); outline-offset: -1px;
  box-shadow: 0 6px 18px oklch(0 0 0 / 0.42), inset 0 0 18px oklch(0.62 0.13 232 / 0.07);
  opacity: 0; translate: 0 8px;
  transition: opacity var(--t-small) var(--out-cubic), translate var(--t-small) var(--out-quart),
              transform var(--t-micro) var(--out-quart);
}
/* kart dili: üst kenarda ışık çizgisi (tek-ışık disiplini, kartlarla aynı kaynak) */
.dock::after {
  content: ""; position: absolute; inset: 0 0 auto 0; height: 1px; border-radius: inherit;
  background: linear-gradient(90deg, transparent 6%, oklch(1 0 0 / 0.30) 50%, transparent 94%);
}
.dock__t { color: var(--on-abyss); }
.dock__go {
  width: 8px; height: 8px; margin-left: 2px; flex: none;
  border: solid var(--on-abyss-mute); border-width: 1px 1px 0 0; rotate: 45deg;
}
/* etiket değişimi: yeni ad alttan gelir (giriş > çıkış, 160 ms, out-quart) */
.dock.is-swap .dock__t { animation: dockIn var(--t-micro) var(--out-quart); }
@keyframes dockIn { from { opacity: 0; translate: 0 6px; } to { opacity: 1; translate: 0 0; } }
.dock:active { transform: scale(0.97); }
.dock:focus-visible { outline: 2px solid var(--ice); outline-offset: 3px; }

@media (pointer: coarse), (max-width: 900px) {
  .dock { display: inline-flex; }
  .stage.is-lock ~ .dock { opacity: 1; translate: 0 0; transition-delay: 120ms; }
  .stage.is-zoom ~ .dock { opacity: 0; translate: 0 8px; pointer-events: none; transition-delay: 0ms; }
}
@media (prefers-reduced-motion: reduce) {
  .dock, .dock.is-swap .dock__t { animation: none; transition: none; }
}