/* ================================================================
   ar_perf.css - CHẾ ĐỘ NHẸ cho máy yếu (js/ar_caps.js tự gắn class
   "perf-low" lên <html> khi nhận diện máy cấu hình thấp, hoặc khi đo thấy
   khung hình/giây quá thấp lúc đang chạy AR).
   Tắt các hiệu ứng TRANG TRÍ tốn GPU (làm mờ nền, vệt quét, hạt sáng,
   vòng xoay vô hạn) - giữ nguyên mọi chức năng và các hiệu ứng báo trạng
   thái cần thiết (radar dò tìm, spinner).
   Thử thủ công: thêm ?perf=low vào URL (hoặc ?perf=auto để quay lại tự động).
   ================================================================ */
html.perf-low *, html.perf-low *::before, html.perf-low *::after {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html.perf-low #ar-gt-card, html.perf-low .gt-pair-card, html.perf-low .gt-guide-card,
html.perf-low .hud-tile, html.perf-low .gt-char-btn, html.perf-low #ar-gt-compact-tip-card,
html.perf-low .gt-diagram-btn, html.perf-low .gt-grid-layer {
  animation: none !important;
  transition-duration: 0.01ms !important;
}
html.perf-low .gt-diagram-btn { opacity: 1 !important; }
html.perf-low .sn-book-tile, html.perf-low .sn-stage-scanline,
html.perf-low #ar-sn-cover3d-wrap.sn-flash .sn-c3d-face, html.perf-low .sn-c3d-flash-sweep,
html.perf-low .sn-full-grid {
  animation: none !important;
}
html.perf-low .wf-arrow-stage::before, html.perf-low .wf-arrow-stage::after,
html.perf-low .hud-chip::before, html.perf-low .hud-chip, html.perf-low .hud-row,
html.perf-low .hud-particle-field, html.perf-low .hud-particle-field span,
html.perf-low .wf-arrow-main, html.perf-low .wf-chevron,
html.perf-low #ar-wf-card .wf-scan-sweep, html.perf-low .wf-grid-layer {
  animation: none !important;
}
html.perf-low .hud-particle-field { display: none !important; }
html.perf-low .logo-ring, html.perf-low .logo-wrap::before { display: none !important; }
html.perf-low .logo-wrap { box-shadow: none !important; }