/* ===== v8G25 PERFORMANCE SMOOTH FIX =====
   Giữ giao diện glass nhưng giảm blur/glow quá nặng để web mượt hơn trên PC/mobile. */
:root{
  --perf-blur: 6px;
  --perf-shadow: 0 10px 26px rgba(0,0,0,.28);
}
html{scroll-behavior:auto!important;}
body{overflow:hidden; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;}

/* Chỉ render trang đang mở, giảm tốn layout/paint */
.page:not(.active){display:none!important; visibility:hidden!important; pointer-events:none!important;}
.page.active{contain:layout paint style;}

/* Nền vẫn đẹp nhưng nhẹ hơn */
.bg-slide{
  transform:none!important;
  transition:opacity .75s ease!important;
  will-change:opacity;
  background-size:cover!important;
  background-position:center!important;
}
.bg-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}

/* Ảnh không kéo layout, load mượt hơn */
img{content-visibility:auto; contain-intrinsic-size:120px 120px;}
.avatar,.avatar-img,.user-avatar,.qr-img,.qr-big{content-visibility:visible;}

/* Giảm animation RGB/glow ở mobile để đỡ giật */
@media (max-width: 768px){
  :root{--perf-blur:4px;--perf-shadow:0 6px 18px rgba(0,0,0,.24);}
  .bg-slide{transition:opacity .45s ease!important;}
  .rgb-name,.vip-name,.user-name-rgb,.rank-name,.char-name{
    animation-duration:7s!important;
    text-shadow:none!important;
  }
  .glow,.vip-glow,.rgb-glow{filter:none!important;}
}

/* Người dùng bật giảm chuyển động */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}