/* ============ perf-lite.css — telefonun ödediği görsel fatura ============
 *
 * perf.js iki yıldır <html> üzerine .perf-lite sınıfını koyuyordu ve tek bir
 * CSS kuralı bunu okumuyordu — dosyanın kendi yorumu "CSS hook" diye söz
 * ediyor, karşılığı hiç yazılmamış. Bu dosya o karşılık.
 *
 * Neden önemli: gelen her 10 kişinin 9'u telefonda (medyan görüntü alanı
 * 392px) ve medyan ziyaret 39 saniye. backdrop-filter, ekranda duran sabit
 * bir öğede, her karede arkasındaki her şeyi yeniden bulanıklaştırır. Ucuz
 * bir Android'de bu tek başına kaydırmayı takılmalı hale getirir. Görsel
 * karşılığı ise neredeyse sıfırdır: bu arka planların hepsi zaten %92-97
 * opak, yani bulanıklaştırılacak pek bir şey yok.
 *
 * En sona yüklenir: amacı üstündeki her şeyi geçersiz kılmak.
 *
 *   .perf-lite  → dokunmatik cihaz, ya da hareketi azaltılmış / zayıf cihaz
 *   .perf-weak  → gerçekten düşük donanım (≤2 GB bellek, ≤4 çekirdek,
 *                 veri tasarrufu açık, ya da 2G)
 */

/* ── 1. Bulanıklık ─────────────────────────────────────────────────────────
   Kalanların hepsi: bildirim baloncuğu, modal perdeleri, ders geri tuşu,
   donma perdesi, Tailwind'in backdrop-blur yardımcıları. Yerine biraz daha
   opak bir zemin — aynı okunurluk, sıfır GPU maliyeti. */
.perf-lite .qq-toast,
.perf-lite .aca-notif,
.perf-lite .qq-daily-modal,
.perf-lite .qq-push-invite-scrim,
.perf-lite .qq-danger-scrim,
.perf-lite .qq-recovery-scrim,
.perf-lite .qq-flash-veil,
.perf-lite .aca-freeze-overlay,
.perf-lite .qq-assess-card,
.perf-lite .qq-nav-main,
.perf-lite #academy-back-btn,
.perf-lite .orion-reaction,
.perf-lite .arena-gate,
.perf-lite .rp-orion-brief,
.perf-lite [class*="backdrop-blur"] {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Bulanıklık gidince yarı saydam zeminler fazla şeffaf kalıyor; okunurluk
   düşmesin diye zemini koyultuyoruz. */
.perf-lite .qq-toast        { background: rgba(15, 21, 36, .985) !important; }
.perf-lite .aca-notif       { background: rgba(10, 15, 24, .985) !important; }
.perf-lite .qq-daily-modal  { background: rgba(6, 9, 16, .985) !important; }
.perf-lite .qq-assess-card  { background: rgba(11, 18, 32, .985) !important; }
.perf-lite #academy-back-btn{ background: rgba(10, 15, 24, .96) !important; }
.perf-lite .qq-danger-scrim,
.perf-lite .qq-recovery-scrim,
.perf-lite .qq-push-invite-scrim { background: rgba(2, 4, 9, .90) !important; }

/* ── 2. Dekoratif sonsuz animasyon ────────────────────────────────────────
   Maskotların nefesi, antenler, gözler: karakterin kendisi, kalıyorlar.
   Kalan süsler — arkada süzülen paneller, parıldayan haleler, atan kartlar —
   ekranda sürekli boyama işi üretiyor ve hiçbir şey anlatmıyor.
   .perf-weak'te (2 GB bellek / 2G) bunlar tamamen susar. */
.perf-weak .floaty,
.perf-weak .breath,
.perf-weak .chest-box,
.perf-weak .aca-orion-glow,
.perf-weak .aca-cliffhanger-glow,
.perf-weak .qq-onboard-depth,
.perf-weak .qq-account-hero-orb,
.perf-weak .aca-hook-mascot,
.perf-weak .aca-orion-avatar,
.perf-weak .aca-jlink.active::after,
.perf-weak .aca-progress-seg.active::after,
.perf-weak .aca-choice-cinematic::after,
.perf-weak .mascot-svg .aca-eyes,
.perf-weak .aca-mascot-idle {
  animation: none !important;
}

/* Zayıf cihazda dekoratif gölge ve hale bütçesi sıfır. Kenarlıklar kalıyor,
   yani hiyerarşi bozulmuyor — sadece parıltı gidiyor.
   Yükleyici halkası (.qq-loader-ring) ve ilerleme çubukları hariç: onlar
   süs değil, "çalışıyor" demenin tek yolu. */
.perf-weak .glow,
.perf-weak .qq-glow-track { box-shadow: none !important; }

/* ── 3. Kaydırma ──────────────────────────────────────────────────────────
   Sabit konumlu üst/alt çubuklar arkasında kayan içerik, mobil tarayıcıda
   her karede yeniden katman birleştirmesi demek. Alt gezinme çubuğunu kendi
   katmanına sabitlemek bunu bir kez yaptırıyor. */
.perf-touch .qq-mnav { will-change: transform; transform: translateZ(0); }

/* iOS'ta -webkit-overflow-scrolling kaydırmayı GPU'ya taşır; kaldırılmış
   olsa bile eski Safari'lerde hâlâ fark ediyor. */
.perf-touch .overflow-y-auto,
.perf-touch .qq-scroll { -webkit-overflow-scrolling: touch; }

/* ── 4. Hareketi azalt tercihi ────────────────────────────────────────────
   Zaten 12 dosyada karşılığı var; burada yalnızca kaçanları kapatıyoruz.
   Kullanıcı işletim sisteminde "hareketi azalt" dediyse, dediğini yapıyoruz. */
@media (prefers-reduced-motion: reduce) {
  .floaty, .breath, .chest-box, .aca-orion-glow, .aca-cliffhanger-glow,
  .qq-onboard-depth, .qq-account-hero-orb, .aca-hook-mascot, .aca-orion-avatar {
    animation: none !important;
  }
}