/* =========================================================
   SiberHat · Takip Edilemez Hat bileşeni (bağımsız)
   Kök: .hz-slot  — tüm kurallar .hz-* ile isim alanlı
   ========================================================= */
.hz-slot{
  --ink:#f5f2fa; --muted:rgba(245,242,250,.62); --dim:rgba(245,242,250,.42);
  --violet-s:#d8b4fe; --ok:#22e0a1;
  color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,sans-serif;
}
.hz-slot *,.hz-slot *::before,.hz-slot *::after{box-sizing:border-box}
.hz-slot{margin-top:22px;max-width:640px}
.hz-card{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(216,180,254,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),rgba(13,10,24,.74);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 40px rgba(0,0,0,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hz-lbl{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-weight:600}
.hz-h{margin:3px 0 0;font-size:16.5px;font-weight:700;letter-spacing:-.01em}
.hz-h .g{background:linear-gradient(90deg,#d8b4fe,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}
.hz-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.hz-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font:700 10.5px/1 Inter,sans-serif;letter-spacing:.1em;white-space:nowrap;transition:.4s}
.hz-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}

/* ======================= J) TAKİP EDİLEMEZ HAT ======================= */
.hz-trace{padding:16px 18px 14px}
.hz-trace .hz-pill{color:#fb7185;background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.3)}
.hz-trace.lost .hz-pill{color:#22e0a1;background:rgba(34,224,161,.1);border-color:rgba(34,224,161,.3)}
.hz-map{position:relative;height:92px;margin-top:10px}
.hz-map>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hz-map .rt{fill:none;stroke:rgba(216,180,254,.16);stroke-width:1.5;stroke-dasharray:3 6}
.hz-map .rt-live{fill:none;stroke:url(#hzLine);stroke-width:2;stroke-linecap:round;stroke-dasharray:60 900;animation:hz-flow 3.6s linear infinite}
@keyframes hz-flow{from{stroke-dashoffset:960}to{stroke-dashoffset:0}}
.hz-map .decoy{fill:none;stroke:rgba(244,63,94,.28);stroke-width:1.2;stroke-dasharray:2 5}
.hz-node{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:12px;font:700 11px/1 Inter,sans-serif}
.hz-end{width:40px;height:40px;color:#fff;background:linear-gradient(135deg,#a855f7,#ec4899);box-shadow:0 8px 20px rgba(236,72,153,.35)}
.hz-end.r{background:linear-gradient(135deg,#2a2046,#1a1430);color:var(--violet-s);border:1px solid rgba(216,180,254,.25);box-shadow:none}
.hz-end svg{width:18px;height:18px}
.hz-relay{width:26px;height:26px;border-radius:50%;background:#140f24;border:1px solid rgba(216,180,254,.3);color:var(--violet-s);font-size:9px}
.hz-relay::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(216,180,254,.35);animation:hz-ping 2.4s ease-out infinite;animation-delay:var(--d,0s)}
@keyframes hz-ping{from{transform:scale(.8);opacity:1}to{transform:scale(1.7);opacity:0}}
.hz-cap{position:absolute;transform:translateX(-50%);font-size:10.5px;color:var(--dim);white-space:nowrap}
.hz-tracker{position:absolute;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#f43f5e;box-shadow:0 0 0 4px rgba(244,63,94,.18),0 0 16px #f43f5e;
  offset-path:path("M30 46 C 90 46, 110 18, 170 22");offset-rotate:0deg;animation:hz-chase 4.8s cubic-bezier(.45,0,.55,1) infinite}
@keyframes hz-chase{0%{offset-distance:0%;opacity:0}10%{opacity:1}62%{offset-distance:100%;opacity:1;transform:scale(1)}72%{offset-distance:100%;opacity:1;transform:scale(1.6)}82%,100%{offset-distance:100%;opacity:0;transform:scale(.2)}}
.hz-q{position:absolute;left:170px;top:2px;font:700 11px/1 "JetBrains Mono",monospace;color:#fb7185;opacity:0;animation:hz-q 4.8s linear infinite}
@keyframes hz-q{0%,64%{opacity:0;transform:translateY(4px)}70%,92%{opacity:1;transform:none}100%{opacity:0}}
.hz-foot{display:flex;gap:16px;margin-top:6px;font-size:12px;color:var(--muted)}
.hz-foot b{color:#fff;font-weight:600}
.hz-foot span::before{content:"✓ ";color:var(--ok);font-weight:700}


@media (max-width:720px){
  .hz-slot{width:100%;max-width:none;margin-top:18px}
  .hz-trace{padding:14px 14px 12px;border-radius:18px}
  .hz-h{font-size:clamp(13px,3.1vw,16px)}
  .hz-pill{padding:5px 8px;font-size:9px}
  .hz-map{height:84px;margin-top:8px}
  .hz-foot{flex-wrap:wrap;gap:6px 14px;font-size:11px}
}
@media (max-width:460px){
  .hz-top{flex-direction:column;gap:8px}
  .hz-pill{align-self:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .hz-card *,.hz-card *::before,.hz-card *::after{animation:none!important}
}
/* ikon ortalama */
.hz-node{display:flex;align-items:center;justify-content:center}
.hz-end svg{display:block;flex:none}