/* Piksir — "Rehber Piksir" (rehberSpark.js, D84; site geneli D155; 3B Rota görünümü D165). Maskot sayfayla etkileşir: bölüm başlıklarına süzülür, tarar,
   kartlara yaklaşınca kısa ipucu verir; tıklanınca numara yapar ve "Biliyor muydun?" bilgisi gösterir.
   Yalnız yol gösterir: sohbet yok, duygu/dostluk iddiası yok (CLAUDE.md kural 3). Hareket azaltma → yerinde durur, uçuş/tarama yok. */
.rs { position: fixed; left: 0; top: 0; z-index: 63; width: 88px; height: 88px; margin: 0; padding: 0; border: 0; background: none; cursor: pointer;
  opacity: 0; pointer-events: none; transition: opacity .5s; will-change: transform; color: inherit; border-radius: 50%; }
.rs.gorunur { opacity: 1; pointer-events: auto; }
.rs:focus-visible { outline: 3px solid #3B6CFF; outline-offset: 4px; }
.rs__govde { position: absolute; inset: 0; display: block; transition: transform .5s cubic-bezier(.2,1.6,.4,1); }
.rs__govde svg { width: 100%; height: 100%; display: block; overflow: visible; filter: drop-shadow(0 12px 14px rgba(40,30,120,.35)); }
/* D165 — 3B maskot Rota: sabit resim ve canlı tuval aynı kadrajda (150 × 132; 1 m = 88 px, robot tabanı düğme tabanında).
   Tuval düğmeden taşar (zıplama, kollar); tıklama alanı düğmenin kendisi. 3B hazır olunca (.rs--3b) resim gizlenir. */
.rota-resim, .rota-tuval { position: absolute; left: -31px; top: -36px; width: 150px; height: 132px; max-width: none; display: block;
  pointer-events: none; filter: drop-shadow(0 10px 12px rgba(40,30,120,.26)); }
.rs .rota-tuval { display: none; }
.rs.rs--3b .rota-tuval { display: block; }
.rs.rs--3b .rota-resim { visibility: hidden; }
.rs.rs--3b.numara .rs__govde { animation: none; }   /* tıklamada sevinç klibi oynar */
.rs__itki { position: absolute; left: 50%; bottom: -6px; width: 34px; height: 34px; margin-left: -17px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(124,243,255,.9), rgba(124,243,255,0) 70%); animation: rsItki .9s ease-in-out infinite alternate; }
.rs.ucuyor .rs__itki { transform: scale(1.5); }
.rs.numara .rs__govde { animation: rsNumara 1.1s cubic-bezier(.2,.8,.2,1); }
@keyframes rsItki { from { opacity: .55; transform: scale(.85); } to { opacity: 1; transform: scale(1.1); } }
@keyframes rsNumara { 0% { transform: rotate(0) scale(1); } 40% { transform: rotate(200deg) scale(1.15) translateY(-14px); } 75% { transform: rotate(360deg) scale(.95); } 100% { transform: rotate(360deg) scale(1); } }

/* Tarama ışını (Piksir → hedef) ve hedefin üstünde yumuşak ışık (D85: sert çerçeve yerine dağınık parıltı, yavaş giriş/çıkış) */
.rs-isin { position: fixed; left: 0; top: 0; z-index: 62; height: 90px; margin-top: -45px; transform-origin: 0 50%; pointer-events: none; opacity: 0;
  background: linear-gradient(90deg, rgba(124,243,255,.32), rgba(123,92,255,.12) 70%, rgba(123,92,255,0));
  clip-path: polygon(0 47%, 100% 0, 100% 100%, 0 53%); filter: blur(7px); transition: opacity .8s cubic-bezier(.4,0,.2,1); }
.rs-isin.acik { opacity: .75; }
.rs-tarama { position: fixed; left: 0; top: 0; z-index: 61; pointer-events: none; border-radius: 28px; opacity: 0; overflow: hidden;
  background: radial-gradient(ellipse at center, rgba(124,243,255,.14), rgba(124,243,255,.05) 55%, transparent 75%);
  box-shadow: 0 0 46px 6px rgba(124,243,255,.16); transition: opacity .9s cubic-bezier(.4,0,.2,1); }
