/* Tinkeroll — sayfalar arası "delik" geçişi (tx.js) */
.tx { position: fixed; inset: 0; z-index: 400; pointer-events: none; visibility: hidden; }
.tx.on { visibility: visible; pointer-events: auto; }
.tx-ink {
  position: absolute; inset: 0;
  background: radial-gradient(120% 90% at 50% 40%, #2b2a6e, #14122a 70%);
}
.tx-ring {
  position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 5px #ffc23a, 0 0 0 7px rgba(122,74,0,.55), 0 0 40px 6px rgba(255,194,58,.35);
}
.tx-ball {
  position: absolute; left: 0; top: 0; width: 22px; height: 22px; margin: -11px 0 0 -11px; border-radius: 50%; opacity: 0;
  background: radial-gradient(circle at 34% 30%, #fff 0 12%, rgba(255,255,255,.0) 13%), radial-gradient(circle at 50% 55%, #d9543a 0 38%, #e2b04a 39% 48%, #d9543a 49% 60%, rgba(220,232,255,.55) 61%);
  box-shadow: 0 6px 14px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.5);
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) { .tx { display: none; } }