.rs-tarama::after { content: ""; position: absolute; top: -20%; bottom: -20%; left: -60%; width: 60%; filter: blur(10px);
  background: linear-gradient(90deg, transparent, rgba(124,243,255,.16), rgba(255,255,255,.3), rgba(124,243,255,.16), transparent); }
.rs-tarama.acik { opacity: 1; }
.rs-tarama.acik::after { animation: rsSupur 1.6s cubic-bezier(.45,.05,.25,1); }
@keyframes rsSupur { to { left: 120%; } }

/* İpucu balonu */
.rs-balon { position: fixed; left: 0; top: 0; z-index: 64; width: min(300px, calc(100vw - 32px)); padding: 12px 14px 12px; border-radius: 20px;
  background: rgba(255,255,255,.94); color: #1B1846; border: 1px solid rgba(255,255,255,.98);
  box-shadow: 0 18px 40px -16px rgba(40,30,120,.55), 0 0 0 2px rgba(124,243,255,.35); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  opacity: 0; transform: translateY(8px) scale(.96); transition: opacity .3s, transform .35s cubic-bezier(.2,1.4,.4,1); pointer-events: none; }
.rs-balon.acik { opacity: 1; transform: none; pointer-events: auto; }
.rs-balon__ust { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; font-size: .74rem; font-weight: 800; letter-spacing: .03em; color: #5B48D9; text-transform: uppercase; }
.rs-balon__ust .v2-icon { width: 16px; height: 16px; }
.rs-kapat { margin: -6px -6px -6px auto; width: 36px; height: 36px; display: grid; place-items: center; border: 0; border-radius: 50%;
  background: transparent; color: #1B1846; cursor: pointer; }
.rs-kapat:hover, .rs-kapat:focus-visible { background: rgba(123,92,255,.14); }
.rs-kapat:focus-visible { outline: 3px solid #3B6CFF; outline-offset: 2px; }
.rs-balon p { margin: 0; font-weight: 700; font-size: .95rem; line-height: 1.35; }
.rs-balon__alt { display: flex; gap: 6px; margin-top: 10px; }
.rs-balon__alt button { flex: 1; min-height: 40px; border: 0; border-radius: 12px; font: inherit; font-weight: 800; font-size: .85rem; cursor: pointer;
  color: #1B1846; background: rgba(123,92,255,.1); }
.rs-balon__alt button:hover, .rs-balon__alt button:focus-visible { background: rgba(123,92,255,.2); }
.rs-balon__alt button:focus-visible { outline: 3px solid #3B6CFF; outline-offset: 2px; }
.rs-balon__alt .rs-sonraki { background: linear-gradient(135deg, #7B5CFF, #3B6CFF); color: #FFFFFF; }

/* Gizlendiğinde kenarda küçük sekme */
.rs-sekme { position: fixed; left: 0; bottom: 120px; z-index: 63; display: none; align-items: center; gap: 6px; padding: 8px 12px 8px 8px; min-height: 44px;
  border: 0; border-radius: 0 999px 999px 0; cursor: pointer; font: inherit; font-weight: 800; font-size: .85rem; color: #1B1846;
  background: rgba(255,255,255,.92); box-shadow: 0 10px 22px -10px rgba(40,30,120,.6); }
.rs-sekme svg { width: 28px; height: 28px; }
.rs-sekme img { width: 42px; height: 37px; margin: -6px -4px -6px -8px; object-fit: contain; }
.rs-sekme.gorunur { display: inline-flex; }
@media (max-width: 1023.98px) { .rs-sekme { bottom: 168px; } }

@media (max-width: 760px) { .rs { width: 60px; height: 60px; } .rs__govde { transform: scale(.68); transform-origin: 50% 100%; } }
@media (prefers-reduced-motion: reduce) { .rs__itki, .rs.numara .rs__govde, .rs-tarama.acik::after { animation: none !important; } .rs-isin { display: none; } }
html.a11y-calm .rs__itki, html.a11y-calm .rs.numara .rs__govde, html.efekt-az .rs.numara .rs__govde { animation: none !important; }
html.a11y-calm .rs-isin, html.efekt-az .rs-isin { display: none; }
@media print { .rs, .rs-isin, .rs-tarama, .rs-balon, .rs-sekme { display: none !important; } }